geonodes-web-render 0.1.3 → 0.3.0

package/dist/types/embed.d.ts

@@ -4,9 +4,14 @@ export type GraphViewEmbedOptions = {
     /** Called when user requests close (e.g. modal close button). Use to unmount. */
     onClose?: () => void;
 };
-export declare function GraphView(props: GraphViewEmbedOptions): import("react/jsx-runtime").JSX.Element;
+export declare function GraphView(props: GraphViewEmbedOptions): import("react").JSX.Element;
 /**
- * Mount the graph view into a DOM container. Call unmountGraphView() to remove.
+ * Mount the graph view into a DOM container. Returns a function that unmounts
+ * this graph; you can also call unmountGraphView(container).
  */
 export declare function mountGraphView(container: HTMLElement, options: GraphViewEmbedOptions): () => void;
-export declare function unmountGraphView(): void;
+/**
+ * Unmount a previously mounted graph. With no argument, unmounts the most
+ * recently mounted one (kept for backwards compatibility).
+ */
+export declare function unmountGraphView(container?: HTMLElement): void;

package/dist/types/gn/components/GenericGNNode.d.ts

@@ -1,2 +1,2 @@
 import { NodeProps } from '@xyflow/react';
-export declare function GenericGNNode(props: NodeProps): import("react/jsx-runtime").JSX.Element;
+export declare function GenericGNNode(props: NodeProps): import("react").JSX.Element;

package/dist/types/gn/components/GeometryNodesFlow.d.ts

@@ -2,4 +2,6 @@ export declare function GeometryNodesFlow(props: {
     jsonText: string;
     /** When false, hide the panel header ("Geometry Nodes Graph" and node count). Default true. */
     showHeader?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+    /** Reports the currently selected node ids (raw Tree Clipper node ids as strings). */
+    onSelectionChange?: (nodeIds: string[]) => void;
+}): import("react").JSX.Element;

package/dist/types/gn/components/RerouteNode.d.ts

@@ -1,2 +1,2 @@
 import { NodeProps } from '@xyflow/react';
-export declare function RerouteNode(props: NodeProps): import("react/jsx-runtime").JSX.Element;
+export declare function RerouteNode(props: NodeProps): import("react").JSX.Element;

package/dist/types/gn/components/SimulationZoneFrame.d.ts

@@ -1,2 +1,2 @@
 import { NodeProps } from '@xyflow/react';
-export declare function SimulationZoneFrame(props: NodeProps): import("react/jsx-runtime").JSX.Element;
+export declare function SimulationZoneFrame(props: NodeProps): import("react").JSX.Element;

package/dist/types/gn/components/groupNavContext.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Lets group nodes ask the surrounding flow to drill into their nested tree.
+ * Null outside a provider, so group nodes degrade to a plain name display.
+ */
+export declare const GroupNavContext: import('react').Context<{
+    openGroup: (treeId: string) => void;
+} | null>;
+export declare function useGroupNav(): {
+    openGroup: (treeId: string) => void;
+} | null;

package/dist/types/gn/exporter/nodebpyExporter.d.ts

@@ -0,0 +1,108 @@
+type SpecParam = {
+    name: string;
+    default: string | null;
+};
+export type SpecSocket = {
+    attr: string;
+    type: string;
+    label: string;
+};
+export type SpecEntry = {
+    class: string;
+    params: SpecParam[];
+    props: SpecParam[];
+    inputs: SpecSocket[];
+    outputs: SpecSocket[];
+};
+export type SpecDb = Record<string, Record<string, SpecEntry>>;
+export declare function getNodebpySpec(): SpecDb;
+type RawSocket = {
+    id: number;
+    data: {
+        name: string;
+        type: string;
+        enabled?: boolean;
+        hide_value?: boolean;
+        default_value?: unknown;
+    };
+};
+type RawNodeData = {
+    name: string;
+    label?: string;
+    bl_idname: string;
+    inputs?: {
+        data: {
+            items: RawSocket[];
+        };
+    };
+    outputs?: {
+        data: {
+            items: RawSocket[];
+        };
+    };
+    node_tree?: number | null;
+    single_input?: number;
+    single_output?: number;
+    is_active_output?: boolean;
+    mapping?: unknown;
+} & Record<string, unknown>;
+type RawNode = {
+    id: number;
+    data: RawNodeData;
+};
+type RawInterfaceItem = {
+    id: number;
+    data: {
+        name: string;
+        socket_type?: string;
+        in_out?: string;
+        item_type?: string;
+        default_value?: unknown;
+    };
+};
+type RawLink = {
+    id: number;
+    data: {
+        from_socket: number;
+        to_socket: number;
+    };
+};
+type RawTree = {
+    id: number;
+    data: {
+        name: string;
+        bl_idname?: string;
+        is_modifier?: boolean;
+        interface?: {
+            data: {
+                items_tree: {
+                    data: {
+                        items: RawInterfaceItem[];
+                    };
+                };
+            };
+        };
+        nodes: {
+            data: {
+                items: RawNode[];
+            };
+        };
+        links: {
+            data: {
+                items: RawLink[];
+            };
+        };
+    };
+};
+type RawExport = {
+    node_trees: RawTree[];
+};
+/**
+ * Reduce a Tree Clipper export to a subset of nodes (by raw node id), keeping
+ * only links whose two endpoints both survive. Group trees instantiated by a
+ * surviving group node are kept complete (transitively); trees left with no
+ * nodes are dropped. Returns the input unchanged when nothing matches.
+ */
+export declare function filterExportToSelection(raw: RawExport, selected: ReadonlySet<number>): RawExport;
+export declare function exportToNodebpy(raw: RawExport): string;
+export {};

