@fluixi/devtools 0.2.0-alpha.3 → 0.2.0-alpha.4

package/dist/wire.cjs

@@ -0,0 +1,109 @@
+/*! @fluixi/devtools v0.2.0-alpha.4 | (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/wire.ts
+var wire_exports = {};
+__export(wire_exports, {
+  applySnapshot: () => applySnapshot,
+  serializeGraph: () => serializeGraph,
+  snapshotToRenderMap: () => snapshotToRenderMap
+});
+module.exports = __toCommonJS(wire_exports);
+var STATE_NAME = { 0: "clean", 1: "check", 2: "dirty" };
+var STATE_CODE = { clean: 0, check: 1, dirty: 2 };
+function serializeGraph(graph, now = Date.now(), options = {}) {
+  const nodes = [];
+  const wanted = options.ids ? new Set(options.ids) : null;
+  for (const node of graph.values()) {
+    if (wanted && !wanted.has(node.id)) continue;
+    const state = typeof node.core?.state === "number" ? STATE_NAME[node.core.state] : void 0;
+    nodes.push({
+      id: node.id,
+      label: node.label,
+      kind: node.kind,
+      authored: node.authored,
+      deps: [...node.deps],
+      writes: [...node.writes],
+      value: node.value,
+      detail: node.detail,
+      runs: node.runs,
+      lastPulse: node.lastPulse,
+      order: node.order,
+      version: node.core?.version,
+      state,
+      loading: node.loading,
+      lazy: node.lazy,
+      props: node.props,
+      extra: node.extra,
+      source: node.source,
+      declaredAt: node.declaredAt,
+      usedAt: node.usedAt,
+      createdIn: node.createdIn,
+      bindings: node.bindings,
+      targets: node.targets,
+      setAt: node.setAt,
+      // Falls back to what the node already carries, so a relay that re-serialises a
+      // snapshot it received does not drop the description.
+      dom: options.dom?.(node.id) ?? node.dom
+    });
+  }
+  const removed = options.removed ? [...options.removed] : void 0;
+  const events = options.events?.length ? [...options.events] : void 0;
+  const cursor = options.cursor;
+  return wanted ? { t: now, nodes, partial: true, removed, events, cursor } : { t: now, nodes, events, cursor };
+}
+function snapshotToRenderMap(snapshot) {
+  const map = /* @__PURE__ */ new Map();
+  for (const node of snapshot.nodes) {
+    map.set(node.id, {
+      id: node.id,
+      label: node.label,
+      kind: node.kind,
+      authored: node.authored,
+      deps: new Set(node.deps),
+      writes: new Set(node.writes),
+      value: node.value,
+      detail: node.detail,
+      runs: node.runs,
+      lastPulse: node.lastPulse,
+      order: node.order,
+      core: { version: node.version, state: node.state ? STATE_CODE[node.state] : void 0 },
+      loading: node.loading,
+      lazy: node.lazy,
+      props: node.props,
+      extra: node.extra,
+      source: node.source,
+      declaredAt: node.declaredAt,
+      usedAt: node.usedAt,
+      createdIn: node.createdIn,
+      bindings: node.bindings,
+      targets: node.targets,
+      setAt: node.setAt,
+      dom: node.dom
+    });
+  }
+  return map;
+}
+function applySnapshot(graph, snapshot) {
+  if (!snapshot.partial) return snapshotToRenderMap(snapshot);
+  for (const [id, node] of snapshotToRenderMap(snapshot)) graph.set(id, node);
+  for (const id of snapshot.removed ?? []) graph.delete(id);
+  return graph;
+}

package/dist/wire.mjs

