@flowscape-ui/core-sdk 1.0.3 → 1.0.4
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 +30 -32
- package/dist/index.cjs +57 -1
- package/dist/index.d.cts +414 -1
- package/dist/index.d.ts +414 -1
- package/dist/index.js +57 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,46 +1,30 @@
|
|
|
1
|
+
<div align="center">
|
|
2
|
+
|
|
1
3
|
# 🎨 @flowscape-ui/core-sdk
|
|
2
4
|
|
|
3
|
-
**Powerful 2D canvas engine built on Konva
|
|
5
|
+
**Powerful 2D canvas engine 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
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
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/cover-image.png"
|
|
18
|
+
alt="Flowscape Canvas Demo"
|
|
19
|
+
width="900"
|
|
20
|
+
/>
|
|
21
|
+
<img
|
|
22
|
+
src="./assets/readme/preview.gif"
|
|
23
|
+
alt="Flowscape Canvas Demo"
|
|
24
|
+
width="900"
|
|
25
|
+
/>
|
|
30
26
|
|
|
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
|
|
27
|
+
</div>
|
|
44
28
|
|
|
45
29
|
---
|
|
46
30
|
|
|
@@ -49,12 +33,26 @@
|
|
|
49
33
|
```bash
|
|
50
34
|
npm install @flowscape-ui/core-sdk
|
|
51
35
|
# or
|
|
36
|
+
pnpm add @flowscape-ui/core-sdk
|
|
37
|
+
# or
|
|
52
38
|
yarn add @flowscape-ui/core-sdk
|
|
53
39
|
# or
|
|
54
40
|
bun add @flowscape-ui/core-sdk
|
|
55
41
|
```
|
|
56
42
|
|
|
57
|
-
|
|
43
|
+
## ✨ Features
|
|
44
|
+
|
|
45
|
+
- 🎯 **Framework-agnostic** - works with React, Vue, Svelte, Angular or vanilla JS
|
|
46
|
+
- 🧩 **Plugin system** - extensible architecture with ready-to-use plugins
|
|
47
|
+
- 📐 **Complete toolset** - grid, rulers, guides, area selection, alignment guides
|
|
48
|
+
- ⌨️ **Hotkeys** - Ctrl+C/V/X, Delete, Ctrl+G for grouping, Ctrl+Z/Shift+Z for undo/redo
|
|
49
|
+
- 🎨 **Rich shapes** - rectangles, circles, text, images, arrows, stars
|
|
50
|
+
- 🔄 **Transformations** - rotation, scaling, movement with aspect ratio lock
|
|
51
|
+
- ✏️ **Inline editing** - double-click text nodes to edit directly on canvas
|
|
52
|
+
- 🕐 **History system** - full undo/redo support with Ctrl+Z
|
|
53
|
+
- 📦 **TypeScript-first** - full typing out of the box
|
|
54
|
+
- 🚀 **High performance** - handles 1000+ nodes without FPS drops
|
|
55
|
+
- 🎨 **Addons API** - extend any component with custom functionality
|
|
58
56
|
|
|
59
57
|
## 🚀 Quick Start
|
|
60
58
|
|