@01.software/sdk 0.29.0 → 0.31.0

package/dist/ui/canvas.d.cts

@@ -1,9 +1,32 @@
-import { C as CanvasData, N as NodeTypeDef, E as EdgeTypeDef, a as CanvasNode, b as NodeTypeFieldDef, D as DynamicNodeSlotProps, c as CanvasEdge, F as FrameNodeSlotProps, d as EdgeSlotProps, e as NodeWrapperSlotProps, f as CanvasViewport, g as CanvasBounds, S as SDKClient, h as FrameData } from '../server-BINWywT8.cjs';
-export { B as BUILT_IN_EDGE_TYPES, i as BUILT_IN_NODE_TYPES, j as CanvasNodeData, k as CanvasNodePosition, l as DynamicNodeData, m as FrameNodeData, P as PrefetchCanvasOptions, U as UseCanvasOptions, n as UseCanvasResult, o as getFrameData, p as getFrames, q as getNodeBounds, r as isDynamicNode, s as isFrameNode, t as prefetchCanvas, u as useCanvas } from '../server-BINWywT8.cjs';
+import { S as SDKClient, C as CanvasData, N as NodeTypeDef, E as EdgeTypeDef, a as CanvasNode, b as NodeTypeFieldDef, D as DynamicNodeSlotProps, c as CanvasEdge, F as FrameNodeSlotProps, d as EdgeSlotProps, e as NodeWrapperSlotProps, f as CanvasViewport, g as CanvasBounds, h as FrameData } from '../server-CrsPyqEc.cjs';
+export { B as BUILT_IN_EDGE_TYPES, i as BUILT_IN_NODE_TYPES, j as CanvasNodeData, k as CanvasNodePosition, l as DynamicNodeData, m as FrameNodeData, P as PrefetchCanvasOptions, n as getFrameData, o as getFrames, p as getNodeBounds, q as isDynamicNode, r as isFrameNode, s as prefetchCanvas } from '../server-CrsPyqEc.cjs';
+import { QueryClient } from '@tanstack/react-query';
 import { Edge } from '@xyflow/react';
 import React from 'react';
 import { I as ImageData } from '../image-BDz2-AaO.cjs';
-import '@tanstack/react-query';
+
+interface UseCanvasOptions {
+    /** SDK client instance (Client or ServerClient) */
+    client: SDKClient;
+    /** Optional explicit React Query client. Defaults to the nearest provider. */
+    queryClient?: QueryClient;
+    /** Canvas slug (URL-friendly identifier) */
+    slug?: string;
+    /** Canvas document ID (UUID) */
+    id?: string;
+    /** Enable/disable data fetching (default: true) */
+    enabled?: boolean;
+}
+interface UseCanvasResult {
+    data: CanvasData | undefined;
+    nodeTypeDefs: NodeTypeDef[];
+    edgeTypeDefs: EdgeTypeDef[];
+    canvas: Record<string, unknown> | undefined;
+    isLoading: boolean;
+    error: Error | null;
+}
+
+declare function useCanvas(options: UseCanvasOptions): UseCanvasResult;
 
 interface UseCanvasDataOptions {
     /** Canvas data from Canvas document's `canvas` field */
@@ -192,7 +215,7 @@ interface CanvasFrameProps extends Omit<CanvasRendererProps, 'data' | 'nodeTypeD
     error?: (err: Error) => React.ReactNode;
     /**
      * Called when frame data is ready — escape hatch for raw data access.
-     * Use `prefetchCanvas({ client, slug })` for SSR.
+    * Use `prefetchCanvas({ client, queryClient, slug })` for SSR.
      */
     onDataReady?: (frameData: FrameData, canvas: Record<string, unknown>) => void;
 }
@@ -202,7 +225,7 @@ interface CanvasFrameProps extends Omit<CanvasRendererProps, 'data' | 'nodeTypeD
  * Fetches the canvas via `useCanvas`, extracts the frame with `getFrameData`,
  * and passes the result to `CanvasRenderer` with correct bounds wired.
  *
