sygnal 5.3.7 → 6.0.0

package/dist/element.cjs.js

@@ -0,0 +1,230 @@
+'use strict';
+
+var sygnal = require('sygnal');
+
+/**
+ * PLAN-4.5 G-275: marks an initial state that a wrapper built from its caller's values (an
+ * element's host props, Vike's pageContext.data or hydrated state, renderComponent's
+ * initialState option). The dev statics freeze (D152, checks/statics.ts) leaves a marked object
+ * and everything in it alone: the caller may still change those values. A non-enumerable symbol
+ * key: spreads, JSON and Object.keys don't see it.
+ */
+const OWNED = Symbol.for('sygnal.owned');
+const owned = (v) => {
+    // G-289: an object that refuses the key (a Proxy) is returned as is
+    try {
+        if (v && typeof v == 'object' && Object.isExtensible(v))
+            Object.defineProperty(v, OWNED, { value: 1 });
+    }
+    catch { }
+    return v;
+};
+
+// 'sygnal/element' (PLAN-4 GS-13, D127): publish a Sygnal component as a custom element.
+//
+//   defineElement('task-board', TaskBoard, {
+//     props: { title: String, tasks: Array, readonly: Boolean },  // or ['a', 'b'] (all String)
+//     events: { PARENT: 'task-picked' },                          // sink name → CustomEvent name
+//     shadow: true,                                               // true | 'open' | 'closed'
+//     styles: '.title { color: green }',                          // string | CSSStyleSheet | array
+//   })
+//
+// Each connected element is its own app: run(Component) mounted on a div inside the element
+// (or its shadow root). Props are in state from the first render (the component's
+// initialState, overlaid with the props); later property/attribute changes are merged into
+// state. Sinks listed in `events` are dispatched as CustomEvents (bubbles + composed; the
+// PARENT wrapper is unwrapped to its value). Removing the element disposes the app; a move
+// (disconnect + connect in the same task) keeps it running. Calling defineElement again for
+// the same tag (HMR) swaps the component in every live element, keeping each one's state.
+//
+// Separate entry: rollup rewrites './index' to the external 'sygnal' (0 B in the core bundle).
+// Sinks that are the app's own drivers, never events
+const RESERVED_SINKS = ['DOM', 'STATE', 'EVENTS'];
+// Hot-swap functions of the tags this module defined
+const swaps = new WeakMap();
+const kebab = (name) => name.replace(/[A-Z]/g, (c) => '-' + c.toLowerCase());
+function parseAttribute(type, value) {
+    if (type === Boolean)
+        return value !== null;
+    if (value === null)
+        return undefined;
+    if (type === Number)
+        return Number(value);
+    if (type === String)
+        return value;
+    return JSON.parse(value); // Object, Array (throws on bad JSON)
+}
+function toSheet(style) {
+    if (typeof style !== 'string')
+        return style;
+    const sheet = new CSSStyleSheet();
+    sheet.replaceSync(style);
+    return sheet;
+}
+const devMode = () => globalThis.__SYGNAL_DEV__ === true;
+function defineElement(tag, Component, options = {}) {
+    const prior = customElements.get(tag);
+    const swap = prior && swaps.get(prior);
+    if (swap) {
+        swap(Component); // HMR: the defining module ran again
+        return prior;
+    }
+    if (typeof Component !== 'function') {
+        throw new TypeError(`defineElement('${tag}'): pass a function component`);
+    }
+    const types = Array.isArray(options.props)
+        ? Object.fromEntries(options.props.map((name) => [name, String]))
+        : { ...options.props };
+    const propOfAttribute = Object.fromEntries(Object.keys(types).map((name) => [kebab(name), name]));
+    const events = { ...options.events };
+    for (const sink of RESERVED_SINKS) {
+        if (sink in events)
+            throw new TypeError(`defineElement('${tag}'): '${sink}' is a driver of the element's app, not an event sink`);
+    }
+    const shadowMode = options.shadow ? (options.shadow === 'closed' ? 'closed' : 'open') : undefined;
+    const sheets = shadowMode ? [].concat(options.styles || []).map(toSheet) : [];
+    // Props that hide a member of HTMLElement (e.g. title, hidden): SYG644 once per tag (D131)
+    const shadowedMembers = Object.keys(types).filter((name) => name in HTMLElement.prototype);
+    let warned = false;
+    const live = new Set();
+    let instances = 0;
+    class SygnalElement extends HTMLElement {
+        static observedAttributes = Object.keys(propOfAttribute);
+        #props = {};
+        #app = undefined;
+        #root = this;
+        #uid = `${tag}-${++instances}`;
+        static {
+            for (const name of Object.keys(types)) {
+                Object.defineProperty(this.prototype, name, {
+                    configurable: true,
+                    enumerable: true,
+                    get() {
+                        return this.#props[name];
+                    },
+                    set(value) {
+                        this.#setProp(name, value);
+                    },
+                });
+            }
+            swaps.set(this, (Next) => {
+                Component = Next;
+                live.forEach((element) => element.#swap());
+            });
+        }
+        constructor() {
+            super();
+            if (shadowMode) {
+                const root = this.attachShadow({ mode: shadowMode });
+                root.adoptedStyleSheets = sheets;
+                this.#root = root;
+            }
+            // Properties set before the tag was defined are own properties that hide the
+            // accessors: move them onto the accessors
+            for (const name of Object.keys(types)) {
+                if (Object.prototype.hasOwnProperty.call(this, name)) {
+                    const value = this[name];
+                    delete this[name];
+                    this.#setProp(name, value);
+                }
+            }
+        }
+        attributeChangedCallback(attribute, _old, value) {
+            const name = propOfAttribute[attribute];
+            try {
+                this.#setProp(name, parseAttribute(types[name], value));
+            }
+            catch (_) {
+                // bad JSON in an Object/Array attribute: keep the previous value
+            }
+        }
+        connectedCallback() {
+            if (this.#app)
+                return; // moved, not removed: keep running
+            // (G-216: a hot swap elsewhere on the page is that app's own, so no need to wait it out)
+            if (shadowedMembers.length && !warned) {
+                // D131: SYG644 through the diagnostics core when diagnostics are on; else a console
+                // warning in dev
+                const message = `props hide the HTMLElement members of the same name (${shadowedMembers.join(', ')})`;
+                const fix = 'Rename them to keep the native behaviour';
+                let reported;
+                try {
+                    reported = globalThis.__SYGNAL_DIAGNOSTICS__?.report('SYG644', {
+                        severity: 'warn', component: `<${tag}>`, message, fix, data: { tag, members: shadowedMembers },
+                    });
+                }
+                catch (e) {
+                    reported = true; // mode 'error': thrown after the element starts
+                    queueMicrotask(() => { throw e; });
+                }
+                if (reported || devMode())
+                    warned = true;
+                if (!reported && devMode())
+                    console.warn(`[sygnal/element] <${tag}>: ${message}. ${fix}.`);
+            }
+            const mount = document.createElement('div');
+            this.#root.appendChild(mount);
+            this.#app = sygnal.run(this.#component(), this.#eventDrivers(), { mountPoint: mount, uid: this.#uid });
+            this.#releaseDevtools();
+            live.add(this);
+        }
+        disconnectedCallback() {
+            // Deferred: a move is a disconnect + connect in the same task
+            queueMicrotask(() => {
+                if (this.isConnected || !this.#app)
+                    return;
+                this.#app.dispose();
+                this.#app = undefined;
+                live.delete(this);
+                this.#root.replaceChildren();
+            });
+        }
+        // Hot swap (defineElement again for this tag): the new component, this element's state
+        #swap() {
+            if (!this.#app)
+                return;
+            // (the state through the runtime API, 04 §3.9)
+            this.#app.hmr(this.#component(), this.#app.__runtime.getState());
+            this.#releaseDevtools();
+        }
+        #setProp(name, value) {
+            this.#props[name] = value;
+            const set = (state) => ({ ...state, [name]: value });
+            this.#app?.__runtime?.setState('root', set);
+        }
+        // A per-instance copy of the component whose initialState includes the current props
+        // (owned: the dev statics freeze leaves the host's values alone, G-275)
+        #component() {
+            const wrapped = Object.assign((...args) => Component(...args), Component, {
+                initialState: owned({ ...Component.initialState, ...this.#props }),
+            });
+            return Object.defineProperty(wrapped, 'name', { value: Component.name || tag });
+        }
+        #eventDrivers() {
+            return Object.fromEntries(Object.entries(events).map(([sink, eventName]) => [
+                sink,
+                (sink$) => {
+                    sink$.addListener({
+                        next: (value) => {
+                            // PARENT values arrive wrapped as { name, component, value }
+                            const detail = sink === 'PARENT' ? value?.value : value;
+                            this.dispatchEvent(new CustomEvent(eventName, { detail, bubbles: true, composed: true }));
+                        },
+                    });
+                },
+            ]));
+        }
+        // run() registers the first live app for DevTools time travel (G-212). An element gives
+        // the slot back, so a host app that starts later gets it
+        #releaseDevtools() {
+            const w = window;
+            if (w.__SYGNAL_DEVTOOLS_APP__ === this.#app || w.__SYGNAL_DEVTOOLS_APP__?.sinks === this.#app.sinks)
+                w.__SYGNAL_DEVTOOLS_APP__ = undefined;
+        }
+    }
+    customElements.define(tag, SygnalElement);
+    return SygnalElement;
+}
+
+exports.defineElement = defineElement;
+//# sourceMappingURL=element.cjs.js.map

package/dist/element.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.cjs.js","sources":["../src/extra/owned.ts","../src/element.ts"],"sourcesContent":["/**\n * PLAN-4.5 G-275: marks an initial state that a wrapper built from its caller's values (an\n * element's host props, Vike's pageContext.data or hydrated state, renderComponent's\n * initialState option). The dev statics freeze (D152, checks/statics.ts) leaves a marked object\n * and everything in it alone: the caller may still change those values. A non-enumerable symbol\n * key: spreads, JSON and Object.keys don't see it.\n */\nexport const OWNED = Symbol.for('sygnal.owned')\n\nexport const owned = <T>(v: T): T => {\n  // G-289: an object that refuses the key (a Proxy) is returned as is\n  try { if (v && typeof v == 'object' && Object.isExtensible(v)) Object.defineProperty(v, OWNED, {value: 1}) } catch {}\n  return v\n}\n\n/**\n * G-289: owned() of a shallow copy of a plain object or array (the caller's own object stays\n * unmarked: it may be a component's static, which the freeze must still cover, or sealed, which\n * can't be marked); anything else as owned()\n */\nexport const ownedCopy = <T>(v: T): T => {\n  const p = v && typeof v == 'object' ? Object.getPrototypeOf(v) : 0\n  return owned(Array.isArray(v) ? [...v] as any : p == Object.prototype || p === null ? {...v} : v)\n}\n","// 'sygnal/element' (PLAN-4 GS-13, D127): publish a Sygnal component as a custom element.\n//\n//   defineElement('task-board', TaskBoard, {\n//     props: { title: String, tasks: Array, readonly: Boolean },  // or ['a', 'b'] (all String)\n//     events: { PARENT: 'task-picked' },                          // sink name → CustomEvent name\n//     shadow: true,                                               // true | 'open' | 'closed'\n//     styles: '.title { color: green }',                          // string | CSSStyleSheet | array\n//   })\n//\n// Each connected element is its own app: run(Component) mounted on a div inside the element\n// (or its shadow root). Props are in state from the first render (the component's\n// initialState, overlaid with the props); later property/attribute changes are merged into\n// state. Sinks listed in `events` are dispatched as CustomEvents (bubbles + composed; the\n// PARENT wrapper is unwrapped to its value). Removing the element disposes the app; a move\n// (disconnect + connect in the same task) keeps it running. Calling defineElement again for\n// the same tag (HMR) swaps the component in every live element, keeping each one's state.\n//\n// Separate entry: rollup rewrites './index' to the external 'sygnal' (0 B in the core bundle).\nimport {run} from './index';\nimport {owned} from './extra/owned';\n\nexport type ElementPropType =\n  | StringConstructor\n  | NumberConstructor\n  | BooleanConstructor\n  | ObjectConstructor\n  | ArrayConstructor;\n\nexport interface ElementOptions {\n  /** Properties fed into state (camelCase; the attribute is kebab-case). An array means all String. */\n  props?: readonly string[] | Record<string, ElementPropType>;\n  /** Sink name → CustomEvent name, e.g. { PARENT: 'task-picked' } */\n  events?: Record<string, string>;\n  /** Render into a shadow root (true = 'open') */\n  shadow?: boolean | 'open' | 'closed';\n  /** Adopted into the shadow root, shared by every instance (ignored without shadow) */\n  styles?: string | CSSStyleSheet | Array<string | CSSStyleSheet>;\n}\n\n// Sinks that are the app's own drivers, never events\nconst RESERVED_SINKS = ['DOM', 'STATE', 'EVENTS'];\n\n// Hot-swap functions of the tags this module defined\nconst swaps = new WeakMap<CustomElementConstructor, (Component: any) => void>();\n\nconst kebab = (name: string) => name.replace(/[A-Z]/g, (c) => '-' + c.toLowerCase());\n\nfunction parseAttribute(type: ElementPropType, value: string | null): any {\n  if (type === Boolean) return value !== null;\n  if (value === null) return undefined;\n  if (type === Number) return Number(value);\n  if (type === String) return value;\n  return JSON.parse(value); // Object, Array (throws on bad JSON)\n}\n\nfunction toSheet(style: string | CSSStyleSheet): CSSStyleSheet {\n  if (typeof style !== 'string') return style;\n  const sheet = new CSSStyleSheet();\n  sheet.replaceSync(style);\n  return sheet;\n}\n\nconst devMode = () => (globalThis as any).__SYGNAL_DEV__ === true;\n\nexport function defineElement(tag: string, Component: any, options: ElementOptions = {}): CustomElementConstructor {\n  const prior = customElements.get(tag);\n  const swap = prior && swaps.get(prior);\n  if (swap) {\n    swap(Component); // HMR: the defining module ran again\n    return prior!;\n  }\n  if (typeof Component !== 'function') {\n    throw new TypeError(`defineElement('${tag}'): pass a function component`);\n  }\n\n  const types: Record<string, ElementPropType> = Array.isArray(options.props)\n    ? Object.fromEntries(options.props.map((name: string) => [name, String]))\n    : {...(options.props as Record<string, ElementPropType> | undefined)};\n  const propOfAttribute: Record<string, string> = Object.fromEntries(Object.keys(types).map((name) => [kebab(name), name]));\n  const events = {...options.events};\n  for (const sink of RESERVED_SINKS) {\n    if (sink in events) throw new TypeError(`defineElement('${tag}'): '${sink}' is a driver of the element's app, not an event sink`);\n  }\n  const shadowMode = options.shadow ? (options.shadow === 'closed' ? 'closed' : 'open') : undefined;\n  const sheets = shadowMode ? ([] as Array<string | CSSStyleSheet>).concat(options.styles || []).map(toSheet) : [];\n  // Props that hide a member of HTMLElement (e.g. title, hidden): SYG644 once per tag (D131)\n  const shadowedMembers = Object.keys(types).filter((name) => name in HTMLElement.prototype);\n  let warned = false;\n\n  const live = new Set<SygnalElement>();\n  let instances = 0;\n\n  class SygnalElement extends HTMLElement {\n    static observedAttributes = Object.keys(propOfAttribute);\n\n    #props: Record<string, any> = {};\n    #app: any = undefined;\n    #root: HTMLElement | ShadowRoot = this;\n    #uid = `${tag}-${++instances}`;\n\n    static {\n      for (const name of Object.keys(types)) {\n        Object.defineProperty(this.prototype, name, {\n          configurable: true,\n          enumerable: true,\n          get(this: SygnalElement) {\n            return this.#props[name];\n          },\n          set(this: SygnalElement, value: any) {\n            this.#setProp(name, value);\n          },\n        });\n      }\n      swaps.set(this, (Next: any) => {\n        Component = Next;\n        live.forEach((element) => element.#swap());\n      });\n    }\n\n    constructor() {\n      super();\n      if (shadowMode) {\n        const root = this.attachShadow({mode: shadowMode});\n        root.adoptedStyleSheets = sheets;\n        this.#root = root;\n      }\n      // Properties set before the tag was defined are own properties that hide the\n      // accessors: move them onto the accessors\n      for (const name of Object.keys(types)) {\n        if (Object.prototype.hasOwnProperty.call(this, name)) {\n          const value = (this as any)[name];\n          delete (this as any)[name];\n          this.#setProp(name, value);\n        }\n      }\n    }\n\n    attributeChangedCallback(attribute: string, _old: string | null, value: string | null) {\n      const name = propOfAttribute[attribute];\n      try {\n        this.#setProp(name, parseAttribute(types[name], value));\n      } catch (_) {\n        // bad JSON in an Object/Array attribute: keep the previous value\n      }\n    }\n\n    connectedCallback() {\n      if (this.#app) return; // moved, not removed: keep running\n      // (G-216: a hot swap elsewhere on the page is that app's own, so no need to wait it out)\n      if (shadowedMembers.length && !warned) {\n        // D131: SYG644 through the diagnostics core when diagnostics are on; else a console\n        // warning in dev\n        const message = `props hide the HTMLElement members of the same name (${shadowedMembers.join(', ')})`;\n        const fix = 'Rename them to keep the native behaviour';\n        let reported: any;\n        try {\n          reported = (globalThis as any).__SYGNAL_DIAGNOSTICS__?.report('SYG644', {\n            severity: 'warn', component: `<${tag}>`, message, fix, data: {tag, members: shadowedMembers},\n          });\n        } catch (e) {\n          reported = true; // mode 'error': thrown after the element starts\n          queueMicrotask(() => { throw e; });\n        }\n        if (reported || devMode()) warned = true;\n        if (!reported && devMode()) console.warn(`[sygnal/element] <${tag}>: ${message}. ${fix}.`);\n      }\n      const mount = document.createElement('div');\n      this.#root.appendChild(mount);\n      this.#app = run(this.#component(), this.#eventDrivers(), {mountPoint: mount as any, uid: this.#uid});\n      this.#releaseDevtools();\n      live.add(this);\n    }\n\n    disconnectedCallback() {\n      // Deferred: a move is a disconnect + connect in the same task\n      queueMicrotask(() => {\n        if (this.isConnected || !this.#app) return;\n        this.#app.dispose();\n        this.#app = undefined;\n        live.delete(this);\n        this.#root.replaceChildren();\n      });\n    }\n\n    // Hot swap (defineElement again for this tag): the new component, this element's state\n    #swap() {\n      if (!this.#app) return;\n      // (the state through the runtime API, 04 §3.9)\n      this.#app.hmr(this.#component(), (this.#app as any).__runtime.getState());\n      this.#releaseDevtools();\n    }\n\n    #setProp(name: string, value: any) {\n      this.#props[name] = value;\n      const set = (state: any) => ({...state, [name]: value});\n      (this.#app as any)?.__runtime?.setState('root', set);\n    }\n\n    // A per-instance copy of the component whose initialState includes the current props\n    // (owned: the dev statics freeze leaves the host's values alone, G-275)\n    #component() {\n      const wrapped = Object.assign((...args: any[]) => Component(...args), Component, {\n        initialState: owned({...Component.initialState, ...this.#props}),\n      });\n      return Object.defineProperty(wrapped, 'name', {value: Component.name || tag});\n    }\n\n    #eventDrivers() {\n      return Object.fromEntries(\n        Object.entries(events).map(([sink, eventName]) => [\n          sink,\n          (sink$: any) => {\n            sink$.addListener({\n              next: (value: any) => {\n                // PARENT values arrive wrapped as { name, component, value }\n                const detail = sink === 'PARENT' ? value?.value : value;\n                this.dispatchEvent(new CustomEvent(eventName, {detail, bubbles: true, composed: true}));\n              },\n            });\n          },\n        ])\n      );\n    }\n\n    // run() registers the first live app for DevTools time travel (G-212). An element gives\n    // the slot back, so a host app that starts later gets it\n    #releaseDevtools() {\n      const w = window as any;\n      if (w.__SYGNAL_DEVTOOLS_APP__ === this.#app || w.__SYGNAL_DEVTOOLS_APP__?.sinks === this.#app.sinks) w.__SYGNAL_DEVTOOLS_APP__ = undefined;\n    }\n  }\n\n  customElements.define(tag, SygnalElement);\n  return SygnalElement;\n}\n"],"names":["run"],"mappings":"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"}

package/dist/element.esm.js

@@ -0,0 +1,228 @@
+import { run } from 'sygnal';
+
+/**
+ * PLAN-4.5 G-275: marks an initial state that a wrapper built from its caller's values (an
+ * element's host props, Vike's pageContext.data or hydrated state, renderComponent's
+ * initialState option). The dev statics freeze (D152, checks/statics.ts) leaves a marked object
+ * and everything in it alone: the caller may still change those values. A non-enumerable symbol
+ * key: spreads, JSON and Object.keys don't see it.
+ */
+const OWNED = Symbol.for('sygnal.owned');
+const owned = (v) => {
+    // G-289: an object that refuses the key (a Proxy) is returned as is
+    try {
+        if (v && typeof v == 'object' && Object.isExtensible(v))
+            Object.defineProperty(v, OWNED, { value: 1 });
+    }
+    catch { }
+    return v;
+};
+
+// 'sygnal/element' (PLAN-4 GS-13, D127): publish a Sygnal component as a custom element.
+//
+//   defineElement('task-board', TaskBoard, {
+//     props: { title: String, tasks: Array, readonly: Boolean },  // or ['a', 'b'] (all String)
+//     events: { PARENT: 'task-picked' },                          // sink name → CustomEvent name
+//     shadow: true,                                               // true | 'open' | 'closed'
+//     styles: '.title { color: green }',                          // string | CSSStyleSheet | array
+//   })
+//
+// Each connected element is its own app: run(Component) mounted on a div inside the element
+// (or its shadow root). Props are in state from the first render (the component's
+// initialState, overlaid with the props); later property/attribute changes are merged into
+// state. Sinks listed in `events` are dispatched as CustomEvents (bubbles + composed; the
+// PARENT wrapper is unwrapped to its value). Removing the element disposes the app; a move
+// (disconnect + connect in the same task) keeps it running. Calling defineElement again for
+// the same tag (HMR) swaps the component in every live element, keeping each one's state.
+//
+// Separate entry: rollup rewrites './index' to the external 'sygnal' (0 B in the core bundle).
+// Sinks that are the app's own drivers, never events
+const RESERVED_SINKS = ['DOM', 'STATE', 'EVENTS'];
+// Hot-swap functions of the tags this module defined
+const swaps = new WeakMap();
+const kebab = (name) => name.replace(/[A-Z]/g, (c) => '-' + c.toLowerCase());
+function parseAttribute(type, value) {
+    if (type === Boolean)
+        return value !== null;
+    if (value === null)
+        return undefined;
+    if (type === Number)
+        return Number(value);
+    if (type === String)
+        return value;
+    return JSON.parse(value); // Object, Array (throws on bad JSON)
+}
+function toSheet(style) {
+    if (typeof style !== 'string')
+        return style;
+    const sheet = new CSSStyleSheet();
+    sheet.replaceSync(style);
+    return sheet;
+}
+const devMode = () => globalThis.__SYGNAL_DEV__ === true;
+function defineElement(tag, Component, options = {}) {
+    const prior = customElements.get(tag);
+    const swap = prior && swaps.get(prior);
+    if (swap) {
+        swap(Component); // HMR: the defining module ran again
+        return prior;
+    }
+    if (typeof Component !== 'function') {
+        throw new TypeError(`defineElement('${tag}'): pass a function component`);
+    }
+    const types = Array.isArray(options.props)
+        ? Object.fromEntries(options.props.map((name) => [name, String]))
+        : { ...options.props };
+    const propOfAttribute = Object.fromEntries(Object.keys(types).map((name) => [kebab(name), name]));
+    const events = { ...options.events };
+    for (const sink of RESERVED_SINKS) {
+        if (sink in events)
+            throw new TypeError(`defineElement('${tag}'): '${sink}' is a driver of the element's app, not an event sink`);
+    }
+    const shadowMode = options.shadow ? (options.shadow === 'closed' ? 'closed' : 'open') : undefined;
+    const sheets = shadowMode ? [].concat(options.styles || []).map(toSheet) : [];
+    // Props that hide a member of HTMLElement (e.g. title, hidden): SYG644 once per tag (D131)
+    const shadowedMembers = Object.keys(types).filter((name) => name in HTMLElement.prototype);
+    let warned = false;
+    const live = new Set();
+    let instances = 0;
+    class SygnalElement extends HTMLElement {
+        static observedAttributes = Object.keys(propOfAttribute);
+        #props = {};
+        #app = undefined;
+        #root = this;
+        #uid = `${tag}-${++instances}`;
+        static {
+            for (const name of Object.keys(types)) {
+                Object.defineProperty(this.prototype, name, {
+                    configurable: true,
+                    enumerable: true,
+                    get() {
+                        return this.#props[name];
+                    },
+                    set(value) {
+                        this.#setProp(name, value);
+                    },
+                });
+            }
+            swaps.set(this, (Next) => {
+                Component = Next;
+                live.forEach((element) => element.#swap());
+            });
+        }
+        constructor() {
+            super();
+            if (shadowMode) {
+                const root = this.attachShadow({ mode: shadowMode });
+                root.adoptedStyleSheets = sheets;
+                this.#root = root;
+            }
+            // Properties set before the tag was defined are own properties that hide the
+            // accessors: move them onto the accessors
+            for (const name of Object.keys(types)) {
+                if (Object.prototype.hasOwnProperty.call(this, name)) {
+                    const value = this[name];
+                    delete this[name];
+                    this.#setProp(name, value);
+                }
+            }
+        }
+        attributeChangedCallback(attribute, _old, value) {
+            const name = propOfAttribute[attribute];
+            try {
+                this.#setProp(name, parseAttribute(types[name], value));
+            }
+            catch (_) {
+                // bad JSON in an Object/Array attribute: keep the previous value
+            }
+        }
+        connectedCallback() {
+            if (this.#app)
+                return; // moved, not removed: keep running
+            // (G-216: a hot swap elsewhere on the page is that app's own, so no need to wait it out)
+            if (shadowedMembers.length && !warned) {
+                // D131: SYG644 through the diagnostics core when diagnostics are on; else a console
+                // warning in dev
+                const message = `props hide the HTMLElement members of the same name (${shadowedMembers.join(', ')})`;
+                const fix = 'Rename them to keep the native behaviour';
+                let reported;
+                try {
+                    reported = globalThis.__SYGNAL_DIAGNOSTICS__?.report('SYG644', {
+                        severity: 'warn', component: `<${tag}>`, message, fix, data: { tag, members: shadowedMembers },
+                    });
+                }
+                catch (e) {
+                    reported = true; // mode 'error': thrown after the element starts
+                    queueMicrotask(() => { throw e; });
+                }
+                if (reported || devMode())
+                    warned = true;
+                if (!reported && devMode())
+                    console.warn(`[sygnal/element] <${tag}>: ${message}. ${fix}.`);
+            }
+            const mount = document.createElement('div');
+            this.#root.appendChild(mount);
+            this.#app = run(this.#component(), this.#eventDrivers(), { mountPoint: mount, uid: this.#uid });
+            this.#releaseDevtools();
+            live.add(this);
+        }
+        disconnectedCallback() {
+            // Deferred: a move is a disconnect + connect in the same task
+            queueMicrotask(() => {
+                if (this.isConnected || !this.#app)
+                    return;
+                this.#app.dispose();
+                this.#app = undefined;
+                live.delete(this);
+                this.#root.replaceChildren();
+            });
+        }
+        // Hot swap (defineElement again for this tag): the new component, this element's state
+        #swap() {
+            if (!this.#app)
+                return;
+            // (the state through the runtime API, 04 §3.9)
+            this.#app.hmr(this.#component(), this.#app.__runtime.getState());
+            this.#releaseDevtools();
+        }
+        #setProp(name, value) {
+            this.#props[name] = value;
+            const set = (state) => ({ ...state, [name]: value });
+            this.#app?.__runtime?.setState('root', set);
+        }
+        // A per-instance copy of the component whose initialState includes the current props
+        // (owned: the dev statics freeze leaves the host's values alone, G-275)
+        #component() {
+            const wrapped = Object.assign((...args) => Component(...args), Component, {
+                initialState: owned({ ...Component.initialState, ...this.#props }),
+            });
+            return Object.defineProperty(wrapped, 'name', { value: Component.name || tag });
+        }
+        #eventDrivers() {
+            return Object.fromEntries(Object.entries(events).map(([sink, eventName]) => [
+                sink,
+                (sink$) => {
+                    sink$.addListener({
+                        next: (value) => {
+                            // PARENT values arrive wrapped as { name, component, value }
+                            const detail = sink === 'PARENT' ? value?.value : value;
+                            this.dispatchEvent(new CustomEvent(eventName, { detail, bubbles: true, composed: true }));
+                        },
+                    });
+                },
+            ]));
+        }
+        // run() registers the first live app for DevTools time travel (G-212). An element gives
+        // the slot back, so a host app that starts later gets it
+        #releaseDevtools() {
+            const w = window;
+            if (w.__SYGNAL_DEVTOOLS_APP__ === this.#app || w.__SYGNAL_DEVTOOLS_APP__?.sinks === this.#app.sinks)
+                w.__SYGNAL_DEVTOOLS_APP__ = undefined;
+        }
+    }
+    customElements.define(tag, SygnalElement);
+    return SygnalElement;
+}
+
+export { defineElement };
+//# sourceMappingURL=element.esm.js.map

package/dist/element.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.esm.js","sources":["../src/extra/owned.ts","../src/element.ts"],"sourcesContent":["/**\n * PLAN-4.5 G-275: marks an initial state that a wrapper built from its caller's values (an\n * element's host props, Vike's pageContext.data or hydrated state, renderComponent's\n * initialState option). The dev statics freeze (D152, checks/statics.ts) leaves a marked object\n * and everything in it alone: the caller may still change those values. A non-enumerable symbol\n * key: spreads, JSON and Object.keys don't see it.\n */\nexport const OWNED = Symbol.for('sygnal.owned')\n\nexport const owned = <T>(v: T): T => {\n  // G-289: an object that refuses the key (a Proxy) is returned as is\n  try { if (v && typeof v == 'object' && Object.isExtensible(v)) Object.defineProperty(v, OWNED, {value: 1}) } catch {}\n  return v\n}\n\n/**\n * G-289: owned() of a shallow copy of a plain object or array (the caller's own object stays\n * unmarked: it may be a component's static, which the freeze must still cover, or sealed, which\n * can't be marked); anything else as owned()\n */\nexport const ownedCopy = <T>(v: T): T => {\n  const p = v && typeof v == 'object' ? Object.getPrototypeOf(v) : 0\n  return owned(Array.isArray(v) ? [...v] as any : p == Object.prototype || p === null ? {...v} : v)\n}\n","// 'sygnal/element' (PLAN-4 GS-13, D127): publish a Sygnal component as a custom element.\n//\n//   defineElement('task-board', TaskBoard, {\n//     props: { title: String, tasks: Array, readonly: Boolean },  // or ['a', 'b'] (all String)\n//     events: { PARENT: 'task-picked' },                          // sink name → CustomEvent name\n//     shadow: true,                                               // true | 'open' | 'closed'\n//     styles: '.title { color: green }',                          // string | CSSStyleSheet | array\n//   })\n//\n// Each connected element is its own app: run(Component) mounted on a div inside the element\n// (or its shadow root). Props are in state from the first render (the component's\n// initialState, overlaid with the props); later property/attribute changes are merged into\n// state. Sinks listed in `events` are dispatched as CustomEvents (bubbles + composed; the\n// PARENT wrapper is unwrapped to its value). Removing the element disposes the app; a move\n// (disconnect + connect in the same task) keeps it running. Calling defineElement again for\n// the same tag (HMR) swaps the component in every live element, keeping each one's state.\n//\n// Separate entry: rollup rewrites './index' to the external 'sygnal' (0 B in the core bundle).\nimport {run} from './index';\nimport {owned} from './extra/owned';\n\nexport type ElementPropType =\n  | StringConstructor\n  | NumberConstructor\n  | BooleanConstructor\n  | ObjectConstructor\n  | ArrayConstructor;\n\nexport interface ElementOptions {\n  /** Properties fed into state (camelCase; the attribute is kebab-case). An array means all String. */\n  props?: readonly string[] | Record<string, ElementPropType>;\n  /** Sink name → CustomEvent name, e.g. { PARENT: 'task-picked' } */\n  events?: Record<string, string>;\n  /** Render into a shadow root (true = 'open') */\n  shadow?: boolean | 'open' | 'closed';\n  /** Adopted into the shadow root, shared by every instance (ignored without shadow) */\n  styles?: string | CSSStyleSheet | Array<string | CSSStyleSheet>;\n}\n\n// Sinks that are the app's own drivers, never events\nconst RESERVED_SINKS = ['DOM', 'STATE', 'EVENTS'];\n\n// Hot-swap functions of the tags this module defined\nconst swaps = new WeakMap<CustomElementConstructor, (Component: any) => void>();\n\nconst kebab = (name: string) => name.replace(/[A-Z]/g, (c) => '-' + c.toLowerCase());\n\nfunction parseAttribute(type: ElementPropType, value: string | null): any {\n  if (type === Boolean) return value !== null;\n  if (value === null) return undefined;\n  if (type === Number) return Number(value);\n  if (type === String) return value;\n  return JSON.parse(value); // Object, Array (throws on bad JSON)\n}\n\nfunction toSheet(style: string | CSSStyleSheet): CSSStyleSheet {\n  if (typeof style !== 'string') return style;\n  const sheet = new CSSStyleSheet();\n  sheet.replaceSync(style);\n  return sheet;\n}\n\nconst devMode = () => (globalThis as any).__SYGNAL_DEV__ === true;\n\nexport function defineElement(tag: string, Component: any, options: ElementOptions = {}): CustomElementConstructor {\n  const prior = customElements.get(tag);\n  const swap = prior && swaps.get(prior);\n  if (swap) {\n    swap(Component); // HMR: the defining module ran again\n    return prior!;\n  }\n  if (typeof Component !== 'function') {\n    throw new TypeError(`defineElement('${tag}'): pass a function component`);\n  }\n\n  const types: Record<string, ElementPropType> = Array.isArray(options.props)\n    ? Object.fromEntries(options.props.map((name: string) => [name, String]))\n    : {...(options.props as Record<string, ElementPropType> | undefined)};\n  const propOfAttribute: Record<string, string> = Object.fromEntries(Object.keys(types).map((name) => [kebab(name), name]));\n  const events = {...options.events};\n  for (const sink of RESERVED_SINKS) {\n    if (sink in events) throw new TypeError(`defineElement('${tag}'): '${sink}' is a driver of the element's app, not an event sink`);\n  }\n  const shadowMode = options.shadow ? (options.shadow === 'closed' ? 'closed' : 'open') : undefined;\n  const sheets = shadowMode ? ([] as Array<string | CSSStyleSheet>).concat(options.styles || []).map(toSheet) : [];\n  // Props that hide a member of HTMLElement (e.g. title, hidden): SYG644 once per tag (D131)\n  const shadowedMembers = Object.keys(types).filter((name) => name in HTMLElement.prototype);\n  let warned = false;\n\n  const live = new Set<SygnalElement>();\n  let instances = 0;\n\n  class SygnalElement extends HTMLElement {\n    static observedAttributes = Object.keys(propOfAttribute);\n\n    #props: Record<string, any> = {};\n    #app: any = undefined;\n    #root: HTMLElement | ShadowRoot = this;\n    #uid = `${tag}-${++instances}`;\n\n    static {\n      for (const name of Object.keys(types)) {\n        Object.defineProperty(this.prototype, name, {\n          configurable: true,\n          enumerable: true,\n          get(this: SygnalElement) {\n            return this.#props[name];\n          },\n          set(this: SygnalElement, value: any) {\n            this.#setProp(name, value);\n          },\n        });\n      }\n      swaps.set(this, (Next: any) => {\n        Component = Next;\n        live.forEach((element) => element.#swap());\n      });\n    }\n\n    constructor() {\n      super();\n      if (shadowMode) {\n        const root = this.attachShadow({mode: shadowMode});\n        root.adoptedStyleSheets = sheets;\n        this.#root = root;\n      }\n      // Properties set before the tag was defined are own properties that hide the\n      // accessors: move them onto the accessors\n      for (const name of Object.keys(types)) {\n        if (Object.prototype.hasOwnProperty.call(this, name)) {\n          const value = (this as any)[name];\n          delete (this as any)[name];\n          this.#setProp(name, value);\n        }\n      }\n    }\n\n    attributeChangedCallback(attribute: string, _old: string | null, value: string | null) {\n      const name = propOfAttribute[attribute];\n      try {\n        this.#setProp(name, parseAttribute(types[name], value));\n      } catch (_) {\n        // bad JSON in an Object/Array attribute: keep the previous value\n      }\n    }\n\n    connectedCallback() {\n      if (this.#app) return; // moved, not removed: keep running\n      // (G-216: a hot swap elsewhere on the page is that app's own, so no need to wait it out)\n      if (shadowedMembers.length && !warned) {\n        // D131: SYG644 through the diagnostics core when diagnostics are on; else a console\n        // warning in dev\n        const message = `props hide the HTMLElement members of the same name (${shadowedMembers.join(', ')})`;\n        const fix = 'Rename them to keep the native behaviour';\n        let reported: any;\n        try {\n          reported = (globalThis as any).__SYGNAL_DIAGNOSTICS__?.report('SYG644', {\n            severity: 'warn', component: `<${tag}>`, message, fix, data: {tag, members: shadowedMembers},\n          });\n        } catch (e) {\n          reported = true; // mode 'error': thrown after the element starts\n          queueMicrotask(() => { throw e; });\n        }\n        if (reported || devMode()) warned = true;\n        if (!reported && devMode()) console.warn(`[sygnal/element] <${tag}>: ${message}. ${fix}.`);\n      }\n      const mount = document.createElement('div');\n      this.#root.appendChild(mount);\n      this.#app = run(this.#component(), this.#eventDrivers(), {mountPoint: mount as any, uid: this.#uid});\n      this.#releaseDevtools();\n      live.add(this);\n    }\n\n    disconnectedCallback() {\n      // Deferred: a move is a disconnect + connect in the same task\n      queueMicrotask(() => {\n        if (this.isConnected || !this.#app) return;\n        this.#app.dispose();\n        this.#app = undefined;\n        live.delete(this);\n        this.#root.replaceChildren();\n      });\n    }\n\n    // Hot swap (defineElement again for this tag): the new component, this element's state\n    #swap() {\n      if (!this.#app) return;\n      // (the state through the runtime API, 04 §3.9)\n      this.#app.hmr(this.#component(), (this.#app as any).__runtime.getState());\n      this.#releaseDevtools();\n    }\n\n    #setProp(name: string, value: any) {\n      this.#props[name] = value;\n      const set = (state: any) => ({...state, [name]: value});\n      (this.#app as any)?.__runtime?.setState('root', set);\n    }\n\n    // A per-instance copy of the component whose initialState includes the current props\n    // (owned: the dev statics freeze leaves the host's values alone, G-275)\n    #component() {\n      const wrapped = Object.assign((...args: any[]) => Component(...args), Component, {\n        initialState: owned({...Component.initialState, ...this.#props}),\n      });\n      return Object.defineProperty(wrapped, 'name', {value: Component.name || tag});\n    }\n\n    #eventDrivers() {\n      return Object.fromEntries(\n        Object.entries(events).map(([sink, eventName]) => [\n          sink,\n          (sink$: any) => {\n            sink$.addListener({\n              next: (value: any) => {\n                // PARENT values arrive wrapped as { name, component, value }\n                const detail = sink === 'PARENT' ? value?.value : value;\n                this.dispatchEvent(new CustomEvent(eventName, {detail, bubbles: true, composed: true}));\n              },\n            });\n          },\n        ])\n      );\n    }\n\n    // run() registers the first live app for DevTools time travel (G-212). An element gives\n    // the slot back, so a host app that starts later gets it\n    #releaseDevtools() {\n      const w = window as any;\n      if (w.__SYGNAL_DEVTOOLS_APP__ === this.#app || w.__SYGNAL_DEVTOOLS_APP__?.sinks === this.#app.sinks) w.__SYGNAL_DEVTOOLS_APP__ = undefined;\n    }\n  }\n\n  customElements.define(tag, SygnalElement);\n  return SygnalElement;\n}\n"],"names":[],"mappings":"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"}