@arach/arc 0.3.1 → 0.4.0

package/lib/index.d.ts

@@ -2,39 +2,51 @@ import { Connector as ArcConnector } from './components/ArcDiagram';
 import { ConnectorStyle as ArcConnectorStyle } from './components/ArcDiagram';
 import { default as ArcDiagram } from './components/ArcDiagram';
 import { ArcDiagramData } from './components/ArcDiagram';
+import { ArcDiagramData as ArcDiagramData_2 } from '../components/ArcDiagram';
 import { default as ArcDiagramIsometric } from './player/ArcDiagram';
 import { NodeData as ArcNodeData } from './components/ArcDiagram';
 import { NodePosition as ArcNodePosition } from './components/ArcDiagram';
+import { AutoDiagramInput } from './utils/autoLayout';
+import { autoLayout } from './utils/autoLayout';
 import { ColorPalette } from './utils/themes';
 import { configToYaml } from './utils/yamlConfig';
+import { createAutoLayout } from './utils/autoLayout';
+import { deleteDiagramSession } from './utils/sessionStorage';
+import { deriveSessionId } from './utils/sessionStorage';
 import { default as DiagramCanvas } from './components/editor/DiagramCanvas';
 import { DiagramColor } from './components/ArcDiagram';
 import { default as DiagramEditor } from './components/editor/DiagramEditor';
-import { DiagramGroup } from './components/ArcDiagram';
 import { DiagramLayout } from './components/ArcDiagram';
 import { DiagramMode } from './components/ArcDiagram';
+import { DiagramSession } from './utils/sessionStorage';
 import { EditorProvider } from './components/editor/EditorProvider';
+import { generateSessionId } from './utils/sessionStorage';
 import { getColorShading } from './utils/isometric';
 import { getTheme } from './utils/themes';
 import { getThemeList } from './utils/themes';
-import { GroupLabelAnchor } from './components/ArcDiagram';
-import { GroupLabelPlacement } from './components/ArcDiagram';
 import { ISO_COLORS } from './utils/isometric';
 import { isoBoundingBox } from './utils/isometric';
 import { isoBox } from './utils/isometric';
 import { isoShading } from './utils/isometric';
 import { isoToScreen } from './utils/isometric';
+import { listDiagramSessions } from './utils/sessionStorage';
+import { loadDiagramSession } from './utils/sessionStorage';
 import { NodeSize } from './components/ArcDiagram';
 import { parseYamlConfig } from './utils/yamlConfig';
 import { renderToElement } from './player/vanilla';
 import { renderToString } from './player/vanilla';
+import { saveDiagramSession } from './utils/sessionStorage';
 import { screenToIsoFloor } from './utils/isometric';
 import { Theme } from './utils/themes';
 import { ThemeId } from './components/ArcDiagram';
 import { THEMES } from './utils/themes';
+import { useColorMode } from './components/editor/EditorProvider';
 import { useDiagram } from './components/editor/EditorProvider';
+import { useDiagramMeta } from './components/editor/EditorProvider';
 import { useEditor } from './components/editor/EditorProvider';
 import { useEditorState } from './components/editor/EditorProvider';
+import { useResolvedTheme } from './components/editor/EditorProvider';
+import { useThemeId } from './components/editor/EditorProvider';
 import { useViewMode } from './components/editor/EditorProvider';
 
 export { ArcConnector }
@@ -51,6 +63,25 @@ export { ArcNodeData }
 
 export { ArcNodePosition }
 
+export declare interface AsciiOptions {
+    /** Pixels per character horizontally (default: 8) */
+    scaleX?: number;
+    /** Pixels per character vertically (default: 16) */
+    scaleY?: number;
+    /** 'unicode' for box-drawing chars, 'ascii' for +- style (default: 'unicode') */
+    charset?: 'unicode' | 'ascii';
+    /** Character padding around diagram (default: 1) */
+    padding?: number;
+    /** Max output width in chars — auto-adjusts scaleX if exceeded */
+    maxWidth?: number;
+    /** Show connector labels (default: true) */
+    showLabels?: boolean;
+}
+
+export { AutoDiagramInput }
+
+export { autoLayout }
+
 export { ColorPalette }
 
 export { configToYaml }
