chore: remove old JS build scripts from Gulp; add missing deps to package.json

Author: sghoweri

packages/uikit-workshop/gulpfile.js

@@ -81,61 +81,12 @@ gulp.task('build:images', ['clean:images'], function() {
     .pipe(copyPublic('styleguide/images'));
 });
 
-gulp.task('build:js-viewer', ['clean:js'], function() {
-  return gulp
-    .src(['src/js/*.js', '!src/js/modal-styleguide.js'])
-    .pipe(plugins.jshint('.jshintrc'))
-    .pipe(plugins.jshint.reporter('default'))
-    .pipe(
-      plugins.resolveDependencies({ pattern: /\* @requires [\s-]*(.*?\.js)/g })
-    )
-    .on('error', function(err) {
-      console.log(err.message);
-    })
-    .pipe(plugins.concat('patternlab-viewer.js'))
-    .pipe(gulp.dest('dist/styleguide/js'))
-    .pipe(plugins.rename({ suffix: '.min' }))
-    .pipe(plugins.uglify())
-    .pipe(gulp.dest('dist/styleguide/js'))
-    .pipe(copyPublic('styleguide/js'));
-});
-
-gulp.task('build:js-pattern', ['build:js-viewer'], function() {
-  // 'src/js/annotations-pattern.js','src/js/code-pattern.js','src/js/info-panel.js'
-  return gulp
-    .src([
-      'src/js/postmessage.js',
-      'src/js/panels-shared.js',
-      'src/js/clipboard.min.js',
-      'src/js/modal-styleguide.js',
-    ])
-    .pipe(plugins.jshint('.jshintrc'))
-    .pipe(plugins.jshint.reporter('default'))
-    .pipe(
-      plugins.resolveDependencies({ pattern: /\* @requires [\s-]*(.*?\.js)/g })
-    )
-    .on('error', function(err) {
-      console.log(err.message);
-    })
-    .pipe(plugins.concat('patternlab-pattern.js'))
-    .pipe(gulp.dest('dist/styleguide/js'))
-    .pipe(plugins.rename({ suffix: '.min' }))
-    .pipe(plugins.uglify())
-    .pipe(gulp.dest('dist/styleguide/js'))
-    .pipe(copyPublic('styleguide/js'));
-});
-
-gulp.task(
-  'default',
-  ['build:css', 'build:html', 'build:js-pattern'],
-  function() {
-    if (args.watch !== undefined) {
-      gulp.watch(
-        ['src/sass/pattern-lab.scss', 'src/sass/scss/**/*'],
-        ['build:css']
-      );
-      gulp.watch(['src/html/*'], ['build:html']);
-      gulp.watch(['src/js/*'], ['build:js-pattern']);
-    }
+gulp.task('default', ['build:css', 'build:html'], function() {
+  if (args.watch !== undefined) {
+    gulp.watch(
+      ['src/sass/pattern-lab.scss', 'src/sass/scss/**/*'],
+      ['build:css']
+    );
+    gulp.watch(['src/html/*'], ['build:html']);
   }
-);
+});

packages/uikit-workshop/package.json

@@ -3,7 +3,9 @@
   "version": "1.0.0-alpha.7",
   "description": "Front-end assets and templates for the default Pattern Lab workshop view",
   "main": "gulpfile.js",
-  "scripts": {},
+  "scripts": {
+    "build": "gulp && npx webpack-cli --config webpack.config.js --progress"
+  },
   "authors": [
     {
       "name": "Brad Frost",
@@ -35,19 +37,26 @@
     "gulp-uglify": "1.1.0",
     "gulp-util": "3.0.0",
     "imagemin-pngcrush": "0.1.0",
-    "yargs": "1.2.6"
+    "yargs": "1.2.6",
+    "uglifyjs-webpack-plugin": "^1.2.7",
+    "webpack": "4.16.3",
+    "@babel/core": "^7.0.0-beta.55",
+    "babel-loader": "^8.0.0-beta.4",
+    "@babel/preset-env": "^7.0.0-beta.55"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "clipboard": "^2.0.1",
+    "fg-loadjs": "^1.0.0",
+    "hogan.js": "^3.0.2",
     "jquery": "^3.3.1",
+    "mousetrap": "^1.6.2",
     "prism": "^4.1.2",
-    "typeahead.js": "^0.11.1",
-    "hogan.js": "^3.0.2",
+    "prismjs": "^1.15.0",
     "scriptjs": "^2.5.8",
-    "wolfy87-eventemitter": "^5.2.4",
-    "fg-loadjs": "^1.0.0"
+    "typeahead.js": "^0.11.1",
+    "wolfy87-eventemitter": "^5.2.4"
   }
 }