@dpuse/dpuse-tool-d3 0.0.2 → 0.0.4

package/dist/types/src/erdDiagram.d.ts

@@ -0,0 +1,29 @@
+export type ErdDiagramNodeTypeId = 'child' | 'primary';
+export interface ErdDiagramNode {
+    id: string;
+    label: string;
+    typeId: ErdDiagramNodeTypeId;
+}
+export interface ErdDiagramEdge {
+    source: string;
+    target: string;
+}
+export interface ErdDiagramData {
+    edges: ErdDiagramEdge[];
+    nodes: ErdDiagramNode[];
+}
+export interface ErdDiagramOptions {
+    nodeColors?: Record<ErdDiagramNodeTypeId, {
+        fill: string;
+        stroke: string;
+    }>;
+    nodeHeight?: number;
+    nodeWidth?: number;
+    padding?: number;
+    selfEdgeSize?: number;
+}
+export interface ErdDiagramHandle {
+    resize: () => void;
+    svg: SVGSVGElement;
+}
+export declare function renderErdDiagram(data: ErdDiagramData, renderTo: HTMLElement, options?: ErdDiagramOptions): ErdDiagramHandle;

package/dist/types/src/index.d.ts

@@ -1,9 +1,22 @@
 import { PresentationView } from '@dpuse/dpuse-shared/component/presentation';
+import { ErdDiagramData, ErdDiagramOptions } from './erdDiagram';
+import { NetworkDiagramData, NetworkDiagramOptions } from './networkDiagram';
 import { SankeyDiagramData, SankeyDiagramOptions } from './sankeyDiagram';
+import { TreeDiagramNode, TreeDiagramOptions } from './treeDiagram';
+export type { ErdDiagramData, ErdDiagramEdge, ErdDiagramNode, ErdDiagramNodeTypeId, ErdDiagramOptions } from './erdDiagram';
+export type { NetworkDiagramData, NetworkDiagramLink, NetworkDiagramNode, NetworkDiagramOptions } from './networkDiagram';
 export type { SankeyDiagramData, SankeyDiagramLink, SankeyDiagramNode, SankeyDiagramOptions } from './sankeyDiagram';
+export type { TreeDiagramNode, TreeDiagramNodeRoleId, TreeDiagramOptions } from './treeDiagram';
 export interface D3View extends PresentationView {
     svg: SVGSVGElement;
 }
+export interface D3NetworkView extends D3View {
+    destroy: () => void;
+    triggerAutoLayout: () => void;
+}
 export declare class D3Tool {
+    renderErdDiagram(data: ErdDiagramData, renderTo: HTMLElement, options?: ErdDiagramOptions, callback?: () => void): D3View;
+    renderNetworkDiagram(data: NetworkDiagramData, renderTo: HTMLElement, options?: NetworkDiagramOptions, callback?: () => void): D3NetworkView;
     renderSankeyDiagram(data: SankeyDiagramData, renderTo: HTMLElement, options?: SankeyDiagramOptions, callback?: () => void): D3View;
+    renderTreeDiagram(data: TreeDiagramNode, renderTo: HTMLElement, options?: TreeDiagramOptions, callback?: () => void): D3View;
 }

package/dist/types/src/networkDiagram.d.ts

@@ -0,0 +1,22 @@
+export interface NetworkDiagramNode {
+    id: string;
+}
+export interface NetworkDiagramLink {
+    source: string;
+    target: string;
+}
+export interface NetworkDiagramData {
+    links: NetworkDiagramLink[];
+    nodes: NetworkDiagramNode[];
+}
+export interface NetworkDiagramOptions {
+    chargeStrength?: number;
+    linkDistance?: number;
+}
+export interface NetworkDiagramHandle {
+    destroy: () => void;
+    resize: () => void;
+    svg: SVGSVGElement;
+    triggerAutoLayout: () => void;
+}
+export declare function renderNetworkDiagram(data: NetworkDiagramData, renderTo: HTMLElement, options?: NetworkDiagramOptions): NetworkDiagramHandle;

package/dist/types/src/treeDiagram.d.ts

@@ -0,0 +1,22 @@
+export type TreeDiagramNodeRoleId = 'branch' | 'leaf' | 'root';
+export interface TreeDiagramNode {
+    children?: TreeDiagramNode[];
+    id: string;
+    label: string;
+}
+export interface TreeDiagramOptions {
+    levelGap?: number;
+    nodeColors?: Record<TreeDiagramNodeRoleId, {
+        fill: string;
+        stroke: string;
+    }>;
+    nodeHeight?: number;
+    nodeWidth?: number;
+    padding?: number;
+    siblingGap?: number;
+}
+export interface TreeDiagramHandle {
+    resize: () => void;
+    svg: SVGSVGElement;
+}
+export declare function renderTreeDiagram(data: TreeDiagramNode, renderTo: HTMLElement, options?: TreeDiagramOptions): TreeDiagramHandle;

package/dist/types/tests/erdDiagram.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/networkDiagram.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/treeDiagram.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,8 +1,8 @@
 {
     "name": "@dpuse/dpuse-tool-d3",
-    "version": "0.0.2",
+    "version": "0.0.4",
     "private": false,
-    "description": "A TypeScript wrapper for D3 that implements the Data Positioning chart-rendering interface, starting with a Sankey diagram renderer built on d3-sankey.",
+    "description": "A TypeScript wrapper for D3 that implements the Data Positioning chart-rendering interface, providing ERD (dagre), Sankey (d3-sankey), network (d3-force), and tree (d3-hierarchy) diagram renderers.",
     "license": "MIT",
     "author": "Jonathan Terrell <terrell.jm@gmail.com>",
     "type": "module",
@@ -55,15 +55,26 @@
         "test": "node -e \"import('@dpuse/dpuse-development').then(m => m.testProject())\""
     },
     "dependencies": {
+        "@dagrejs/dagre": "^3.0.0",
         "@dpuse/dpuse-shared": "^0.3.758",
+        "d3-drag": "^3.0.0",
+        "d3-force": "^3.0.0",
+        "d3-hierarchy": "^3.1.2",
         "d3-sankey": "^0.12.3",
-        "d3-selection": "^3.0.0"
+        "d3-selection": "^3.0.0",
+        "d3-shape": "^3.2.0",
+        "d3-zoom": "^3.0.0"
     },
     "devDependencies": {
         "@dpuse/dpuse-development": "^0.3.699",
         "@dpuse/eslint-config-dpuse": "^1.0.113",
+        "@types/d3-drag": "^3.0.7",
+        "@types/d3-force": "^3.0.10",
+        "@types/d3-hierarchy": "^3.1.7",
         "@types/d3-sankey": "^0.12.5",
         "@types/d3-selection": "^3.0.11",
+        "@types/d3-shape": "^3.1.8",
+        "@types/d3-zoom": "^3.0.8",
         "@types/node": "^26.1.2",
         "eslint": "^10.8.0",
         "happy-dom": "^20.11.1",
@@ -73,6 +84,6 @@
         "vite": "^8.2.0",
         "vite-plugin-dts": "^5.0.3",
         "vitest": "^4.1.10",
-        "wrangler": "^4.116.0"
+        "wrangler": "^4.117.0"
     }
 }