@zuilib/text-editor 0.1.0 → 0.2.1

package/dist/index.d.ts

@@ -13,8 +13,12 @@ type Props = Readonly<{
     autoFocus?: boolean;
     /** Show the formatting/insert toolbar in edit-md mode (default true) */
     toolbar?: boolean;
+    /** Show a table-of-contents sidebar listing the document's headings */
+    outline?: boolean;
+    /** Allow collapsing sections under their headings (default true) */
+    foldable?: boolean;
 }>;
-declare function MarkdownEditor({ value, onChange, placeholder, readOnly, className, mode, autoFocus, toolbar, }: Props): react_jsx_runtime.JSX.Element;
+declare function MarkdownEditor({ value, onChange, placeholder, readOnly, className, mode, autoFocus, toolbar, outline, foldable, }: Props): react_jsx_runtime.JSX.Element;
 
 type SerializedFrontmatterNode = SerializedElementNode;
 /**
@@ -100,6 +104,8 @@ type DrawingData = Readonly<{
     height: number;
     shapes: readonly DrawingShape[];
 }>;
+declare function serializeDrawingData(data: DrawingData): string;
+declare function parseDrawingData(json: string): DrawingData;
 
 type SerializedDrawingNode = Spread<{
     data: string;
@@ -143,4 +149,136 @@ declare const DRAWING: MultilineElementTransformer;
  */
 declare const TABLE: ElementTransformer;
 
-export { $createDrawingNode, $createFrontmatterNode, $isDrawingNode, $isFrontmatterNode, DRAWING, type DrawingData, DrawingNode, type DrawingShape, type DrawingShapeType, FRONTMATTER, FrontmatterNode, MarkdownEditor, type Props as MarkdownEditorProps, type SerializedDrawingNode, type SerializedFrontmatterNode, TABLE };
+/**
+ * JSON Schema (draft-07) for the payload of a ```drawing fenced block.
+ *
+ * Use it to validate LLM- or tool-generated drawings before embedding them,
+ * or pass it as a structured-output / tool schema so a model is forced to
+ * emit valid payloads. Kept in sync with `parseDrawingData` / `isValidShape`
+ * in drawingTypes.ts — update both together.
+ */
+declare const DRAWING_DATA_JSON_SCHEMA: {
+    readonly $schema: "http://json-schema.org/draft-07/schema#";
+    readonly title: "DrawingData";
+    readonly description: "Vector drawing embedded in markdown as a ```drawing fenced code block";
+    readonly type: "object";
+    readonly required: readonly ["version", "height", "shapes"];
+    readonly additionalProperties: false;
+    readonly properties: {
+        readonly version: {
+            readonly const: 1;
+        };
+        readonly height: {
+            readonly type: "number";
+            readonly minimum: 80;
+            readonly description: "Canvas height in pixels (width is fluid)";
+        };
+        readonly shapes: {
+            readonly type: "array";
+            readonly items: {
+                readonly $ref: "#/definitions/shape";
+            };
+            readonly description: "Render order: later shapes draw on top";
+        };
+    };
+    readonly definitions: {
+        readonly point: {
+            readonly type: "object";
+            readonly required: readonly ["x", "y"];
+            readonly additionalProperties: false;
+            readonly properties: {
+                readonly x: {
+                    readonly type: "number";
+                };
+                readonly y: {
+                    readonly type: "number";
+                };
+            };
+        };
+        readonly shape: {
+            readonly type: "object";
+            readonly required: readonly ["id", "type", "x", "y", "w", "h", "stroke", "fill", "strokeWidth"];
+            readonly additionalProperties: false;
+            readonly properties: {
+                readonly id: {
+                    readonly type: "string";
+                    readonly description: "Unique within the drawing; connector bindings reference it";
+                };
+                readonly type: {
+                    readonly enum: readonly ["rect", "ellipse", "triangle", "pentagon", "arrow", "line", "text"];
+                };
+                readonly x: {
+                    readonly type: "number";
+                    readonly description: "Boxes/text: left edge of the bounding box. Connectors: start point x.";
+                };
+                readonly y: {
+                    readonly type: "number";
+                    readonly description: "Boxes/text: top edge of the bounding box. Connectors: start point y.";
+                };
+                readonly w: {
+                    readonly type: "number";
+                    readonly description: "Boxes/text: width (non-negative). Connectors: delta x to the end point (may be negative).";
+                };
+                readonly h: {
+                    readonly type: "number";
+                    readonly description: "Boxes/text: height (non-negative). Connectors: delta y to the end point (may be negative).";
+                };
+                readonly stroke: {
+                    readonly type: "string";
+                    readonly description: "CSS color of the outline (and of any text)";
+                };
+                readonly fill: {
+                    readonly type: "string";
+                    readonly description: "CSS color of the interior; \"transparent\" for none";
+                };
+                readonly strokeWidth: {
+                    readonly type: "number";
+                    readonly description: "Outline width; use 2";
+                };
+                readonly text: {
+                    readonly type: "string";
+                    readonly description: "Standalone text content; center content of a box; midpoint label of a connector";
+                };
+                readonly label: {
+                    readonly type: "string";
+                    readonly description: "Boxes only: small bold heading at the top";
+                };
+                readonly footer: {
+                    readonly type: "string";
+                    readonly description: "Boxes only: small dim line at the bottom";
+                };
+                readonly startBinding: {
+                    readonly type: "string";
+                    readonly description: "Connectors only: id of the box the start attaches to. The editor re-anchors the endpoint onto that box’s border.";
+                };
+                readonly endBinding: {
+                    readonly type: "string";
+                    readonly description: "Connectors only: id of the box the end attaches to";
+                };
+                readonly bidirectional: {
+                    readonly type: "boolean";
+                    readonly description: "Arrows only: arrowheads on both ends";
+                };
+                readonly routing: {
+                    readonly const: "elbow";
+                    readonly description: "Connectors only: orthogonal (right-angled) auto-routing. Ignored when waypoints are present.";
+                };
+                readonly elbow: {
+                    readonly type: "number";
+                    readonly minimum: 0;
+                    readonly maximum: 1;
+                    readonly description: "Elbow middle-segment position as a fraction of the span (default 0.5)";
+                };
+                readonly waypoints: {
+                    readonly type: "array";
+                    readonly items: {
+                        readonly $ref: "#/definitions/point";
+                    };
+                    readonly description: "Connectors only: intermediate path points in canvas coordinates, ordered start→end. Takes precedence over routing.";
+                };
+            };
+        };
+    };
+};
+
+export { $createDrawingNode, $createFrontmatterNode, $isDrawingNode, $isFrontmatterNode, DRAWING, DRAWING_DATA_JSON_SCHEMA, type DrawingData, DrawingNode, type DrawingShape, type DrawingShapeType, FRONTMATTER, FrontmatterNode, MarkdownEditor, type Props as MarkdownEditorProps, type SerializedDrawingNode, type SerializedFrontmatterNode, TABLE, parseDrawingData, serializeDrawingData };