@stacksjs/stx 0.2.136 → 0.2.138

package/dist/component-client-factories.d.ts

@@ -0,0 +1,9 @@
+export declare function initializeComponentClientFactories(context: Record<string, unknown>): void;
+export declare function registerComponentClientFactory(context: Record<string, unknown>, factoryBody: string): string | null;
+export declare function injectComponentClientFactories(html: string, context: Record<string, unknown>): string;
+export declare const COMPONENT_CLIENT_FACTORIES_CONTEXT_KEY: '__stx_component_client_factories';
+declare interface ComponentClientFactory {
+  body: string
+  instances: number
+}
+declare type ComponentClientFactoryRegistry = Map<string, ComponentClientFactory>;

package/dist/component-client-factories.js

@@ -0,0 +1,47 @@
+import { createHash } from "node:crypto";
+export const COMPONENT_CLIENT_FACTORIES_CONTEXT_KEY = "__stx_component_client_factories";
+function registryFrom(context) {
+  const registry = context[COMPONENT_CLIENT_FACTORIES_CONTEXT_KEY];
+  return registry instanceof Map ? registry : null;
+}
+export function initializeComponentClientFactories(context) {
+  context[COMPONENT_CLIENT_FACTORIES_CONTEXT_KEY] = new Map;
+}
+export function registerComponentClientFactory(context, factoryBody) {
+  const registry = registryFrom(context);
+  if (!registry)
+    return null;
+  const id = createHash("sha256").update(factoryBody).digest("hex").slice(0, 16), existing = registry.get(id);
+  if (existing)
+    existing.instances++;
+  else
+    registry.set(id, { body: factoryBody, instances: 1 });
+  return id;
+}
+export function injectComponentClientFactories(html, context) {
+  const registry = registryFrom(context);
+  if (!registry?.size)
+    return html;
+  let output = html;
+  for (const [id, factory] of registry) {
+    if (factory.instances !== 1)
+      continue;
+    const invocation = new RegExp(`window\\.__stxComponentFactories\\[${JSON.stringify(id)}\\]\\(("[^"]+")\\);`, "g");
+    output = output.replace(invocation, (_match, scopeId) => `(${factory.body})(${scopeId});`);
+  }
+  const repeatedFactories = [...registry].filter(([, factory]) => factory.instances > 1);
+  if (repeatedFactories.length === 0)
+    return output;
+  const prelude = `<script data-stx-scoped data-stx-component-factories>
+(function() {
+  const factories = window.__stxComponentFactories = window.__stxComponentFactories || {};
+${repeatedFactories.map(([id, factory]) => `  factories[${JSON.stringify(id)}] = factories[${JSON.stringify(id)}] || ${factory.body};`).join(`
+`)}
+})();
+</script>`, firstScopedScript = output.search(/<script\b(?=[^>]*\bdata-stx-scoped\b)/i);
+  if (firstScopedScript < 0)
+    return `${prelude}
+${output}`;
+  return `${output.slice(0, firstScopedScript)}${prelude}
+${output.slice(firstScopedScript)}`;
+}