From 39af887045bf42ee48caeb4cbcda232553b1677a Mon Sep 17 00:00:00 2001
From: Rachel Aurand <rachel@countableset.com>
Date: Fri, 14 Apr 2023 23:49:27 -0700
Subject: [PATCH] build header script to remove inline script for csp (#27)

---
 gulp.d/tasks/build.js         | 6 ++++++
 src/js/header/01-root.js      | 8 ++++++++
 src/partials/head-scripts.hbs | 3 +--
 3 files changed, 15 insertions(+), 2 deletions(-)
 create mode 100644 src/js/header/01-root.js

diff --git a/gulp.d/tasks/build.js b/gulp.d/tasks/build.js
index 6dd1e0b..06d2e99 100644
--- a/gulp.d/tasks/build.js
+++ b/gulp.d/tasks/build.js
@@ -62,6 +62,12 @@ module.exports = (src, dest, preview) => () => {
       .pipe(uglify({ output: { comments: /^! / } }))
       // NOTE concat already uses stat from newest combined file
       .pipe(concat('js/site.js')),
+    vfs
+      .src('js/header/+([0-9])-*.js', { ...opts, read: false, sourcemaps })
+      .pipe(bundle(opts))
+      .pipe(uglify({ output: { comments: /^! / } }))
+      // NOTE concat already uses stat from newest combined file
+      .pipe(concat('js/header.js')),
     vfs
       .src('js/vendor/*([^.])?(.bundle).js', { ...opts, read: false })
       .pipe(bundle(opts))
diff --git a/src/js/header/01-root.js b/src/js/header/01-root.js
new file mode 100644
index 0000000..424d68a
--- /dev/null
+++ b/src/js/header/01-root.js
@@ -0,0 +1,8 @@
+'use strict'
+
+// eslint-disable-next-line no-unused-vars
+var uiRootPath = '_'
+
+if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+  document.documentElement.setAttribute('data-theme', 'dark')
+}
diff --git a/src/partials/head-scripts.hbs b/src/partials/head-scripts.hbs
index 6e7fb2d..5e27559 100644
--- a/src/partials/head-scripts.hbs
+++ b/src/partials/head-scripts.hbs
@@ -2,5 +2,4 @@
     <script async src="https://www.googletagmanager.com/gtag/js?id={{this}}"></script>
     <script>function gtag(){dataLayer.push(arguments)};window.dataLayer=window.dataLayer||[];gtag('js',new Date());gtag('config','{{this}}')</script>
     {{/with}}
-    <script>var uiRootPath = '{{{uiRootPath}}}'</script>
-    <script>if (window.matchMedia('(prefers-color-scheme: dark)').matches) document.documentElement.setAttribute('data-theme', 'dark')</script>
+    <script id="header-script" src="_/js/header.js" data-ui-root-path="_"></script>