infra for admin js

src/gulpfile.js

@@ -5,8 +5,11 @@ const webpack = require('webpack-stream');
 const uswds = require('@uswds/compile');
 
 const ASSETS_DIR = './registrar/assets/';
-const JS_MODULES_SRC = ASSETS_DIR + 'modules/*.js';
 const JS_BUNDLE_DEST = ASSETS_DIR + 'js';
+const JS_SOURCES = [
+    { src: ASSETS_DIR + 'modules/*.js', output: 'get-gov.js' },
+    { src: ASSETS_DIR + 'modules-admin/*.js', output: 'get-gov-admin.js' },
+];
 
 /**
  * USWDS version
@@ -26,17 +29,16 @@ uswds.paths.dist.js = ASSETS_DIR + 'js';
 uswds.paths.dist.img = ASSETS_DIR + 'img';
 
 /**
- * Task: Bundle JavaScript modules using Webpack
+ * Function: Create Bundling Task
  */
-gulp.task('bundle-js', () => {
+function createBundleTask(source, output) {
-    return gulp
+    return () =>
-        .src(JS_MODULES_SRC)
+        gulp
+            .src(source)
             .pipe(
                 webpack({
-                mode: 'production', // Use 'development' for debugging
+                    mode: 'production',
-                output: {
+                    output: { filename: output },
-                    filename: 'get-gov.js',
-                },
                     module: {
                         rules: [
                             {
@@ -44,9 +46,7 @@ gulp.task('bundle-js', () => {
                                 exclude: /node_modules/,
                                 use: {
                                     loader: 'babel-loader',
-                                options: {
+                                    options: { presets: ['@babel/preset-env'] },
-                                    presets: ['@babel/preset-env'],
-                                },
                                 },
                             },
                         ],
@@ -54,13 +54,21 @@ gulp.task('bundle-js', () => {
                 })
             )
             .pipe(gulp.dest(JS_BUNDLE_DEST));
+}
+
+// Create tasks for JavaScript sources
+JS_SOURCES.forEach(({ src, output }, index) => {
+    const taskName = `bundle-js-${index}`;
+    gulp.task(taskName, createBundleTask(src, output));
 });
 
 /**
- * Task: Watch for changes in JavaScript modules
+ * Watch for changes in JavaScript modules
  */
 gulp.task('watch-js', () => {
-    gulp.watch(JS_MODULES_SRC, gulp.series('bundle-js'));
+    JS_SOURCES.forEach(({ src }, index) => {
+        gulp.watch(src, gulp.series(`bundle-js-${index}`));
+    });
 });
 
 /**
@@ -73,9 +81,9 @@ gulp.task('watch', gulp.parallel('watch-js', uswds.watch));
  * Add as many as you need
  * Some tasks combine USWDS compilation and JavaScript precompilation.
  */
-exports.default = gulp.series(uswds.compile, 'bundle-js');
+exports.default = gulp.series(uswds.compile, ...JS_SOURCES.map((_, i) => `bundle-js-${i}`));
 exports.init = uswds.init;
-exports.compile = gulp.series(uswds.compile, 'bundle-js');
+exports.compile = gulp.series(uswds.compile, ...JS_SOURCES.map((_, i) => `bundle-js-${i}`));
 exports.watch = uswds.watch;
 exports.watchAll = gulp.parallel('watch');
 exports.copyAssets = uswds.copyAssets