@flowscape-ui/core-sdk 1.0.3 → 1.0.5
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 +25 -32
- package/dist/index.cjs +111 -1
- package/dist/index.d.cts +418 -1
- package/dist/index.d.ts +418 -1
- package/dist/index.js +111 -1
- package/package.json +10 -5
package/README.md
CHANGED
|
@@ -1,46 +1,25 @@
|
|
|
1
|
+
<div align="center">
|
|
2
|
+
|
|
1
3
|
# 🎨 @flowscape-ui/core-sdk
|
|
2
4
|
|
|
3
|
-
**
|
|
5
|
+
**High-performance 2D canvas engine for an interactive infinite canvas with nodes, pan/zoom, selection, history, and a plugin-friendly architecture built on Konva**
|
|
4
6
|
|
|
5
7
|
[](https://www.npmjs.com/package/@flowscape-ui/core-sdk)
|
|
6
8
|
[](https://opensource.org/licenses/MIT)
|
|
7
9
|
[](https://bundlephobia.com/package/@flowscape-ui/core-sdk)
|
|
10
|
+
[](https://x.com/FlowscapeUI)
|
|
8
11
|
|
|
9
12
|
[](https://flowscape-ui.github.io/core-sdk/)
|
|
10
13
|
[](https://flowscape-ui.github.io/core-sdk/?path=/story/interactive-playground--interactive-playground)
|
|
11
14
|
[](./CHANGELOG.md)
|
|
12
15
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
### What's New in 1.0.3
|
|
20
|
-
|
|
21
|
-
- ✨ **History System** — Full undo/redo support (Ctrl+Z / Ctrl+Shift+Z)
|
|
22
|
-
- 📏 **Alignment Guides** — Smart guides appear during movement and resizing
|
|
23
|
-
- ✏️ **Inline Text Editing** — Double-click text nodes to edit directly
|
|
24
|
-
- 🔧 **Addons API** — Attach custom functionality to any component
|
|
25
|
-
- 📐 **Canvas Auto-Resize** — Automatically adjusts to window size changes
|
|
26
|
-
- ⚡ **Performance** — Optimized to handle 1000+ nodes smoothly
|
|
27
|
-
- 🎨 **New Layer Shortcuts** — Ctrl+Shift+[ / ] for send to back/bring to front
|
|
28
|
-
- 📦 **Full TypeScript** — Complete type coverage across all components
|
|
29
|
-
- 🎮 **Storybook Demo** — Interactive playground to test all features
|
|
16
|
+
<img
|
|
17
|
+
src="./assets/readme/preview.gif"
|
|
18
|
+
alt="Flowscape Canvas Demo"
|
|
19
|
+
width="900"
|
|
20
|
+
/>
|
|
30
21
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
- 🎯 **Framework-agnostic** — works with React, Vue, Svelte, Angular or vanilla JS
|
|
34
|
-
- 🧩 **Plugin system** — extensible architecture with ready-to-use plugins
|
|
35
|
-
- 📐 **Complete toolset** — grid, rulers, guides, area selection, alignment guides
|
|
36
|
-
- ⌨️ **Hotkeys** — Ctrl+C/V/X, Delete, Ctrl+G for grouping, Ctrl+Z/Shift+Z for undo/redo
|
|
37
|
-
- 🎨 **Rich shapes** — rectangles, circles, text, images, arrows, stars
|
|
38
|
-
- 🔄 **Transformations** — rotation, scaling, movement with aspect ratio lock
|
|
39
|
-
- ✏️ **Inline editing** — double-click text nodes to edit directly on canvas
|
|
40
|
-
- 🕐 **History system** — full undo/redo support with Ctrl+Z
|
|
41
|
-
- 📦 **TypeScript-first** — full typing out of the box
|
|
42
|
-
- 🚀 **High performance** — handles 1000+ nodes without FPS drops
|
|
43
|
-
- 🎨 **Addons API** — extend any component with custom functionality
|
|
22
|
+
</div>
|
|
44
23
|
|
|
45
24
|
---
|
|
46
25
|
|
|
@@ -49,12 +28,26 @@
|
|
|
49
28
|
```bash
|
|
50
29
|
npm install @flowscape-ui/core-sdk
|
|
51
30
|
# or
|
|
31
|
+
pnpm add @flowscape-ui/core-sdk
|
|
32
|
+
# or
|
|
52
33
|
yarn add @flowscape-ui/core-sdk
|
|
53
34
|
# or
|
|
54
35
|
bun add @flowscape-ui/core-sdk
|
|
55
36
|
```
|
|
56
37
|
|
|
57
|
-
|
|
38
|
+
## ✨ Features
|
|
39
|
+
|
|
40
|
+
- 🎯 **Framework-agnostic** - works with React, Vue, Svelte, Angular or vanilla JS
|
|
41
|
+
- 🧩 **Plugin system** - extensible architecture with ready-to-use plugins
|
|
42
|
+
- 📐 **Complete toolset** - grid, rulers, guides, area selection, alignment guides
|
|
43
|
+
- ⌨️ **Hotkeys** - Ctrl+C/V/X, Delete, Ctrl+G for grouping, Ctrl+Z/Shift+Z for undo/redo
|
|
44
|
+
- 🎨 **Rich shapes** - rectangles, circles, text, images, arrows, stars
|
|
45
|
+
- 🔄 **Transformations** - rotation, scaling, movement with aspect ratio lock
|
|
46
|
+
- ✏️ **Inline editing** - double-click text nodes to edit directly on canvas
|
|
47
|
+
- 🕐 **History system** - full undo/redo support with Ctrl+Z
|
|
48
|
+
- 📦 **TypeScript-first** - full typing out of the box
|
|
49
|
+
- 🚀 **High performance** - handles 1000+ nodes without FPS drops
|
|
50
|
+
- 🎨 **Addons API** - extend any component with custom functionality
|
|
58
51
|
|
|
59
52
|
## 🚀 Quick Start
|
|
60
53
|
|