@@ -66,6 +97,12 @@ export declare interface ConnectorStyle {
     showEndpoints?: boolean;
 }
 
+export { createAutoLayout }
+
+export { deleteDiagramSession }
+
+export { deriveSessionId }
+
 export { DiagramCanvas }
 
 export { DiagramColor }
@@ -100,10 +137,18 @@ export declare interface DiagramConfig {
 
 export { DiagramEditor }
 
-export { DiagramGroup }
-
 export { DiagramLayout }
 
+export declare interface DiagramMeta {
+    themeId?: string | null;
+    colorMode?: 'light' | 'dark';
+    viewport?: {
+        width: number;
+        height: number;
+    };
+    sourceUrl?: string;
+}
+
 export { DiagramMode }
 
 export declare interface DiagramNode {
@@ -120,6 +165,8 @@ export declare interface DiagramNode {
     translucent?: boolean;
 }
 
+export { DiagramSession }
+
 export { EditorProvider }
 
 export declare interface EmbedConfig {
@@ -134,16 +181,14 @@ export declare interface EmbedConfig {
     showGrid?: boolean;
 }
 
+export { generateSessionId }
+
 export { getColorShading }
 
 export { getTheme }
 
 export { getThemeList }
 
-export { GroupLabelAnchor }
-
-export { GroupLabelPlacement }
-
 export { ISO_COLORS }
 
 export { isoBoundingBox }
@@ -154,6 +199,10 @@ export { isoShading }
 
 export { isoToScreen }
 
+export { listDiagramSessions }
+
+export { loadDiagramSession }
+
 export declare interface NodePosition {
     x: number;
     y: number;
@@ -171,10 +220,14 @@ declare type NodeSize_2 = 'large' | 'normal' | 'small';
 
 export { parseYamlConfig }
 
+export declare function renderAscii(data: ArcDiagramData_2, options?: AsciiOptions): string;
+
 export { renderToElement }
 
 export { renderToString }
 
+export { saveDiagramSession }
+
 export { screenToIsoFloor }
 
 export { Theme }
@@ -196,12 +249,20 @@ export declare interface TierConfig {
     blur?: number;
 }
 
+export { useColorMode }
+
 export { useDiagram }
 
+export { useDiagramMeta }
+
 export { useEditor }
 
 export { useEditorState }
 
+export { useResolvedTheme }
+
+export { useThemeId }
+
 export { useViewMode }
 
 export declare type ViewMode = '2d' | 'isometric';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arach/arc",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "type": "module",
   "description": "Visual diagram editor for creating architecture diagrams",
   "author": "Arach Tchoupani",
@@ -33,17 +33,6 @@
     }
   },
   "sideEffects": false,
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build && node scripts/generate-docs-html.js",
-    "build:lib": "vite build --config vite.config.lib.js",
-    "build:player": "vite build --config vite.config.player.js && vite build --config vite.config.player-slim.js",
-    "lint": "eslint .",
-    "typecheck": "tsc --noEmit",
-    "preview": "vite preview",
-    "generate-og": "node scripts/generate-og.js",
-    "prepublishOnly": "pnpm build:lib"
-  },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
@@ -79,5 +68,15 @@
     "typescript": "^5.9.3",
     "vite": "^7.2.4",
     "vite-plugin-dts": "^4.5.4"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build && node scripts/generate-docs-html.js",
+    "build:lib": "vite build --config vite.config.lib.js",
+    "build:player": "vite build --config vite.config.player.js && vite build --config vite.config.player-slim.js",
+    "lint": "eslint .",
+    "typecheck": "tsc --noEmit",
+    "preview": "vite preview",
+    "generate-og": "node scripts/generate-og.js"
   }
-}
+}