@arach/arc 0.6.0 → 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -6
- package/lib/{MarkupPanel-CroO7O49.js → MarkupPanel--EYuvzz7.js} +1 -1
- package/lib/arc.css +1 -1
- package/lib/arc.es.js +1 -1
- package/lib/arc.umd.js +119 -126
- package/lib/{index-CbEv7M-m.js → index-Cv2FalAd.js} +27011 -25786
- package/lib/{index-gm9Hs3ZB.js → index-jV-38nBI.js} +1 -1
- package/lib/index.d.ts +18 -1
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<div align="center">
|
|
2
2
|
|
|
3
|
-
<img src="https://raw.githubusercontent.com/arach/arc/
|
|
3
|
+
<img src="https://raw.githubusercontent.com/arach/arc/main/public/arc-mark.svg" alt="Arc" width="52" height="52" />
|
|
4
4
|
|
|
5
5
|
# Arc
|
|
6
6
|
|
|
@@ -14,7 +14,7 @@ SVG, PNG, or crisp ASCII**. The diagram lives with the system it describes.
|
|
|
14
14
|
[](./LICENSE)
|
|
15
15
|
[](./lib/index.d.ts)
|
|
16
16
|
|
|
17
|
-
|
|
18
18
|
|
|
19
19
|
<sub>Not a screenshot of a drawing tool — that's the config in <a href="#example-output">Example Output</a>, rendered by <code><ArcDiagram /></code> in the Engineering theme.</sub>
|
|
20
20
|
|
|
@@ -80,7 +80,7 @@ git clone https://github.com/arach/arc && cd arc
|
|
|
80
80
|
bun install && bun dev # → http://localhost:5188/editor
|
|
81
81
|
```
|
|
82
82
|
|
|
83
|
-
|
|
84
84
|
|
|
85
85
|
Design on the canvas, then **Export** to TypeScript, JSON, SVG, PNG, or a
|
|
86
86
|
shareable link — and drop the result straight into `<ArcDiagram />`.
|
|
@@ -141,15 +141,15 @@ what changes is the grid system, edge treatment, type, and geometry. Here's
|
|
|
141
141
|
Arc's own architecture rendered three ways:
|
|
142
142
|
|
|
143
143
|
<div align="center">
|
|
144
|
-
<img src="https://raw.githubusercontent.com/arach/arc/
|
|
144
|
+
<img src="https://raw.githubusercontent.com/arach/arc/main/public/theme-engineering.png" alt="Arc's architecture in the Engineering theme" width="840" />
|
|
145
145
|
<br/>
|
|
146
146
|
<sub><strong>Engineering</strong> — graph grid, drawing-sheet border, title block, uppercase mono</sub>
|
|
147
147
|
<br/><br/>
|
|
148
|
-
<img src="https://raw.githubusercontent.com/arach/arc/
|
|
148
|
+
<img src="https://raw.githubusercontent.com/arach/arc/main/public/theme-workbench.png" alt="Arc's architecture in the Workbench theme" width="840" />
|
|
149
149
|
<br/>
|
|
150
150
|
<sub><strong>Workbench</strong> — dot grid, hairline frame, soft corners</sub>
|
|
151
151
|
<br/><br/>
|
|
152
|
-
<img src="https://raw.githubusercontent.com/arach/arc/
|
|
152
|
+
<img src="https://raw.githubusercontent.com/arach/arc/main/public/theme-tactical.png" alt="Arc's architecture in the Tactical theme" width="840" />
|
|
153
153
|
<br/>
|
|
154
154
|
<sub><strong>Tactical</strong> — crosshair grid, corner brackets, hard edges</sub>
|
|
155
155
|
</div>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as j, jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { useState as f, useRef as N, useMemo as Z, useEffect as C, useCallback as h } from "react";
|
|
3
|
-
import { C as q, a as B, X as G, b as Q, v as V } from "./index-
|
|
3
|
+
import { C as q, a as B, X as G, b as Q, v as V } from "./index-Cv2FalAd.js";
|
|
4
4
|
const L = "arc-markup-width", u = 460, D = 280, ee = 0.68, P = 24;
|
|
5
5
|
function T() {
|
|
6
6
|
return typeof window > "u" ? u : Math.max(D, Math.round(window.innerWidth * ee));
|