💥 Changed utils exports to seperate dependencies

.gitignore

@@ -22,6 +22,26 @@ packages/components/Workbench
 packages/core/coverage
 packages/workbench
 .netlify
+packages/utils/backend
+packages/utils/camelCase
+packages/utils/capitalize
+packages/utils/cloneObject
+packages/utils/defaultGist
+packages/utils/defaultSa
+packages/utils/formatImperial
+packages/utils/formatMm
+packages/utils/optionDefault
+packages/utils/optionType
+packages/utils/roundMm
+packages/utils/roundMmDown
+packages/utils/roundMmUp
+packages/utils/sliderStep
+packages/utils/smallestImperialStep
+packages/utils/storage
+packages/utils/tiler
+packages/utils/measurementAsMm
+packages/utils/validateEmail
+packages/utils/validateTld
 
 # dependencies
 node_modules

config/exceptions.yaml

@@ -6,6 +6,7 @@ customRollup:
   - components
   - core
   - i18n
+  - utils
 packageJson:
   components:
     # react-scripts doesn't handle .mjs files correctly

packages/utils/package.json

@@ -35,7 +35,26 @@
   "dependencies": {},
   "devDependencies": {},
   "files": [
-    "dist/*",
+    "backend/*",
+    "camelCase/*",
+    "capitalize/*",
+    "cloneObject/*",
+    "defaultGist/*",
+    "defaultSa/*",
+    "formatImperial/*",
+    "formatMm/*",
+    "optionDefault/*",
+    "optionType/*",
+    "roundMm/*",
+    "roundMmDown/*",
+    "roundMmUp/*",
+    "sliderStep/*",
+    "smallestImperialStep/*",
+    "storage/*",
+    "tiler/*",
+    "measurementAsMm/*",
+    "validateEmail/*",
+    "validateTld/*",
     "README.md",
     "package.json"
   ],

packages/utils/rollup.config.js

@@ -1,51 +1,23 @@
 import babel from "rollup-plugin-babel";
 import resolve from "rollup-plugin-node-resolve";
-import commonjs from "rollup-plugin-commonjs";
 import json from "rollup-plugin-json";
 import minify from "rollup-plugin-babel-minify";
-import yaml from "rollup-plugin-yaml";
-import url from "rollup-plugin-url";
-import postcss from "rollup-plugin-postcss";
-import svgr from "@svgr/rollup";
 import peerDepsExternal from "rollup-plugin-peer-deps-external";
-import {
-  name,
-  version,
-  description,
-  author,
-  license,
-  main,
-  module
-} from "./package.json";
+import { name, version, description, author, license } from "./package.json";
+import utils from "./src/index.js";
 
