@fluixi/dom 1.0.0-alpha.82 → 1.0.0-alpha.84

package/dist/lib/dom/integration.cjs

@@ -1 +1,71 @@
-"use strict";var u=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var a=(t,e)=>{for(var n in e)u(t,n,{get:e[n],enumerable:!0})},m=(t,e,n,f)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of c(e))!s.call(t,o)&&o!==n&&u(t,o,{get:()=>e[o],enumerable:!(f=y(e,o))||f.enumerable});return t};var x=t=>m(u({},"__esModule",{value:!0}),t);var O={};a(O,{createComponent:()=>C,initializeIntegration:()=>d,intergartionInitialized:()=>S,isIntegrationInitialized:()=>g,registerCreateComponent:()=>b,resetIntegration:()=>R});module.exports=x(O);var i=require("@fluixi/reactive");function p(t){return typeof t!="function"||Object.defineProperty(t,Symbol.for("fluixi-component"),{value:!0,enumerable:!0}),t}var l="__fx_dom_create_component__",r=globalThis[l]??={fn:null};function b(t){r.fn=t}function d(t={}){let e=t.signalSystem?.createComponent;e&&(r.fn=e)}function C(t,e){if(r.fn)return r.fn(t,e);let n=typeof t=="function"?(0,i.untrack)(()=>t(e)):t;if(n!=null&&(typeof n=="function"||typeof n=="object")&&!(0,i.isSignal)(n)){try{n.$name=t?.name}catch{}return p(n)}return n}var S=()=>r.fn!==null,g=()=>r.fn!==null;function R(){r.fn=null}
+/*! @fluixi/dom v1.0.0-alpha.84 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lib/dom/integration.ts
+var integration_exports = {};
+__export(integration_exports, {
+  createComponent: () => createComponent,
+  initializeIntegration: () => initializeIntegration,
+  intergartionInitialized: () => intergartionInitialized,
+  isIntegrationInitialized: () => isIntegrationInitialized,
+  registerCreateComponent: () => registerCreateComponent,
+  resetIntegration: () => resetIntegration
+});
+module.exports = __toCommonJS(integration_exports);
+var import_reactive = require("@fluixi/reactive");
+
+// src/lib/component/modifiers.ts
+function asComponent(value) {
+  if (typeof value !== "function") return value;
+  Object.defineProperty(value, /* @__PURE__ */ Symbol.for("fluixi-component"), { value: true, enumerable: true });
+  return value;
+}
+
+// src/lib/dom/integration.ts
+var _slotKey = "__fx_dom_create_component__";
+var _slot = globalThis[_slotKey] ??= { fn: null };
+function registerCreateComponent(createComponent2) {
+  _slot.fn = createComponent2;
+}
+function initializeIntegration(options = {}) {
+  const cc = options.signalSystem?.createComponent;
+  if (cc) _slot.fn = cc;
+}
+function createComponent(Comp, props) {
+  if (_slot.fn) return _slot.fn(Comp, props);
+  if (props) (0, import_reactive.reportReactiveProps)(props);
+  const component = typeof Comp === "function" ? (0, import_reactive.untrack)(() => Comp(props)) : Comp;
+  const nameable = component != null && (typeof component === "function" || typeof component === "object");
+  if (nameable) {
+    try {
+      component["$name"] = Comp?.name;
+    } catch {
+    }
+  }
+  if (nameable && !(0, import_reactive.isSignal)(component)) {
+    return asComponent(component);
+  }
+  return component;
+}
+var intergartionInitialized = () => _slot.fn !== null;
+var isIntegrationInitialized = () => _slot.fn !== null;
+function resetIntegration() {
+  _slot.fn = null;
+}

