sygnal 5.4.0 → 6.0.0

package/dist/jsx.esm.js

@@ -1,318 +1,11 @@
-import _extend from 'extend';
+export { createElement as jsx } from 'sygnal';
+import { Fragment as Fragment$1 } from 'snabbdom/build/jsx.js';
 
-const undefinedv = (v) => v === undefined;
-const number = (v) => typeof v === 'number';
-const string = (v) => typeof v === 'string';
-const text = (v) => string(v) || number(v);
-const array = (v) => Array.isArray(v);
-const object = (v) => typeof v === 'object' && v !== null;
-const fun = (v) => typeof v === 'function';
-const vnode$1 = (v) => object(v) && 'sel' in v && 'data' in v && 'children' in v && 'text' in v;
-const svgPropsMap = {
-    // Container / structural
-    svg: 1, g: 1, defs: 1, symbol: 1, use: 1,
-    // Shape
-    circle: 1, ellipse: 1, line: 1, path: 1, polygon: 1, polyline: 1, rect: 1,
-    // Text  (no HTML collision: HTML has no <text>, <tspan>, or <textPath>)
-    text: 1, tspan: 1, textPath: 1,
-    // Gradient / paint
-    linearGradient: 1, radialGradient: 1, stop: 1, pattern: 1,
-    // Clipping / masking
-    clipPath: 1, mask: 1,
-    // Marker
-    marker: 1,
-    // Filter primitives
-    filter: 1, feBlend: 1, feColorMatrix: 1, feComponentTransfer: 1,
-    feComposite: 1, feConvolveMatrix: 1, feDiffuseLighting: 1,
-    feDisplacementMap: 1, feDropShadow: 1, feFlood: 1, feGaussianBlur: 1,
-    feImage: 1, feMerge: 1, feMergeNode: 1, feMorphology: 1, feOffset: 1,
-    fePointLight: 1, feSpecularLighting: 1, feSpotLight: 1, feTile: 1,
-    feTurbulence: 1, feFuncR: 1, feFuncG: 1, feFuncB: 1, feFuncA: 1,
-    // Descriptive  (excluding 'title' — collides with HTML <title>)
-    desc: 1, metadata: 1,
-    // Other  (excluding 'a', 'image', 'style', 'script' — collide with HTML)
-    foreignObject: 1, switch: 1,
-    // Animation
-    animate: 1, animateMotion: 1, animateTransform: 1, set: 1, mpath: 1,
-};
-const svg = (v) => v.sel in svgPropsMap;
+// Tag Fragment so we can identify it even after minification mangles Function.name.
+// Its own module so the JSX runtime entries (which keep snabbdom external, D188) take it
+// without the rest of the snabbdom barrel
+Fragment$1.__sygnalFragment = true;
+const Fragment = Fragment$1;
 
