canvu-react 0.3.5

package/dist/native.d.cts

@@ -0,0 +1,217 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { C as Camera2D } from './camera-BwQjm5oh.cjs';
+import { V as VectorSceneItem, R as Rect } from './types-CB0TZZuk.cjs';
+import * as react from 'react';
+
+type PlacementPreview = {
+    readonly kind: "rect" | "ellipse";
+    readonly rect: {
+        readonly x: number;
+        readonly y: number;
+        readonly width: number;
+        readonly height: number;
+    };
+} | {
+    readonly kind: "marquee";
+    readonly rect: {
+        readonly x: number;
+        readonly y: number;
+        readonly width: number;
+        readonly height: number;
+    };
+} | {
+    readonly kind: "line" | "arrow";
+    readonly start: {
+        readonly x: number;
+        readonly y: number;
+    };
+    readonly end: {
+        readonly x: number;
+        readonly y: number;
+    };
+} | {
+    readonly kind: "stroke";
+    readonly tool: string;
+    readonly points: readonly {
+        readonly x: number;
+        readonly y: number;
+    }[];
+};
+type NativeInteractionOverlayProps = {
+    readonly camera: Camera2D;
+    readonly width: number;
+    readonly height: number;
+    readonly selectedItems: readonly VectorSceneItem[];
+    readonly showResizeHandles: boolean;
+    readonly placementPreview: PlacementPreview | null;
+    readonly eraserTrail?: readonly {
+        readonly x: number;
+        readonly y: number;
+    }[];
+    readonly laserTrail?: readonly {
+        readonly x: number;
+        readonly y: number;
+    }[];
+    readonly eraserPreviewItems?: readonly VectorSceneItem[];
+};
+declare function NativeInteractionOverlay({ camera, width, height, selectedItems, showResizeHandles, placementPreview, eraserTrail, laserTrail, eraserPreviewItems, }: NativeInteractionOverlayProps): react_jsx_runtime.JSX.Element | null;
+
+type NativeSceneRendererProps = {
+    readonly items: readonly VectorSceneItem[];
+    readonly camera: Camera2D;
+    readonly width: number;
+    readonly height: number;
+};
+declare function NativeSceneRenderer({ items, camera, width, height, }: NativeSceneRendererProps): react_jsx_runtime.JSX.Element | null;
+
+type NativeShapeRendererProps = {
+    readonly item: VectorSceneItem;
+};
+declare function NativeShapeRenderer({ item }: NativeShapeRendererProps): react_jsx_runtime.JSX.Element | null;
+
+type NativeVectorViewportHandle = {
+    getCamera: () => Camera2D | null;
+    requestRender: () => void;
+    getViewportSize: () => {
+        width: number;
+        height: number;
+    };
+    fitWorldRect: (worldRect: Rect, options?: {
+        padding?: number;
+    }) => void;
+};
+type NativeVectorViewportProps = {
+    readonly items: readonly VectorSceneItem[];
+    readonly selectedIds?: readonly string[];
+    readonly toolId?: string;
+    readonly interactive?: boolean;
+    readonly onSelectionChange?: (ids: string[]) => void;
+    readonly onItemsChange?: (items: VectorSceneItem[]) => void;
+    readonly onCameraChange?: () => void;
+    readonly toolbar?: React.ReactNode;
+};
+declare const NativeVectorViewport: react.ForwardRefExoticComponent<NativeVectorViewportProps & react.RefAttributes<NativeVectorViewportHandle>>;
+
+type NumberProp = string | number;
+type SvgRectNode = {
+    readonly kind: "rect";
+    readonly width: NumberProp;
+    readonly height: NumberProp;
+    readonly fill?: string;
+    readonly fillOpacity?: number;
+    readonly stroke?: string;
+    readonly strokeWidth?: NumberProp;
+    readonly strokeOpacity?: number;
+    readonly rx?: NumberProp;
+    readonly shapeRendering?: string;
+};
+type SvgEllipseNode = {
+    readonly kind: "ellipse";
+    readonly cx: NumberProp;
+    readonly cy: NumberProp;
+    readonly rx: NumberProp;
+    readonly ry: NumberProp;
+    readonly fill?: string;
+    readonly fillOpacity?: number;
+    readonly stroke?: string;
+    readonly strokeWidth?: NumberProp;
+    readonly strokeOpacity?: number;
+    readonly shapeRendering?: string;
+};
+type SvgCircleNode = {
+    readonly kind: "circle";
+    readonly cx: NumberProp;
+    readonly cy: NumberProp;
+    readonly r: NumberProp;
+    readonly fill?: string;
+    readonly fillOpacity?: number;
+    readonly stroke?: string;
+    readonly strokeWidth?: NumberProp;
+    readonly strokeOpacity?: number;
+    readonly shapeRendering?: string;
+};
+type SvgLineNode = {
+    readonly kind: "line";
+    readonly x1: NumberProp;
+    readonly y1: NumberProp;
+    readonly x2: NumberProp;
+    readonly y2: NumberProp;
+    readonly stroke?: string;
+    readonly strokeWidth?: NumberProp;
+    readonly strokeOpacity?: number;
+    readonly strokeLinecap?: string;
+    readonly strokeLinejoin?: string;
+    readonly markerEnd?: string;
+    readonly shapeRendering?: string;
+};
+type SvgPathNode = {
+    readonly kind: "path";
+    readonly d: string;
+    readonly fill?: string;
+    readonly fillOpacity?: number;
+    readonly fillRule?: string;
+    readonly stroke?: string;
+    readonly strokeWidth?: NumberProp;
+    readonly strokeOpacity?: number;
+    readonly strokeLinecap?: string;
+    readonly strokeLinejoin?: string;
+    readonly shapeRendering?: string;
+    readonly vectorEffect?: string;
+};
+type SvgTSpanNode = {
+    readonly kind: "tspan";
+    readonly x?: NumberProp;
+    readonly dy?: NumberProp;
+    readonly text: string;
+};
+type SvgTextNode = {
+    readonly kind: "text";
+    readonly x?: NumberProp;
+    readonly y?: NumberProp;
+    readonly fill?: string;
+    readonly textAnchor?: string;
+    readonly fontSize?: NumberProp;
+    readonly fontFamily?: string;
+    readonly children: readonly SvgTSpanNode[];
+};
+type SvgPolygonNode = {
+    readonly kind: "polygon";
+    readonly points: string;
+    readonly fill?: string;
+};
+type SvgImageNode = {
+    readonly kind: "image";
+    readonly href: string;
+    readonly x: NumberProp;
+    readonly y: NumberProp;
+    readonly width: NumberProp;
+    readonly height: NumberProp;
+};
+type SvgGroupNode = {
+    readonly kind: "g";
+    readonly transform?: string;
+    readonly children: readonly SvgNode[];
+};
+type SvgDefsNode = {
+    readonly kind: "defs";
+    readonly children: readonly SvgNode[];
+};
+type SvgMarkerNode = {
+    readonly kind: "marker";
+    readonly id: string;
+    readonly markerWidth: NumberProp;
+    readonly markerHeight: NumberProp;
+    readonly refX: NumberProp;
+    readonly refY: NumberProp;
+    readonly orient: string;
+    readonly children: readonly SvgPolygonNode[];
+};
+type SvgNode = SvgRectNode | SvgEllipseNode | SvgCircleNode | SvgLineNode | SvgPathNode | SvgTextNode | SvgPolygonNode | SvgImageNode | SvgGroupNode | SvgDefsNode | SvgMarkerNode;
+/**
+ * Lightweight SVG fragment parser — handles the exact SVG elements generated
+ * by canvu shape builders. Returns typed nodes suitable for rendering with
+ * react-native-svg.
+ */
+declare function parseSvgFragment(xml: string): SvgNode[];
+
+export { NativeInteractionOverlay, type NativeInteractionOverlayProps, NativeSceneRenderer, type NativeSceneRendererProps, NativeShapeRenderer, type NativeShapeRendererProps, NativeVectorViewport, type NativeVectorViewportHandle, type NativeVectorViewportProps, type PlacementPreview, type SvgNode, parseSvgFragment };

