@pauloricca/spagbol 0.0.0-stage → 0.1.0

package/dist/core/model.js

@@ -0,0 +1,149 @@
+export function emptyGraph() {
+    return { format: "spagbol", version: 1, nodes: [], links: [], areas: [] };
+}
+export function emptySelection() {
+    return { nodeIds: [], linkIds: [], areaIds: [] };
+}
+export function clone(value) {
+    return JSON.parse(JSON.stringify(value));
+}
+export function createId(prefix = "item") {
+    return `${prefix}-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
+}
+export function graphAt(document, path) {
+    let graph = document;
+    for (const id of path) {
+        const nested = graph.nodes.find((node) => node.id === id)?.graph;
+        if (!nested)
+            throw new Error(`Nested graph ${id} does not exist.`);
+        graph = nested;
+    }
+    return graph;
+}
+export function validPath(document, path) {
+    const result = [];
+    let graph = document;
+    for (const id of path) {
+        const nested = graph.nodes.find((node) => node.id === id)?.graph;
+        if (!nested)
+            break;
+        result.push(id);
+        graph = nested;
+    }
+    return result;
+}
+const immutablePortCache = new WeakMap();
+export function portsFor(node, definitions) {
+    if (!Object.isFrozen(node))
+        return definitions.get(node.kind)?.ports(node) ?? node.ports ?? [];
+    let registries = immutablePortCache.get(node);
+    if (!registries) {
+        registries = new WeakMap();
+        immutablePortCache.set(node, registries);
+    }
+    let ports = registries.get(definitions);
+    if (!ports) {
+        ports = definitions.get(node.kind)?.ports(node) ?? node.ports ?? [];
+        registries.set(definitions, ports);
+    }
+    return ports;
+}
+export const spagbolGroupKinds = { group: "spagbol.group", inputs: "spagbol.group.inputs", outputs: "spagbol.group.outputs" };
+const groupDefinitions = [
+    { kind: spagbolGroupKinds.group, label: 'Group', category: 'graph', createData: () => ({}), ports: node => node.ports ?? [], createGraph: () => ({ ...emptyGraph(), nodes: [
+                { id: createId('node'), kind: spagbolGroupKinds.inputs, position: { x: 0, y: 0 }, data: {}, values: {}, ports: [] },
+                { id: createId('node'), kind: spagbolGroupKinds.outputs, position: { x: 500, y: 0 }, data: {}, values: {}, ports: [] },
+            ] }) },
+    { kind: spagbolGroupKinds.inputs, label: 'Ins', category: 'graph', createData: () => ({}), ports: node => node.ports ?? [] },
+    { kind: spagbolGroupKinds.outputs, label: 'Outs', category: 'graph', createData: () => ({}), ports: node => node.ports ?? [] },
+];
+export class NodeRegistry {
+    #definitions = new Map();
+    constructor(definitions = []) {
+        for (const definition of [...groupDefinitions, ...definitions]) {
+            if (this.#definitions.has(definition.kind))
+                throw new Error(`Duplicate node kind ${definition.kind}.`);
+            this.#definitions.set(definition.kind, definition);
+        }
+    }
+    get(kind) {
+        return this.#definitions.get(kind);
+    }
+    list() {
+        return [...this.#definitions.values()];
+    }
+    create(kind, position, id = createId("node")) {
+        const definition = this.get(kind);
+        if (!definition)
+            throw new Error(`Unknown node kind ${kind}.`);
+        const node = {
+            id,
+            kind,
+            position: { ...position },
+            data: definition.createData(),
+            values: {},
+        };
+        if (definition.createGraph) {
+            node.graph = definition.createGraph();
+            node.sharedGraphId = createId('shared');
+            node.ports = [];
+        }
+        if (definition.defaultSize)
+            node.size = { ...definition.defaultSize };
+        node.values = Object.fromEntries(definition
+            .ports(node)
+            .filter((port) => port.direction === "input")
+            .map((port) => [port.id, port.defaultValue ?? 0]));
+        return node;
+    }
+}
+export function defineNode(definition) {
+    return definition;
+}
+export const standardLinkModes = Object.freeze([
+    {
+        id: "set",
+        label: "set",
+        color: "#fff",
+        shortcut: "s",
+        description: "Average weighted set sources, replacing the local base value.",
+    },
+    {
+        id: "add",
+        label: "add",
+        color: "#ffe45c",
+        shortcut: "a",
+        description: "Add weighted sources after set values or the local base.",
+    },
+    {
+        id: "multiply",
+        label: "multiply",
+        color: "#8fdcff",
+        shortcut: "m",
+        description: "Multiply by each weighted source after addition.",
+    },
+    {
+        id: "bend",
+        label: "bend",
+        color: "#c084fc",
+        shortcut: "b",
+        description: "Scale by 2^(source × weight) after multiplication.",
+    },
+]);
+export class LinkModeRegistry {
+    #definitions = new Map();
+    constructor(definitions = standardLinkModes) {
+        for (const definition of definitions) {
+            if (this.#definitions.has(definition.id))
+                throw new Error(`Duplicate link mode ${definition.id}.`);
+            this.#definitions.set(definition.id, Object.freeze({ ...definition }));
+        }
+    }
+    get(id) {
+        return this.#definitions.get(id);
+    }
+    list() {
+        return [...this.#definitions.values()];
+    }
+}
+//# sourceMappingURL=model.js.map

package/dist/core/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../src/core/model.ts"],"names":[],"mappings":"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","sourcesContent":["/** Saved data is JSON only. Functions, observers and UI state never enter documents. */\nexport type JsonValue =\n  | null\n  | boolean\n  | number\n  | string\n  | JsonValue[]\n  | { [key: string]: JsonValue };\nexport type NodeData = { [key: string]: JsonValue };\nexport interface Point {\n  x: number;\n  y: number;\n}\nexport interface Size {\n  width: number;\n  height: number;\n}\nexport interface PortDefinition {\n  id: string;\n  label: string;\n  direction: \"input\" | \"output\";\n  dataType?: string;\n  connectable?: boolean;\n  valueEditor?: boolean;\n  defaultValue?: number;\n  min?: number;\n  max?: number;\n  step?: number;\n  integer?: boolean;\n}\nexport interface GraphNode<D extends NodeData = NodeData> {\n  id: string;\n  kind: string;\n  label?: string;\n  position: Point;\n  size?: Size;\n  compact?: boolean;\n  compactLabel?: string;\n  scale?: number;\n  enabled?: boolean;\n  data: D;\n  values: Record<string, number>;\n  /** Explicit/dynamic instance ports; a definition may derive ports instead. */\n  ports?: PortDefinition[];\n  graph?: GraphDocument;\n  /** Equal IDs opt into shared nested structure; instance values stay local. */\n  sharedGraphId?: string;\n  /** Explicit nested nodes to show on this parent. No title conventions in core. */\n  panelNodeIds?: string[];\n  overrides?: Record<string, Record<string, number>>;\n  dataOverrides?: Record<string, NodeData>;\n}\nexport interface PortEndpoint {\n  nodeId: string;\n  portId: string;\n}\nexport type LinkTarget =\n  | ({ type: \"port\" } & PortEndpoint)\n  | { type: \"link\"; linkId: string; property: string };\nexport interface GraphLink {\n  id: string;\n  source: PortEndpoint;\n  target: LinkTarget;\n  mode: string;\n  weight: number;\n  enabled?: boolean;\n  data?: NodeData;\n}\nexport interface GraphArea {\n  id: string;\n  /** A domain node whose UI/layout is owned by this area. */\n  ownerNodeId?: string;\n  title: string;\n  position: Point;\n  size: Size;\n  collapsed?: boolean;\n  locked?: boolean;\n  nodeIds?: string[];\n  areaIds?: string[];\n  /** The top portion remains operable while the rest is collapsed. */\n  controlHeight?: number;\n  data?: NodeData;\n}\nexport interface GraphDocument {\n  format: \"spagbol\";\n  version: 1;\n  nodes: GraphNode[];\n  links: GraphLink[];\n  areas: GraphArea[];\n  data?: NodeData;\n}\nexport interface Selection {\n  port?: { nodeId: string; portId: string; direction: \"input\" | \"output\" };\n  nodeIds: string[];\n  linkIds: string[];\n  areaIds: string[];\n}\nexport interface Diagnostic {\n  severity: \"info\" | \"warning\" | \"error\";\n  code: string;\n  message: string;\n  path: readonly string[];\n  nodeId?: string;\n  linkId?: string;\n  portId?: string;\n}\nexport interface LinkModeDefinition {\n  id: string;\n  label: string;\n  color: string;\n  shortcut?: string;\n  description: string;\n}\nexport interface NodeDefinition<D extends NodeData = NodeData> {\n  kind: string;\n  label: string;\n  category?: string;\n  description?: string;\n  keywords?: string[];\n  createData(): D;\n  createGraph?(): GraphDocument;\n  editablePorts?: \"input\" | \"output\";\n  newPortLabel?: string;\n  createPort?(node: GraphNode<D>, label: string): PortDefinition;\n  ports(node: GraphNode<D>): readonly PortDefinition[];\n  defaultSize?: Size;\n  validate?(node: GraphNode<D>): readonly string[];\n  /** App code can remap asset or domain references when duplicating. */\n  cloneData?(data: D, ids: ReadonlyMap<string, string>): D;\n}\nexport interface GraphPolicy {\n  /** All registered modes are allowed unless the consumer supplies a subset. */\n  modes?: readonly string[];\n  linkProperties?: readonly string[];\n  allowSelfLinks?: boolean;\n  allowDuplicateLinks?: boolean;\n  /** Host metadata update when deleting a selected editable domain port. */\n  deletePort?(node: GraphNode, port: PortDefinition): void;\n  canConnect?(\n    source: PortEndpoint,\n    target: LinkTarget,\n    graph: GraphDocument,\n  ): string | undefined;\n}\nexport interface ChangeEvent {\n  label: string;\n  kinds: readonly ChangeKind[];\n  document: GraphDocument;\n  path: readonly string[];\n  origin: \"edit\" | \"undo\" | \"redo\" | \"replace\";\n}\nexport type ChangeKind = \"structure\" | \"values\" | \"layout\" | \"metadata\";\nexport function emptyGraph(): GraphDocument {\n  return { format: \"spagbol\", version: 1, nodes: [], links: [], areas: [] };\n}\nexport function emptySelection(): Selection {\n  return { nodeIds: [], linkIds: [], areaIds: [] };\n}\nexport function clone<T>(value: T): T {\n  return JSON.parse(JSON.stringify(value)) as T;\n}\nexport function createId(prefix = \"item\"): string {\n  return `${prefix}-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;\n}\nexport function graphAt(\n  document: GraphDocument,\n  path: readonly string[],\n): GraphDocument {\n  let graph = document;\n  for (const id of path) {\n    const nested = graph.nodes.find((node) => node.id === id)?.graph;\n    if (!nested) throw new Error(`Nested graph ${id} does not exist.`);\n    graph = nested;\n  }\n  return graph;\n}\nexport function validPath(\n  document: GraphDocument,\n  path: readonly string[],\n): string[] {\n  const result: string[] = [];\n  let graph = document;\n  for (const id of path) {\n    const nested = graph.nodes.find((node) => node.id === id)?.graph;\n    if (!nested) break;\n    result.push(id);\n    graph = nested;\n  }\n  return result;\n}\nconst immutablePortCache = new WeakMap<GraphNode, WeakMap<NodeRegistry, readonly PortDefinition[]>>();\nexport function portsFor(\n  node: GraphNode,\n  definitions: NodeRegistry,\n): readonly PortDefinition[] {\n  if (!Object.isFrozen(node)) return definitions.get(node.kind)?.ports(node) ?? node.ports ?? [];\n  let registries = immutablePortCache.get(node);\n  if (!registries) { registries = new WeakMap(); immutablePortCache.set(node, registries); }\n  let ports = registries.get(definitions);\n  if (!ports) { ports = definitions.get(node.kind)?.ports(node) ?? node.ports ?? []; registries.set(definitions, ports); }\n  return ports;\n}\nexport const spagbolGroupKinds = { group: \"spagbol.group\", inputs: \"spagbol.group.inputs\", outputs: \"spagbol.group.outputs\" } as const;\nconst groupDefinitions: readonly NodeDefinition[] = [\n  { kind: spagbolGroupKinds.group, label: 'Group', category: 'graph', createData: () => ({}), ports: node => node.ports ?? [], createGraph: () => ({ ...emptyGraph(), nodes: [\n    { id: createId('node'), kind: spagbolGroupKinds.inputs, position: { x: 0, y: 0 }, data: {}, values: {}, ports: [] },\n    { id: createId('node'), kind: spagbolGroupKinds.outputs, position: { x: 500, y: 0 }, data: {}, values: {}, ports: [] },\n  ] }) },\n  { kind: spagbolGroupKinds.inputs, label: 'Ins', category: 'graph', createData: () => ({}), ports: node => node.ports ?? [] },\n  { kind: spagbolGroupKinds.outputs, label: 'Outs', category: 'graph', createData: () => ({}), ports: node => node.ports ?? [] },\n];\n\nexport class NodeRegistry {\n  readonly #definitions = new Map<string, NodeDefinition>();\n  constructor(definitions: readonly NodeDefinition[] = []) {\n    for (const definition of [...groupDefinitions, ...definitions]) {\n      if (this.#definitions.has(definition.kind))\n        throw new Error(`Duplicate node kind ${definition.kind}.`);\n      this.#definitions.set(definition.kind, definition);\n    }\n  }\n  get(kind: string): NodeDefinition | undefined {\n    return this.#definitions.get(kind);\n  }\n  list(): readonly NodeDefinition[] {\n    return [...this.#definitions.values()];\n  }\n  create(kind: string, position: Point, id = createId(\"node\")): GraphNode {\n    const definition = this.get(kind);\n    if (!definition) throw new Error(`Unknown node kind ${kind}.`);\n    const node: GraphNode = {\n      id,\n      kind,\n      position: { ...position },\n      data: definition.createData(),\n      values: {},\n    };\n    if (definition.createGraph) {\n      node.graph = definition.createGraph();\n      node.sharedGraphId = createId('shared');\n      node.ports = [];\n    }\n    if (definition.defaultSize) node.size = { ...definition.defaultSize };\n    node.values = Object.fromEntries(\n      definition\n        .ports(node)\n        .filter((port) => port.direction === \"input\")\n        .map((port) => [port.id, port.defaultValue ?? 0]),\n    );\n    return node;\n  }\n}\nexport function defineNode<D extends NodeData>(\n  definition: NodeDefinition<D>,\n): NodeDefinition<D> {\n  return definition;\n}\nexport const standardLinkModes: readonly LinkModeDefinition[] = Object.freeze([\n  {\n    id: \"set\",\n    label: \"set\",\n    color: \"#fff\",\n    shortcut: \"s\",\n    description:\n      \"Average weighted set sources, replacing the local base value.\",\n  },\n  {\n    id: \"add\",\n    label: \"add\",\n    color: \"#ffe45c\",\n    shortcut: \"a\",\n    description: \"Add weighted sources after set values or the local base.\",\n  },\n  {\n    id: \"multiply\",\n    label: \"multiply\",\n    color: \"#8fdcff\",\n    shortcut: \"m\",\n    description: \"Multiply by each weighted source after addition.\",\n  },\n  {\n    id: \"bend\",\n    label: \"bend\",\n    color: \"#c084fc\",\n    shortcut: \"b\",\n    description: \"Scale by 2^(source × weight) after multiplication.\",\n  },\n]);\nexport class LinkModeRegistry {\n  readonly #definitions = new Map<string, LinkModeDefinition>();\n  constructor(definitions: readonly LinkModeDefinition[] = standardLinkModes) {\n    for (const definition of definitions) {\n      if (this.#definitions.has(definition.id))\n        throw new Error(`Duplicate link mode ${definition.id}.`);\n      this.#definitions.set(definition.id, Object.freeze({ ...definition }));\n    }\n  }\n  get(id: string): LinkModeDefinition | undefined {\n    return this.#definitions.get(id);\n  }\n  list(): readonly LinkModeDefinition[] {\n    return [...this.#definitions.values()];\n  }\n}\n"]}