-// TODO: stop using extend here
-// @ts-ignore — no type declarations for 'extend'
-const extend = (...objs) => _extend(true, ...objs);
-const assign = (...objs) => _extend(false, ...objs);
-const reduceDeep = (arr, fn, initial) => {
-    let result = initial;
-    for (let i = 0; i < arr.length; i++) {
-        const value = arr[i];
-        if (array(value)) {
-            result = reduceDeep(value, fn, result);
-        }
-        else {
-            result = fn(result, value);
-        }
-    }
-    return result;
-};
-const mapObject = (obj, fn) => Object.keys(obj).map((key) => fn(key, obj[key])).reduce((acc, curr) => extend(acc, curr), {});
-const deepifyKeys = (obj, modules) => mapObject(obj, (key, val) => {
-    const dashIndex = key.indexOf('-');
-    if (dashIndex > -1 && modules[key.slice(0, dashIndex)] !== undefined) {
-        const moduleData = {
-            [key.slice(dashIndex + 1)]: val
-        };
-        return {
-            [key.slice(0, dashIndex)]: moduleData
-        };
-    }
-    return { [key]: val };
-});
-const omit = (key, obj) => mapObject(obj, (mod, data) => mod !== key ? ({ [mod]: data }) : {});
-
-const createTextElement = (text$1) => !text(text$1) ? undefined : {
-    text: text$1,
-    sel: undefined,
-    data: undefined,
-    children: undefined,
-    elm: undefined,
-    key: undefined
-};
-const applySvg = (vnode) => {
-    // Skip text vnodes (sel is undefined) and nullish values
-    if (!vnode || undefinedv(vnode.sel))
-        return vnode;
-    const data = vnode.data || {};
-    const props = data.props || {};
-    const propsWithoutClassName = omit('className', props);
-    const classAttr = props.className !== undefined ? { class: props.className } : {};
-    const mergedAttrs = assign({}, propsWithoutClassName, classAttr, data.attrs || {});
-    return assign(vnode, { data: omit('props', assign({}, data, { ns: 'http://www.w3.org/2000/svg', attrs: mergedAttrs })) }, 
-    // foreignObject contains HTML, not SVG — do not recurse into its children
-    { children: (!Array.isArray(vnode.children) || vnode.sel === 'foreignObject')
-            ? vnode.children
-            : vnode.children.map((child) => applySvg(child))
-    });
-};
-const considerSvg = (vnode) => !svg(vnode) ? vnode : applySvg(vnode);
-const rewrites = {
-    for: 'attrs',
-    role: 'attrs',
-    tabindex: 'attrs',
-    'aria-*': 'attrs',
-    key: null
-};
-const rewriteModules = (data, modules) => mapObject(data, (key, val) => {
-    const inner = { [key]: val };
-    if (rewrites[key] && modules[rewrites[key]] !== undefined) {
-        return { [rewrites[key]]: inner };
-    }
-    if (rewrites[key] === null) {
-        return {};
-    }
-    const keys = Object.keys(rewrites);
-    for (let i = 0; i < keys.length; i++) {
-        const k = keys[i];
-        if (k.charAt(k.length - 1) === '*' && key.indexOf(k.slice(0, -1)) === 0 && modules[rewrites[k]] !== undefined) {
-            return { [rewrites[k]]: inner };
-        }
-    }
-    if (modules[key] !== undefined) {
-        return { [modules[key] ? modules[key] : key]: val };
-    }
-    if (modules.props !== undefined) {
-        return { props: inner };
-    }
-    return inner;
-});
-const applyFocusProps = (data) => {
-    if (!data.props)
-        return data;
-    const { autoFocus, autoSelect, ...rest } = data.props;
-    if (!autoFocus && !autoSelect)
-        return data;
-    data.props = rest;
-    data._autoFocus = !!autoFocus;
-    data._autoSelect = !!autoSelect;
-    const doFocus = (elm) => {
-        if (elm && typeof elm.focus === 'function') {
-            requestAnimationFrame(() => {
-                elm.focus();
-                if (autoSelect && typeof elm.select === 'function') {
-                    elm.select();
-                }
-            });
-        }
-    };
-    const existingInsert = data.hook?.insert;
-    const existingPostpatch = data.hook?.postpatch;
-    data.hook = {
-        ...data.hook,
-        insert: (vnode) => {
-            if (existingInsert)
-                existingInsert(vnode);
-            if (autoFocus || autoSelect)
-                doFocus(vnode.elm);
-        },
-        postpatch: (oldVnode, vnode) => {
-            if (existingPostpatch)
-                existingPostpatch(oldVnode, vnode);
-            const wasFocused = oldVnode.data?._autoFocus;
-            const isFocused = vnode.data?._autoFocus;
-            if (!wasFocused && isFocused)
-                doFocus(vnode.elm);
-        },
-    };
-    return data;
-};
-const applyRefProps = (data, ref) => {
-    if (!ref)
-        return data;
-    const setRef = (elm) => {
-        if (typeof ref === 'function') {
-            ref(elm);
-        }
-        else if (ref && typeof ref === 'object' && 'current' in ref) {
-            ref.current = elm;
-        }
-    };
-    const existingInsert = data.hook?.insert;
-    const existingDestroy = data.hook?.destroy;
-    const existingPostpatch = data.hook?.postpatch;
-    data.hook = {
-        ...data.hook,
-        insert: (vnode) => {
-            if (existingInsert)
-                existingInsert(vnode);
-            setRef(vnode.elm);
-        },
-        postpatch: (_oldVnode, vnode) => {
-            if (existingPostpatch)
-                existingPostpatch(_oldVnode, vnode);
-            setRef(vnode.elm);
-        },
-        destroy: (vnode) => {
-            if (existingDestroy)
-                existingDestroy(vnode);
-            setRef(null);
-        },
-    };
-    return data;
-};
-const sanitizeData = (data, modules) => {
-    const { ref, ...rest } = data;
-    const sanitized = applyFocusProps(rewriteModules(deepifyKeys(rest, modules), modules));
-    return applyRefProps(sanitized, ref);
-};
-const sanitizeText = (children) => children.length > 1 || !text(children[0]) ? undefined : children[0].toString();
-const sanitizeChildren = (children) => reduceDeep(children, (acc, child) => {
-    const vnode = vnode$1(child) ? child : createTextElement(child);
-    acc.push(vnode);
-    return acc;
-}, []);
-const defaultModules = {
-    attrs: '',
-    props: '',
-    class: '',
-    data: 'dataset',
-    style: '',
-    hook: '',
-    on: ''
-};
-const createElementWithModules = (modules) => {
-    return (sel, data, ...children) => {
-        if (typeof sel === 'undefined') {
-            sel = 'UNDEFINED';
-            // Pre-formatted (formatDiagnostic output) instead of diagnostics/legacy: the JSX
-            // runtime entries bundle this file standalone and must not carry a second diagnostics core.
-            console.error('[Sygnal SYG420] JSX: A JSX tag is undefined, so <UNDEFINED> is rendered instead. Import or define the component in this file. https://sygnal.js.org/reference/errors#syg420');
-        }
-        const isComponent = fun(sel);
-        if (isComponent) {
-            if (sel.__sygnalFragment || sel.name === 'Fragment') {
-                return sel(data || {}, children);
-            }
-            data || (data = {});
-            if (!sel.isSygnalComponent) {
-                const name = sel.componentName || sel.label || sel.name || 'FUNCTION_COMPONENT';
-                const view = sel;
-                const { model, intent, hmrActions, context, peers, components, initialState, isolatedState, calculated, storeCalculatedInState, DOMSourceName, stateSourceName, onError, debug, preventInstantiation } = sel;
-                if (preventInstantiation) {
-                    // children always stay an array here: Portal/Suspense/... read vnode.children
-                    return considerSvg({
-                        sel: name,
-                        data: data ? sanitizeData(data, modules) : {},
-                        children: sanitizeChildren(children),
-                        text: undefined,
-                        elm: undefined,
-                        key: data ? data.key : undefined
-                    });
-                }
-                const options = { name, view, model, intent, hmrActions, context, peers, components, initialState, isolatedState, calculated, storeCalculatedInState, DOMSourceName, stateSourceName, onError, debug };
-                data.sygnalOptions = options;
-                sel = name;
-            }
-            else {
-                const factory = sel;
-                sel = sel.componentName || sel.label || sel.name || 'sygnal-factory';
-                data.sygnalFactory = factory;
-            }
-        }
-        // B-011: a vnode is either text-only (`text`, no children) or has a children array,
-        // never both; snabbdom's diff mishandles a vnode with both. A component placeholder
-        // keeps an array so the component receives its text child via `children`.
-        const text = isComponent ? undefined : sanitizeText(children);
-        return considerSvg({
-            sel,
-            data: data ? sanitizeData(data, modules) : {},
-            children: typeof text !== 'undefined' ? undefined : sanitizeChildren(children),
-            text,
-            elm: undefined,
-            key: data ? data.key : undefined
-        });
-    };
-};
-const createElement = createElementWithModules(defaultModules);
-
-function vnode(sel, data, children, text, elm) {
-    const key = data === undefined ? undefined : data.key;
-    return { sel, data, children, text, elm, key };
-}
-
-/* eslint-disable @typescript-eslint/no-namespace, import/export */
-function Fragment(data, ...children) {
-    const flatChildren = flattenAndFilter(children, []);
-    if (flatChildren.length === 1 &&
-        !flatChildren[0].sel &&
-        flatChildren[0].text) {
-        // only child is a simple text node, pass as text for a simpler vtree
-        return vnode(undefined, undefined, undefined, flatChildren[0].text, undefined);
-    }
-    else {
-        return vnode(undefined, data !== null && data !== void 0 ? data : {}, flatChildren, undefined, undefined);
-    }
-}
-function flattenAndFilter(children, flattened) {
-    for (const child of children) {
-        // filter out falsey children, except 0 since zero can be a valid value e.g inside a chart
-        if (child !== undefined &&
-            child !== null &&
-            child !== false &&
-            child !== "") {
-            if (Array.isArray(child)) {
-                flattenAndFilter(child, flattened);
-            }
-            else if (typeof child === "string" ||
-                typeof child === "number" ||
-                typeof child === "boolean") {
-                flattened.push(vnode(undefined, undefined, undefined, String(child), undefined));
-            }
-            else {
-                flattened.push(child);
-            }
-        }
-    }
-    return flattened;
-}
-
-export { Fragment, createElement as jsx };
+export { Fragment };
 //# sourceMappingURL=jsx.esm.js.map

