@ghchinoy/litflow 0.4.0 → 0.5.0

package/CHANGELOG.md

@@ -3,18 +3,12 @@
 All notable changes to this project will be documented in this file.
 
 ## 2025-12-26
-- Implement M3-styled Controls component (litflow-qwm)
-- Style lit-handle with Material 3 (litflow-rip)
-- Style lit-node with Material 3 (litflow-clx)
-- Example: Static Documentation Display (litflow-l52)
 - Packaging and Distribution (litflow-b9b)
 - Implement manual edge connections (litflow-ycn)
-- Establish Material 3 Design System (litflow-m7y)
 - Investigate and fix node jumping on subsequent drags (litflow-v7y)
 - Example: Custom Nodes with Lit templates (litflow-aop)
 - Implement Controls and MiniMap components (litflow-04c)
 - Example: Dynamic Interactivity (Add/Remove) (litflow-4bd)
-- Implement SignalWatcher in lit-node and lit-edge (litflow-lu1)
 - Integrate Lit Signals for state management (litflow-txd)
 - Refactor store.ts to use @lit-labs/signals (litflow-jdv)
 - Migrate from npm to pnpm (litflow-ytd)
@@ -23,19 +17,8 @@ All notable changes to this project will be documented in this file.
 - Setup examples/ directory and base runner (litflow-8oj)
 
 ## 2025-12-27
-- Implement Advanced FitView (litflow-w6a)
-- Example: Gemini AI Nodes (Prompt & Image) (litflow-ln0)
-- Implement Keyboard Interactivity (litflow-d81)
-- Validate and Debug Marquee Selection reliability (litflow-cc1)
 - Example: Overview (litflow-59h)
-- Implement Marquee Selection (litflow-ucl)
-- Investigate and implement Edge Labels (litflow-3z2)
-- Implement Edge Markers (Arrowheads) (litflow-c56)
-- Configurable Node Naming on Drop (litflow-8ku)
-- Create Drag & Drop Guide (litflow-w6v)
-- Implement M3-styled Sidebar for Drag & Drop (litflow-kyi)
 - Implement project method in LitFlow (litflow-ypx)
-- Investigate and implement Edge Labels (litflow-1ed)
 - Tutorial: Building Static Documentation with LitFlow (litflow-vgd)
 - Project Documentation System (Eleventy + Diataxis + gh-pages) (litflow-46j)
 - Draft Welcome Landing Page (litflow-46j.5)
@@ -48,15 +31,32 @@ All notable changes to this project will be documented in this file.
 - Implement Real LitFlowRunner (litflow-wmj)
 - Implement Mock Runner (litflow-wjn)
 - Implement LitSchemaNode (litflow-ztw)
-- Analysis: Phase 3 - GenAI & Gemini Integration (litflow-9ms)
 - Analysis: Phase 2 - Graph Execution (The Core) (litflow-i81)
 - Designer: Integrate Drag & Drop Palette (litflow-aa8)
 - Example: Inspector Designer with live JSON sync (litflow-0i5)
 
 ## 2026-01-03
-- Feature: M3 Standardized Node Slots (litflow-hf4.5)
+- Feature: Dynamic Handle Orientation (litflow-766)
+- Bug: Node movement lag vs Edges (litflow-a3q)
+- Bug: Designer/Resizer UI visibility issues (litflow-e5o)
+- Bug: Auto-Layout Dagre Stacking (litflow-87j)
+- Example: Node Resizer & Toolbar (litflow-p3c)
+- Specialized Layout Engines (litflow-f3m)
+- Example: Organizational Chart (litflow-h83)
+- The Tree Lens (D3-Hierarchy) (litflow-vd7)
+- Advanced Layout & Topology Lenses (litflow-oog)
+- Declarative Focus & Reactive Isolation (litflow-8vm)
+- Smart Auto-Fit & Viewport Stability (litflow-bmb)
+- The Organic Lens (D3-Force) (litflow-njk)
+- Agentic Visual Reveal & Transitions (litflow-4hg)
+- Implement Render-Measure-Reflow Cycle (litflow-t55)
+- Docs: Pragmatic Use Findings (litflow-hf4.6)
+- Epic: Tasker Integration Enhancements (litflow-hf4)
+- Improvement: Define static styles on LitNode (litflow-hf4.7)
+- Docs: "Getting Started" Tutorial (litflow-kev)
+- Example: Subgraph Isolation API (litflow-c5l)
+- Example: Zero-Config Automatic Layout (litflow-8np)
 - Feature: Sub-Graph Focus/Isolate API (litflow-hf4.2)
 - Feature: Built-in Layout Orchestration (litflow-hf4.1)
 - Fix: TypeScript Type Fidelity (litflow-hf4.3)
-- Docs: Pragmatic Use Findings (litflow-hf4.6)
 

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export * from './lit-flow';
 export * from './lit-node';
+export * from './lit-node-toolbar';
 export * from './lit-edge';
 export * from './lit-handle';
 export * from './lit-controls';

package/dist/lit-flow.d.ts

@@ -25,6 +25,12 @@ export declare class LitFlow extends LitFlow_base {
     selectionMode: 'pan' | 'select';
     layoutEnabled: boolean;
     layoutPadding: number;
+    layoutStrategy: 'hierarchical' | 'organic' | 'tree';
+    layoutDirection: 'LR' | 'TB';
+    autoFit: boolean;
+    focusNode: string | null;
+    focusDirection: 'downstream' | 'upstream' | 'both';
+    private _isMeasuring;
     private _selectionRect;
     private _selectionStart;
     private _width;
@@ -55,8 +61,9 @@ export declare class LitFlow extends LitFlow_base {
     /**
      * Fits the view to the current nodes.
      * @param padding Optional padding in pixels (default: 50)
+     * @param duration Optional animation duration in ms (default: 400)
      */
-    fitView(padding?: number): Promise<void>;
+    fitView(padding?: number, duration?: number): Promise<void>;
     /**
      * Isolates a subgraph by hiding all nodes and edges not connected to the specified node.
      * @param nodeId The ID of the node to focus on.
@@ -78,6 +85,7 @@ export declare class LitFlow extends LitFlow_base {
     private _onPointerUp;
     private _performSelection;
     private _onHandlePointerDown;
+    private _onNodeResizeStart;
     private _onDragOver;
     private _onDrop;
     private _renderConnectionLine;

package/dist/lit-node-toolbar.d.ts

@@ -0,0 +1,5 @@
+import { LitElement } from 'lit';
+export declare class LitNodeToolbar extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/lit-node.d.ts

@@ -6,9 +6,13 @@ export declare class LitNode extends LitNode_base {
     type: string;
     data: any;
     selected: boolean;
+    resizable: boolean;
+    orientation: 'vertical' | 'horizontal';
     nodeId: string;
     positionX: number;
     positionY: number;
+    willUpdate(changedProperties: Map<string, any>): void;
     render(): import("lit").TemplateResult<1>;
+    private _onResizeStart;
 }
 export {};