f1ow 0.1.1 → 0.1.3

package/dist/lib/FlowCanvasProps.d.ts

@@ -45,6 +45,15 @@ export interface FlowCanvasProps {
     defaultStyle?: Partial<ElementStyle>;
     /** Show/hide the toolbar */
     showToolbar?: boolean;
+    /**
+     * Position of the toolbar:
+     * - `'bottom'` — floating at the bottom center, like tldraw (default)
+     * - `'top'`    — floating at the top center, like Excalidraw
+     * - `'hidden'` — toolbar is not rendered (same as `showToolbar={false}`)
+     */
+    toolbarPosition?: 'top' | 'bottom' | 'hidden';
+    /** Default active tool when the canvas mounts (default: 'select') */
+    defaultTool?: ToolType;
     /** Show/hide the style panel */
     showStylePanel?: boolean;
     /** Show/hide the status bar */

package/dist/types/index.d.ts

@@ -2,6 +2,7 @@ export type ToolType = 'select' | 'hand' | 'rectangle' | 'ellipse' | 'diamond' |
 export type ElementType = 'rectangle' | 'ellipse' | 'diamond' | 'line' | 'arrow' | 'freedraw' | 'text' | 'image';
 export type Arrowhead = 'arrow' | 'triangle' | 'triangle_outline' | 'circle' | 'circle_outline' | 'diamond' | 'diamond_outline' | 'bar' | 'crowfoot_one' | 'crowfoot_many' | 'crowfoot_one_or_many';
 export type LineType = 'sharp' | 'curved' | 'elbow';
+export type FreehandStyle = 'standard' | 'pen' | 'brush' | 'pencil';
 export interface ElementStyle {
     strokeColor: string;
     fillColor: string;
@@ -11,6 +12,7 @@ export interface ElementStyle {
     roughness: number;
     fontSize: number;
     fontFamily: string;
+    freehandStyle?: FreehandStyle;
 }
 export interface BaseElement {
     id: string;
@@ -143,6 +145,15 @@ export interface ArrowElement extends BaseElement {
 export interface FreeDrawElement extends BaseElement {
     type: 'freedraw';
     points: number[];
+    /** Optional pressure values corresponding to each point (for pen/brush styles) */
+    pressures?: number[];
+    /**
+     * False while the stroke is actively being drawn — the bounding box
+     * (x, y, width, height) is set for spatial-index culling but the points
+     * are still in world coordinates (not yet normalised to be relative to x, y).
+     * Undefined / true means the stroke is finalised.
+     */
+    isComplete?: boolean;
 }
 export type TextAlign = 'left' | 'center' | 'right';
 export type VerticalAlign = 'top' | 'middle' | 'bottom';

package/dist/utils/freehand.d.ts

@@ -0,0 +1,58 @@
+export type Vec2 = [number, number];
+export interface StrokeOptions {
+    size?: number;
+    thinning?: number;
+    smoothing?: number;
+    streamline?: number;
+    easing?: (pressure: number) => number;
+    simulatePressure?: boolean;
+    start?: {
+        cap?: boolean;
+        taper?: number | boolean;
+        easing?: (distance: number) => number;
+    };
+    end?: {
+        cap?: boolean;
+        taper?: number | boolean;
+        easing?: (distance: number) => number;
+    };
+    last?: boolean;
+}
+export interface StrokePoint {
+    point: Vec2;
+    pressure: number;
+    distance: number;
+    vector: Vec2;
+    runningLength: number;
+}
+export declare function getStroke(points: {
+    x: number;
+    y: number;
+    pressure?: number;
+}[], options?: StrokeOptions): Vec2[];
+/**
+ * Converts stroke outline points into an SVG path string.
+ * Uses M...Q...T pattern for smooth quadratic Bezier continuity.
+ * Ported from the freehand rendering helper.
+ */
+export declare function getSvgPathFromStroke(points: Vec2[], closed?: boolean): string;
+/**
+ * Computes the axis-aligned bounding box of a flat freedraw point array
+ * `[x0, y0, x1, y1, …]`.
+ *
+ * Returns `width` / `height` clamped to a minimum of 1 so the element is
+ * always selectable even for a single-point dot.
+ */
+export declare function computeFreedrawBBox(points: number[]): {
+    minX: number;
+    minY: number;
+    maxX: number;
+    maxY: number;
+    width: number;
+    height: number;
+};
+/**
+ * Generates an SVG path string for a variable-width freehand stroke.
+ * Uses the freehand rendering helper ported for zero-dependency.
+ */
+export declare function getFreehandPath(points: number[], pressures: number[] | undefined, options?: StrokeOptions): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "f1ow",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "type": "module",
   "description": "Interactive canvas drawing toolkit built on KonvaJS — drop-in React component for diagrams, sketches & whiteboards",
   "author": "Nuumz <info@nuumz.com>",
@@ -44,9 +44,15 @@
     "zustand": ">=5.0.0"
   },
   "peerDependenciesMeta": {
-    "konva": { "optional": false },
-    "react-konva": { "optional": false },
-    "zustand": { "optional": false }
+    "konva": {
+      "optional": false
+    },
+    "react-konva": {
+      "optional": false
+    },
+    "zustand": {
+      "optional": false
+    }
   },
   "dependencies": {
     "lucide-react": "^0.468.0",