package/dist/jsx.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"jsx.esm.js","sources":["../src/pragma/is.ts","../src/pragma/fn.ts","../src/pragma/index.ts","../node_modules/snabbdom/build/vnode.js","../node_modules/snabbdom/build/jsx.js"],"sourcesContent":["\nexport const nullv = (v: any): v is null => v === null\n\nexport const undefinedv = (v: any): v is undefined => v === undefined\n\nexport const number = (v: any): v is number => typeof v === 'number'\n\nexport const string = (v: any): v is string => typeof v === 'string'\n\nexport const text = (v: any): v is string | number => string(v) || number(v)\n\nexport const array = (v: any): v is any[] => Array.isArray(v)\n\nexport const object = (v: any): v is Record<string, any> => typeof v === 'object' && v !== null\n\nexport const fun = (v: any): v is Function => typeof v === 'function'\n\nexport const vnode = (v: any): boolean => object(v) && 'sel' in v && 'data' in v && 'children' in v && 'text' in v\n\nconst svgPropsMap: Record<string, number> = {\n  // Container / structural\n  svg: 1, g: 1, defs: 1, symbol: 1, use: 1,\n  // Shape\n  circle: 1, ellipse: 1, line: 1, path: 1, polygon: 1, polyline: 1, rect: 1,\n  // Text  (no HTML collision: HTML has no <text>, <tspan>, or <textPath>)\n  text: 1, tspan: 1, textPath: 1,\n  // Gradient / paint\n  linearGradient: 1, radialGradient: 1, stop: 1, pattern: 1,\n  // Clipping / masking\n  clipPath: 1, mask: 1,\n  // Marker\n  marker: 1,\n  // Filter primitives\n  filter: 1, feBlend: 1, feColorMatrix: 1, feComponentTransfer: 1,\n  feComposite: 1, feConvolveMatrix: 1, feDiffuseLighting: 1,\n  feDisplacementMap: 1, feDropShadow: 1, feFlood: 1, feGaussianBlur: 1,\n  feImage: 1, feMerge: 1, feMergeNode: 1, feMorphology: 1, feOffset: 1,\n  fePointLight: 1, feSpecularLighting: 1, feSpotLight: 1, feTile: 1,\n  feTurbulence: 1, feFuncR: 1, feFuncG: 1, feFuncB: 1, feFuncA: 1,\n  // Descriptive  (excluding 'title' — collides with HTML <title>)\n  desc: 1, metadata: 1,\n  // Other  (excluding 'a', 'image', 'style', 'script' — collide with HTML)\n  foreignObject: 1, switch: 1,\n  // Animation\n  animate: 1, animateMotion: 1, animateTransform: 1, set: 1, mpath: 1,\n}\n\nexport const svg = (v: any): boolean => v.sel in svgPropsMap\n","// TODO: stop using extend here\n// @ts-ignore — no type declarations for 'extend'\nimport _extend from 'extend'\n\nimport * as is from './is'\n\nexport const extend = (...objs: any[]): any => _extend(true, ...objs)\n\nexport const assign = (...objs: any[]): any => _extend(false, ...objs)\n\nexport const reduceDeep = <T>(arr: any[], fn: (acc: T, value: any) => T, initial: T): T => {\n  let result = initial\n  for (let i = 0; i < arr.length; i++) {\n    const value = arr[i]\n    if (is.array(value)) {\n      result = reduceDeep(value, fn, result)\n    } else {\n      result = fn(result, value)\n    }\n  }\n  return result\n}\n\nexport const mapObject = (obj: Record<string, any>, fn: (key: string, val: any) => any): any => Object.keys(obj).map(\n  (key) => fn(key, obj[key])\n).reduce(\n  (acc: any, curr: any) => extend(acc, curr),\n  {}\n)\n\nexport const deepifyKeys = (obj: Record<string, any>, modules: Record<string, any>): any => mapObject(obj,\n  (key: string, val: any) => {\n    const dashIndex = key.indexOf('-')\n    if (dashIndex > -1 && modules[key.slice(0, dashIndex)] !== undefined) {\n      const moduleData = {\n        [key.slice(dashIndex + 1)]: val\n      }\n      return {\n        [key.slice(0, dashIndex)]: moduleData\n      }\n    }\n    return { [key]: val }\n  }\n)\n\nexport const flatifyKeys = (obj: Record<string, any>): any => mapObject(obj,\n  (mod: string, data: any) => !is.object(data) ? ({ [mod]: data }) : mapObject(\n    flatifyKeys(data),\n    (key: string, val: any) => ({ [`${mod}-${key}`]: val })\n  )\n)\n\nexport const omit = (key: string, obj: Record<string, any>): any => mapObject(obj,\n  (mod: string, data: any) => mod !== key ? ({ [mod]: data }) : {}\n)\n","\nimport * as is from './is'\nimport * as fn from './fn'\n\nconst createTextElement = (text: any): any => !is.text(text) ? undefined : {\n  text,\n  sel: undefined,\n  data: undefined,\n  children: undefined,\n  elm: undefined,\n  key: undefined\n}\n\nconst applySvg = (vnode: any): any => {\n  // Skip text vnodes (sel is undefined) and nullish values\n  if (!vnode || is.undefinedv(vnode.sel)) return vnode\n\n  const data = vnode.data || {}\n  const props = data.props || {}\n  const propsWithoutClassName = fn.omit('className', props)\n  const classAttr = props.className !== undefined ? { class: props.className } : {}\n  const mergedAttrs = fn.assign({}, propsWithoutClassName, classAttr, data.attrs || {})\n\n  return fn.assign(vnode,\n    { data: fn.omit('props', fn.assign({}, data,\n      { ns: 'http://www.w3.org/2000/svg', attrs: mergedAttrs }\n    )) },\n    // foreignObject contains HTML, not SVG — do not recurse into its children\n    { children: (!Array.isArray(vnode.children) || vnode.sel === 'foreignObject')\n      ? vnode.children\n      : vnode.children.map((child: any) => applySvg(child))\n    }\n  )\n}\n\nconst considerSvg = (vnode: any): any => !is.svg(vnode) ? vnode : applySvg(vnode)\n\nconst rewrites: Record<string, string | null> = {\n  for: 'attrs',\n  role: 'attrs',\n  tabindex: 'attrs',\n  'aria-*': 'attrs',\n  key: null\n}\n\nconst rewriteModules = (data: any, modules: Record<string, any>): any => fn.mapObject(data, (key: string, val: any) => {\n  const inner = { [key]: val }\n  if (rewrites[key] && modules[rewrites[key] as string] !== undefined) {\n    return { [rewrites[key] as string]: inner }\n  }\n  if (rewrites[key] === null) {\n    return {}\n  }\n  const keys = Object.keys(rewrites)\n  for (let i = 0; i < keys.length; i++) {\n    const k = keys[i]\n    if (k.charAt(k.length - 1) === '*' && key.indexOf(k.slice(0, -1)) === 0 && modules[rewrites[k] as string] !== undefined) {\n      return { [rewrites[k] as string]: inner }\n    }\n  }\n  if (modules[key] !== undefined) {\n    return { [modules[key] ? modules[key] : key]: val }\n  }\n  if (modules.props !== undefined) {\n    return { props: inner }\n  }\n  return inner\n})\n\nconst applyFocusProps = (data: any): any => {\n  if (!data.props) return data\n  const { autoFocus, autoSelect, ...rest } = data.props\n  if (!autoFocus && !autoSelect) return data\n\n  data.props = rest\n  data._autoFocus = !!autoFocus\n  data._autoSelect = !!autoSelect\n\n  const doFocus = (elm: any) => {\n    if (elm && typeof elm.focus === 'function') {\n      requestAnimationFrame(() => {\n        elm.focus()\n        if (autoSelect && typeof elm.select === 'function') {\n          elm.select()\n        }\n      })\n    }\n  }\n\n  const existingInsert = data.hook?.insert\n  const existingPostpatch = data.hook?.postpatch\n  data.hook = {\n    ...data.hook,\n    insert: (vnode: any) => {\n      if (existingInsert) existingInsert(vnode)\n      if (autoFocus || autoSelect) doFocus(vnode.elm)\n    },\n    postpatch: (oldVnode: any, vnode: any) => {\n      if (existingPostpatch) existingPostpatch(oldVnode, vnode)\n      const wasFocused = oldVnode.data?._autoFocus\n      const isFocused = vnode.data?._autoFocus\n      if (!wasFocused && isFocused) doFocus(vnode.elm)\n    },\n  }\n  return data\n}\n\nconst applyRefProps = (data: any, ref: any): any => {\n  if (!ref) return data\n\n  const setRef = (elm: any) => {\n    if (typeof ref === 'function') {\n      ref(elm)\n    } else if (ref && typeof ref === 'object' && 'current' in ref) {\n      ref.current = elm\n    }\n  }\n\n  const existingInsert = data.hook?.insert\n  const existingDestroy = data.hook?.destroy\n  const existingPostpatch = data.hook?.postpatch\n  data.hook = {\n    ...data.hook,\n    insert: (vnode: any) => {\n      if (existingInsert) existingInsert(vnode)\n      setRef(vnode.elm)\n    },\n    postpatch: (_oldVnode: any, vnode: any) => {\n      if (existingPostpatch) existingPostpatch(_oldVnode, vnode)\n      setRef(vnode.elm)\n    },\n    destroy: (vnode: any) => {\n      if (existingDestroy) existingDestroy(vnode)\n      setRef(null)\n    },\n  }\n  return data\n}\n\nconst sanitizeData = (data: any, modules: Record<string, any>): any => {\n  const { ref, ...rest } = data\n  const sanitized = applyFocusProps(rewriteModules(fn.deepifyKeys(rest, modules), modules))\n  return applyRefProps(sanitized, ref)\n}\n\nconst sanitizeText = (children: any[]): string | undefined => children.length > 1 || !is.text(children[0]) ? undefined : children[0].toString()\n\nconst sanitizeChildren = (children: any[]): any[] => fn.reduceDeep(children, (acc: any[], child: any) => {\n  const vnode = is.vnode(child) ? child : createTextElement(child)\n  acc.push(vnode)\n  return acc\n}\n, [])\n\nconst defaultModules: Record<string, string> = {\n  attrs: '',\n  props: '',\n  class: '',\n  data: 'dataset',\n  style: '',\n  hook: '',\n  on: ''\n}\n\nexport const createElementWithModules = (modules: Record<string, any>) => {\n  return (sel: any, data: any, ...children: any[]) => {\n    if (typeof sel === 'undefined') {\n      sel = 'UNDEFINED'\n      // Pre-formatted (formatDiagnostic output) instead of diagnostics/legacy: the JSX\n      // runtime entries bundle this file standalone and must not carry a second diagnostics core.\n      console.error('[Sygnal SYG420] JSX: A JSX tag is undefined, so <UNDEFINED> is rendered instead. Import or define the component in this file. https://sygnal.js.org/reference/errors#syg420')\n    }\n    const isComponent = is.fun(sel)\n    if (isComponent) {\n      if ((sel as any).__sygnalFragment || sel.name === 'Fragment') {\n        return sel(data || {}, children)\n      }\n      data ||= {}\n      if (!(sel as any).isSygnalComponent) {\n        const name = (sel as any).componentName || (sel as any).label || sel.name || 'FUNCTION_COMPONENT'\n        const view = sel\n        const { model, intent, hmrActions, context, peers, components, initialState, isolatedState, calculated, storeCalculatedInState, DOMSourceName, stateSourceName, onError, debug, preventInstantiation } = sel as any\n        if (preventInstantiation) {\n          // children always stay an array here: Portal/Suspense/... read vnode.children\n          return considerSvg({\n            sel: name,\n            data: data ? sanitizeData(data, modules) : {},\n            children: sanitizeChildren(children),\n            text: undefined,\n            elm: undefined,\n            key: data ? data.key : undefined\n          })\n        }\n        const options = { name, view, model, intent, hmrActions, context, peers, components, initialState, isolatedState, calculated, storeCalculatedInState, DOMSourceName, stateSourceName, onError, debug }\n        data.sygnalOptions = options\n        sel = name\n      } else {\n        const factory = sel\n        sel = (sel as any).componentName || (sel as any).label || sel.name || 'sygnal-factory'\n        data.sygnalFactory = factory\n      }\n    }\n    // B-011: a vnode is either text-only (`text`, no children) or has a children array,\n    // never both; snabbdom's diff mishandles a vnode with both. A component placeholder\n    // keeps an array so the component receives its text child via `children`.\n    const text = isComponent ? undefined : sanitizeText(children)\n    return considerSvg({\n      sel,\n      data: data ? sanitizeData(data, modules) : {},\n      children: typeof text !== 'undefined' ? undefined : sanitizeChildren(children),\n      text,\n      elm: undefined,\n      key: data ? data.key : undefined\n    })\n  }\n}\n\nexport const createElement = createElementWithModules(defaultModules)\n\nexport default {\n  createElement,\n  createElementWithModules\n}\n","export function vnode(sel, data, children, text, elm) {\n    const key = data === undefined ? undefined : data.key;\n    return { sel, data, children, text, elm, key };\n}\n//# sourceMappingURL=vnode.js.map","/* eslint-disable @typescript-eslint/no-namespace, import/export */\nimport { vnode } from \"./vnode.js\";\nimport { h } from \"./h.js\";\nexport function Fragment(data, ...children) {\n    const flatChildren = flattenAndFilter(children, []);\n    if (flatChildren.length === 1 &&\n        !flatChildren[0].sel &&\n        flatChildren[0].text) {\n        // only child is a simple text node, pass as text for a simpler vtree\n        return vnode(undefined, undefined, undefined, flatChildren[0].text, undefined);\n    }\n    else {\n        return vnode(undefined, data !== null && data !== void 0 ? data : {}, flatChildren, undefined, undefined);\n    }\n}\nfunction flattenAndFilter(children, flattened) {\n    for (const child of children) {\n        // filter out falsey children, except 0 since zero can be a valid value e.g inside a chart\n        if (child !== undefined &&\n            child !== null &&\n            child !== false &&\n            child !== \"\") {\n            if (Array.isArray(child)) {\n                flattenAndFilter(child, flattened);\n            }\n            else if (typeof child === \"string\" ||\n                typeof child === \"number\" ||\n                typeof child === \"boolean\") {\n                flattened.push(vnode(undefined, undefined, undefined, String(child), undefined));\n            }\n            else {\n                flattened.push(child);\n            }\n        }\n    }\n    return flattened;\n}\n/**\n * jsx/tsx compatible factory function\n * see: https://www.typescriptlang.org/docs/handbook/jsx.html#factory-functions\n */\nexport function jsx(tag, data, ...children) {\n    const flatChildren = flattenAndFilter(children, []);\n    if (typeof tag === \"function\") {\n        // tag is a function component\n        return tag(data, flatChildren);\n    }\n    else {\n        if (flatChildren.length === 1 &&\n            !flatChildren[0].sel &&\n            flatChildren[0].text) {\n            // only child is a simple text node, pass as text for a simpler vtree\n            return h(tag, data, flatChildren[0].text);\n        }\n        else {\n            return h(tag, data, flatChildren);\n        }\n    }\n}\n//# sourceMappingURL=jsx.js.map"],"names":["vnode","is.array","text","is.text","is.undefinedv","fn.omit","fn.assign","is.svg","fn.mapObject","fn.deepifyKeys","fn.reduceDeep","is.vnode","is.fun"],"mappings":"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","x_google_ignoreList":[3,4]}
+{"version":3,"file":"jsx.esm.js","sources":["../src/cycle/dom/fragment.ts"],"sourcesContent":["import {Fragment as _Fragment} from 'snabbdom/build/jsx.js';\n\n// Tag Fragment so we can identify it even after minification mangles Function.name.\n// Its own module so the JSX runtime entries (which keep snabbdom external, D188) take it\n// without the rest of the snabbdom barrel\n(_Fragment as any).__sygnalFragment = true;\nexport const Fragment = _Fragment;\n"],"names":["_Fragment"],"mappings":";;;AAEA;AACA;AACA;AACCA,UAAiB,CAAC,gBAAgB,GAAG,IAAI,CAAC;AACpC,MAAM,QAAQ,GAAGA;;;;"}