package/dist/types/gn/importer/blenderTree.d.ts

@@ -33,6 +33,7 @@ type BlenderNode = {
         single_input?: number;
         single_output?: number;
         vector?: number[];
+        node_tree?: number | null;
         mode?: string;
         operation?: string;
         data_type?: string;
@@ -74,23 +75,25 @@ type BlenderLink = {
         to_socket: number;
     };
 };
-export type BlenderTreeExport = {
-    node_trees: Array<{
-        id: number;
-        data: {
-            name: string;
-            nodes: {
-                data: {
-                    items: BlenderNode[];
-                };
+type BlenderTree = {
+    id: number;
+    data: {
+        name: string;
+        is_modifier?: boolean;
+        nodes: {
+            data: {
+                items: BlenderNode[];
             };
-            links: {
-                data: {
-                    items: BlenderLink[];
-                };
+        };
+        links: {
+            data: {
+                items: BlenderLink[];
             };
         };
-    }>;
+    };
+};
+export type BlenderTreeExport = {
+    node_trees: BlenderTree[];
 };
 export type NormalizedSocket = {
     id: string;
@@ -117,6 +120,9 @@ export type NormalizedNode = {
     outputs: NormalizedSocket[];
     floatCurve?: FloatCurveData;
     properties?: Record<string, string>;
+    /** For group nodes: id/name of the referenced node tree (if present in the export). */
+    groupTreeId?: string;
+    groupTreeName?: string;
 };
 export type NormalizedLink = {
     id: string;
@@ -129,6 +135,13 @@ export type NormalizedGraph = {
     nodes: NormalizedNode[];
     links: NormalizedLink[];
 };
+export type NormalizedExport = {
+    /** Id of the top-level tree (the one not referenced by any group node). */
+    rootId: string;
+    /** All trees in the export, keyed by tree id. */
+    trees: Record<string, NormalizedGraph>;
+};
+export declare function normalizeBlenderExport(raw: BlenderTreeExport): NormalizedExport;
 export declare function normalizeBlenderGraph(raw: BlenderTreeExport): NormalizedGraph;
 export declare function toGraphIR(normalized: NormalizedGraph): GraphIR;
 export {};

package/dist/types/gn/ir/types.d.ts

@@ -47,6 +47,9 @@ export type NodeIR = {
     floatCurve?: FloatCurveData;
     /** Node-type-specific enum properties (e.g. operation, data_type for Compare) */
     properties?: Record<string, string>;
+    /** For group nodes: id/name of the referenced node tree within the export */
+    groupTreeId?: string;
+    groupTreeName?: string;
 };
 export type EdgeIR = {
     id: string;

package/dist/types/gn/xyflow/mapGraphIRToFlow.d.ts

@@ -10,6 +10,8 @@ export type GNFlowNodeData = {
     connectedInputIds: string[];
     floatCurve?: FloatCurveData;
     properties?: Record<string, string>;
+    groupTreeId?: string;
+    groupTreeName?: string;
 };
 export type GNRerouteNodeData = {
     color: string;

package/dist/types/utils/formatTreeClipperJson.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Pretty-print a Tree Clipper export so that each repeated entity (a node tree,
+ * an interface socket, a node, a link) lands on its own line, while every
+ * structural wrapper around those entity lists stays collapsed inline.
+ *
+ * Only the entity arrays break across lines; the `{"id": …, "data": {… "items": [`
+ * prefix and the trailing `]}}` suffix each stay on a single line. The result:
+ * the number of lines in an entity list equals the number of entities, so
+ * selecting one more node on the canvas adds exactly one visible line.
+ *
+ * Entity lines can get very long; the editor scrolls horizontally rather than
+ * wrapping them, so they stay one-per-row on screen.
+ */
+export declare function formatTreeClipperJson(value: unknown): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geonodes-web-render",
-  "version": "0.1.3",
+  "version": "0.3.0",
   "description": "Browser-based viewer for Blender Geometry Nodes exported via Tree Clipper. Renders node trees as a read-only, Blender-styled graph.",
   "type": "module",
   "exports": {
@@ -15,7 +15,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/kolibril13/geonodes-web-render"
+    "url": "git+https://github.com/kolibril13/geonodes-web-render.git"
   },
   "license": "MIT",
   "keywords": [
@@ -32,15 +32,17 @@
     "build:lib": "vite build --config vite.lib.config.ts",
     "lint": "eslint .",
     "preview": "vite preview",
+    "convert:nodebpy": "rolldown scripts/convertExamples.ts --format esm --file node_modules/.tmp/convertExamples.mjs --external node:fs --external node:path && node node_modules/.tmp/convertExamples.mjs",
     "prepublishOnly": "npm run build:lib"
   },
   "dependencies": {
     "@codemirror/lang-json": "^6.0.2",
+    "@codemirror/lang-python": "^6.2.1",
     "@codemirror/state": "^6.6.0",
     "@codemirror/theme-one-dark": "^6.1.3",
     "@codemirror/view": "^6.40.0",
     "@uiw/react-codemirror": "^4.25.8",
-    "@xyflow/react": "^12.10.1",
+    "@xyflow/react": "^12.11.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },