@pyreon/head 0.21.0 → 0.22.0

package/lib/analysis/index.js.html

@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src","children":[{"uid":"4825d939-1","name":"context.ts"},{"uid":"4825d939-3","name":"provider.ts"},{"uid":"4825d939-5","name":"dom.ts"},{"uid":"4825d939-7","name":"use-head.ts"},{"uid":"4825d939-9","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"4825d939-1":{"renderedLength":1373,"gzipLength":509,"brotliLength":0,"metaUid":"4825d939-0"},"4825d939-3":{"renderedLength":2121,"gzipLength":1074,"brotliLength":0,"metaUid":"4825d939-2"},"4825d939-5":{"renderedLength":3447,"gzipLength":1292,"brotliLength":0,"metaUid":"4825d939-4"},"4825d939-7":{"renderedLength":2634,"gzipLength":1093,"brotliLength":0,"metaUid":"4825d939-6"},"4825d939-9":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"4825d939-8"}},"nodeMetas":{"4825d939-0":{"id":"/src/context.ts","moduleParts":{"index.js":"4825d939-1"},"imported":[{"uid":"4825d939-10"}],"importedBy":[{"uid":"4825d939-8"},{"uid":"4825d939-2"},{"uid":"4825d939-6"}]},"4825d939-2":{"id":"/src/provider.ts","moduleParts":{"index.js":"4825d939-3"},"imported":[{"uid":"4825d939-10"},{"uid":"4825d939-0"}],"importedBy":[{"uid":"4825d939-8"}]},"4825d939-4":{"id":"/src/dom.ts","moduleParts":{"index.js":"4825d939-5"},"imported":[],"importedBy":[{"uid":"4825d939-6"}]},"4825d939-6":{"id":"/src/use-head.ts","moduleParts":{"index.js":"4825d939-7"},"imported":[{"uid":"4825d939-10"},{"uid":"4825d939-11"},{"uid":"4825d939-0"},{"uid":"4825d939-4"}],"importedBy":[{"uid":"4825d939-8"}]},"4825d939-8":{"id":"/src/index.ts","moduleParts":{"index.js":"4825d939-9"},"imported":[{"uid":"4825d939-0"},{"uid":"4825d939-2"},{"uid":"4825d939-6"}],"importedBy":[],"isEntry":true},"4825d939-10":{"id":"@pyreon/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"4825d939-0"},{"uid":"4825d939-2"},{"uid":"4825d939-6"}]},"4825d939-11":{"id":"@pyreon/reactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"4825d939-6"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src","children":[{"uid":"19674450-1","name":"provider.ts"},{"uid":"19674450-3","name":"dom.ts"},{"uid":"19674450-5","name":"use-head.ts"},{"uid":"19674450-7","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"19674450-1":{"renderedLength":2127,"gzipLength":1080,"brotliLength":0,"metaUid":"19674450-0"},"19674450-3":{"renderedLength":3447,"gzipLength":1292,"brotliLength":0,"metaUid":"19674450-2"},"19674450-5":{"renderedLength":2636,"gzipLength":1095,"brotliLength":0,"metaUid":"19674450-4"},"19674450-7":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"19674450-6"}},"nodeMetas":{"19674450-0":{"id":"/src/provider.ts","moduleParts":{"index.js":"19674450-1"},"imported":[{"uid":"19674450-9"},{"uid":"19674450-8"}],"importedBy":[{"uid":"19674450-6"}]},"19674450-2":{"id":"/src/dom.ts","moduleParts":{"index.js":"19674450-3"},"imported":[],"importedBy":[{"uid":"19674450-4"}]},"19674450-4":{"id":"/src/use-head.ts","moduleParts":{"index.js":"19674450-5"},"imported":[{"uid":"19674450-9"},{"uid":"19674450-10"},{"uid":"19674450-8"},{"uid":"19674450-2"}],"importedBy":[{"uid":"19674450-6"}]},"19674450-6":{"id":"/src/index.ts","moduleParts":{"index.js":"19674450-7"},"imported":[{"uid":"19674450-8"},{"uid":"19674450-0"},{"uid":"19674450-4"}],"importedBy":[],"isEntry":true},"19674450-8":{"id":"@pyreon/head/context","moduleParts":{},"imported":[],"importedBy":[{"uid":"19674450-6"},{"uid":"19674450-0"},{"uid":"19674450-4"}]},"19674450-9":{"id":"@pyreon/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"19674450-0"},{"uid":"19674450-4"}]},"19674450-10":{"id":"@pyreon/reactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"19674450-4"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/lib/analysis/provider.js.html

@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"provider.js","children":[{"name":"src","children":[{"uid":"11781eb7-1","name":"context.ts"},{"uid":"11781eb7-3","name":"provider.ts"}]}]}],"isRoot":true},"nodeParts":{"11781eb7-1":{"renderedLength":1373,"gzipLength":509,"brotliLength":0,"metaUid":"11781eb7-0"},"11781eb7-3":{"renderedLength":2121,"gzipLength":1074,"brotliLength":0,"metaUid":"11781eb7-2"}},"nodeMetas":{"11781eb7-0":{"id":"/src/context.ts","moduleParts":{"provider.js":"11781eb7-1"},"imported":[{"uid":"11781eb7-4"}],"importedBy":[{"uid":"11781eb7-2"}]},"11781eb7-2":{"id":"/src/provider.ts","moduleParts":{"provider.js":"11781eb7-3"},"imported":[{"uid":"11781eb7-4"},{"uid":"11781eb7-0"}],"importedBy":[],"isEntry":true},"11781eb7-4":{"id":"@pyreon/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"11781eb7-2"},{"uid":"11781eb7-0"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"provider.js","children":[{"name":"src/provider.ts","uid":"5e1e2d37-1"}]}],"isRoot":true},"nodeParts":{"5e1e2d37-1":{"renderedLength":2121,"gzipLength":1074,"brotliLength":0,"metaUid":"5e1e2d37-0"}},"nodeMetas":{"5e1e2d37-0":{"id":"/src/provider.ts","moduleParts":{"provider.js":"5e1e2d37-1"},"imported":[{"uid":"5e1e2d37-2"},{"uid":"5e1e2d37-3"}],"importedBy":[],"isEntry":true},"5e1e2d37-2":{"id":"@pyreon/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"5e1e2d37-0"}]},"5e1e2d37-3":{"id":"@pyreon/head/context","moduleParts":{},"imported":[],"importedBy":[{"uid":"5e1e2d37-0"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/lib/analysis/ssr.js.html

@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"ssr.js","children":[{"name":"src","children":[{"uid":"b6fd5bb7-1","name":"context.ts"},{"uid":"b6fd5bb7-3","name":"ssr.ts"}]}]}],"isRoot":true},"nodeParts":{"b6fd5bb7-1":{"renderedLength":1373,"gzipLength":509,"brotliLength":0,"metaUid":"b6fd5bb7-0"},"b6fd5bb7-3":{"renderedLength":1370,"gzipLength":701,"brotliLength":0,"metaUid":"b6fd5bb7-2"}},"nodeMetas":{"b6fd5bb7-0":{"id":"/src/context.ts","moduleParts":{"ssr.js":"b6fd5bb7-1"},"imported":[{"uid":"b6fd5bb7-4"}],"importedBy":[{"uid":"b6fd5bb7-2"}]},"b6fd5bb7-2":{"id":"/src/ssr.ts","moduleParts":{"ssr.js":"b6fd5bb7-3"},"imported":[{"uid":"b6fd5bb7-4"},{"uid":"b6fd5bb7-5"},{"uid":"b6fd5bb7-0"}],"importedBy":[],"isEntry":true},"b6fd5bb7-4":{"id":"@pyreon/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"b6fd5bb7-2"},{"uid":"b6fd5bb7-0"}]},"b6fd5bb7-5":{"id":"@pyreon/runtime-server","moduleParts":{},"imported":[],"importedBy":[{"uid":"b6fd5bb7-2"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"ssr.js","children":[{"name":"src/ssr.ts","uid":"6c67066c-1"}]}],"isRoot":true},"nodeParts":{"6c67066c-1":{"renderedLength":1370,"gzipLength":701,"brotliLength":0,"metaUid":"6c67066c-0"}},"nodeMetas":{"6c67066c-0":{"id":"/src/ssr.ts","moduleParts":{"ssr.js":"6c67066c-1"},"imported":[{"uid":"6c67066c-2"},{"uid":"6c67066c-3"},{"uid":"6c67066c-4"}],"importedBy":[],"isEntry":true},"6c67066c-2":{"id":"@pyreon/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"6c67066c-0"}]},"6c67066c-3":{"id":"@pyreon/runtime-server","moduleParts":{},"imported":[],"importedBy":[{"uid":"6c67066c-0"}]},"6c67066c-4":{"id":"@pyreon/head/context","moduleParts":{},"imported":[],"importedBy":[{"uid":"6c67066c-0"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/lib/analysis/use-head.js.html

@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"use-head.js","children":[{"name":"src","children":[{"uid":"a2d4ff75-1","name":"context.ts"},{"uid":"a2d4ff75-3","name":"dom.ts"},{"uid":"a2d4ff75-5","name":"use-head.ts"}]}]}],"isRoot":true},"nodeParts":{"a2d4ff75-1":{"renderedLength":79,"gzipLength":85,"brotliLength":0,"metaUid":"a2d4ff75-0"},"a2d4ff75-3":{"renderedLength":3447,"gzipLength":1292,"brotliLength":0,"metaUid":"a2d4ff75-2"},"a2d4ff75-5":{"renderedLength":2634,"gzipLength":1093,"brotliLength":0,"metaUid":"a2d4ff75-4"}},"nodeMetas":{"a2d4ff75-0":{"id":"/src/context.ts","moduleParts":{"use-head.js":"a2d4ff75-1"},"imported":[{"uid":"a2d4ff75-6"}],"importedBy":[{"uid":"a2d4ff75-4"}]},"a2d4ff75-2":{"id":"/src/dom.ts","moduleParts":{"use-head.js":"a2d4ff75-3"},"imported":[],"importedBy":[{"uid":"a2d4ff75-4"}]},"a2d4ff75-4":{"id":"/src/use-head.ts","moduleParts":{"use-head.js":"a2d4ff75-5"},"imported":[{"uid":"a2d4ff75-6"},{"uid":"a2d4ff75-7"},{"uid":"a2d4ff75-0"},{"uid":"a2d4ff75-2"}],"importedBy":[],"isEntry":true},"a2d4ff75-6":{"id":"@pyreon/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"a2d4ff75-4"},{"uid":"a2d4ff75-0"}]},"a2d4ff75-7":{"id":"@pyreon/reactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"a2d4ff75-4"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"use-head.js","children":[{"name":"src","children":[{"uid":"e064605f-1","name":"dom.ts"},{"uid":"e064605f-3","name":"use-head.ts"}]}]}],"isRoot":true},"nodeParts":{"e064605f-1":{"renderedLength":3447,"gzipLength":1292,"brotliLength":0,"metaUid":"e064605f-0"},"e064605f-3":{"renderedLength":2634,"gzipLength":1093,"brotliLength":0,"metaUid":"e064605f-2"}},"nodeMetas":{"e064605f-0":{"id":"/src/dom.ts","moduleParts":{"use-head.js":"e064605f-1"},"imported":[],"importedBy":[{"uid":"e064605f-2"}]},"e064605f-2":{"id":"/src/use-head.ts","moduleParts":{"use-head.js":"e064605f-3"},"imported":[{"uid":"e064605f-4"},{"uid":"e064605f-5"},{"uid":"e064605f-6"},{"uid":"e064605f-0"}],"importedBy":[],"isEntry":true},"e064605f-4":{"id":"@pyreon/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"e064605f-2"}]},"e064605f-5":{"id":"@pyreon/reactivity","moduleParts":{},"imported":[],"importedBy":[{"uid":"e064605f-2"}]},"e064605f-6":{"id":"@pyreon/head/context","moduleParts":{},"imported":[],"importedBy":[{"uid":"e064605f-2"}]}},"env":{"rollup":"4.23.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/lib/context.js

@@ -0,0 +1,62 @@
+import { createContext } from "@pyreon/core";
+
+//#region src/context.ts
+function createHeadContext() {
+	const map = /* @__PURE__ */ new Map();
+	let dirty = true;
+	let cachedTags = [];
+	let cachedTitleTemplate;
+	let cachedHtmlAttrs = {};
+	let cachedBodyAttrs = {};
+	function rebuild() {
+		if (!dirty) return;
+		dirty = false;
+		const keyed = /* @__PURE__ */ new Map();
+		const unkeyed = [];
+		let titleTemplate;
+		const htmlAttrs = {};
+		const bodyAttrs = {};
+		for (const entry of map.values()) {
+			for (const tag of entry.tags) if (tag.key) keyed.set(tag.key, tag);
+			else unkeyed.push(tag);
+			if (entry.titleTemplate !== void 0) titleTemplate = entry.titleTemplate;
+			if (entry.htmlAttrs) Object.assign(htmlAttrs, entry.htmlAttrs);
+			if (entry.bodyAttrs) Object.assign(bodyAttrs, entry.bodyAttrs);
+		}
+		cachedTags = [...keyed.values(), ...unkeyed];
+		cachedTitleTemplate = titleTemplate;
+		cachedHtmlAttrs = htmlAttrs;
+		cachedBodyAttrs = bodyAttrs;
+	}
+	return {
+		add(id, entry) {
+			map.set(id, entry);
+			dirty = true;
+		},
+		remove(id) {
+			map.delete(id);
+			dirty = true;
+		},
+		resolve() {
+			rebuild();
+			return cachedTags;
+		},
+		resolveTitleTemplate() {
+			rebuild();
+			return cachedTitleTemplate;
+		},
+		resolveHtmlAttrs() {
+			rebuild();
+			return cachedHtmlAttrs;
+		},
+		resolveBodyAttrs() {
+			rebuild();
+			return cachedBodyAttrs;
+		}
+	};
+}
+const HeadContext = createContext(null);
+
+//#endregion
+export { HeadContext, createHeadContext };
+//# sourceMappingURL=context.js.map

package/lib/index.js

@@ -1,64 +1,7 @@
-import { createContext, nativeCompat, onMount, onUnmount, provide, useContext } from "@pyreon/core";
+import { HeadContext, HeadContext as HeadContext$1, createHeadContext, createHeadContext as createHeadContext$1 } from "@pyreon/head/context";
+import { nativeCompat, onMount, onUnmount, provide, useContext } from "@pyreon/core";
 import { effect } from "@pyreon/reactivity";
 
-//#region src/context.ts
-function createHeadContext() {
-	const map = /* @__PURE__ */ new Map();
-	let dirty = true;
-	let cachedTags = [];
-	let cachedTitleTemplate;
-	let cachedHtmlAttrs = {};
-	let cachedBodyAttrs = {};
-	function rebuild() {
-		if (!dirty) return;
-		dirty = false;
-		const keyed = /* @__PURE__ */ new Map();
-		const unkeyed = [];
-		let titleTemplate;
-		const htmlAttrs = {};
-		const bodyAttrs = {};
-		for (const entry of map.values()) {
-			for (const tag of entry.tags) if (tag.key) keyed.set(tag.key, tag);
-			else unkeyed.push(tag);
-			if (entry.titleTemplate !== void 0) titleTemplate = entry.titleTemplate;
-			if (entry.htmlAttrs) Object.assign(htmlAttrs, entry.htmlAttrs);
-			if (entry.bodyAttrs) Object.assign(bodyAttrs, entry.bodyAttrs);
-		}
-		cachedTags = [...keyed.values(), ...unkeyed];
-		cachedTitleTemplate = titleTemplate;
-		cachedHtmlAttrs = htmlAttrs;
-		cachedBodyAttrs = bodyAttrs;
-	}
-	return {
-		add(id, entry) {
-			map.set(id, entry);
-			dirty = true;
-		},
-		remove(id) {
-			map.delete(id);
-			dirty = true;
-		},
-		resolve() {
-			rebuild();
-			return cachedTags;
-		},
-		resolveTitleTemplate() {
-			rebuild();
-			return cachedTitleTemplate;
-		},
-		resolveHtmlAttrs() {
-			rebuild();
-			return cachedHtmlAttrs;
-		},
-		resolveBodyAttrs() {
-			rebuild();
-			return cachedBodyAttrs;
-		}
-	};
-}
-const HeadContext = createContext(null);
-
-//#endregion
 //#region src/provider.ts
 /**
 * Provides a HeadContextValue to all descendant components.
@@ -99,7 +42,7 @@ const HeadContext = createContext(null);
 * const { html, head } = await renderWithHead(h(HeadProvider, null, h(App, null)))
 */
 const HeadProvider = (props) => {
-	provide(HeadContext, props.context ?? useContext(HeadContext) ?? createHeadContext());
+	provide(HeadContext$1, props.context ?? useContext(HeadContext$1) ?? createHeadContext$1());
 	const ch = props.children;
 	return typeof ch === "function" ? ch() : ch;
 };
@@ -293,7 +236,7 @@ function buildEntry(o) {
 * Requires a <HeadProvider> (CSR) or renderWithHead() (SSR) ancestor.
 */
 function useHead(input) {
-	const ctx = useContext(HeadContext);
+	const ctx = useContext(HeadContext$1);
 	if (!ctx) return;
 	const id = Symbol();
 	if (typeof input === "function") if (typeof document !== "undefined") effect(() => {

package/lib/provider.js

@@ -1,63 +1,6 @@
-import { createContext, nativeCompat, provide, useContext } from "@pyreon/core";
+import { nativeCompat, provide, useContext } from "@pyreon/core";
+import { HeadContext, createHeadContext } from "@pyreon/head/context";
 
-//#region src/context.ts
-function createHeadContext() {
-	const map = /* @__PURE__ */ new Map();
-	let dirty = true;
-	let cachedTags = [];
-	let cachedTitleTemplate;
-	let cachedHtmlAttrs = {};
-	let cachedBodyAttrs = {};
-	function rebuild() {
-		if (!dirty) return;
-		dirty = false;
-		const keyed = /* @__PURE__ */ new Map();
-		const unkeyed = [];
-		let titleTemplate;
-		const htmlAttrs = {};
-		const bodyAttrs = {};
-		for (const entry of map.values()) {
-			for (const tag of entry.tags) if (tag.key) keyed.set(tag.key, tag);
-			else unkeyed.push(tag);
-			if (entry.titleTemplate !== void 0) titleTemplate = entry.titleTemplate;
-			if (entry.htmlAttrs) Object.assign(htmlAttrs, entry.htmlAttrs);
-			if (entry.bodyAttrs) Object.assign(bodyAttrs, entry.bodyAttrs);
-		}
-		cachedTags = [...keyed.values(), ...unkeyed];
-		cachedTitleTemplate = titleTemplate;
-		cachedHtmlAttrs = htmlAttrs;
-		cachedBodyAttrs = bodyAttrs;
-	}
-	return {
-		add(id, entry) {
-			map.set(id, entry);
-			dirty = true;
-		},
-		remove(id) {
-			map.delete(id);
-			dirty = true;
-		},
-		resolve() {
-			rebuild();
-			return cachedTags;
-		},
-		resolveTitleTemplate() {
-			rebuild();
-			return cachedTitleTemplate;
-		},
-		resolveHtmlAttrs() {
-			rebuild();
-			return cachedHtmlAttrs;
-		},
-		resolveBodyAttrs() {
-			rebuild();
-			return cachedBodyAttrs;
-		}
-	};
-}
-const HeadContext = createContext(null);
-
-//#endregion
 //#region src/provider.ts
 /**
 * Provides a HeadContextValue to all descendant components.

package/lib/ssr.js

@@ -1,64 +1,7 @@
-import { createContext, h, pushContext } from "@pyreon/core";
+import { h, pushContext } from "@pyreon/core";
 import { renderToString } from "@pyreon/runtime-server";
+import { HeadContext, createHeadContext } from "@pyreon/head/context";
 
-//#region src/context.ts
-function createHeadContext() {
-	const map = /* @__PURE__ */ new Map();
-	let dirty = true;
-	let cachedTags = [];
-	let cachedTitleTemplate;
-	let cachedHtmlAttrs = {};
-	let cachedBodyAttrs = {};
-	function rebuild() {
-		if (!dirty) return;
-		dirty = false;
-		const keyed = /* @__PURE__ */ new Map();
-		const unkeyed = [];
-		let titleTemplate;
-		const htmlAttrs = {};
-		const bodyAttrs = {};
-		for (const entry of map.values()) {
-			for (const tag of entry.tags) if (tag.key) keyed.set(tag.key, tag);
-			else unkeyed.push(tag);
-			if (entry.titleTemplate !== void 0) titleTemplate = entry.titleTemplate;
-			if (entry.htmlAttrs) Object.assign(htmlAttrs, entry.htmlAttrs);
-			if (entry.bodyAttrs) Object.assign(bodyAttrs, entry.bodyAttrs);
-		}
-		cachedTags = [...keyed.values(), ...unkeyed];
-		cachedTitleTemplate = titleTemplate;
-		cachedHtmlAttrs = htmlAttrs;
-		cachedBodyAttrs = bodyAttrs;
-	}
-	return {
-		add(id, entry) {
-			map.set(id, entry);
-			dirty = true;
-		},
-		remove(id) {
-			map.delete(id);
-			dirty = true;
-		},
-		resolve() {
-			rebuild();
-			return cachedTags;
-		},
-		resolveTitleTemplate() {
-			rebuild();
-			return cachedTitleTemplate;
-		},
-		resolveHtmlAttrs() {
-			rebuild();
-			return cachedHtmlAttrs;
-		},
-		resolveBodyAttrs() {
-			rebuild();
-			return cachedBodyAttrs;
-		}
-	};
-}
-const HeadContext = createContext(null);
-
-//#endregion
 //#region src/ssr.ts
 const VOID_TAGS = new Set([
 	"meta",

package/lib/types/context.d.ts

@@ -0,0 +1,205 @@
+//#region src/context.d.ts
+interface HeadTag {
+  /** HTML tag name */
+  tag: 'title' | 'meta' | 'link' | 'script' | 'style' | 'base' | 'noscript';
+  /**
+   * Deduplication key. Tags with the same key replace each other;
+   * innermost component (last added) wins.
+   * Example: all components setting the page title use key "title".
+   */
+  key?: string;
+  /** HTML attributes for the tag */
+  props?: Record<string, string>;
+  /** Text content — for <title>, <script>, <style>, <noscript> */
+  children?: string;
+}
+/** Standard `<meta>` tag attributes. Catches typos like `{ naem: "description" }`. */
+interface MetaTag {
+  /** Standard meta name (e.g. "description", "viewport", "robots") */
+  name?: string;
+  /** Open Graph / social property (e.g. "og:title", "twitter:card") */
+  property?: string;
+  /** HTTP equivalent header (e.g. "refresh", "content-type") */
+  'http-equiv'?: string;
+  /** Value associated with name, property, or http-equiv */
+  content?: string;
+  /** Document character encoding (e.g. "utf-8") */
+  charset?: string;
+  /** Schema.org itemprop */
+  itemprop?: string;
+  /** Media condition for applicability (e.g. "(prefers-color-scheme: dark)") */
+  media?: string;
+}
+/** Standard `<link>` tag attributes. */
+interface LinkTag {
+  /** Relationship to the current document (e.g. "stylesheet", "icon", "canonical") */
+  rel?: string;
+  /** URL of the linked resource */
+  href?: string;
+  /** Resource type hint for preloading (e.g. "style", "script", "font") */
+  as?: string;
+  /** MIME type (e.g. "text/css", "image/png") */
+  type?: string;
+  /** Media query for conditional loading */
+  media?: string;
+  /** CORS mode */
+  crossorigin?: string;
+  /** Subresource integrity hash */
+  integrity?: string;
+  /** Icon sizes (e.g. "32x32", "any") */
+  sizes?: string;
+  /** Language of the linked resource */
+  hreflang?: string;
+  /** Title for the link (used for alternate stylesheets) */
+  title?: string;
+  /** Fetch priority hint */
+  fetchpriority?: 'high' | 'low' | 'auto';
+  /** Referrer policy */
+  referrerpolicy?: string;
+  /** Image source set for preloading responsive images */
+  imagesrcset?: string;
+  /** Image sizes for preloading responsive images */
+  imagesizes?: string;
+  /** Disable the resource (for stylesheets) */
+  disabled?: string;
+  /** Color for mask-icon */
+  color?: string;
+}
+/** Standard `<script>` tag attributes. */
+interface ScriptTag {
+  /** External script URL */
+  src?: string;
+  /** Script MIME type or module type (e.g. "module", "importmap") */
+  type?: string;
+  /** Load asynchronously */
+  async?: string;
+  /** Defer execution until document is parsed */
+  defer?: string;
+  /** CORS mode */
+  crossorigin?: string;
+  /** Subresource integrity hash */
+  integrity?: string;
+  /** Exclude from module-supporting browsers */
+  nomodule?: string;
+  /** Referrer policy */
+  referrerpolicy?: string;
+  /** Fetch priority hint */
+  fetchpriority?: string;
+  /** Inline script content */
+  children?: string;
+}
+/** Standard `<style>` tag attributes. */
+interface StyleTag {
+  /** Inline CSS content (required) */
+  children: string;
+  /** Media query for conditional styles */
+  media?: string;
+  /** Nonce for CSP */
+  nonce?: string;
+  /** Title for alternate stylesheets */
+  title?: string;
+  /** Render-blocking behavior */
+  blocking?: string;
+}
+/**
+ * How eagerly the browser should act on a speculation rule.
+ * Per the W3C Speculation Rules spec.
+ */
+type SpeculationEagerness = 'immediate' | 'eager' | 'moderate' | 'conservative';
+/**
+ * A single speculation rule (one entry in a `prefetch` / `prerender` list).
+ *
+ * - `source: 'list'` + `urls` — prefetch/prerender these explicit URLs.
+ * - `source: 'document'` + `where` — let the browser pick links from the
+ *   current document that match the predicate (e.g. a CSS selector via
+ *   `{ selector_matches: '.router-link' }`).
+ */
+interface SpeculationRule {
+  /** `'list'` (explicit `urls`) or `'document'` (predicate-driven). */
+  source?: 'list' | 'document';
+  /** Same-origin URLs to prefetch/prerender (for `source: 'list'`). */
+  urls?: string[];
+  /** Document predicate (for `source: 'document'`) — e.g. `{ selector_matches: 'a.next' }`. */
+  where?: Record<string, unknown>;
+  /** When the browser should fetch — defaults to the browser's per-source default. */
+  eagerness?: SpeculationEagerness;
+  /** Capability requirements, e.g. `['anonymous-client-ip-when-cross-origin']`. */
+  requires?: string[];
+  /** Referrer policy for the speculative request. */
+  referrer_policy?: string;
+}
+/**
+ * Declarative Speculation Rules — emitted as a single
+ * `<script type="speculationrules">` tag. Supported browsers prefetch or
+ * fully prerender the next document(s) so navigation is instant. Inert in
+ * non-supporting browsers (no polyfill needed). Opt-in: only emitted when
+ * `useHead({ speculationRules })` is called.
+ *
+ * @see https://developer.mozilla.org/docs/Web/API/Speculation_Rules_API
+ */
+interface SpeculationRules {
+  /** Lightweight: fetch the response, no rendering. */
+  prefetch?: SpeculationRule[];
+  /** Heavy: fully render the next document in the background. */
+  prerender?: SpeculationRule[];
+}
+/** Standard `<base>` tag attributes. */
+interface BaseTag {
+  /** Base URL for relative URLs in the document */
+  href?: string;
+  /** Default target for links and forms */
+  target?: '_blank' | '_self' | '_parent' | '_top';
+}
+interface UseHeadInput {
+  title?: string;
+  /**
+   * Title template — use `%s` as a placeholder for the page title.
+   * Applied to the resolved title after deduplication.
+   * @example useHead({ titleTemplate: "%s | My App" })
+   */
+  titleTemplate?: string | ((title: string) => string);
+  meta?: MetaTag[];
+  link?: LinkTag[];
+  script?: ScriptTag[];
+  style?: StyleTag[];
+  noscript?: {
+    children: string;
+  }[];
+  /** Convenience: emits a <script type="application/ld+json"> tag with JSON.stringify'd content */
+  jsonLd?: Record<string, unknown> | Record<string, unknown>[];
+  /**
+   * Convenience: emits a `<script type="speculationrules">` tag with the
+   * JSON.stringify'd rules. Supported browsers prefetch/prerender the next
+   * document(s) for near-instant navigation; inert elsewhere. Opt-in.
+   * @example useHead({ speculationRules: { prerender: [{ source: 'list', urls: ['/about'], eagerness: 'moderate' }] } })
+   */
+  speculationRules?: SpeculationRules;
+  base?: BaseTag;
+  /** Attributes to set on the <html> element (e.g. { lang: "en", dir: "ltr" }) */
+  htmlAttrs?: Record<string, string>;
+  /** Attributes to set on the <body> element (e.g. { class: "dark" }) */
+  bodyAttrs?: Record<string, string>;
+}
+interface HeadEntry {
+  tags: HeadTag[];
+  titleTemplate?: string | ((title: string) => string) | undefined;
+  htmlAttrs?: Record<string, string> | undefined;
+  bodyAttrs?: Record<string, string> | undefined;
+}
+interface HeadContextValue {
+  add(id: symbol, entry: HeadEntry): void;
+  remove(id: symbol): void;
+  /** Returns deduplicated tags — last-added entry wins per key */
+  resolve(): HeadTag[];
+  /** Returns the merged titleTemplate (last-added wins) */
+  resolveTitleTemplate(): (string | ((title: string) => string)) | undefined;
+  /** Returns merged htmlAttrs (later entries override earlier) */
+  resolveHtmlAttrs(): Record<string, string>;
+  /** Returns merged bodyAttrs (later entries override earlier) */
+  resolveBodyAttrs(): Record<string, string>;
+}
+declare function createHeadContext(): HeadContextValue;
+declare const HeadContext: import("@pyreon/core").Context<HeadContextValue | null>;
+//#endregion
+export { BaseTag, HeadContext, HeadContextValue, HeadEntry, HeadTag, LinkTag, MetaTag, ScriptTag, SpeculationEagerness, SpeculationRule, SpeculationRules, StyleTag, UseHeadInput, createHeadContext };
+//# sourceMappingURL=context2.d.ts.map

package/lib/types/index.d.ts

@@ -1,3 +1,4 @@
+import { HeadContext, createHeadContext } from "@pyreon/head/context";
 import { ComponentFn, Props, VNodeChild } from "@pyreon/core";
 
 //#region src/context.d.ts
@@ -200,8 +201,6 @@ interface HeadContextValue {
   /** Returns merged bodyAttrs (later entries override earlier) */
   resolveBodyAttrs(): Record<string, string>;
 }
-declare function createHeadContext(): HeadContextValue;
-declare const HeadContext: import("@pyreon/core").Context<HeadContextValue | null>;
 //#endregion
 //#region src/provider.d.ts
 interface HeadProviderProps extends Props {

package/lib/use-head.js

@@ -1,10 +1,7 @@
-import { createContext, onMount, onUnmount, useContext } from "@pyreon/core";
+import { onMount, onUnmount, useContext } from "@pyreon/core";
 import { effect } from "@pyreon/reactivity";
+import { HeadContext } from "@pyreon/head/context";
 
-//#region src/context.ts
-const HeadContext = createContext(null);
-
-//#endregion
 //#region src/dom.ts
 const ATTR = "data-pyreon-head";
 /** Tracks managed elements by key — avoids querySelectorAll on every sync */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pyreon/head",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "description": "Head tag management for Pyreon — works in SSR and CSR",
   "homepage": "https://github.com/pyreon/pyreon/tree/main/packages/head#readme",
   "bugs": {
@@ -30,6 +30,11 @@
       "import": "./lib/index.js",
       "types": "./lib/types/index.d.ts"
     },
+    "./context": {
+      "bun": "./src/context.ts",
+      "import": "./lib/context.js",
+      "types": "./lib/types/context.d.ts"
+    },
     "./provider": {
       "bun": "./src/provider.ts",
       "import": "./lib/provider.js",
@@ -59,16 +64,16 @@
     "prepublishOnly": "bun run build"
   },
   "dependencies": {
-    "@pyreon/core": "^0.21.0",
-    "@pyreon/reactivity": "^0.21.0",
-    "@pyreon/runtime-server": "^0.21.0"
+    "@pyreon/core": "^0.22.0",
+    "@pyreon/reactivity": "^0.22.0",
+    "@pyreon/runtime-server": "^0.22.0"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.8.9",
     "@pyreon/manifest": "0.13.1",
-    "@pyreon/runtime-dom": "^0.21.0",
-    "@pyreon/runtime-server": "^0.21.0",
-    "@pyreon/test-utils": "^0.13.8",
+    "@pyreon/runtime-dom": "^0.22.0",
+    "@pyreon/runtime-server": "^0.22.0",
+    "@pyreon/test-utils": "^0.13.9",
     "@vitest/browser-playwright": "^4.1.4"
   },
   "peerDependenciesMeta": {

package/src/index.ts

@@ -12,7 +12,12 @@ export type {
   StyleTag,
   UseHeadInput,
 } from './context'
-export { createHeadContext, HeadContext } from './context'
+// Runtime VALUE re-export via self-package path so the build externalizes
+// the symbol — main entry + every sub-entry resolves to the same
+// `lib/context.js` at runtime. The type re-exports above stay as `./context`
+// (types erase, externalization doesn't apply). See `ssr.ts` for the full
+// rationale + `tests/context-identity.test.ts` for the post-build contract.
+export { createHeadContext, HeadContext } from '@pyreon/head/context'
 export type { HeadProviderProps } from './provider'
 export { HeadProvider } from './provider'
 export { useHead } from './use-head'

package/src/provider.ts

@@ -1,7 +1,10 @@
 import type { ComponentFn, Props, VNodeChild } from '@pyreon/core'
 import { nativeCompat, provide, useContext } from '@pyreon/core'
 import type { HeadContextValue } from './context'
-import { createHeadContext, HeadContext } from './context'
+// Runtime VALUE import via self-package path so the build externalizes
+// the symbol — every sub-entry resolves to the same `lib/context.js` at
+// runtime. See `ssr.ts` for the full rationale + `tests/context-identity.test.ts`.
+import { createHeadContext, HeadContext } from '@pyreon/head/context'
 
 export interface HeadProviderProps extends Props {
   context?: HeadContextValue | undefined