package/dist/react.cjs.js

@@ -0,0 +1,117 @@
+'use strict';
+
+var react = require('react');
+var reactDom = require('react-dom');
+var client = require('react-dom/client');
+var sygnal = require('sygnal');
+
+/*
+ * 'sygnal/react' (PLAN-5 W-2, D203): `fromReact(Component, { events })`, a React component as a
+ * widget tag (defineWidget). An escape hatch for the one component you can't replace: context
+ * and providers don't cross the boundary, a React portal renders outside the host, and the mock
+ * DOM can't run it (test with `dom: 'real'`).
+ *
+ *   const Stars = fromReact(StarRating, { events: { rate: 'onChange' } })
+ *   // view:   <Stars className="rating" value={state.rating} max={5} />
+ *   // intent: RATE: DOM.select('.rating').events('rate').detail()
+ *
+ * - Each host is a React root (react-dom/client createRoot). `mount` and `update` render the
+ *   component with the newest props in flushSync, so the DOM is up to date when they return.
+ * - `events`: `{ eventName: 'onCallback' }`, or an array of callback names, each dispatched under
+ *   its own name (`['onChange']` → 'onChange'; React's names never collide with native events).
+ *   The detail is the callback's argument (an array when it gets more than one). The component
+ *   gets a callback for each, and a callback passed as a prop runs first.
+ * - Props (D215): `className`, `class`, `id`, `style`, `attrs`, `tabIndex` and `hidden` go to the
+ *   host only (one tab stop); `aria-*`, `role` and `title` to the component only (a labelled
+ *   React control gets its own name; the host div is generic); `data-*` to both; the rest to the
+ *   component (`name`, `placeholder`, `lang`, `dir` also to the host, as for any widget).
+ *   `ownProps: ['tabIndex']` sends a host prop to the component instead; `hostProps: ['role']`
+ *   puts a component-only one on the host too. `props` maps the component's props:
+ *   `props: (p) => ({ ...p, size: 'small' })`.
+ * - Unmount: `root.unmount()` in a microtask (React refuses a synchronous unmount while it is
+ *   rendering, which a callback → action → re-render chain can be in), and only once the host
+ *   has left the document (G-412: inside a <Transition>, the content stays during the leave),
+ *   seen in shadow roots too (G-437); a destroyed host still in the DOM after 10 s unmounts then.
+ * - SSR: the host with the `fallback` (no React on the server here).
+ * - preact/compat: alias `react` and `react-dom` to `preact/compat`, and `react-dom/client` to
+ *   `preact/compat/client`, in the bundler; the adapter only uses createElement, createRoot and
+ *   flushSync.
+ *
+ * Separate entry: './index' becomes the external 'sygnal'; react and react-dom stay external
+ * (optional peerDependencies, D209).
+ */
+// D215: the host's own props (the component doesn't get them): tabIndex / hidden too, so a
+// focusable host isn't doubled inside (two tab stops)
+const HOST = /^(className|class|id|style|attrs|tab[iI]ndex|hidden)$/;
+// D215 (G-436): the component's own (kept off the host): a React control names itself
+const OWN = /^(aria-|role$|title$)/;
+const fail = (m) => {
+    throw new Error(`[Sygnal SYG667] ${m}. https://sygnal.js.org/reference/errors#syg667`);
+};
+// G-412: run f once the host has left the document. A host still in it is leaving with a delay
+// (a <Transition> leave animation): its React content stays until the element is removed.
+// G-437: the removal can happen inside a shadow root (sygnal/element `shadow: true`), which a
+// document observer doesn't see: every root on the way up (shadow roots, then the document) is
+// observed. A destroyed host that stays in the DOM (a leave whose transitionend never comes, a
+// tree left in place) is unmounted after LATE ms anyway, so no React root or observer leaks.
+const LATE = 10000;
+const gone = (el, f) => {
+    if (!el.isConnected)
+        return f();
+    let t;
+    const done = () => { o.disconnect(); clearTimeout(t); f(); };
+    const o = new MutationObserver(() => { if (!el.isConnected)
+        done(); });
+    for (let r = el.getRootNode(); r; r = r.host?.getRootNode())
+        o.observe(r, { childList: true, subtree: true });
+    t = setTimeout(done, LATE);
+};
+/**
+ * A React component as a widget tag: `fromReact(Comp, { events, props, tag, name, fallback,
+ * hostProps, commands })`. `commands` are called with the instance `{ root, el, props }`.
+ */
+function fromReact(Comp, options = {}) {
+    if (typeof Comp != 'function' && !(Comp && typeof Comp == 'object' && Comp.$$typeof)) {
+        fail('fromReact(Component): the first argument is not a React component');
+    }
+    const o = options, ev = o.events || {};
+    // event name → callback prop name
+    const events = Array.isArray(ev) ? Object.fromEntries(ev.map((c) => [c, c])) : ev;
+    const draw = (i, p) => {
+        const q = {};
+        for (const k in p)
+            if (!HOST.test(k) || o.ownProps?.includes(k))
+                q[k] = p[k];
+        const rp = o.props ? o.props(q) : q;
+        for (const name in events) {
+            const cb = events[name], own = rp[cb];
+            rp[cb] = (...a) => {
+                own?.(...a);
+                i.d(name, a.length > 1 ? a : a[0]);
+            };
+        }
+        i.props = rp;
+        reactDom.flushSync(() => i.root.render(react.createElement(Comp, rp)));
+    };
+    return sygnal.defineWidget({
+        tag: o.tag,
+        name: o.name || Comp.displayName || Comp.name,
+        fallback: o.fallback,
+        hostProps: o.hostProps,
+        // D215: aria-* / role / title stay off the host unless hostProps names one (the list is the
+        // option's; its includes() also matches those patterns, which is all defineWidget asks of it)
+        ownProps: Object.assign([...(o.ownProps || [])], { includes: (k) => !!o.ownProps?.includes(k) || OWN.test(k) && !o.hostProps?.includes(k) }),
+        events: Object.keys(events),
+        commands: o.commands,
+        mount: (el, p, d) => {
+            const i = { root: client.createRoot(el), el, d, props: null };
+            draw(i, p);
+            return i;
+        },
+        update: draw,
+        unmount: (i) => { queueMicrotask(() => gone(i.el, () => i.root.unmount())); },
+    });
+}
+
+exports.fromReact = fromReact;
+//# sourceMappingURL=react.cjs.js.map

