Merge pull request #20 from ethmarks/component-export

ethmarks · web-flow · commit 899af8714e83 · 2025-09-23T22:29:31.000-04:00
Refactor asset publishing and add header/footer web component export
diff --git a/assets/css/global.scss b/assets/css/global.scss
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -3,11 +3,11 @@
 <head>
 {{ partial "metadata.html" . -}}
 {{- block "default-resources" . -}}
-{{ partial "css.html" "_global.scss" }}
+{{ partial "css.html" "global.scss" }}
 {{ partial "js.html" "common.js" }}
 {{ partial "js.html" "vendor/quicklink.js" }}
 {{- end -}}
-{{- block "resources" . }}{{ end }}
+{{- block "resources" . }}{{ end -}}
 {{ partial "font-preload.html" . }}
 </head>
 <body>
@@ -19,4 +19,4 @@
 {{ partial "footer.html" . }}
 </body>
 </html>
-{{- partial "publish-all-media.html" . -}}
+{{- partial "publish.html" . -}}
diff --git a/layouts/partials/ethmarks-components-js.html b/layouts/partials/ethmarks-components-js.html
@@ -0,0 +1,23 @@
+{{- $header := partial "header.html" . | jsonify -}}
+{{- $footer := partial "footer.html" . | jsonify -}}
+{{- $js := printf `// Ethmarks Web Components
+// Generated automatically from Hugo partials
+
+class EthmarksHeader extends HTMLElement {
+  connectedCallback() {
+    this.innerHTML = %s;
+  }
+}
+
+class EthmarksFooter extends HTMLElement {
+  connectedCallback() {
+    this.innerHTML = %s;
+  }
+}
+
+// Register the custom elements
+customElements.define('ethmarks-header', EthmarksHeader);
+customElements.define('ethmarks-footer', EthmarksFooter);
+` $header $footer -}}
+{{- $resource := resources.FromString "js/ethmarks-components.js" $js -}}
+{{- $resource.Publish -}}
diff --git a/layouts/partials/publish-all-media.html b/layouts/partials/publish-all-media.html
diff --git a/layouts/partials/publish-media.html b/layouts/partials/publish-media.html
@@ -0,0 +1,3 @@
+{{ range (resources.Match "media/**") }}
+  {{ .Publish }}
+{{ end }}
diff --git a/layouts/partials/publish-scss.html b/layouts/partials/publish-scss.html
@@ -0,0 +1,6 @@
+{{ range resources.Match "css/*.scss" }}
+  {{ $css := . | toCSS }}
+  {{ $cssMin := $css | minify }}
+  {{ $css.Publish }}
+  {{ $cssMin.Publish }}
+{{ end }}
diff --git a/layouts/partials/publish.html b/layouts/partials/publish.html
@@ -0,0 +1,3 @@
+{{ partial "publish-media.html" . }}
+{{ partial "publish-scss.html" . }}
+{{ partial "ethmarks-components-js.html" . }}

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+{{ range (resources.Match "media/**") }}`
	`2`	`+ {{ .Publish }}`
	`3`	`+{{ end }}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+{{ partial "publish-media.html" . }}`
	`2`	`+{{ partial "publish-scss.html" . }}`
	`3`	`+{{ partial "ethmarks-components-js.html" . }}`