Merge pull request #5958 from department-of-veterans-affairs/fix/metrics-dashboard-js-errors

fix: metrics dashboard JS errors in Safari (missing _commonjsHelpers)

Author: danbrady

_config.yml

@@ -87,7 +87,7 @@ collections:
     permalink: /deprecated/:title
 
 include:
-  - vendor/javascripts/component-library/dist/esm/_commonjsHelpers-8b28c6fa.js
+  - vendor/javascripts/component-library/dist/esm/_commonjsHelpers-B85MJLTf.js
 
 # Exclusions are relative to the source directory (which is set to src)
 exclude:

config/gulp/javascript.js

@@ -1,4 +1,5 @@
 var gulp = require('gulp');
+var fs = require('fs');
 
 gulp.task('copy-web-components-js', function (done) {
   console.log('copying web-components javascript');
@@ -9,4 +10,60 @@ gulp.task('copy-web-components-js', function (done) {
   return stream;
 });
 
-gulp.task('javascript', gulp.series('copy-web-components-js'));
+// Jekyll excludes files starting with `_` unless they are listed in the
+// `include` array in _config.yml. The Stencil build sometimes emits a
+// `_commonjsHelpers-<hash>.js` chunk whose hash changes with each
+// web-components release. This task reads the actual installed package,
+// finds the current filename (if any), and keeps _config.yml in sync so
+// the file is never silently dropped from the Jekyll build.
+gulp.task('sync-jekyll-includes', function (done) {
+  var esmDir = './node_modules/@department-of-veterans-affairs/web-components/dist/esm/';
+  var configPath = './_config.yml';
+  var includePrefix = 'vendor/javascripts/component-library/dist/esm/';
+
+  try {
+    var files = fs.readdirSync(esmDir);
+    var helpersFile = files.find(function (f) {
+      return /^_commonjsHelpers-.*\.js$/.test(f);
+    });
+
+    var config = fs.readFileSync(configPath, 'utf8');
+    var existingPattern = /vendor\/javascripts\/component-library\/dist\/esm\/_commonjsHelpers-[^\s\n]+/;
+
+    if (helpersFile) {
+      var includePath = includePrefix + helpersFile;
+
+      if (existingPattern.test(config)) {
+        var updated = config.replace(existingPattern, includePath);
+        if (updated !== config) {
+          fs.writeFileSync(configPath, updated);
+          console.log('sync-jekyll-includes: updated _config.yml to include ' + helpersFile);
+        } else {
+          console.log('sync-jekyll-includes: _config.yml already references ' + helpersFile);
+        }
+      } else {
+        // No existing _commonjsHelpers entry — insert one under the include: block.
+        var includeBlockPattern = /^include:[^\n]*$/m;
+        var updatedConfig;
+        if (includeBlockPattern.test(config)) {
+          updatedConfig = config.replace(includeBlockPattern, function (line) {
+            return line + '\n  - ' + includePath;
+          });
+        } else {
+          updatedConfig = config + '\ninclude:\n  - ' + includePath + '\n';
+        }
+        fs.writeFileSync(configPath, updatedConfig);
+        console.log('sync-jekyll-includes: added _config.yml include for ' + helpersFile);
+      }
+    } else {
+      console.log('sync-jekyll-includes: no _commonjsHelpers file in web-components package, nothing to update');
+    }
+  } catch (e) {
+    console.warn('sync-jekyll-includes: could not sync _config.yml includes:', e.message);
+    return done(e);
+  }
+
+  return done();
+});
+
+gulp.task('javascript', gulp.series('copy-web-components-js', 'sync-jekyll-includes'));