-const output = [
-  {
-    file: main,
-    format: "cjs",
+const createConfig = (util, module) => {
+  return {
+    input: `./src/${util + "/"}index.js`,
+    output: {
+      file: `./${util}/index` + (module ? ".mjs" : ".js"),
+      format: module ? "es" : "cjs",
       sourcemap: true
-  }
-];
-if (typeof module !== "undefined")
-  output.push({
-    file: module,
-    format: "es",
-    sourcemap: true
-  });
-
-export default {
-  input: "src/index.js",
-  output,
+    },
     plugins: [
       peerDepsExternal(),
       resolve({ modulesOnly: true }),
-    url(),
-    commonjs(),
       json(),
-    yaml(),
-    svgr(),
-    postcss({
-      modules: true
-    }),
       babel({
         exclude: "node_modules/**",
         plugins: ["@babel/plugin-proposal-object-rest-spread"]
@@ -53,7 +25,16 @@ export default {
       minify({
         comments: false,
         sourceMap: true,
-      banner: `/**\n * ${name} | v${version}\n * ${description}\n * (c) ${new Date().getFullYear()} ${author}\n * @license ${license}\n */`
+        banner: `/**\n * ${name}/${util} | v${version}\n * ${description}\n * (c) ${new Date().getFullYear()} ${author}\n * @license ${license}\n */`
       })
     ]
   };
+};
+
+const config = [];
+for (let util of utils) {
+  config.push(createConfig(util, false));
+  // Webpack doesn't handle .mjs very well
+  //config.push(createConfig(util, true));
+}
+export default config;

packages/utils/src/formatMm/index.js

@@ -1,5 +1,5 @@
-import roundMm from "./roundMm";
-import formatImperial from "./formatImperial";
+import roundMm from "../roundMm";
+import formatImperial from "../formatImperial";
 
 const formatMm = (val, units, format = "html") => {
   val = roundMm(val);

packages/utils/src/index.js

@@ -1,20 +1,22 @@
-export { default as backend } from "./backend";
-export { default as camelCase } from "./camelCase";
-export { default as capitalize } from "./capitalize";
-export { default as cloneObject } from "./cloneObject";
-export { default as defaultGist } from "./defaultGist";
-export { default as defaultSa } from "./defaultSa";
-export { default as formatImperial } from "./formatImperial";
-export { default as formatMm } from "./formatMm";
-export { default as optionDefault } from "./optionDefault";
-export { default as optionType } from "./optionType";
-export { default as roundMm } from "./roundMm";
-export { default as roundMmDown } from "./roundMmDown";
-export { default as roundMmUp } from "./roundMmUp";
-export { default as sliderStep } from "./sliderStep";
-export { default as smallestImperialStep } from "./smallestImperialStep";
-export { default as storage } from "./storage";
-export { default as tiler } from "./tiler";
-export { default as measurementAsMm } from "./measurementAsMm";
-export { default as validateEmail } from "./validateEmail";
-export { default as validateTld } from "./validateTld";
+export default [
+  "backend",
+  "camelCase",
+  "capitalize",
+  "cloneObject",
+  "defaultGist",
+  "defaultSa",
+  "formatImperial",
+  "formatMm",
+  "optionDefault",
+  "optionType",
+  "roundMm",
+  "roundMmDown",
+  "roundMmUp",
+  "sliderStep",
+  "smallestImperialStep",
+  "storage",
+  "tiler",
+  "measurementAsMm",
+  "validateEmail",
+  "validateTld"
+];

packages/utils/src/optionDefault/index.js

@@ -1,4 +1,4 @@
-import optionType from "./optionType";
+import optionType from "../optionType";
 
 const optionDefault = option => {
   let type = optionType(option);

packages/utils/src/roundMm.js

@@ -1,8 +0,0 @@
-const roundMm = (val, units) => {
-  if (units === "imperial")
-    return Math.round(val * 1000000) / 1000000;
-  else
-    return Math.round(val * 10) / 10;
-};
-
-export default roundMm;

packages/utils/src/roundMm/index.js

@@ -0,0 +1,6 @@
+const roundMm = (val, units) => {
+  if (units === "imperial") return Math.round(val * 1000000) / 1000000;
+  else return Math.round(val * 10) / 10;
+};
+
+export default roundMm;

packages/utils/src/roundMmDown.js

@@ -1,10 +0,0 @@
-import smallestImperialStep from "./smallestImperialStep";
-
-const roundMmDown = (val, units) => {
-  if (units === "imperial")
-    return val - (val % smallestImperialStep);
-  else
-    return Math.floor(val * 10) / 10;
-};
-
-export default roundMmDown;

packages/utils/src/roundMmDown/index.js

@@ -0,0 +1,8 @@
+import smallestImperialStep from "../smallestImperialStep";
+
+const roundMmDown = (val, units) => {
+  if (units === "imperial") return val - (val % smallestImperialStep);
+  else return Math.floor(val * 10) / 10;
+};
+
+export default roundMmDown;

packages/utils/src/roundMmUp.js

@@ -1,10 +0,0 @@
-import smallestImperialStep from "./smallestImperialStep";
-
-const roundMmUp = (val, units) => {
-  if (units === "imperial")
-    return val - (val % smallestImperialStep);
-  else
-    return Math.ceil(val * 10) / 10;
-};
-
-export default roundMmUp;

packages/utils/src/roundMmUp/index.js

@@ -0,0 +1,8 @@
+import smallestImperialStep from "../smallestImperialStep";
+
+const roundMmUp = (val, units) => {
+  if (units === "imperial") return val - (val % smallestImperialStep);
+  else return Math.ceil(val * 10) / 10;
+};
+
+export default roundMmUp;