@restormel/ui-graph-svelte 0.1.0 → 0.1.1

package/README.md

@@ -11,6 +11,15 @@ Svelte 5 implementation of the Restormel Graph canvas (`GraphCanvas`, optional `
 
 There is **no** `@restormel/contracts` dependency.
 
+## TypeScript
+
+- **`dist` component typings** use `Component<GraphRendererProps>` for **`GraphCanvas`** and **`Component<NodeDetailProps>`** for **`NodeDetail`**, so callbacks such as **`onJumpToReferences?: (nodeId: string) => void`** are explicit under strict **`svelte-check`**.
+- Re-exported aliases: **`GraphCanvasProps`** (same as **`GraphRendererProps`** from **`@restormel/graph-core/viewModel`**), **`NodeDetailProps`**.
+
+```ts
+import type { GraphCanvasProps } from "@restormel/ui-graph-svelte";
+```
+
 ## Install (workspace / monorepo)
 
 ```bash
@@ -23,6 +32,8 @@ Build `@restormel/graph-core` before consuming subpath imports in dev toolchains
 
 The canvas uses SOPHIA design tokens as CSS variables (for example `--color-bg`, `--color-sage`, `--color-text`, `--radius-md`, `--font-ui`, `--text-meta`). Host apps should load a compatible token sheet. The demo app mirrors SOPHIA’s `design-tokens.css` under `apps/restormel-graph-demo/src/lib/graph-demo-tokens.css`.
 
+**`@restormel/ui-graph-svelte/styles.css`:** optional; ships **component-scoped** rules from the library build. It does **not** define `:root` palette variables. If the host already loads the same token names as SOPHIA’s `design-tokens.css`, importing `styles.css` is **not** required for colours (see **[docs/restormel-graph-sophia-consumer.md](../../docs/restormel-graph-sophia-consumer.md)** §3).
+
 ## Usage
 
 Pass **nodes**, **edges**, and optional **ghost** layers and semantic style maps. Shape matches `GraphRendererProps` in `@restormel/graph-core/viewModel`.

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export { default as GraphCanvas } from './lib/GraphCanvas.svelte';
 export { default as NodeDetail } from './lib/NodeDetail.svelte';
 export { graphCanvasEdgeKey, type GraphCanvasEdgeSemanticStyle, type GraphCanvasNodeSemanticStyle, type GraphCanvasNodeShape, } from './lib/semanticStyles';
+export type { GraphCanvasProps, NodeDetailProps } from './types';

package/dist/lib/GraphCanvas.svelte.d.ts

@@ -1 +1,5 @@
-export { SvelteComponent as default } from 'svelte';
+import type { Component } from "svelte";
+import type { GraphRendererProps } from "@restormel/graph-core/viewModel";
+
+declare const GraphCanvas: Component<GraphRendererProps>;
+export default GraphCanvas;

package/dist/lib/NodeDetail.svelte.d.ts

@@ -1 +1,14 @@
-export { SvelteComponent as default } from 'svelte';
+import type { Component } from "svelte";
+import type { GraphEdge, GraphNode } from "@restormel/graph-core/viewModel";
+
+export interface NodeDetailProps {
+  node: GraphNode;
+  edges: GraphEdge[];
+  nodes: GraphNode[];
+  position: { x: number; y: number };
+  onClose: () => void;
+  onJumpToReferences?: () => void;
+}
+
+declare const NodeDetail: Component<NodeDetailProps>;
+export default NodeDetail;

package/dist/types.d.ts

@@ -0,0 +1,18 @@
+import { GraphEdge, GraphNode } from '@restormel/graph-core/viewModel';
+/**
+ * GraphCanvas props — identical to Contract v0 {@link GraphRendererProps} in `@restormel/graph-core/viewModel`.
+ * Re-exported for ergonomic imports from this package.
+ */
+export type { GraphRendererProps as GraphCanvasProps } from '@restormel/graph-core/viewModel';
+/** Props for the inline NodeDetail panel. */
+export interface NodeDetailProps {
+    node: GraphNode;
+    edges: GraphEdge[];
+    nodes: GraphNode[];
+    position: {
+        x: number;
+        y: number;
+    };
+    onClose: () => void;
+    onJumpToReferences?: () => void;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@restormel/ui-graph-svelte",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Svelte 5 graph canvas for Restormel Graph Contract v0 (ported from SOPHIA).",
   "license": "MIT",
   "repository": {
@@ -28,7 +28,7 @@
     "svelte": "^5.0.0"
   },
   "dependencies": {
-    "@restormel/graph-core": "0.1.0"
+    "@restormel/graph-core": "0.1.1"
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^5.0.0",