@ghchinoy/litflow 0.2.6 → 0.2.8
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/CHANGELOG.md +54 -0
- package/README.md +3 -0
- package/package.json +5 -2
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
All notable changes to this project will be documented in this file.
|
|
4
|
+
|
|
5
|
+
## 2025-12-26
|
|
6
|
+
- Implement M3-styled Controls component (litflow-qwm)
|
|
7
|
+
- Style lit-handle with Material 3 (litflow-rip)
|
|
8
|
+
- Style lit-node with Material 3 (litflow-clx)
|
|
9
|
+
- Example: Static Documentation Display (litflow-l52)
|
|
10
|
+
- Packaging and Distribution (litflow-b9b)
|
|
11
|
+
- Example: Subflows (Parent/Child) (litflow-2lt)
|
|
12
|
+
- Example: Custom Edges (Step/SmoothStep) (litflow-8zz)
|
|
13
|
+
- Implement manual edge connections (litflow-ycn)
|
|
14
|
+
- Establish Material 3 Design System (litflow-m7y)
|
|
15
|
+
- Investigate and fix node jumping on subsequent drags (litflow-v7y)
|
|
16
|
+
- Example: Custom Nodes with Lit templates (litflow-aop)
|
|
17
|
+
- Implement Controls and MiniMap components (litflow-04c)
|
|
18
|
+
- Example: Dynamic Interactivity (Add/Remove) (litflow-4bd)
|
|
19
|
+
- Implement SignalWatcher in lit-node and lit-edge (litflow-lu1)
|
|
20
|
+
- Integrate Lit Signals for state management (litflow-txd)
|
|
21
|
+
- Refactor store.ts to use @lit-labs/signals (litflow-jdv)
|
|
22
|
+
- Migrate from npm to pnpm (litflow-ytd)
|
|
23
|
+
- Example: Multiple Handles/Ports (litflow-e6c)
|
|
24
|
+
- Example: Basic Flow (litflow-xzk)
|
|
25
|
+
- Setup examples/ directory and base runner (litflow-8oj)
|
|
26
|
+
|
|
27
|
+
## 2025-12-27
|
|
28
|
+
- Implement Advanced FitView (litflow-w6a)
|
|
29
|
+
- Example: Gemini AI Nodes (Prompt & Image) (litflow-ln0)
|
|
30
|
+
- Implement Keyboard Interactivity (litflow-d81)
|
|
31
|
+
- Validate and Debug Marquee Selection reliability (litflow-cc1)
|
|
32
|
+
- Example: Overview (litflow-59h)
|
|
33
|
+
- Implement Marquee Selection (litflow-ucl)
|
|
34
|
+
- Investigate and implement Edge Labels (litflow-3z2)
|
|
35
|
+
- Implement Edge Markers (Arrowheads) (litflow-c56)
|
|
36
|
+
- Configurable Node Naming on Drop (litflow-8ku)
|
|
37
|
+
- Create Drag & Drop Guide (litflow-w6v)
|
|
38
|
+
- Example: Drag & Drop (litflow-lyd)
|
|
39
|
+
- Implement M3-styled Sidebar for Drag & Drop (litflow-kyi)
|
|
40
|
+
- Implement project method in LitFlow (litflow-ypx)
|
|
41
|
+
- Investigate and implement Edge Labels (litflow-1ed)
|
|
42
|
+
- Tutorial: Building Static Documentation with LitFlow (litflow-vgd)
|
|
43
|
+
- Project Documentation System (Eleventy + Diataxis + gh-pages) (litflow-46j)
|
|
44
|
+
- Draft Welcome Landing Page (litflow-46j.5)
|
|
45
|
+
- Configure GitHub Actions Deployment (litflow-46j.4)
|
|
46
|
+
- Implement Live Example integration (litflow-46j.3)
|
|
47
|
+
- Migrate and structure docs using Diataxis (litflow-46j.2)
|
|
48
|
+
- Initialize Eleventy project in docs/ (litflow-46j.1)
|
|
49
|
+
- Example: Graphviz to LitFlow (litflow-48p)
|
|
50
|
+
|
|
51
|
+
## 2025-12-29
|
|
52
|
+
- Designer: Integrate Drag & Drop Palette (litflow-aa8)
|
|
53
|
+
- Example: Inspector Designer with live JSON sync (litflow-0i5)
|
|
54
|
+
|
package/README.md
CHANGED
|
@@ -116,6 +116,7 @@ LitFlow leverages `@xyflow/system`, the same headless core that powers React Flo
|
|
|
116
116
|
- `examples/multiple-handles/`: Nodes with multiple input/output ports.
|
|
117
117
|
- `examples/dynamic-interactivity/`: Adding/removing nodes and edges at runtime.
|
|
118
118
|
- `examples/subflows/`: Nested nodes and parent-child relationships.
|
|
119
|
+
- `examples/designer/`: A dual-pane authoring tool with live JSON sync.
|
|
119
120
|
- **`<lit-flow>`**: The root component. It initializes the `XYPanZoom` instance for the viewport and manages the collection of nodes and edges.
|
|
120
121
|
- **`<lit-node>`**: A reactive Lit component for individual nodes. Uses **Light DOM** to ensure compatibility with xyflow's system utilities (like hit-testing).
|
|
121
122
|
- **`<lit-handle>`**: A connection port component. Also uses **Light DOM** to ensure discoverability during connection dragging.
|
|
@@ -126,6 +127,8 @@ LitFlow leverages `@xyflow/system`, the same headless core that powers React Flo
|
|
|
126
127
|
## 🛠️ Key Features
|
|
127
128
|
- **Panning & Zooming**: Full support for viewport manipulation via d3-zoom (via xyflow).
|
|
128
129
|
- **Node Dragging**: Individual nodes can be dragged, with positions synced back to the state.
|
|
130
|
+
- **Live Inspector Designer**: A comprehensive authoring example featuring a drag-and-drop palette and live JSON synchronization.
|
|
131
|
+
- **Global Change Observability**: A robust `change` event that fires on any graph mutation (drag, connect, delete) for external state syncing.
|
|
129
132
|
- **Marquee Selection**: Bulk select nodes and edges by dragging a selection box (Shift + Drag).
|
|
130
133
|
- **Edge Markers**: Support for arrowheads and other markers on edges.
|
|
131
134
|
- **Manual Connections**: Drag-to-connect functionality between handles with a live connection line.
|
package/package.json
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ghchinoy/litflow",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.8",
|
|
4
4
|
"description": "xyflow core integrated with Lit WebComponents",
|
|
5
|
+
"homepage": "https://litflow.dev",
|
|
5
6
|
"license": "MIT",
|
|
6
7
|
"author": "G. Hussain Chinoy",
|
|
7
8
|
"repository": {
|
|
@@ -14,7 +15,9 @@
|
|
|
14
15
|
"type": "module",
|
|
15
16
|
"files": [
|
|
16
17
|
"dist",
|
|
17
|
-
"src"
|
|
18
|
+
"src",
|
|
19
|
+
"README.md",
|
|
20
|
+
"CHANGELOG.md"
|
|
18
21
|
],
|
|
19
22
|
"exports": {
|
|
20
23
|
".": {
|