UIKit Refactor Part 5: Redux + SkateJS + Preact-Powered Web Components

.travis.yml

@@ -5,7 +5,7 @@ before_install:
 
 before_script:
   - npm install -g [email protected]
-  - npm run bootstrap
+  - npm run setup
   - lerna add @pattern-lab/engine-mustache --scope=@pattern-lab/core
   - lerna add @pattern-lab/engine-handlebars --scope=@pattern-lab/core
   - lerna add @pattern-lab/engine-underscore --scope=@pattern-lab/core

package.json

@@ -5,6 +5,8 @@
   "private": true,
   "scripts": {
     "bootstrap": "lerna bootstrap",
+    "setup": "npm run bootstrap && npm run build:uikit",
+    "build:uikit": "lerna exec --scope @pattern-lab/uikit-workshop -- npm run build",
     "precommit": "pretty-quick --staged",
     "prettier": "prettier --config .prettierrc --write ./**/*.js",
     "test": "lerna run test",

packages/uikit-workshop/.patternlabrc.js

@@ -0,0 +1,5 @@
+// .rc config file allowing users to customize folder locations, etc that are wired up to be configurable in the build process (via cosmic config) -- this example lives in the root of UIKit however can live in a higher-level parent as part of your project's config!
+
+module.exports = {
+  // buildDir: '../../../www/pattern-lab',
+}

packages/uikit-workshop/package.json

@@ -4,9 +4,9 @@
   "description": "Front-end assets and templates for the default Pattern Lab workshop view",
   "main": "gulpfile.js",
   "scripts": {
-    "build": "webpack-cli --config webpack.config.js --progress",
+    "build": "webpack-cli --config webpack.config.js --progress --bail",
     "watch": "webpack-cli --config webpack.config.js --progress --watch",
-    "test": "npm run build -- --bail"
+    "test": "npm run build"
   },
   "authors": [
     {
@@ -32,25 +32,34 @@
     "jshint": "^2.9.5"
   },
   "devDependencies": {
-    "@babel/core": "^7.0.0-beta.55",
-    "@babel/preset-env": "^7.0.0-beta.55",
+    "node-sass-selector-importer": "^5.2.0",
+    "@babel/core": "^7.0.0",
+    "@babel/plugin-proposal-class-properties": "^7.0.0",
+    "@babel/plugin-proposal-decorators": "^7.0.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
+    "@babel/plugin-syntax-jsx": "^7.0.0",
+    "@babel/plugin-transform-react-jsx": "^7.0.0",
+    "@babel/preset-env": "^7.0.0",
     "autoprefixer": "^9.1.0",
-    "babel-loader": "^8.0.0-beta.4",
+    "babel-loader": "^8.0.2",
     "clean-css-loader": "^1.0.1",
     "clean-webpack-plugin": "^0.1.19",
     "copy-webpack-plugin": "^4.5.2",
-    "critical": "^1.3.4",
+    "cosmiconfig": "^5.0.6",
     "critical-css-webpack-plugin": "^0.2.0",
+    "critical": "^1.3.4",
     "css-loader": "^1.0.0",
     "html-loader": "^0.5.5",
     "html-webpack-plugin": "github:jantimon/html-webpack-plugin#webpack-4",
+    "jshint": "^2.9.6",
     "mini-css-extract-plugin": "^0.4.1",
     "no-emit-webpack-plugin": "^1.0.0",
     "node-sass": "^4.9.3",
     "penthouse": "^1.6.2",
     "postcss-loader": "^3.0.0",
     "raw-loader": "^0.5.1",
     "sass-loader": "^7.1.0",
+    "style-loader": "^0.23.1",
     "uglifyjs-webpack-plugin": "^1.2.7",
     "webpack": "4.16.3",
     "webpack-cli": "^3.1.0",
@@ -61,18 +70,34 @@
     "access": "public"
   },
   "dependencies": {
+    "classnames": "^2.2.6",
+    "react-animate-height": "^2.0.4",
+    "@skatejs/renderer-preact": "^0.3.3",
+    "@webcomponents/shadydom": "^1.2.0",
+    "@webcomponents/custom-elements": "^1.2.1",
     "clipboard": "^2.0.1",
+    "core-js": "^2.5.7",
     "deepmerge": "^2.1.1",
+    "document-register-element": "^1.11.1",
+    "es6-promise": "^4.2.4",
     "fg-loadcss": "^2.0.1",
     "fg-loadjs": "^1.0.0",
     "hogan.js": "^3.0.2",
     "jquery": "^3.3.1",
     "js-cookie": "^2.2.0",
     "jshint": "^2.9.5",
     "mousetrap": "^1.6.2",
+    "preact-compat": "^3.18.4",
+    "preact": "^8.3.1",
     "prism": "^4.1.2",
     "prismjs": "^1.15.0",
+    "pwa-helpers": "^0.8.3",
+    "redux-thunk": "^2.3.0",
+    "redux": "^4.0.0",
+    "reselect": "^3.0.1",
     "scriptjs": "^2.5.8",
+    "scroll-js": "^1.9.1",
+    "skatejs": "^5.2.4",
     "typeahead.js": "^0.11.1",
     "whendefined": "^0.0.1",
     "wolfy87-eventemitter": "^5.2.4"