package/dist/react.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.cjs.js","sources":["../src/react.ts"],"sourcesContent":["/*\n * 'sygnal/react' (PLAN-5 W-2, D203): `fromReact(Component, { events })`, a React component as a\n * widget tag (defineWidget). An escape hatch for the one component you can't replace: context\n * and providers don't cross the boundary, a React portal renders outside the host, and the mock\n * DOM can't run it (test with `dom: 'real'`).\n *\n *   const Stars = fromReact(StarRating, { events: { rate: 'onChange' } })\n *   // view:   <Stars className=\"rating\" value={state.rating} max={5} />\n *   // intent: RATE: DOM.select('.rating').events('rate').detail()\n *\n * - Each host is a React root (react-dom/client createRoot). `mount` and `update` render the\n *   component with the newest props in flushSync, so the DOM is up to date when they return.\n * - `events`: `{ eventName: 'onCallback' }`, or an array of callback names, each dispatched under\n *   its own name (`['onChange']` → 'onChange'; React's names never collide with native events).\n *   The detail is the callback's argument (an array when it gets more than one). The component\n *   gets a callback for each, and a callback passed as a prop runs first.\n * - Props (D215): `className`, `class`, `id`, `style`, `attrs`, `tabIndex` and `hidden` go to the\n *   host only (one tab stop); `aria-*`, `role` and `title` to the component only (a labelled\n *   React control gets its own name; the host div is generic); `data-*` to both; the rest to the\n *   component (`name`, `placeholder`, `lang`, `dir` also to the host, as for any widget).\n *   `ownProps: ['tabIndex']` sends a host prop to the component instead; `hostProps: ['role']`\n *   puts a component-only one on the host too. `props` maps the component's props:\n *   `props: (p) => ({ ...p, size: 'small' })`.\n * - Unmount: `root.unmount()` in a microtask (React refuses a synchronous unmount while it is\n *   rendering, which a callback → action → re-render chain can be in), and only once the host\n *   has left the document (G-412: inside a <Transition>, the content stays during the leave),\n *   seen in shadow roots too (G-437); a destroyed host still in the DOM after 10 s unmounts then.\n * - SSR: the host with the `fallback` (no React on the server here).\n * - preact/compat: alias `react` and `react-dom` to `preact/compat`, and `react-dom/client` to\n *   `preact/compat/client`, in the bundler; the adapter only uses createElement, createRoot and\n *   flushSync.\n *\n * Separate entry: './index' becomes the external 'sygnal'; react and react-dom stay external\n * (optional peerDependencies, D209).\n */\nimport {createElement} from 'react'\nimport {flushSync} from 'react-dom'\nimport {createRoot} from 'react-dom/client'\nimport {defineWidget} from './index'\n\n// D215: the host's own props (the component doesn't get them): tabIndex / hidden too, so a\n// focusable host isn't doubled inside (two tab stops)\nconst HOST = /^(className|class|id|style|attrs|tab[iI]ndex|hidden)$/\n// D215 (G-436): the component's own (kept off the host): a React control names itself\nconst OWN = /^(aria-|role$|title$)/\n\nconst fail = (m: string): never => {\n  throw new Error(`[Sygnal SYG667] ${m}. https://sygnal.js.org/reference/errors#syg667`)\n}\n\n// G-412: run f once the host has left the document. A host still in it is leaving with a delay\n// (a <Transition> leave animation): its React content stays until the element is removed.\n// G-437: the removal can happen inside a shadow root (sygnal/element `shadow: true`), which a\n// document observer doesn't see: every root on the way up (shadow roots, then the document) is\n// observed. A destroyed host that stays in the DOM (a leave whose transitionend never comes, a\n// tree left in place) is unmounted after LATE ms anyway, so no React root or observer leaks.\nconst LATE = 10000\nconst gone = (el: any, f: () => void) => {\n  if (!el.isConnected) return f()\n  let t: any\n  const done = () => { o.disconnect(); clearTimeout(t); f() }\n  const o: MutationObserver = new MutationObserver(() => { if (!el.isConnected) done() })\n  for (let r = el.getRootNode(); r; r = r.host?.getRootNode()) o.observe(r, {childList: true, subtree: true})\n  t = setTimeout(done, LATE)\n}\n\n/**\n * A React component as a widget tag: `fromReact(Comp, { events, props, tag, name, fallback,\n * hostProps, commands })`. `commands` are called with the instance `{ root, el, props }`.\n */\nexport function fromReact(Comp: any, options: any = {}): any {\n  if (typeof Comp != 'function' && !(Comp && typeof Comp == 'object' && Comp.$$typeof)) {\n    fail('fromReact(Component): the first argument is not a React component')\n  }\n  const o = options, ev = o.events || {}\n  // event name → callback prop name\n  const events: Record<string, string> = Array.isArray(ev) ? Object.fromEntries(ev.map((c: string) => [c, c])) : ev\n  const draw = (i: any, p: any) => {\n    const q: any = {}\n    for (const k in p) if (!HOST.test(k) || o.ownProps?.includes(k)) q[k] = p[k]\n    const rp = o.props ? o.props(q) : q\n    for (const name in events) {\n      const cb = events[name], own = rp[cb]\n      rp[cb] = (...a: any[]) => {\n        own?.(...a)\n        i.d(name, a.length > 1 ? a : a[0])\n      }\n    }\n    i.props = rp\n    flushSync(() => i.root.render(createElement(Comp, rp)))\n  }\n  return defineWidget({\n    tag: o.tag,\n    name: o.name || Comp.displayName || Comp.name,\n    fallback: o.fallback,\n    hostProps: o.hostProps,\n    // D215: aria-* / role / title stay off the host unless hostProps names one (the list is the\n    // option's; its includes() also matches those patterns, which is all defineWidget asks of it)\n    ownProps: Object.assign([...(o.ownProps || [])], {includes: (k: string) => !!o.ownProps?.includes(k) || OWN.test(k) && !o.hostProps?.includes(k)}),\n    events: Object.keys(events),\n    commands: o.commands,\n    mount: (el: any, p: any, d: any) => {\n      const i = {root: createRoot(el), el, d, props: null}\n      draw(i, p)\n      return i\n    },\n    update: draw,\n    unmount: (i: any) => { queueMicrotask(() => gone(i.el, () => i.root.unmount())) },\n  })\n}\n"],"names":["flushSync","createElement","defineWidget","createRoot"],"mappings":"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"}

