♻️ mainly workspace refactor

frontend/vendor/.babelrc

@@ -0,0 +1,8 @@
+{
+  "presets": [
+    ["@babel/preset-env", {"targets": {"browsers": "last 1 Chrome versions"}, "modules": false}],
+    ["@babel/preset-react"]
+  ],
+  "plugins": ["@babel/plugin-proposal-export-default-from",
+              "@babel/plugin-proposal-class-properties"]
+}

frontend/vendor/datefns/LICENSE.md

@@ -1,4 +0,0 @@
-# License
-
-date-fns is licensed under the [MIT license](http://kossnocorp.mit-license.org).
-Read more about MIT at [TLDRLegal](https://tldrlegal.com/license/mit-license).

frontend/vendor/datefns/VERSION

@@ -1 +0,0 @@
-1.30.1

frontend/vendor/datefns/notes.md

@@ -1,9 +0,0 @@
-Current version: 1.28.0
-
-Build browserified bundle:
-
-    ./node_modules/browserify/bin/cmd.js -s dateFns -e src/index.js -o datefns.js
-
-Minified bundle:
-
-    ./node_modules/uglify-js/bin/uglifyjs datefns.js -m -o datefns.min.js

frontend/vendor/deps.cljs

@@ -5,11 +5,15 @@
   {:file "jszip/jszip.js"
    :file-min "jszip/jszip.min.js"
    :provides ["vendor.jszip"]}
-  {:file "datefns/datefns.js"
-   :file-min "datefns/datefns.min.js"
+  {:file "datefns/datefns.bundle.js"
+   :file-min "datefns/datefns.bundle.min.js"
    :provides ["vendor.datefns"]}
-  ]
+  {:file "react-color/react-color.bundle.js"
+   :file-min "react-color/react-color.bundle.min.js"
+   :requires ["cljsjs.react"]
+   :provides ["vendor.react-color"]}]
  :externs ["main.externs.js"
            "snapsvg/externs.js"
            "jszip/externs.js"
+           "react-color/externs.js"
            "datefns/externs.js"]}

frontend/vendor/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "uxbox-vendor",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "build": "NODE_ENV=production rollup -c",
+    "minify:react-color": "terser react-color/react-color.bundle.js -c -m -o react-color/react-color.bundle.min.js",
+    "minify:datefns": "terser datefns/datefns.bundle.js -c -m -o datefns/datefns.bundle.min.js",
+    "dist": "npm run build && npm run minify:react-color && npm run minify:datefns"
+  },
+  "author": "",
+  "license": "MPL2",
+  "devDependencies": {
+    "@babel/cli": "^7.4.4",
+    "@babel/core": "^7.4.4",
+    "@babel/plugin-proposal-class-properties": "^7.5.5",
+    "@babel/plugin-proposal-export-default-from": "^7.5.2",
+    "@babel/preset-env": "^7.4.4",
+    "@babel/preset-react": "^7.0.0",
+    "rollup": "^1.12.3",
+    "rollup-plugin-babel": "^4.3.2",
+    "rollup-plugin-commonjs": "^10.0.0",
+    "rollup-plugin-node-builtins": "^2.1.2",
+    "rollup-plugin-node-globals": "^1.4.0",
+    "rollup-plugin-node-resolve": "^5.0.0",
+    "terser": "^4.1.2"
+  },
+  "dependencies": {
+    "date-fns": "^1.30.1",
+    "react-color": "^2.17.3",
+    "snapsvg": "^0.5.1"
+  }
+}

frontend/vendor/react-color/externs.js

@@ -0,0 +1,2 @@
+var ChromePicker = {};
+var SketchPicker = {};

frontend/vendor/react-color/react-color.js

@@ -0,0 +1,11 @@
+import SketchPicker from "react-color/lib/components/sketch/Sketch";
+
+if (typeof self !== "undefined") { init(self); }
+else if (typeof global !== "undefined") { init(global); }
+else if (typeof window !== "undefined") { init(window); }
+else { throw new Error("unsupported execution environment"); }
+
+function init(g) {
+  g.SketchPicker = SketchPicker;
+}
+

frontend/vendor/rollup.config.js

@@ -0,0 +1,51 @@
+import babel from 'rollup-plugin-babel';
+import resolve from 'rollup-plugin-node-resolve';
+import commonjs from 'rollup-plugin-commonjs';
+import globals from 'rollup-plugin-node-globals';
+import builtins from 'rollup-plugin-node-builtins';
+
+const plugins = [
+  babel({
+    exclude: 'node_modules/**',
+    sourceMap: false
+  }),
+
+  resolve({
+    mainFields: ['module', 'main'],
+    // preferBuiltins: false,
+    browser: true
+  }),
+
+  commonjs({
+    include: 'node_modules/**',  // Default: undefined
+    // if true then uses of `global` won't be dealt with by this plugin
+    ignoreGlobal: false,  // Default: false
+    sourceMap: false,  // Default: true
+  }),
+
+  globals(),
+  builtins(),
+];
+
+export default [{
+  input: "./react-color/react-color.js",
+  external: ["react", "react-dom"],
+  output: {
+    globals: {
+      "react": "React",
+      "react-dom": "ReactDOM"
+    },
+    compact: true,
+    file: './react-color/react-color.bundle.js',
+    format: 'iife',
+  },
+  plugins: plugins
+}, {
+  input: "./datefns/datefns.js",
+  output: {
+    compact: true,
+    file: './datefns/datefns.bundle.js',
+    format: 'iife',
+  },
+  plugins: plugins
+}];