build header script to remove inline script for csp (#27)

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))

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')
+}

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>