package/dist/lib/dom/integration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"integration.d.ts","sourceRoot":"","sources":["../../../src/lib/dom/integration.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAE5D,KAAK,iBAAiB,GAAG,CAAC,EAAE,EAAE,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;AAO7D,MAAM,WAAW,kBAAkB;IAEjC,YAAY,CAAC,EAAE;QAAE,eAAe,CAAC,EAAE,iBAAiB,CAAA;KAAE,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACnC;AAED,wBAAgB,uBAAuB,CAAC,eAAe,EAAE,iBAAiB,GAAG,IAAI,CAEhF;AAGD,wBAAgB,qBAAqB,CAAC,OAAO,GAAE,kBAAuB,GAAG,IAAI,CAG5E;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,GAAG,EAAE,CAAC,GAAG,GAAG,EACrE,IAAI,EAAE,CAAC,EACP,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,GACpB,yBAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CAsBjC;AAED,eAAO,MAAM,uBAAuB,QAAO,OAA4B,CAAC;AACxE,eAAO,MAAM,wBAAwB,QAAO,OAA4B,CAAC;AAEzE,wBAAgB,gBAAgB,IAAI,IAAI,CAEvC"}
+{"version":3,"file":"integration.d.ts","sourceRoot":"","sources":["../../../src/lib/dom/integration.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAE5D,KAAK,iBAAiB,GAAG,CAAC,EAAE,EAAE,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,GAAG,KAAK,GAAG,CAAC;AAO7D,MAAM,WAAW,kBAAkB;IAEjC,YAAY,CAAC,EAAE;QAAE,eAAe,CAAC,EAAE,iBAAiB,CAAA;KAAE,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACnC;AAED,wBAAgB,uBAAuB,CAAC,eAAe,EAAE,iBAAiB,GAAG,IAAI,CAEhF;AAGD,wBAAgB,qBAAqB,CAAC,OAAO,GAAE,kBAAuB,GAAG,IAAI,CAG5E;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,GAAG,EAAE,CAAC,GAAG,GAAG,EACrE,IAAI,EAAE,CAAC,EACP,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,GACpB,yBAAyB,CAAC,CAAC,EAAE,CAAC,CAAC,CA8BjC;AAED,eAAO,MAAM,uBAAuB,QAAO,OAA4B,CAAC;AACxE,eAAO,MAAM,wBAAwB,QAAO,OAA4B,CAAC;AAEzE,wBAAgB,gBAAgB,IAAI,IAAI,CAEvC"}

package/dist/lib/dom/integration.js

@@ -1,8 +1,8 @@
 // createComponent lives here. It used to live in core and be registered through the
 // slot below, which left the runtime with a fallback that re-invoked a component on
-// every read — a list rebuilt every node whenever it changed, and only for consumers
+// every read, a list rebuilt every node whenever it changed, and only for consumers
 // who had not loaded core. The slot stays so a host can still override it.
-import { untrack, isSignal } from '@fluixi/reactive';
+import { untrack, isSignal, reportReactiveProps } from '@fluixi/reactive';
 import { asComponent } from '../component/modifiers.js';
 // On globalThis so every bundled copy shares the slot.
 const _slotKey = '__fx_dom_create_component__';
@@ -10,7 +10,7 @@ const _slot = (globalThis[_slotKey] ??= { fn: null });
 export function registerCreateComponent(createComponent) {
     _slot.fn = createComponent;
 }
-// Old init entry — now just picks createComponent off the passed system.
+// Old init entry, now just picks createComponent off the passed system.
 export function initializeIntegration(options = {}) {
     const cc = options.signalSystem?.createComponent;
     if (cc)
@@ -19,20 +19,29 @@ export function initializeIntegration(options = {}) {
 export function createComponent(Comp, props) {
     if (_slot.fn)
         return _slot.fn(Comp, props);
+    // Before the call, so the computation this is created inside is still the running one.
+    // A property read when nobody is watching.
+    if (props)
+        reportReactiveProps(props);
     // Untracked: a component reading a signal while it is created must not make its
     // caller depend on that signal, or the caller re-runs and rebuilds the subtree.
     const component = typeof Comp === 'function' ? untrack(() => Comp(props)) : Comp;
     // Primitives cannot carry properties, and a signal must not be stamped as a
     // component or the runtime caches it as a static thunk.
-    if (component != null &&
-        (typeof component === 'function' || typeof component === 'object') &&
-        !isSignal(component)) {
+    const nameable = component != null && (typeof component === 'function' || typeof component === 'object');
+    if (nameable) {
+        // The name goes on whatever came back, reactive or not. Only `asComponent` has to skip a
+        // signal, the runtime would cache it as a static thunk. Nothing reads `$name` but a
+        // watcher, and skipping it there hid every component that returns another one: an App
+        // whose whole body is `<Router/>` was named nowhere.
         try {
             component['$name'] = Comp?.name;
         }
         catch {
             /* frozen or exotic object */
         }
+    }
+    if (nameable && !isSignal(component)) {
         return asComponent(component);
     }
     return component;

package/dist/lib/dom/integration.mjs

@@ -1 +1,51 @@
-import{untrack as i,isSignal as u}from"@fluixi/reactive";function o(t){return typeof t!="function"||Object.defineProperty(t,Symbol.for("fluixi-component"),{value:!0,enumerable:!0}),t}var f="__fx_dom_create_component__",n=globalThis[f]??={fn:null};function s(t){n.fn=t}function a(t={}){let r=t.signalSystem?.createComponent;r&&(n.fn=r)}function m(t,r){if(n.fn)return n.fn(t,r);let e=typeof t=="function"?i(()=>t(r)):t;if(e!=null&&(typeof e=="function"||typeof e=="object")&&!u(e)){try{e.$name=t?.name}catch{}return o(e)}return e}var x=()=>n.fn!==null,l=()=>n.fn!==null;function b(){n.fn=null}export{m as createComponent,a as initializeIntegration,x as intergartionInitialized,l as isIntegrationInitialized,s as registerCreateComponent,b as resetIntegration};
+/*! @fluixi/dom v1.0.0-alpha.84 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+
+// src/lib/dom/integration.ts
+import { untrack, isSignal, reportReactiveProps } from "@fluixi/reactive";
+
+// src/lib/component/modifiers.ts
+function asComponent(value) {
+  if (typeof value !== "function") return value;
+  Object.defineProperty(value, /* @__PURE__ */ Symbol.for("fluixi-component"), { value: true, enumerable: true });
+  return value;
+}
+
+// src/lib/dom/integration.ts
+var _slotKey = "__fx_dom_create_component__";
+var _slot = globalThis[_slotKey] ??= { fn: null };
+function registerCreateComponent(createComponent2) {
+  _slot.fn = createComponent2;
+}
+function initializeIntegration(options = {}) {
+  const cc = options.signalSystem?.createComponent;
+  if (cc) _slot.fn = cc;
+}
+function createComponent(Comp, props) {
+  if (_slot.fn) return _slot.fn(Comp, props);
+  if (props) reportReactiveProps(props);
+  const component = typeof Comp === "function" ? untrack(() => Comp(props)) : Comp;
+  const nameable = component != null && (typeof component === "function" || typeof component === "object");
+  if (nameable) {
+    try {
+      component["$name"] = Comp?.name;
+    } catch {
+    }
+  }
+  if (nameable && !isSignal(component)) {
+    return asComponent(component);
+  }
+  return component;
+}
+var intergartionInitialized = () => _slot.fn !== null;
+var isIntegrationInitialized = () => _slot.fn !== null;
+function resetIntegration() {
+  _slot.fn = null;
+}
+export {
+  createComponent,
+  initializeIntegration,
+  intergartionInitialized,
+  isIntegrationInitialized,
+  registerCreateComponent,
+  resetIntegration
+};