@@ -0,0 +1,89 @@
+/*! @fluixi/devtools v0.2.0-alpha.4 | (c) 2026 Ibrahima Touré and Fluixi contributors | MIT */
+
+// src/wire.ts
+var STATE_NAME = { 0: "clean", 1: "check", 2: "dirty" };
+var STATE_CODE = { clean: 0, check: 1, dirty: 2 };
+function serializeGraph(graph, now = Date.now(), options = {}) {
+  const nodes = [];
+  const wanted = options.ids ? new Set(options.ids) : null;
+  for (const node of graph.values()) {
+    if (wanted && !wanted.has(node.id)) continue;
+    const state = typeof node.core?.state === "number" ? STATE_NAME[node.core.state] : void 0;
+    nodes.push({
+      id: node.id,
+      label: node.label,
+      kind: node.kind,
+      authored: node.authored,
+      deps: [...node.deps],
+      writes: [...node.writes],
+      value: node.value,
+      detail: node.detail,
+      runs: node.runs,
+      lastPulse: node.lastPulse,
+      order: node.order,
+      version: node.core?.version,
+      state,
+      loading: node.loading,
+      lazy: node.lazy,
+      props: node.props,
+      extra: node.extra,
+      source: node.source,
+      declaredAt: node.declaredAt,
+      usedAt: node.usedAt,
+      createdIn: node.createdIn,
+      bindings: node.bindings,
+      targets: node.targets,
+      setAt: node.setAt,
+      // Falls back to what the node already carries, so a relay that re-serialises a
+      // snapshot it received does not drop the description.
+      dom: options.dom?.(node.id) ?? node.dom
+    });
+  }
+  const removed = options.removed ? [...options.removed] : void 0;
+  const events = options.events?.length ? [...options.events] : void 0;
+  const cursor = options.cursor;
+  return wanted ? { t: now, nodes, partial: true, removed, events, cursor } : { t: now, nodes, events, cursor };
+}
+function snapshotToRenderMap(snapshot) {
+  const map = /* @__PURE__ */ new Map();
+  for (const node of snapshot.nodes) {
+    map.set(node.id, {
+      id: node.id,
+      label: node.label,
+      kind: node.kind,
+      authored: node.authored,
+      deps: new Set(node.deps),
+      writes: new Set(node.writes),
+      value: node.value,
+      detail: node.detail,
+      runs: node.runs,
+      lastPulse: node.lastPulse,
+      order: node.order,
+      core: { version: node.version, state: node.state ? STATE_CODE[node.state] : void 0 },
+      loading: node.loading,
+      lazy: node.lazy,
+      props: node.props,
+      extra: node.extra,
+      source: node.source,
+      declaredAt: node.declaredAt,
+      usedAt: node.usedAt,
+      createdIn: node.createdIn,
+      bindings: node.bindings,
+      targets: node.targets,
+      setAt: node.setAt,
+      dom: node.dom
+    });
+  }
+  return map;
+}
+function applySnapshot(graph, snapshot) {
+  if (!snapshot.partial) return snapshotToRenderMap(snapshot);
+  for (const [id, node] of snapshotToRenderMap(snapshot)) graph.set(id, node);
+  for (const id of snapshot.removed ?? []) graph.delete(id);
+  return graph;
+}
+export {
+  applySnapshot,
+  serializeGraph,
+  snapshotToRenderMap
+};

package/package.json

@@ -1,19 +1,22 @@
 {
   "name": "@fluixi/devtools",
-  "version": "0.2.0-alpha.3",
+  "version": "0.2.0-alpha.4",
   "license": "MIT",
+  "author": "Ibrahima Touré",
   "description": "Live inspector for the Fluixi reactive graph — instrument signals/memos/effects and visualize propagation.",
   "type": "module",
   "exports": {
     "./package.json": "./package.json",
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs",
       "default": "./dist/index.js"
     },
     "./wire": {
       "types": "./dist/wire.d.ts",
-      "import": "./dist/wire.js",
+      "import": "./dist/wire.mjs",
+      "require": "./dist/wire.cjs",
       "default": "./dist/wire.js"
     }
   },
@@ -28,10 +31,14 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "@fluixi/reactive": "1.0.0-alpha.83"
+    "@bambiste/mix-builder": "^0.4.0",
+    "cross-env": "^7.0.3",
+    "@fluixi/reactive": "1.0.0-alpha.84"
   },
   "scripts": {
-    "build": "tsc -p tsconfig.lib.json",
-    "test": "vitest run"
+    "build": "cross-env NODE_ENV=production mix-builder",
+    "test": "vitest run",
+    "build:typings": "tsc -p tsconfig.lib.json",
+    "dev": "tsc -w -p tsconfig.lib.json"
   }
 }