package/dist/react.esm.js

@@ -0,0 +1,115 @@
+import { createElement } from 'react';
+import { flushSync } from 'react-dom';
+import { createRoot } from 'react-dom/client';
+import { defineWidget } from 'sygnal';
+
+/*
+ * 'sygnal/react' (PLAN-5 W-2, D203): `fromReact(Component, { events })`, a React component as a
+ * widget tag (defineWidget). An escape hatch for the one component you can't replace: context
+ * and providers don't cross the boundary, a React portal renders outside the host, and the mock
+ * DOM can't run it (test with `dom: 'real'`).
+ *
+ *   const Stars = fromReact(StarRating, { events: { rate: 'onChange' } })
+ *   // view:   <Stars className="rating" value={state.rating} max={5} />
+ *   // intent: RATE: DOM.select('.rating').events('rate').detail()
+ *
+ * - Each host is a React root (react-dom/client createRoot). `mount` and `update` render the
+ *   component with the newest props in flushSync, so the DOM is up to date when they return.
+ * - `events`: `{ eventName: 'onCallback' }`, or an array of callback names, each dispatched under
+ *   its own name (`['onChange']` → 'onChange'; React's names never collide with native events).
+ *   The detail is the callback's argument (an array when it gets more than one). The component
+ *   gets a callback for each, and a callback passed as a prop runs first.
+ * - Props (D215): `className`, `class`, `id`, `style`, `attrs`, `tabIndex` and `hidden` go to the
+ *   host only (one tab stop); `aria-*`, `role` and `title` to the component only (a labelled
+ *   React control gets its own name; the host div is generic); `data-*` to both; the rest to the
+ *   component (`name`, `placeholder`, `lang`, `dir` also to the host, as for any widget).
+ *   `ownProps: ['tabIndex']` sends a host prop to the component instead; `hostProps: ['role']`
+ *   puts a component-only one on the host too. `props` maps the component's props:
+ *   `props: (p) => ({ ...p, size: 'small' })`.
+ * - Unmount: `root.unmount()` in a microtask (React refuses a synchronous unmount while it is
+ *   rendering, which a callback → action → re-render chain can be in), and only once the host
+ *   has left the document (G-412: inside a <Transition>, the content stays during the leave),
+ *   seen in shadow roots too (G-437); a destroyed host still in the DOM after 10 s unmounts then.
+ * - SSR: the host with the `fallback` (no React on the server here).
+ * - preact/compat: alias `react` and `react-dom` to `preact/compat`, and `react-dom/client` to
+ *   `preact/compat/client`, in the bundler; the adapter only uses createElement, createRoot and
+ *   flushSync.
+ *
+ * Separate entry: './index' becomes the external 'sygnal'; react and react-dom stay external
+ * (optional peerDependencies, D209).
+ */
+// D215: the host's own props (the component doesn't get them): tabIndex / hidden too, so a
+// focusable host isn't doubled inside (two tab stops)
+const HOST = /^(className|class|id|style|attrs|tab[iI]ndex|hidden)$/;
+// D215 (G-436): the component's own (kept off the host): a React control names itself
+const OWN = /^(aria-|role$|title$)/;
+const fail = (m) => {
+    throw new Error(`[Sygnal SYG667] ${m}. https://sygnal.js.org/reference/errors#syg667`);
+};
+// G-412: run f once the host has left the document. A host still in it is leaving with a delay
+// (a <Transition> leave animation): its React content stays until the element is removed.
+// G-437: the removal can happen inside a shadow root (sygnal/element `shadow: true`), which a
+// document observer doesn't see: every root on the way up (shadow roots, then the document) is
+// observed. A destroyed host that stays in the DOM (a leave whose transitionend never comes, a
+// tree left in place) is unmounted after LATE ms anyway, so no React root or observer leaks.
+const LATE = 10000;
+const gone = (el, f) => {
+    if (!el.isConnected)
+        return f();
+    let t;
+    const done = () => { o.disconnect(); clearTimeout(t); f(); };
+    const o = new MutationObserver(() => { if (!el.isConnected)
+        done(); });
+    for (let r = el.getRootNode(); r; r = r.host?.getRootNode())
+        o.observe(r, { childList: true, subtree: true });
+    t = setTimeout(done, LATE);
+};
+/**
+ * A React component as a widget tag: `fromReact(Comp, { events, props, tag, name, fallback,
+ * hostProps, commands })`. `commands` are called with the instance `{ root, el, props }`.
+ */
+function fromReact(Comp, options = {}) {
+    if (typeof Comp != 'function' && !(Comp && typeof Comp == 'object' && Comp.$$typeof)) {
+        fail('fromReact(Component): the first argument is not a React component');
+    }
+    const o = options, ev = o.events || {};
+    // event name → callback prop name
+    const events = Array.isArray(ev) ? Object.fromEntries(ev.map((c) => [c, c])) : ev;
+    const draw = (i, p) => {
+        const q = {};
+        for (const k in p)
+            if (!HOST.test(k) || o.ownProps?.includes(k))
+                q[k] = p[k];
+        const rp = o.props ? o.props(q) : q;
+        for (const name in events) {
+            const cb = events[name], own = rp[cb];
+            rp[cb] = (...a) => {
+                own?.(...a);
+                i.d(name, a.length > 1 ? a : a[0]);
+            };
+        }
+        i.props = rp;
+        flushSync(() => i.root.render(createElement(Comp, rp)));
+    };
+    return defineWidget({
+        tag: o.tag,
+        name: o.name || Comp.displayName || Comp.name,
+        fallback: o.fallback,
+        hostProps: o.hostProps,
+        // D215: aria-* / role / title stay off the host unless hostProps names one (the list is the
+        // option's; its includes() also matches those patterns, which is all defineWidget asks of it)
+        ownProps: Object.assign([...(o.ownProps || [])], { includes: (k) => !!o.ownProps?.includes(k) || OWN.test(k) && !o.hostProps?.includes(k) }),
+        events: Object.keys(events),
+        commands: o.commands,
+        mount: (el, p, d) => {
+            const i = { root: createRoot(el), el, d, props: null };
+            draw(i, p);
+            return i;
+        },
+        update: draw,
+        unmount: (i) => { queueMicrotask(() => gone(i.el, () => i.root.unmount())); },
+    });
+}
+
+export { fromReact };
+//# sourceMappingURL=react.esm.js.map