- * For SSR / prefetching use the existing `prefetchCanvas({ client, slug })`.
+ * For SSR / prefetching use `prefetchCanvas({ client, queryClient, slug })`.
  *
  * @example
  * ```tsx
@@ -219,4 +242,4 @@ interface CanvasFrameProps extends Omit<CanvasRendererProps, 'data' | 'nodeTypeD
  */
 declare function CanvasFrame({ client, slug, id, frameId, loading, error: renderError, onDataReady, ...rendererProps }: CanvasFrameProps): React.JSX.Element | null;
 
-export { CanvasBounds, CanvasData, CanvasEdge, CanvasFrame, type CanvasFrameProps, CanvasNode, CanvasRenderer, type CanvasRendererProps, CanvasViewport, type CodeComponentProps, DynamicNodeSlotProps, EdgeSlotProps, EdgeTypeDef, FrameData, FrameNodeSlotProps, NodeTypeDef, NodeTypeFieldDef, NodeWrapperSlotProps, SDKClient, type UseCanvasDataOptions, type UseCanvasDataResult, clearTemplateCache, compileTemplate, getBooleanField, getImageField, getNumberField, getTextField, renderFieldValue, sanitizeCSS, useCanvasData, useQuickJS };
+export { CanvasBounds, CanvasData, CanvasEdge, CanvasFrame, type CanvasFrameProps, CanvasNode, CanvasRenderer, type CanvasRendererProps, CanvasViewport, type CodeComponentProps, DynamicNodeSlotProps, EdgeSlotProps, EdgeTypeDef, FrameData, FrameNodeSlotProps, NodeTypeDef, NodeTypeFieldDef, NodeWrapperSlotProps, SDKClient, type UseCanvasDataOptions, type UseCanvasDataResult, type UseCanvasOptions, type UseCanvasResult, clearTemplateCache, compileTemplate, getBooleanField, getImageField, getNumberField, getTextField, renderFieldValue, sanitizeCSS, useCanvas, useCanvasData, useQuickJS };

package/dist/ui/canvas.d.ts

@@ -1,9 +1,32 @@
-import { C as CanvasData, N as NodeTypeDef, E as EdgeTypeDef, a as CanvasNode, b as NodeTypeFieldDef, D as DynamicNodeSlotProps, c as CanvasEdge, F as FrameNodeSlotProps, d as EdgeSlotProps, e as NodeWrapperSlotProps, f as CanvasViewport, g as CanvasBounds, S as SDKClient, h as FrameData } from '../server-BINWywT8.js';
-export { B as BUILT_IN_EDGE_TYPES, i as BUILT_IN_NODE_TYPES, j as CanvasNodeData, k as CanvasNodePosition, l as DynamicNodeData, m as FrameNodeData, P as PrefetchCanvasOptions, U as UseCanvasOptions, n as UseCanvasResult, o as getFrameData, p as getFrames, q as getNodeBounds, r as isDynamicNode, s as isFrameNode, t as prefetchCanvas, u as useCanvas } from '../server-BINWywT8.js';
+import { S as SDKClient, C as CanvasData, N as NodeTypeDef, E as EdgeTypeDef, a as CanvasNode, b as NodeTypeFieldDef, D as DynamicNodeSlotProps, c as CanvasEdge, F as FrameNodeSlotProps, d as EdgeSlotProps, e as NodeWrapperSlotProps, f as CanvasViewport, g as CanvasBounds, h as FrameData } from '../server-CrsPyqEc.js';
+export { B as BUILT_IN_EDGE_TYPES, i as BUILT_IN_NODE_TYPES, j as CanvasNodeData, k as CanvasNodePosition, l as DynamicNodeData, m as FrameNodeData, P as PrefetchCanvasOptions, n as getFrameData, o as getFrames, p as getNodeBounds, q as isDynamicNode, r as isFrameNode, s as prefetchCanvas } from '../server-CrsPyqEc.js';
+import { QueryClient } from '@tanstack/react-query';
 import { Edge } from '@xyflow/react';
 import React from 'react';
 import { I as ImageData } from '../image-BDz2-AaO.js';
-import '@tanstack/react-query';
+
+interface UseCanvasOptions {
+    /** SDK client instance (Client or ServerClient) */
+    client: SDKClient;
+    /** Optional explicit React Query client. Defaults to the nearest provider. */
+    queryClient?: QueryClient;
+    /** Canvas slug (URL-friendly identifier) */
+    slug?: string;
+    /** Canvas document ID (UUID) */
+    id?: string;
+    /** Enable/disable data fetching (default: true) */
+    enabled?: boolean;
+}
+interface UseCanvasResult {
+    data: CanvasData | undefined;
+    nodeTypeDefs: NodeTypeDef[];
+    edgeTypeDefs: EdgeTypeDef[];
+    canvas: Record<string, unknown> | undefined;
+    isLoading: boolean;
+    error: Error | null;
+}
+
+declare function useCanvas(options: UseCanvasOptions): UseCanvasResult;
 
 interface UseCanvasDataOptions {
     /** Canvas data from Canvas document's `canvas` field */
@@ -192,7 +215,7 @@ interface CanvasFrameProps extends Omit<CanvasRendererProps, 'data' | 'nodeTypeD
     error?: (err: Error) => React.ReactNode;
     /**
      * Called when frame data is ready — escape hatch for raw data access.
-     * Use `prefetchCanvas({ client, slug })` for SSR.
+    * Use `prefetchCanvas({ client, queryClient, slug })` for SSR.
      */
     onDataReady?: (frameData: FrameData, canvas: Record<string, unknown>) => void;
 }
@@ -202,7 +225,7 @@ interface CanvasFrameProps extends Omit<CanvasRendererProps, 'data' | 'nodeTypeD
  * Fetches the canvas via `useCanvas`, extracts the frame with `getFrameData`,
  * and passes the result to `CanvasRenderer` with correct bounds wired.
  *
- * For SSR / prefetching use the existing `prefetchCanvas({ client, slug })`.
+ * For SSR / prefetching use `prefetchCanvas({ client, queryClient, slug })`.
  *
  * @example
  * ```tsx
