@arach/arc 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,152 @@
+import { default as ArcDiagram } from './player/ArcDiagram';
+import { configToYaml } from './utils/yamlConfig';
+import { default as DiagramCanvas } from './components/editor/DiagramCanvas';
+import { default as DiagramEditor } from './components/editor/DiagramEditor';
+import { EditorProvider } from './components/editor/EditorProvider';
+import { getColorShading } from './utils/isometric';
+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 { parseYamlConfig } from './utils/yamlConfig';
+import { renderToElement } from './player/vanilla';
+import { renderToString } from './player/vanilla';
+import { screenToIsoFloor } from './utils/isometric';
+import { useDiagram } from './components/editor/EditorProvider';
+import { useEditor } from './components/editor/EditorProvider';
+import { useEditorState } from './components/editor/EditorProvider';
+import { useViewMode } from './components/editor/EditorProvider';
+
+export { ArcDiagram }
+
+export { configToYaml }
+
+export declare interface ConnectorStyle {
+    color: string;
+    strokeWidth: number;
+    label?: string;
+    dashed?: boolean;
+    bidirectional?: boolean;
+    animated?: boolean;
+    showArrow?: boolean;
+    showEndpoints?: boolean;
+}
+
+export { DiagramCanvas }
+
+export declare interface DiagramConfig {
+    id?: string;
+    title: string;
+    description?: string;
+    theme: 'dark' | 'light';
+    canvas: {
+        width: number;
+        height: number;
+    };
+    origin: {
+        x: number;
+        y: number;
+    };
+    cornerRadius?: number;
+    tiers: TierConfig[];
+    floorSize: {
+        width: number;
+        depth: number;
+    };
+    nodes: DiagramNode[];
+    pillars?: {
+        x: number;
+        y: number;
+        fromTier: number;
+        toTier: number;
+    }[];
+}
+
+export { DiagramEditor }
+
+export declare interface DiagramNode {
+    tier: number;
+    x: number;
+    y: number;
+    width: number;
+    depth: number;
+    height: number;
+    color: string;
+    label: string;
+    opacity?: number;
+    blur?: number;
+    translucent?: boolean;
+}
+
+export { EditorProvider }
+
+export declare interface EmbedConfig {
+    defaultViewMode?: ViewMode;
+    enableViewModeToggle?: boolean;
+    enableZoom?: boolean;
+    enablePan?: boolean;
+    enableDrag?: boolean;
+    enableSelection?: boolean;
+    showZoomControls?: boolean;
+    showMiniMap?: boolean;
+    showGrid?: boolean;
+}
+
+export { getColorShading }
+
+export { ISO_COLORS }
+
+export { isoBoundingBox }
+
+export { isoBox }
+
+export { isoShading }
+
+export { isoToScreen }
+
+export declare interface NodePosition {
+    x: number;
+    y: number;
+    size: NodeSize;
+    width?: number;
+    height?: number;
+    z?: number;
+    isoHeight?: number;
+    isoDepth?: number;
+}
+
+declare type NodeSize = 'large' | 'normal' | 'small';
+
+export { parseYamlConfig }
+
+export { renderToElement }
+
+export { renderToString }
+
+export { screenToIsoFloor }
+
+/**
+ * Arc Player Types
+ */
+export declare interface TierConfig {
+    name: string;
+    elevation: number;
+    floorColor?: string;
+    floorOpacity?: number;
+    borderColor?: string;
+    nodeOpacity?: number;
+    blur?: number;
+}
+
+export { useDiagram }
+
+export { useEditor }
+
+export { useEditorState }
+
+export { useViewMode }
+
+export declare type ViewMode = '2d' | 'isometric';
+
+export { }

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@arach/arc",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "Visual diagram editor for creating architecture diagrams",
+  "author": "Arach Tchoupani",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/arach/arc.git"
+  },
+  "keywords": [
+    "diagram",
+    "editor",
+    "architecture",
+    "visualization",
+    "react",
+    "isometric"
+  ],
+  "files": [
+    "dist/arc.es.js",
+    "dist/arc.umd.js",
+    "dist/index.d.ts"
+  ],
+  "main": "./dist/arc.umd.js",
+  "module": "./dist/arc.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/arc.es.js",
+      "require": "./dist/arc.umd.js"
+    }
+  },
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "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"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.0.0",
+    "@types/three": "^0.182.0",
+    "js-yaml": "^4.1.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-router-dom": "^7.12.0",
+    "three": "^0.182.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@tailwindcss/vite": "^4.1.18",
+    "@types/js-yaml": "^4.0.9",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "lucide-react": "^0.562.0",
+    "puppeteer": "^24.34.0",
+    "rollup-plugin-visualizer": "^6.0.5",
+    "satori": "^0.18.3",
+    "sharp": "^0.34.5",
+    "tailwindcss": "^4.1.18",
+    "typescript": "^5.9.3",
+    "vite": "^7.2.4",
+    "vite-plugin-dts": "^4.5.4"
+  }
+}