feat(paco): Initial merge of my work on the paco pattern

This also includes a lot of dependency updates

packages/tutorial/example/src/App.js

@@ -11,10 +11,12 @@ const App = (props) => {
   let config = instance.config
 
   // You can use this to add transations
+  /*
   let translations = {
     JSON: 'JSON',
     someOtherString: 'Some other string that needs translation'
   }
+  */
 
   return (
     <Workbench
@@ -22,7 +24,7 @@ const App = (props) => {
       Pattern={Pattern}
       config={config}
       userLanguage="en"
-      translations={translations}
+      //translations={translations}
     />
   )
 }

packages/tutorial/package.json

@@ -39,13 +39,13 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "react": "^16.8",
-    "react-dom": "^16.8",
-    "@babel/plugin-proposal-class-properties": "^7.0.0",
-    "babel-eslint": "10.0.1",
-    "eslint": "^5.16.0",
-    "babel-jest": "24.7.1",
-    "jest": "24.7.1",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "@babel/plugin-proposal-class-properties": "^7.10.4",
+    "babel-eslint": "^10.1.0",
+    "eslint": "^7.6.0",
+    "babel-jest": "^26.2.2",
+    "jest": "26.2.2",
     "@freesewing/components": "^2.7.2",
     "@freesewing/css-theme": "^2.7.2",
     "@freesewing/i18n": "^2.7.2",
@@ -55,28 +55,25 @@
     "@freesewing/plugin-flip": "^2.7.2",
     "@freesewing/utils": "^2.7.2",
     "@svgr/rollup": "^2.4.1",
-    "cross-env": "^5.1.4",
-    "gh-pages": "^1.2.0",
-    "react-scripts": "^3.0.0",
-    "webpack": "4.29.6",
-    "rollup": "^0.64.1",
-    "rollup-plugin-babel": "^4.0.1",
-    "rollup-plugin-babel-minify": "^7.0.0",
-    "rollup-plugin-commonjs": "^9.1.3",
-    "rollup-plugin-json": "^3.1.0",
-    "rollup-plugin-node-resolve": "^3.3.0",
-    "rollup-plugin-peer-deps-external": "^2.2.0",
-    "rollup-plugin-postcss": "^1.6.2",
-    "rollup-plugin-url": "^1.4.0",
-    "@material-ui/core": "4.0.1",
-    "@material-ui/icons": "4.0.1",
-    "@material-ui/lab": "^v4.0.0-alpha.14",
-    "react-intl": "2.8.0",
-    "prop-types": "15.7.2",
-    "mocha": "^6.1.4",
-    "chai": "^4.1.2",
-    "chai-string": "^1.4.0",
-    "@babel/register": "^7.4.4"
+    "cross-env": "^7.0.2",
+    "react-scripts": "^3.4.1",
+    "webpack": "^4.44.1",
+    "rollup": "^2.23.0",
+    "@rollup/plugin-babel": "^5.1.0",
+    "rollup-plugin-terser": "^6.1.0",
+    "@rollup/plugin-commonjs": "^14.0.0",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^8.4.0",
+    "rollup-plugin-peer-deps-external": "^2.2.3",
+    "@material-ui/core": "^4.11.0",
+    "@material-ui/icons": "4.9.1",
+    "@material-ui/lab": "^v4.0.0-alpha.56",
+    "react-intl": "^5.4.5",
+    "prop-types": "^15.7.2",
+    "mocha": "^8.1.0",
+    "chai": "^4.2.0",
+    "chai-string": "^1.5.0",
+    "@babel/register": "^7.10.5"
   },
   "files": [
     "dist/*",
@@ -88,7 +85,7 @@
     "tag": "latest"
   },
   "engines": {
-    "node": ">=8.0.0",
-    "npm": ">=5"
+    "node": ">=12.0.0",
+    "npm": ">=6"
   }
 }

packages/tutorial/rollup.config.js

@@ -1,49 +1,39 @@
-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 peerDepsExternal from "rollup-plugin-peer-deps-external";
-import {
-  name,
-  version,
-  description,
-  author,
-  license,
-  main,
-  module
-} from "./package.json";
+//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 { terser } from 'rollup-plugin-terser'
+import peerDepsExternal from 'rollup-plugin-peer-deps-external'
+import { name, version, description, author, license, main, module } from './package.json'
 
 const output = [
   {
     file: main,
-    format: "cjs",
-    sourcemap: true
+    format: 'cjs',
+    sourcemap: true,
+    exports: 'default'
   }
-];
-if (typeof module !== "undefined")
+]
+if (typeof module !== 'undefined')
   output.push({
     file: module,
-    format: "es",
+    format: 'es',
     sourcemap: true
-  });
+  })
 
 export default {
-  input: "src/index.js",
+  input: 'src/index.js',
   output,
   plugins: [
     peerDepsExternal(),
     resolve({ modulesOnly: true }),
     commonjs(),
     json(),
-    babel({
-      exclude: "node_modules/**",
-      plugins: ["@babel/plugin-proposal-object-rest-spread"]
-    }),
-    minify({
-      comments: false,
-      sourceMap: true,
-      banner: `/**\n * ${name} | v${version}\n * ${description}\n * (c) ${new Date().getFullYear()} ${author}\n * @license ${license}\n */`
+    //babel({ exclude: "node_modules/**", }),
+    terser({
+      output: {
+        preamble: `/**\n * ${name} | v${version}\n * ${description}\n * (c) ${new Date().getFullYear()} ${author}\n * @license ${license}\n */`
+      }
     })
   ]
-};
+}