@@ -219,4 +242,4 @@ interface CanvasFrameProps extends Omit<CanvasRendererProps, 'data' | 'nodeTypeD
  */
 declare function CanvasFrame({ client, slug, id, frameId, loading, error: renderError, onDataReady, ...rendererProps }: CanvasFrameProps): React.JSX.Element | null;
 
-export { CanvasBounds, CanvasData, CanvasEdge, CanvasFrame, type CanvasFrameProps, CanvasNode, CanvasRenderer, type CanvasRendererProps, CanvasViewport, type CodeComponentProps, DynamicNodeSlotProps, EdgeSlotProps, EdgeTypeDef, FrameData, FrameNodeSlotProps, NodeTypeDef, NodeTypeFieldDef, NodeWrapperSlotProps, SDKClient, type UseCanvasDataOptions, type UseCanvasDataResult, clearTemplateCache, compileTemplate, getBooleanField, getImageField, getNumberField, getTextField, renderFieldValue, sanitizeCSS, useCanvasData, useQuickJS };
+export { CanvasBounds, CanvasData, CanvasEdge, CanvasFrame, type CanvasFrameProps, CanvasNode, CanvasRenderer, type CanvasRendererProps, CanvasViewport, type CodeComponentProps, DynamicNodeSlotProps, EdgeSlotProps, EdgeTypeDef, FrameData, FrameNodeSlotProps, NodeTypeDef, NodeTypeFieldDef, NodeWrapperSlotProps, SDKClient, type UseCanvasDataOptions, type UseCanvasDataResult, type UseCanvasOptions, type UseCanvasResult, clearTemplateCache, compileTemplate, getBooleanField, getImageField, getNumberField, getTextField, renderFieldValue, sanitizeCSS, useCanvas, useCanvasData, useQuickJS };

package/dist/ui/canvas.js

@@ -129,28 +129,28 @@ function toEdgeTypeDef(doc) {
   };
 }
 function useCanvas(options) {
-  const { client, slug, id, enabled = true } = options;
+  const { client, queryClient, slug, id, enabled = true } = options;
   const hasIdentifier = !!(slug || id);
   const canvasQuery = useQuery(
     {
       ...canvasQueryOptions(client, slug, id),
       enabled: enabled && hasIdentifier
     },
-    client.queryClient
+    queryClient
   );
   const nodeTypesQuery = useQuery(
     {
       ...nodeTypesQueryOptions(client),
       enabled
     },
-    client.queryClient
+    queryClient
   );
   const edgeTypesQuery = useQuery(
     {
       ...edgeTypesQueryOptions(client),
       enabled
     },
-    client.queryClient
+    queryClient
   );
   const nodeTypeDefs = useMemo(() => {
     const apiDefs = (nodeTypesQuery.data ?? []).map(toNodeTypeDef);
@@ -178,14 +178,14 @@ function useCanvas(options) {
 
 // src/ui/Canvas/prefetchCanvas.ts
 async function prefetchCanvas(options) {
-  const { client, slug, id } = options;
+  const { client, queryClient, slug, id } = options;
   if (!slug && !id) {
     throw new Error("prefetchCanvas requires either slug or id");
   }
   await Promise.all([
-    client.queryClient.prefetchQuery(canvasQueryOptions(client, slug, id)),
-    client.queryClient.prefetchQuery(nodeTypesQueryOptions(client)),
-    client.queryClient.prefetchQuery(edgeTypesQueryOptions(client))
+    queryClient.prefetchQuery(canvasQueryOptions(client, slug, id)),
+    queryClient.prefetchQuery(nodeTypesQueryOptions(client)),
+    queryClient.prefetchQuery(edgeTypesQueryOptions(client))
   ]);
 }
 
@@ -244,9 +244,10 @@ function useQuickJS() {
 
 // src/ui/Canvas/utils.ts
 function getNodeSize(node) {
+  const style = node.style;
   return {
-    width: node.style?.width ?? node.measured?.width ?? node.width ?? 200,
-    height: node.style?.height ?? node.measured?.height ?? node.height ?? 200
+    width: style?.width ?? node.measured?.width ?? node.width ?? 200,
+    height: style?.height ?? node.measured?.height ?? node.height ?? 200
   };
 }
 function getAbsolutePosition(node, nodeMap) {