@graph-artifact/core 0.1.2 → 0.1.3

package/dist/components/DiagramCanvas.d.ts

@@ -1,8 +1,11 @@
 import type { ParsedDiagram, NodeMetadata } from '../types.js';
+import type { GraphConfig } from '../config.js';
 interface DiagramCanvasProps {
     parsed: ParsedDiagram;
     metadata?: Record<string, NodeMetadata>;
     onNodeClick: (nodeId: string, nodeLabel: string) => void;
+    canvasOverrides?: Partial<GraphConfig['canvas']>;
+    hideAttribution?: boolean;
 }
-export declare function DiagramCanvas({ parsed, metadata, onNodeClick }: DiagramCanvasProps): import("react/jsx-runtime").JSX.Element;
+export declare function DiagramCanvas({ parsed, metadata, onNodeClick, canvasOverrides, hideAttribution }: DiagramCanvasProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/DiagramCanvas.js

@@ -11,9 +11,9 @@ function UnsupportedCustomDiagram({ parsed }) {
             fontSize: 14,
         }, children: `Diagram type '${parsed.diagramType}' is detected but custom rendering is not implemented yet.` }));
 }
-export function DiagramCanvas({ parsed, metadata, onNodeClick }) {
+export function DiagramCanvas({ parsed, metadata, onNodeClick, canvasOverrides, hideAttribution }) {
     if (parsed.kind === 'graph') {
-        return _jsx(GraphCanvas, { parsed: parsed, metadata: metadata, onNodeClick: onNodeClick });
+        return (_jsx(GraphCanvas, { parsed: parsed, metadata: metadata, onNodeClick: onNodeClick, canvasOverrides: canvasOverrides, hideAttribution: hideAttribution }));
     }
     return _jsx(UnsupportedCustomDiagram, { parsed: parsed });
 }

package/dist/components/GraphCanvas.d.ts

@@ -1,9 +1,12 @@
 import '@xyflow/react/dist/style.css';
 import type { ParsedGraph, NodeMetadata } from '../types.js';
+import type { GraphConfig } from '../config.js';
 interface GraphCanvasProps {
     parsed: ParsedGraph;
     metadata?: Record<string, NodeMetadata>;
     onNodeClick: (nodeId: string, nodeLabel: string) => void;
+    canvasOverrides?: Partial<GraphConfig['canvas']>;
+    hideAttribution?: boolean;
 }
 export declare function GraphCanvas(props: GraphCanvasProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/GraphCanvas.js

@@ -8,9 +8,10 @@ import { useTheme } from '../ThemeContext.js';
 import { RoutedEdge } from './edges/RoutedEdge.js';
 // Stable reference — must be outside the component to avoid infinite re-renders
 const edgeTypes = { routed: RoutedEdge };
-function GraphCanvasInner({ parsed, metadata, onNodeClick }) {
+function GraphCanvasInner({ parsed, metadata, onNodeClick, canvasOverrides, hideAttribution }) {
     const theme = useTheme();
-    const { canvas } = getConfig();
+    const { canvas: baseCanvas } = getConfig();
+    const canvas = useMemo(() => ({ ...baseCanvas, ...(canvasOverrides ?? {}) }), [baseCanvas, canvasOverrides]);
     const resolvedNodeTypes = getNodeTypes();
     const storeApi = useStoreApi();
     const nodesInitialized = useNodesInitialized();
@@ -97,7 +98,7 @@ function GraphCanvasInner({ parsed, metadata, onNodeClick }) {
                 textAlign: 'center',
             }, children: `Diagram syntax/layout error: ${layoutState.error ?? 'Unknown layout failure'}` }));
     }
-    return (_jsx("div", { style: { width: '100%', height: '100%' }, children: _jsxs(ReactFlow, { nodes: nodes, edges: edges, nodeTypes: resolvedNodeTypes, edgeTypes: edgeTypes, onNodeClick: handleNodeClick, fitView: canvas.fitView, minZoom: canvas.minZoom, maxZoom: canvas.maxZoom, defaultEdgeOptions: defaultEdgeOptions, children: [canvas.showBackground && (_jsx(Background, { color: theme.color.gray2, gap: canvas.backgroundGap, size: canvas.backgroundSize })), canvas.showControls && _jsx(Controls, {}), canvas.showMiniMap && (_jsx(MiniMap, { nodeColor: miniMapNodeColor, maskColor: miniMapMaskColor }))] }) }));
+    return (_jsx("div", { style: { width: '100%', height: '100%' }, children: _jsxs(ReactFlow, { nodes: nodes, edges: edges, nodeTypes: resolvedNodeTypes, edgeTypes: edgeTypes, onNodeClick: handleNodeClick, fitView: canvas.fitView, minZoom: canvas.minZoom, maxZoom: canvas.maxZoom, defaultEdgeOptions: defaultEdgeOptions, proOptions: hideAttribution ? { hideAttribution: true } : undefined, children: [canvas.showBackground && (_jsx(Background, { color: theme.color.gray2, gap: canvas.backgroundGap, size: canvas.backgroundSize })), canvas.showControls && _jsx(Controls, {}), canvas.showMiniMap && (_jsx(MiniMap, { nodeColor: miniMapNodeColor, maskColor: miniMapMaskColor }))] }) }));
 }
 export function GraphCanvas(props) {
     return (_jsx(ReactFlowProvider, { children: _jsx(GraphCanvasInner, { ...props }) }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graph-artifact/core",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Composable Mermaid-like parser, layout engine, and React renderer for interactive diagram artifacts.",
   "license": "MIT",
   "repository": {