feature/issue 26 header component

.storybook/main.js

@@ -9,6 +9,7 @@ const config = {
   docs: {
     autodocs: "tag",
   },
+  staticDirs: ["../src"],
 };
 
 export default config;

eslint.config.js

@@ -1,18 +1,31 @@
 import eslintConfigPrettier from "eslint-config-prettier";
+import babelParser from "@babel/eslint-parser";
 
 export default [
   {
     languageOptions: {
+      parser: babelParser,
       parserOptions: {
         ecmaVersion: 2022,
         sourceType: "module",
+        requireConfigFile: false,
+        babelOptions: {
+          plugins: ["@babel/plugin-syntax-import-assertions"],
+        },
       },
       globals: {
         browser: true,
         node: true,
       },
     },
-    ignores: [".greenwood/*", "node_modules/*", "public/*", "reports/*"],
+    ignores: [
+      ".greenwood/*",
+      "node_modules/*",
+      "public/*",
+      "reports/*",
+      "storybook-static/**",
+      "patches/**",
+    ],
     rules: {
       "comma-dangle": [2, "never"],
       "no-cond-assign": 2,

greenwood.config.js

@@ -1,3 +1,6 @@
+import { greenwoodPluginImportRaw } from "@greenwood/plugin-import-raw";
+
 export default {
   prerender: true,
+  plugins: [greenwoodPluginImportRaw()],
 };

package.json

@@ -16,7 +16,7 @@
   },
   "scripts": {
     "clean": "rimraf public .greenwood storybook-static",
-    "build": "greenwood build",
+    "build": "node --loader ./node_modules/@greenwood/cli/src/loader.js ./node_modules/.bin/greenwood build",
     "dev": "greenwood develop",
     "serve": "npm run clean && npm run build && greenwood serve",
     "story:dev": "storybook dev -p 6006",
@@ -38,9 +38,12 @@
     "open-props": "^1.7.4"
   },
   "devDependencies": {
+    "@babel/eslint-parser": "^7.24.5",
+    "@babel/plugin-syntax-import-assertions": "^7.24.1",
     "@chromatic-com/storybook": "^1.3.1",
     "@esm-bundle/chai": "^4.3.4-fix.0",
     "@greenwood/cli": "^0.30.0-alpha.2",
+    "@greenwood/plugin-import-raw": "^0.30.0-alpha.2",
     "@ls-lint/ls-lint": "^1.10.0",
     "@storybook/addon-essentials": "^8.0.6",
     "@storybook/addon-links": "^8.0.6",

patches/wc-compiler+0.13.0.patch

@@ -0,0 +1,14 @@
+diff --git a/node_modules/wc-compiler/src/dom-shim.js b/node_modules/wc-compiler/src/dom-shim.js
+index be289a3..dd4692a 100644
+--- a/node_modules/wc-compiler/src/dom-shim.js
++++ b/node_modules/wc-compiler/src/dom-shim.js
+@@ -102,6 +102,9 @@ class ShadowRoot extends DocumentFragment {
+     super();
+     this.mode = options.mode || 'closed';
+     this.adoptedStyleSheets = [];
++    // TODO not sure if this is the right base class for these?
++    this.querySelector = noop;
++    this.querySelectorAll = noop;
+   }
+ }
+