package/dist/core/observations.d.ts

@@ -0,0 +1,10 @@
+/** Runtime data is instance-scoped, externally supplied and absent from history. */
+export declare class ObservationStore<T = unknown> {
+    #private;
+    key(path: readonly string[], nodeId: string, instance?: string): string;
+    get(key: string): T | undefined;
+    set(key: string, value: T): void;
+    subscribe(key: string, listener: () => void): () => void;
+    clear(): void;
+}
+//# sourceMappingURL=observations.d.ts.map

package/dist/core/observations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"observations.d.ts","sourceRoot":"","sources":["../../src/core/observations.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,qBAAa,gBAAgB,CAAC,CAAC,GAAG,OAAO;;IAGvC,GAAG,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,SAAK,GAAG,MAAM;IAGnE,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS;IAG/B,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI;IAKhC,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI;IASxD,KAAK,IAAI,IAAI;CAMd"}

package/dist/core/observations.js

@@ -0,0 +1,36 @@
+/** Runtime data is instance-scoped, externally supplied and absent from history. */
+export class ObservationStore {
+    #values = new Map();
+    #listeners = new Map();
+    key(path, nodeId, instance = "") {
+        return JSON.stringify([path, nodeId, instance]);
+    }
+    get(key) {
+        return this.#values.get(key);
+    }
+    set(key, value) {
+        if (Object.is(this.#values.get(key), value))
+            return;
+        this.#values.set(key, value);
+        for (const listener of this.#listeners.get(key) ?? [])
+            listener();
+    }
+    subscribe(key, listener) {
+        const listeners = this.#listeners.get(key) ?? new Set();
+        listeners.add(listener);
+        this.#listeners.set(key, listeners);
+        return () => {
+            listeners.delete(listener);
+            if (!listeners.size)
+                this.#listeners.delete(key);
+        };
+    }
+    clear() {
+        const keys = [...this.#values.keys()];
+        this.#values.clear();
+        for (const key of keys)
+            for (const listener of this.#listeners.get(key) ?? [])
+                listener();
+    }
+}
+//# sourceMappingURL=observations.js.map

package/dist/core/observations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observations.js","sourceRoot":"","sources":["../../src/core/observations.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,MAAM,OAAO,gBAAgB;IAClB,OAAO,GAAG,IAAI,GAAG,EAAa,CAAC;IAC/B,UAAU,GAAG,IAAI,GAAG,EAA2B,CAAC;IACzD,GAAG,CAAC,IAAuB,EAAE,MAAc,EAAE,QAAQ,GAAG,EAAE;QACxD,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAClD,CAAC;IACD,GAAG,CAAC,GAAW;QACb,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC/B,CAAC;IACD,GAAG,CAAC,GAAW,EAAE,KAAQ;QACvB,IAAI,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC;YAAE,OAAO;QACpD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAC7B,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE;YAAE,QAAQ,EAAE,CAAC;IACpE,CAAC;IACD,SAAS,CAAC,GAAW,EAAE,QAAoB;QACzC,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC;QACxD,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACxB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;QACpC,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAC3B,IAAI,CAAC,SAAS,CAAC,IAAI;gBAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACnD,CAAC,CAAC;IACJ,CAAC;IACD,KAAK;QACH,MAAM,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;QACtC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACrB,KAAK,MAAM,GAAG,IAAI,IAAI;YACpB,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE;gBAAE,QAAQ,EAAE,CAAC;IACtE,CAAC;CACF","sourcesContent":["/** Runtime data is instance-scoped, externally supplied and absent from history. */\nexport class ObservationStore<T = unknown> {\n  readonly #values = new Map<string, T>();\n  readonly #listeners = new Map<string, Set<() => void>>();\n  key(path: readonly string[], nodeId: string, instance = \"\"): string {\n    return JSON.stringify([path, nodeId, instance]);\n  }\n  get(key: string): T | undefined {\n    return this.#values.get(key);\n  }\n  set(key: string, value: T): void {\n    if (Object.is(this.#values.get(key), value)) return;\n    this.#values.set(key, value);\n    for (const listener of this.#listeners.get(key) ?? []) listener();\n  }\n  subscribe(key: string, listener: () => void): () => void {\n    const listeners = this.#listeners.get(key) ?? new Set();\n    listeners.add(listener);\n    this.#listeners.set(key, listeners);\n    return () => {\n      listeners.delete(listener);\n      if (!listeners.size) this.#listeners.delete(key);\n    };\n  }\n  clear(): void {\n    const keys = [...this.#values.keys()];\n    this.#values.clear();\n    for (const key of keys)\n      for (const listener of this.#listeners.get(key) ?? []) listener();\n  }\n}\n"]}

package/dist/core/serialization.d.ts

@@ -0,0 +1,9 @@
+import { type GraphDocument, type JsonValue } from "./model.js";
+import type { GraphFragment } from "./graph.js";
+export declare function isJsonValue(value: unknown, ancestors?: Set<object>): value is JsonValue;
+export declare function assertDocument(value: unknown): asserts value is GraphDocument;
+/** Preserve array order. Never sort links as a side effect of serialization. */
+export declare function writeDocument(value: GraphDocument): string;
+export declare function readDocument(input: string | unknown): GraphDocument;
+export declare function readFragment(input: string | unknown): GraphFragment;
+//# sourceMappingURL=serialization.d.ts.map

package/dist/core/serialization.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"serialization.d.ts","sourceRoot":"","sources":["../../src/core/serialization.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AACvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAmChD,wBAAgB,WAAW,CACzB,KAAK,EAAE,OAAO,EACd,SAAS,cAAoB,GAC5B,KAAK,IAAI,SAAS,CAgBpB;AAoGD,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAAC,KAAK,IAAI,aAAa,CAK7E;AACD,gFAAgF;AAChF,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CAG1D;AACD,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa,CAInE;AACD,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa,CAYnE"}

package/dist/core/serialization.js

@@ -0,0 +1,148 @@
+import { clone } from "./model.js";
+function record(value) {
+    return !!value && typeof value === "object" && !Array.isArray(value);
+}
+function finite(value) {
+    return typeof value === "number" && Number.isFinite(value);
+}
+function string(value) {
+    return typeof value === "string" && value.length > 0;
+}
+function point(value) {
+    return record(value) && finite(value.x) && finite(value.y);
+}
+function size(value) {
+    return (record(value) &&
+        finite(value.width) &&
+        value.width > 0 &&
+        finite(value.height) &&
+        value.height > 0);
+}
+function endpoint(value) {
+    return record(value) && string(value.nodeId) && string(value.portId);
+}
+function optional(value, predicate) {
+    return value === undefined || predicate(value);
+}
+function numberRecord(value) {
+    return record(value) && Object.values(value).every(finite);
+}
+export function isJsonValue(value, ancestors = new Set()) {
+    if (value === null ||
+        typeof value === "string" ||
+        typeof value === "boolean" ||
+        finite(value))
+        return true;
+    if (!Array.isArray(value) && !record(value))
+        return false;
+    if (ancestors.has(value))
+        return false;
+    const next = new Set([...ancestors, value]);
+    return (Object.getPrototypeOf(value) ===
+        (Array.isArray(value) ? Array.prototype : Object.prototype) &&
+        Object.values(value).every((child) => isJsonValue(child, next)));
+}
+function boolean(value) {
+    return typeof value === "boolean";
+}
+function strings(value) {
+    return Array.isArray(value) && value.every(string);
+}
+function node(value, depth) {
+    return (record(value) &&
+        string(value.id) &&
+        string(value.kind) &&
+        point(value.position) &&
+        record(value.data) &&
+        isJsonValue(value.data) &&
+        numberRecord(value.values) &&
+        optional(value.label, (text) => typeof text === "string") &&
+        optional(value.size, size) &&
+        optional(value.enabled, boolean) &&
+        optional(value.compact, boolean) &&
+        optional(value.compactLabel, text => typeof text === "string") &&
+        optional(value.scale, scale => finite(scale) && scale > 0) &&
+        optional(value.sharedGraphId, string) &&
+        optional(value.panelNodeIds, strings) &&
+        optional(value.dataOverrides, values => record(values) && Object.values(values).every(item => record(item) && isJsonValue(item))) &&
+        optional(value.overrides, (overrides) => record(overrides) && Object.values(overrides).every(numberRecord)) &&
+        optional(value.ports, (ports) => Array.isArray(ports) &&
+            ports.every((port) => record(port) &&
+                string(port.id) &&
+                string(port.label) &&
+                (port.direction === "input" || port.direction === "output") &&
+                optional(port.dataType, string) &&
+                optional(port.connectable, boolean) &&
+                optional(port.valueEditor, boolean) &&
+                optional(port.integer, boolean) &&
+                ["defaultValue", "min", "max", "step"].every((key) => optional(port[key], finite)) &&
+                !(finite(port.min) && finite(port.max) && port.min > port.max))) &&
+        optional(value.graph, (graph) => document(graph, depth + 1)));
+}
+function link(value) {
+    return (record(value) &&
+        string(value.id) &&
+        endpoint(value.source) &&
+        record(value.target) &&
+        ((value.target.type === "port" && endpoint(value.target)) ||
+            (value.target.type === "link" &&
+                string(value.target.linkId) &&
+                string(value.target.property))) &&
+        string(value.mode) &&
+        finite(value.weight) &&
+        optional(value.enabled, boolean) &&
+        optional(value.data, (data) => record(data) && isJsonValue(data)));
+}
+function area(value) {
+    return (record(value) &&
+        optional(value.ownerNodeId, string) &&
+        string(value.id) &&
+        typeof value.title === "string" &&
+        point(value.position) &&
+        size(value.size) &&
+        optional(value.locked, boolean) &&
+        optional(value.collapsed, boolean) &&
+        optional(value.nodeIds, strings) &&
+        optional(value.areaIds, strings) &&
+        optional(value.controlHeight, (height) => finite(height) && height >= 0) &&
+        optional(value.data, (data) => record(data) && isJsonValue(data)));
+}
+function document(value, depth) {
+    return (depth <= 32 &&
+        record(value) &&
+        value.format === "spagbol" &&
+        value.version === 1 &&
+        Array.isArray(value.nodes) &&
+        value.nodes.every((candidate) => node(candidate, depth)) &&
+        Array.isArray(value.links) &&
+        value.links.every(link) &&
+        Array.isArray(value.areas) &&
+        value.areas.every(area) &&
+        optional(value.data, (data) => record(data) && isJsonValue(data)));
+}
+export function assertDocument(value) {
+    if (!isJsonValue(value) || !document(value, 0))
+        throw new Error("Invalid Spagbol document. Expected format spagbol/version 1, finite JSON data and valid node/link/area shapes (maximum nesting 32).");
+}
+/** Preserve array order. Never sort links as a side effect of serialization. */
+export function writeDocument(value) {
+    assertDocument(value);
+    return `${JSON.stringify(value, null, 2)}\n`;
+}
+export function readDocument(input) {
+    const parsed = typeof input === "string" ? JSON.parse(input) : input;
+    assertDocument(parsed);
+    return clone(parsed);
+}
+export function readFragment(input) {
+    const parsed = typeof input === "string" ? JSON.parse(input) : input;
+    if (!record(parsed) ||
+        parsed.format !== "spagbol-fragment" ||
+        parsed.version !== 1 ||
+        !Array.isArray(parsed.boundaryLinks) ||
+        !parsed.boundaryLinks.every(link))
+        throw new Error("Invalid Spagbol clipboard fragment.");
+    assertDocument({ ...parsed, format: "spagbol" });
+    return clone(parsed);
+}
+//# sourceMappingURL=serialization.js.map

package/dist/core/serialization.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"serialization.js","sourceRoot":"","sources":["../../src/core/serialization.ts"],"names":[],"mappings":"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","sourcesContent":["import { clone, type GraphDocument, type JsonValue } from \"./model.js\";\nimport type { GraphFragment } from \"./graph.js\";\n\nfunction record(value: unknown): value is Record<string, unknown> {\n  return !!value && typeof value === \"object\" && !Array.isArray(value);\n}\nfunction finite(value: unknown): value is number {\n  return typeof value === \"number\" && Number.isFinite(value);\n}\nfunction string(value: unknown): value is string {\n  return typeof value === \"string\" && value.length > 0;\n}\nfunction point(value: unknown): boolean {\n  return record(value) && finite(value.x) && finite(value.y);\n}\nfunction size(value: unknown): boolean {\n  return (\n    record(value) &&\n    finite(value.width) &&\n    value.width > 0 &&\n    finite(value.height) &&\n    value.height > 0\n  );\n}\nfunction endpoint(value: unknown): boolean {\n  return record(value) && string(value.nodeId) && string(value.portId);\n}\nfunction optional(\n  value: unknown,\n  predicate: (value: unknown) => boolean,\n): boolean {\n  return value === undefined || predicate(value);\n}\nfunction numberRecord(value: unknown): boolean {\n  return record(value) && Object.values(value).every(finite);\n}\nexport function isJsonValue(\n  value: unknown,\n  ancestors = new Set<object>(),\n): value is JsonValue {\n  if (\n    value === null ||\n    typeof value === \"string\" ||\n    typeof value === \"boolean\" ||\n    finite(value)\n  )\n    return true;\n  if (!Array.isArray(value) && !record(value)) return false;\n  if (ancestors.has(value)) return false;\n  const next = new Set([...ancestors, value]);\n  return (\n    Object.getPrototypeOf(value) ===\n      (Array.isArray(value) ? Array.prototype : Object.prototype) &&\n    Object.values(value).every((child) => isJsonValue(child, next))\n  );\n}\nfunction boolean(value: unknown): boolean {\n  return typeof value === \"boolean\";\n}\nfunction strings(value: unknown): boolean {\n  return Array.isArray(value) && value.every(string);\n}\nfunction node(value: unknown, depth: number): boolean {\n  return (\n    record(value) &&\n    string(value.id) &&\n    string(value.kind) &&\n    point(value.position) &&\n    record(value.data) &&\n    isJsonValue(value.data) &&\n    numberRecord(value.values) &&\n    optional(value.label, (text) => typeof text === \"string\") &&\n    optional(value.size, size) &&\n    optional(value.enabled, boolean) &&\n    optional(value.compact, boolean) &&\n    optional(value.compactLabel, text => typeof text === \"string\") &&\n    optional(value.scale, scale => finite(scale) && scale > 0) &&\n    optional(value.sharedGraphId, string) &&\n    optional(value.panelNodeIds, strings) &&\n    optional(value.dataOverrides, values => record(values) && Object.values(values).every(item => record(item) && isJsonValue(item))) &&\n    optional(\n      value.overrides,\n      (overrides) =>\n        record(overrides) && Object.values(overrides).every(numberRecord),\n    ) &&\n    optional(\n      value.ports,\n      (ports) =>\n        Array.isArray(ports) &&\n        ports.every(\n          (port) =>\n            record(port) &&\n            string(port.id) &&\n            string(port.label) &&\n            (port.direction === \"input\" || port.direction === \"output\") &&\n            optional(port.dataType, string) &&\n            optional(port.connectable, boolean) &&\n            optional(port.valueEditor, boolean) &&\n            optional(port.integer, boolean) &&\n            [\"defaultValue\", \"min\", \"max\", \"step\"].every((key) =>\n              optional(port[key], finite),\n            ) &&\n            !(finite(port.min) && finite(port.max) && port.min > port.max),\n        ),\n    ) &&\n    optional(value.graph, (graph) => document(graph, depth + 1))\n  );\n}\nfunction link(value: unknown): boolean {\n  return (\n    record(value) &&\n    string(value.id) &&\n    endpoint(value.source) &&\n    record(value.target) &&\n    ((value.target.type === \"port\" && endpoint(value.target)) ||\n      (value.target.type === \"link\" &&\n        string(value.target.linkId) &&\n        string(value.target.property))) &&\n    string(value.mode) &&\n    finite(value.weight) &&\n    optional(value.enabled, boolean) &&\n    optional(value.data, (data) => record(data) && isJsonValue(data))\n  );\n}\nfunction area(value: unknown): boolean {\n  return (\n    record(value) &&\n    optional(value.ownerNodeId, string) &&\n    string(value.id) &&\n    typeof value.title === \"string\" &&\n    point(value.position) &&\n    size(value.size) &&\n    optional(value.locked, boolean) &&\n    optional(value.collapsed, boolean) &&\n    optional(value.nodeIds, strings) &&\n    optional(value.areaIds, strings) &&\n    optional(value.controlHeight, (height) => finite(height) && height >= 0) &&\n    optional(value.data, (data) => record(data) && isJsonValue(data))\n  );\n}\nfunction document(value: unknown, depth: number): boolean {\n  return (\n    depth <= 32 &&\n    record(value) &&\n    value.format === \"spagbol\" &&\n    value.version === 1 &&\n    Array.isArray(value.nodes) &&\n    value.nodes.every((candidate) => node(candidate, depth)) &&\n    Array.isArray(value.links) &&\n    value.links.every(link) &&\n    Array.isArray(value.areas) &&\n    value.areas.every(area) &&\n    optional(value.data, (data) => record(data) && isJsonValue(data))\n  );\n}\nexport function assertDocument(value: unknown): asserts value is GraphDocument {\n  if (!isJsonValue(value) || !document(value, 0))\n    throw new Error(\n      \"Invalid Spagbol document. Expected format spagbol/version 1, finite JSON data and valid node/link/area shapes (maximum nesting 32).\",\n    );\n}\n/** Preserve array order. Never sort links as a side effect of serialization. */\nexport function writeDocument(value: GraphDocument): string {\n  assertDocument(value);\n  return `${JSON.stringify(value, null, 2)}\\n`;\n}\nexport function readDocument(input: string | unknown): GraphDocument {\n  const parsed: unknown = typeof input === \"string\" ? JSON.parse(input) : input;\n  assertDocument(parsed);\n  return clone(parsed);\n}\nexport function readFragment(input: string | unknown): GraphFragment {\n  const parsed: unknown = typeof input === \"string\" ? JSON.parse(input) : input;\n  if (\n    !record(parsed) ||\n    parsed.format !== \"spagbol-fragment\" ||\n    parsed.version !== 1 ||\n    !Array.isArray(parsed.boundaryLinks) ||\n    !parsed.boundaryLinks.every(link)\n  )\n    throw new Error(\"Invalid Spagbol clipboard fragment.\");\n  assertDocument({ ...parsed, format: \"spagbol\" });\n  return clone(parsed) as unknown as GraphFragment;\n}\n"]}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./core/index.js";
+export * from "./react/index.js";
+export { SpagbolControlSlider, SpagbolControlButton, type SpagbolControlSliderProps, type SpagbolControlButtonProps, type SpagbolControlButtonMode, } from "./react/Controls.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,GAC9B,MAAM,qBAAqB,CAAC"}

package/dist/index.js

@@ -0,0 +1,4 @@
+export * from "./core/index.js";
+export * from "./react/index.js";
+export { SpagbolControlSlider, SpagbolControlButton, } from "./react/Controls.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EACL,oBAAoB,EACpB,oBAAoB,GAIrB,MAAM,qBAAqB,CAAC","sourcesContent":["export * from \"./core/index.js\";\nexport * from \"./react/index.js\";\nexport {\n  SpagbolControlSlider,\n  SpagbolControlButton,\n  type SpagbolControlSliderProps,\n  type SpagbolControlButtonProps,\n  type SpagbolControlButtonMode,\n} from \"./react/Controls.js\";\n"]}

package/dist/link-controls.css

@@ -0,0 +1,123 @@
+.spagbol-canvas .spagbol-canvas-link-controls {
+  position: fixed;
+  z-index: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 4px;
+  border: 1px solid var(--color-foreground, var(--spagbol-foreground, #fff));
+  background:
+    linear-gradient(var(--color-foreground, var(--spagbol-foreground, #fff)), var(--color-foreground, var(--spagbol-foreground, #fff))) left top / 100% 4px no-repeat,
+    linear-gradient(var(--color-foreground, var(--spagbol-foreground, #fff)), var(--color-foreground, var(--spagbol-foreground, #fff))) left bottom / 100% 4px no-repeat,
+    linear-gradient(var(--color-foreground, var(--spagbol-foreground, #fff)), var(--color-foreground, var(--spagbol-foreground, #fff))) left top / 4px 100% no-repeat,
+    linear-gradient(var(--color-foreground, var(--spagbol-foreground, #fff)), var(--color-foreground, var(--spagbol-foreground, #fff))) right top / 4px 100% no-repeat,
+    linear-gradient(var(--color-foreground, var(--spagbol-foreground, #fff)), var(--color-foreground, var(--spagbol-foreground, #fff))) left 26px / 100% 4px no-repeat;
+  color: var(--color-background, var(--spagbol-bg, #000));
+  font-size: 13px;
+  font-weight: 400;
+  pointer-events: all;
+  box-shadow: 6px 6px 0 var(--color-background-42, #0000006b);
+  transform-origin: center;
+  --edge-control-width: 96px;
+  --edge-weight-control-width: 74px;
+}
+
+.spagbol-canvas .spagbol-canvas-link-controls-value-row {
+  display: flex;
+  gap: 0;
+}
+
+.spagbol-canvas .spagbol-control-number-link {
+  width: var(--edge-weight-control-width);
+  height: 22px;
+  padding: 0 4px;
+  border: 0;
+  background: var(--color-surface, var(--spagbol-surface, #000));
+  color: var(--color-foreground, var(--spagbol-foreground, #fff));
+  cursor: ns-resize;
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 20px;
+  overflow: hidden;
+  text-align: left;
+  text-overflow: clip;
+  white-space: nowrap;
+  user-select: none;
+}
+
+.spagbol-canvas .spagbol-control-number-link:focus {
+  outline: 1px solid var(--color-foreground, var(--spagbol-foreground, #fff));
+  outline-offset: 1px;
+}
+
+.spagbol-canvas .spagbol-control-number-link-editing {
+  display: block;
+  background: var(--color-surface, var(--spagbol-surface, #000));
+  color: var(--color-foreground, var(--spagbol-foreground, #fff));
+  cursor: text;
+  font-size: 13px;
+  font-weight: 400;
+  user-select: text;
+  -moz-appearance: textfield;
+}
+
+.spagbol-canvas .spagbol-control-number-link-editing::selection {
+  background: var(--color-foreground, var(--spagbol-foreground, #fff));
+  color: var(--color-background, var(--spagbol-bg, #000));
+}
+
+.spagbol-canvas .spagbol-canvas-link-controls-enabled {
+  display: grid;
+  width: 22px;
+  height: 22px;
+  flex: 0 0 22px;
+  place-items: center;
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: var(--color-surface, var(--spagbol-surface, #000));
+  cursor: pointer;
+}
+
+.spagbol-canvas .spagbol-canvas-link-controls-enabled::after {
+  display: block;
+  width: 9px;
+  height: 9px;
+  border: 1px solid var(--color-foreground, var(--spagbol-foreground, #fff));
+  border-radius: 50%;
+  content: '';
+}
+
+.spagbol-canvas .spagbol-canvas-link-controls-enabled-active::after {
+  background: var(--color-foreground, var(--spagbol-foreground, #fff));
+}
+
+.spagbol-canvas .spagbol-canvas-link-controls-enabled:hover {
+  background: var(--color-surface, var(--spagbol-surface, #000));
+  color: var(--color-foreground, var(--spagbol-foreground, #fff));
+}
+
+.spagbol-canvas .spagbol-canvas-link-controls-enabled:focus-visible {
+  outline: 1px solid var(--color-foreground, var(--spagbol-foreground, #fff));
+  outline-offset: 2px;
+}
+
+.spagbol-canvas .spagbol-canvas-link-controls-mode {
+  width: var(--edge-control-width);
+  height: 22px;
+  padding: 0 4px;
+  border: 0;
+  border-radius: 0;
+  background: var(--color-surface, var(--spagbol-surface, #000));
+  color: var(--color-foreground, var(--spagbol-foreground, #fff));
+  cursor: pointer;
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 20px;
+}
+
+.spagbol-canvas .spagbol-canvas-link-controls-mode:focus {
+  outline: 1px solid var(--color-foreground, var(--spagbol-foreground, #fff));
+  outline-offset: 1px;
+}
+

package/dist/react/Controls.d.ts

@@ -0,0 +1,18 @@
+export interface SpagbolControlSliderProps {
+    value: number;
+    displayValue?: number;
+    direction: 'horizontal' | 'vertical';
+    onChange: (value: number) => void;
+    onGestureStart?(): void;
+    onGestureEnd?(cancel: boolean): void;
+}
+export declare function SpagbolControlSlider({ value, displayValue, direction, onChange, onGestureStart, onGestureEnd }: SpagbolControlSliderProps): import("react").JSX.Element;
+export type SpagbolControlButtonMode = 'toggle' | 'trigger' | 'temporary';
+export interface SpagbolControlButtonProps {
+    mode: SpagbolControlButtonMode;
+    pressed: number;
+    onPressedChange: (value: number) => void;
+    onClickPulse: () => void;
+}
+export declare function SpagbolControlButton({ mode, pressed, onPressedChange, onClickPulse }: SpagbolControlButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=Controls.d.ts.map

package/dist/react/Controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../src/react/Controls.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,YAAY,GAAG,UAAU,CAAC;IACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,CAAC,IAAI,IAAI,CAAC;IACxB,YAAY,CAAC,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;CACtC;AAUD,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,EAAE,yBAAyB,+BAiMzI;AAED,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;AAG1E,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,wBAAwB,CAAC;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,EAAE,yBAAyB,+BAuF/G"}