package/dist/native.d.ts

@@ -0,0 +1,217 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { C as Camera2D } from './camera-KwCYYPhm.js';
+import { V as VectorSceneItem, R as Rect } from './types-CB0TZZuk.js';
+import * as react from 'react';
+
+type PlacementPreview = {
+    readonly kind: "rect" | "ellipse";
+    readonly rect: {
+        readonly x: number;
+        readonly y: number;
+        readonly width: number;
+        readonly height: number;
+    };
+} | {
+    readonly kind: "marquee";
+    readonly rect: {
+        readonly x: number;
+        readonly y: number;
+        readonly width: number;
+        readonly height: number;
+    };
+} | {
+    readonly kind: "line" | "arrow";
+    readonly start: {
+        readonly x: number;
+        readonly y: number;
+    };
+    readonly end: {
+        readonly x: number;
+        readonly y: number;
+    };
+} | {
+    readonly kind: "stroke";
+    readonly tool: string;
+    readonly points: readonly {
+        readonly x: number;
+        readonly y: number;
+    }[];
+};
+type NativeInteractionOverlayProps = {
+    readonly camera: Camera2D;
+    readonly width: number;
+    readonly height: number;
+    readonly selectedItems: readonly VectorSceneItem[];
+    readonly showResizeHandles: boolean;
+    readonly placementPreview: PlacementPreview | null;
+    readonly eraserTrail?: readonly {
+        readonly x: number;
+        readonly y: number;
+    }[];
+    readonly laserTrail?: readonly {
+        readonly x: number;
+        readonly y: number;
+    }[];
+    readonly eraserPreviewItems?: readonly VectorSceneItem[];
+};
+declare function NativeInteractionOverlay({ camera, width, height, selectedItems, showResizeHandles, placementPreview, eraserTrail, laserTrail, eraserPreviewItems, }: NativeInteractionOverlayProps): react_jsx_runtime.JSX.Element | null;
+
+type NativeSceneRendererProps = {
+    readonly items: readonly VectorSceneItem[];
+    readonly camera: Camera2D;
+    readonly width: number;
+    readonly height: number;
+};
+declare function NativeSceneRenderer({ items, camera, width, height, }: NativeSceneRendererProps): react_jsx_runtime.JSX.Element | null;
+
+type NativeShapeRendererProps = {
+    readonly item: VectorSceneItem;
+};
+declare function NativeShapeRenderer({ item }: NativeShapeRendererProps): react_jsx_runtime.JSX.Element | null;
+
+type NativeVectorViewportHandle = {
+    getCamera: () => Camera2D | null;
+    requestRender: () => void;
+    getViewportSize: () => {
+        width: number;
+        height: number;
+    };
+    fitWorldRect: (worldRect: Rect, options?: {
+        padding?: number;
+    }) => void;
+};
+type NativeVectorViewportProps = {
+    readonly items: readonly VectorSceneItem[];
+    readonly selectedIds?: readonly string[];
+    readonly toolId?: string;
+    readonly interactive?: boolean;
+    readonly onSelectionChange?: (ids: string[]) => void;
+    readonly onItemsChange?: (items: VectorSceneItem[]) => void;
+    readonly onCameraChange?: () => void;
+    readonly toolbar?: React.ReactNode;
+};
+declare const NativeVectorViewport: react.ForwardRefExoticComponent<NativeVectorViewportProps & react.RefAttributes<NativeVectorViewportHandle>>;
+
+type NumberProp = string | number;
+type SvgRectNode = {
+    readonly kind: "rect";
+    readonly width: NumberProp;
+    readonly height: NumberProp;
+    readonly fill?: string;
+    readonly fillOpacity?: number;
+    readonly stroke?: string;
+    readonly strokeWidth?: NumberProp;
+    readonly strokeOpacity?: number;
+    readonly rx?: NumberProp;
+    readonly shapeRendering?: string;
+};
+type SvgEllipseNode = {
+    readonly kind: "ellipse";
+    readonly cx: NumberProp;
+    readonly cy: NumberProp;
+    readonly rx: NumberProp;
+    readonly ry: NumberProp;
+    readonly fill?: string;
+    readonly fillOpacity?: number;
+    readonly stroke?: string;
+    readonly strokeWidth?: NumberProp;
+    readonly strokeOpacity?: number;
+    readonly shapeRendering?: string;
+};
+type SvgCircleNode = {
+    readonly kind: "circle";
+    readonly cx: NumberProp;
+    readonly cy: NumberProp;
+    readonly r: NumberProp;
+    readonly fill?: string;
+    readonly fillOpacity?: number;
+    readonly stroke?: string;
+    readonly strokeWidth?: NumberProp;
+    readonly strokeOpacity?: number;
+    readonly shapeRendering?: string;
+};
+type SvgLineNode = {
+    readonly kind: "line";
+    readonly x1: NumberProp;
+    readonly y1: NumberProp;
+    readonly x2: NumberProp;
+    readonly y2: NumberProp;
+    readonly stroke?: string;
+    readonly strokeWidth?: NumberProp;
+    readonly strokeOpacity?: number;
+    readonly strokeLinecap?: string;
+    readonly strokeLinejoin?: string;
+    readonly markerEnd?: string;
+    readonly shapeRendering?: string;
+};
+type SvgPathNode = {
+    readonly kind: "path";
+    readonly d: string;
+    readonly fill?: string;
+    readonly fillOpacity?: number;
+    readonly fillRule?: string;
+    readonly stroke?: string;
+    readonly strokeWidth?: NumberProp;
+    readonly strokeOpacity?: number;
+    readonly strokeLinecap?: string;
+    readonly strokeLinejoin?: string;
+    readonly shapeRendering?: string;
+    readonly vectorEffect?: string;
+};
+type SvgTSpanNode = {
+    readonly kind: "tspan";
+    readonly x?: NumberProp;
+    readonly dy?: NumberProp;
+    readonly text: string;
+};
+type SvgTextNode = {
+    readonly kind: "text";
+    readonly x?: NumberProp;
+    readonly y?: NumberProp;
+    readonly fill?: string;
+    readonly textAnchor?: string;
+    readonly fontSize?: NumberProp;
+    readonly fontFamily?: string;
+    readonly children: readonly SvgTSpanNode[];
+};
+type SvgPolygonNode = {
+    readonly kind: "polygon";
+    readonly points: string;
+    readonly fill?: string;
+};
+type SvgImageNode = {
+    readonly kind: "image";
+    readonly href: string;
+    readonly x: NumberProp;
+    readonly y: NumberProp;
+    readonly width: NumberProp;
+    readonly height: NumberProp;
+};
+type SvgGroupNode = {
+    readonly kind: "g";
+    readonly transform?: string;
+    readonly children: readonly SvgNode[];
+};
+type SvgDefsNode = {
+    readonly kind: "defs";
+    readonly children: readonly SvgNode[];
+};
+type SvgMarkerNode = {
+    readonly kind: "marker";
+    readonly id: string;
+    readonly markerWidth: NumberProp;
+    readonly markerHeight: NumberProp;
+    readonly refX: NumberProp;
+    readonly refY: NumberProp;
+    readonly orient: string;
+    readonly children: readonly SvgPolygonNode[];
+};
+type SvgNode = SvgRectNode | SvgEllipseNode | SvgCircleNode | SvgLineNode | SvgPathNode | SvgTextNode | SvgPolygonNode | SvgImageNode | SvgGroupNode | SvgDefsNode | SvgMarkerNode;
+/**
+ * Lightweight SVG fragment parser — handles the exact SVG elements generated
+ * by canvu shape builders. Returns typed nodes suitable for rendering with
+ * react-native-svg.
+ */
+declare function parseSvgFragment(xml: string): SvgNode[];
+
+export { NativeInteractionOverlay, type NativeInteractionOverlayProps, NativeSceneRenderer, type NativeSceneRendererProps, NativeShapeRenderer, type NativeShapeRendererProps, NativeVectorViewport, type NativeVectorViewportHandle, type NativeVectorViewportProps, type PlacementPreview, type SvgNode, parseSvgFragment };