@xom11/whiteboard 0.27.0 → 0.29.0

package/dist/latex.d.mts

@@ -1,5 +1,4 @@
-import { B as BaseStampCustomData, S as StampType } from './types-zc_Pa0mp.mjs';
-import 'zod';
+import { B as BaseStampCustomData, S as StampType } from './types-C3FjpoUi.mjs';
 import 'react';
 import '@excalidraw/excalidraw/element/types';
 

package/dist/latex.d.ts

@@ -1,5 +1,4 @@
-import { B as BaseStampCustomData, S as StampType } from './types-zc_Pa0mp.js';
-import 'zod';
+import { B as BaseStampCustomData, S as StampType } from './types-C3FjpoUi.js';
 import 'react';
 import '@excalidraw/excalidraw/element/types';
 

package/dist/serialize-N4G6RFBB.mjs

@@ -0,0 +1,9 @@
+"use client";
+export { parseSceneState, stringifySceneState } from './chunk-V3YJ6JFL.mjs';
+import './chunk-ZTQBUKLJ.mjs';
+import './chunk-IHUFOV7L.mjs';
+import './chunk-73Q7ADVL.mjs';
+import './chunk-B4NJJZFR.mjs';
+import './chunk-J5LGTIGS.mjs';
+//# sourceMappingURL=serialize-N4G6RFBB.mjs.map
+//# sourceMappingURL=serialize-N4G6RFBB.mjs.map

package/dist/{serialize-C3LSUMSA.mjs.map → serialize-N4G6RFBB.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"serialize-C3LSUMSA.mjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"serialize-N4G6RFBB.mjs"}

package/dist/{types-zc_Pa0mp.d.ts → types-C3FjpoUi.d.mts}

@@ -1,231 +1,24 @@
-import { z } from 'zod';
 import { ReactNode, ComponentType, RefAttributes } from 'react';
 import { ExcalidrawElement } from '@excalidraw/excalidraw/element/types';
 
-declare const NameZ: z.ZodString;
-
-type Name = z.infer<typeof NameZ>;
-type DslDistanceSpec = {
-    kind: 'circleRadius';
-    circle: Name;
-    scale?: number;
-    offset?: number;
-} | {
-    kind: 'segmentLength';
-    p1: Name;
-    p2: Name;
-    scale?: number;
-    offset?: number;
-} | {
-    kind: 'literal';
-    value: number;
-    scale?: number;
-    offset?: number;
-};
-type DslPointT = {
-    name: Name;
-    kind: 'free';
+/**
+ * Snapshot tiến trình dựng hình geometry-2d, phát ra trong lúc GV thao tác
+ * (trước khi chèn ảnh thật). Consumer broadcast cho học sinh để vẽ ghost preview.
+ * Toạ độ + kích thước tính theo board-units của Excalidraw.
+ */
+interface GeometryDraftPreview {
+    /** SVG markup của hình đang dựng (đã render từ state hiện tại). */
+    svg: string;
+    /** Board-units width (= intrinsic px của SVG ở zoom 1). */
+    width: number;
+    /** Board-units height. */
+    height: number;
+    /** Board-coord góc trên-trái nơi ảnh sẽ được chèn. */
     x: number;
     y: number;
-} | {
-    name: Name;
-    kind: 'midpoint';
-    p1: Name;
-    p2: Name;
-    visible?: boolean;
-} | {
-    name: Name;
-    kind: 'onSegment';
-    segmentId: Name;
-    t: number;
-} | {
-    name: Name;
-    kind: 'onLine';
-    lineId: Name;
-    t: number;
-} | {
-    name: Name;
-    kind: 'onCircle';
-    circleId: Name;
-    theta: number;
-} | {
-    name: Name;
-    kind: 'perpFoot';
-    from: Name;
-    onLine: Name;
-} | {
-    name: Name;
-    kind: 'circumcenter';
-    vertices: [Name, Name, Name];
-} | {
-    name: Name;
-    kind: 'incenter';
-    vertices: [Name, Name, Name];
-} | {
-    name: Name;
-    kind: 'centroid';
-    vertices: [Name, Name, Name];
-} | {
-    name: Name;
-    kind: 'orthocenter';
-    vertices: [Name, Name, Name];
-} | {
-    name: Name;
-    kind: 'intersection';
-    ref1: Name;
-    ref2: Name;
-    branch?: 0 | 1;
-} | {
-    name: Name;
-    kind: 'secondIntersection';
-    line: Name;
-    circle: Name;
-    other: Name;
-} | {
-    name: Name;
-    kind: 'circleIntersection';
-    c1: Name;
-    c2: Name;
-    which: 0 | 1;
-} | {
-    name: Name;
-    kind: 'circleSecondIntersection';
-    c1: Name;
-    c2: Name;
-    exclude: Name;
-} | {
-    name: Name;
-    kind: 'tangencyPoint';
-    circle: Name;
-    onLine: Name;
-} | {
-    name: Name;
-    kind: 'tangentPointExt';
-    from: Name;
-    circle: Name;
-    which: 0 | 1;
-} | {
-    name: Name;
-    kind: 'arcMidpoint';
-    circle: Name;
-    a: Name;
-    b: Name;
-    notContaining: Name;
-} | {
-    name: Name;
-    kind: 'excenter';
-    vertices: [Name, Name, Name];
-    opposite: Name;
-} | {
-    name: Name;
-    kind: 'reflectPoint';
-    of: Name;
-    through: Name;
-} | {
-    name: Name;
-    kind: 'reflectLine';
-    of: Name;
-    through: Name;
-} | {
-    name: Name;
-    kind: 'pointAtDistance';
-    from: Name;
-    through: Name;
-    distance: DslDistanceSpec;
-};
-type DslShapeT = {
-    name: Name;
-    kind: 'segment';
-    p1: Name;
-    p2: Name;
-} | {
-    name: Name;
-    kind: 'line';
-    p1: Name;
-    p2: Name;
-} | {
-    name: Name;
-    kind: 'ray';
-    origin: Name;
-    through: Name;
-} | {
-    name: Name;
-    kind: 'polygon';
-    vertices: Name[];
-} | {
-    name: Name;
-    kind: 'perpendicular';
-    throughPoint: Name;
-    toLine: Name;
-} | {
-    name: Name;
-    kind: 'parallel';
-    throughPoint: Name;
-    toLine: Name;
-} | {
-    name: Name;
-    kind: 'perpBisector';
-    p1: Name;
-    p2: Name;
-} | {
-    name: Name;
-    kind: 'angleBisector';
-    p1: Name;
-    vertex: Name;
-    p2: Name;
-} | {
-    name: Name;
-    kind: 'lineThrough';
-    points: Name[];
-} | {
-    name: Name;
-    kind: 'radicalAxis';
-    circle1: Name;
-    circle2: Name;
-} | {
-    name: Name;
-    kind: 'tangent';
-    throughPoint: Name;
-    toCircle: Name;
-    branch?: 0 | 1 | 'on';
-} | {
-    name: Name;
-    kind: 'circleCP';
-    center: Name;
-    surfacePoint: Name;
-    visible?: boolean;
-} | {
-    name: Name;
-    kind: 'circle3';
-    p1: Name;
-    p2: Name;
-    p3: Name;
-} | {
-    name: Name;
-    kind: 'circleDiameter';
-    p1: Name;
-    p2: Name;
-    visible?: boolean;
-} | {
-    name: Name;
-    kind: 'circleCR';
-    center: Name;
-    radius: number;
-} | {
-    name: Name;
-    kind: 'incircle';
-    vertices: [Name, Name, Name];
-} | {
-    name: Name;
-    kind: 'excircle';
-    vertices: [Name, Name, Name];
-    opposite: Name;
-};
-type DslInputT = {
-    version: 1;
-    points: DslPointT[];
-    shapes: DslShapeT[];
-};
+    /** Counter tăng dần để consumer bỏ khung cũ khi kênh lossy reorder. */
+    seq: number;
+}
 
 type SceneObject<A = Record<string, unknown>> = {
     id: string;
@@ -297,15 +90,10 @@ interface AiFigureProgress {
  *
  * `onProgress` là optional: nếu consumer dùng streaming endpoint (SSE),
  * forward chunk events vào đây. Non-streaming impl bỏ qua.
- *
- * `currentDsl` (MỚI cho multi-step refine): khi caller có hình hiện tại
- * (state.order.length > 0) và muốn AI sửa/thêm → pass currentDsl. Consumer
- * branch sang refine endpoint. Không pass → build endpoint cũ.
  */
 type GenerateGeometryFigure = (problem: string, options: {
     signal: AbortSignal;
     onProgress?: (info: AiFigureProgress) => void;
-    currentDsl?: DslInputT;
 }) => Promise<AiFigureUiResult>;
 /**
  * Kết quả trả về từ `restoreFileFromCustomData`. Chứa đủ thông tin để
@@ -345,6 +133,11 @@ interface StampHostProps {
     isDark: boolean;
     /** Optional client-safe bridge for the geometry-2d AI prompt editor. */
     generateGeometryFigure?: GenerateGeometryFigure;
+    /**
+     * Chỉ geometry-2d dùng: phát snapshot hình đang dựng (debounced) để consumer
+     * broadcast cho học sinh xem live. `null` = clear ghost (đã chèn / huỷ / rỗng).
+     */
+    onGeometryDraft?: (draft: GeometryDraftPreview | null) => void;
 }
 /**
  * Imperative API mà main view truy cập qua ref:
@@ -415,4 +208,4 @@ interface StampType<TCustomData extends BaseStampCustomData = BaseStampCustomDat
     experimental?: boolean;
 }
 
-export type { AiFigureProgress as A, BaseStampCustomData as B, DslInputT as D, GenerateGeometryFigure as G, StampType as S, AiFigureUiResult as a, State as b };
+export type { AiFigureProgress as A, BaseStampCustomData as B, GenerateGeometryFigure as G, StampType as S, GeometryDraftPreview as a, AiFigureUiResult as b, State as c };

package/dist/{types-zc_Pa0mp.d.mts → types-C3FjpoUi.d.ts}

@@ -1,231 +1,24 @@
-import { z } from 'zod';
 import { ReactNode, ComponentType, RefAttributes } from 'react';
 import { ExcalidrawElement } from '@excalidraw/excalidraw/element/types';
 
-declare const NameZ: z.ZodString;
-
-type Name = z.infer<typeof NameZ>;
-type DslDistanceSpec = {
-    kind: 'circleRadius';
-    circle: Name;
-    scale?: number;
-    offset?: number;
-} | {
-    kind: 'segmentLength';
-    p1: Name;
-    p2: Name;
-    scale?: number;
-    offset?: number;
-} | {
-    kind: 'literal';
-    value: number;
-    scale?: number;
-    offset?: number;
-};
-type DslPointT = {
-    name: Name;
-    kind: 'free';
+/**
+ * Snapshot tiến trình dựng hình geometry-2d, phát ra trong lúc GV thao tác
+ * (trước khi chèn ảnh thật). Consumer broadcast cho học sinh để vẽ ghost preview.
+ * Toạ độ + kích thước tính theo board-units của Excalidraw.
+ */
+interface GeometryDraftPreview {
+    /** SVG markup của hình đang dựng (đã render từ state hiện tại). */
+    svg: string;
+    /** Board-units width (= intrinsic px của SVG ở zoom 1). */
+    width: number;
+    /** Board-units height. */
+    height: number;
+    /** Board-coord góc trên-trái nơi ảnh sẽ được chèn. */
     x: number;
     y: number;
-} | {
-    name: Name;
-    kind: 'midpoint';
-    p1: Name;
-    p2: Name;
-    visible?: boolean;
-} | {
-    name: Name;
-    kind: 'onSegment';
-    segmentId: Name;
-    t: number;
-} | {
-    name: Name;
-    kind: 'onLine';
-    lineId: Name;
-    t: number;
-} | {
-    name: Name;
-    kind: 'onCircle';
-    circleId: Name;
-    theta: number;
-} | {
-    name: Name;
-    kind: 'perpFoot';
-    from: Name;
-    onLine: Name;
-} | {
-    name: Name;
-    kind: 'circumcenter';
-    vertices: [Name, Name, Name];
-} | {
-    name: Name;
-    kind: 'incenter';
-    vertices: [Name, Name, Name];
-} | {
-    name: Name;
-    kind: 'centroid';
-    vertices: [Name, Name, Name];
-} | {
-    name: Name;
-    kind: 'orthocenter';
-    vertices: [Name, Name, Name];
-} | {
-    name: Name;
-    kind: 'intersection';
-    ref1: Name;
-    ref2: Name;
-    branch?: 0 | 1;
-} | {
-    name: Name;
-    kind: 'secondIntersection';
-    line: Name;
-    circle: Name;
-    other: Name;
-} | {
-    name: Name;
-    kind: 'circleIntersection';
-    c1: Name;
-    c2: Name;
-    which: 0 | 1;
-} | {
-    name: Name;
-    kind: 'circleSecondIntersection';
-    c1: Name;
-    c2: Name;
-    exclude: Name;
-} | {
-    name: Name;
-    kind: 'tangencyPoint';
-    circle: Name;
-    onLine: Name;
-} | {
-    name: Name;
-    kind: 'tangentPointExt';
-    from: Name;
-    circle: Name;
-    which: 0 | 1;
-} | {
-    name: Name;
-    kind: 'arcMidpoint';
-    circle: Name;
-    a: Name;
-    b: Name;
-    notContaining: Name;
-} | {
-    name: Name;
-    kind: 'excenter';
-    vertices: [Name, Name, Name];
-    opposite: Name;
-} | {
-    name: Name;
-    kind: 'reflectPoint';
-    of: Name;
-    through: Name;
-} | {
-    name: Name;
-    kind: 'reflectLine';
-    of: Name;
-    through: Name;
-} | {
-    name: Name;
-    kind: 'pointAtDistance';
-    from: Name;
-    through: Name;
-    distance: DslDistanceSpec;
-};
-type DslShapeT = {
-    name: Name;
-    kind: 'segment';
-    p1: Name;
-    p2: Name;
-} | {
-    name: Name;
-    kind: 'line';
-    p1: Name;
-    p2: Name;
-} | {
-    name: Name;
-    kind: 'ray';
-    origin: Name;
-    through: Name;
-} | {
-    name: Name;
-    kind: 'polygon';
-    vertices: Name[];
-} | {
-    name: Name;
-    kind: 'perpendicular';
-    throughPoint: Name;
-    toLine: Name;
-} | {
-    name: Name;
-    kind: 'parallel';
-    throughPoint: Name;
-    toLine: Name;
-} | {
-    name: Name;
-    kind: 'perpBisector';
-    p1: Name;
-    p2: Name;
-} | {
-    name: Name;
-    kind: 'angleBisector';
-    p1: Name;
-    vertex: Name;
-    p2: Name;
-} | {
-    name: Name;
-    kind: 'lineThrough';
-    points: Name[];
-} | {
-    name: Name;
-    kind: 'radicalAxis';
-    circle1: Name;
-    circle2: Name;
-} | {
-    name: Name;
-    kind: 'tangent';
-    throughPoint: Name;
-    toCircle: Name;
-    branch?: 0 | 1 | 'on';
-} | {
-    name: Name;
-    kind: 'circleCP';
-    center: Name;
-    surfacePoint: Name;
-    visible?: boolean;
-} | {
-    name: Name;
-    kind: 'circle3';
-    p1: Name;
-    p2: Name;
-    p3: Name;
-} | {
-    name: Name;
-    kind: 'circleDiameter';
-    p1: Name;
-    p2: Name;
-    visible?: boolean;
-} | {
-    name: Name;
-    kind: 'circleCR';
-    center: Name;
-    radius: number;
-} | {
-    name: Name;
-    kind: 'incircle';
-    vertices: [Name, Name, Name];
-} | {
-    name: Name;
-    kind: 'excircle';
-    vertices: [Name, Name, Name];
-    opposite: Name;
-};
-type DslInputT = {
-    version: 1;
-    points: DslPointT[];
-    shapes: DslShapeT[];
-};
+    /** Counter tăng dần để consumer bỏ khung cũ khi kênh lossy reorder. */
+    seq: number;
+}
 
 type SceneObject<A = Record<string, unknown>> = {
     id: string;
@@ -297,15 +90,10 @@ interface AiFigureProgress {
  *
  * `onProgress` là optional: nếu consumer dùng streaming endpoint (SSE),
  * forward chunk events vào đây. Non-streaming impl bỏ qua.
- *
- * `currentDsl` (MỚI cho multi-step refine): khi caller có hình hiện tại
- * (state.order.length > 0) và muốn AI sửa/thêm → pass currentDsl. Consumer
- * branch sang refine endpoint. Không pass → build endpoint cũ.
  */
 type GenerateGeometryFigure = (problem: string, options: {
     signal: AbortSignal;
     onProgress?: (info: AiFigureProgress) => void;
-    currentDsl?: DslInputT;
 }) => Promise<AiFigureUiResult>;
 /**
  * Kết quả trả về từ `restoreFileFromCustomData`. Chứa đủ thông tin để
@@ -345,6 +133,11 @@ interface StampHostProps {
     isDark: boolean;
     /** Optional client-safe bridge for the geometry-2d AI prompt editor. */
     generateGeometryFigure?: GenerateGeometryFigure;
+    /**
+     * Chỉ geometry-2d dùng: phát snapshot hình đang dựng (debounced) để consumer
+     * broadcast cho học sinh xem live. `null` = clear ghost (đã chèn / huỷ / rỗng).
+     */
+    onGeometryDraft?: (draft: GeometryDraftPreview | null) => void;
 }
 /**
  * Imperative API mà main view truy cập qua ref:
@@ -415,4 +208,4 @@ interface StampType<TCustomData extends BaseStampCustomData = BaseStampCustomDat
     experimental?: boolean;
 }
 
-export type { AiFigureProgress as A, BaseStampCustomData as B, DslInputT as D, GenerateGeometryFigure as G, StampType as S, AiFigureUiResult as a, State as b };
+export type { AiFigureProgress as A, BaseStampCustomData as B, GenerateGeometryFigure as G, StampType as S, GeometryDraftPreview as a, AiFigureUiResult as b, State as c };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xom11/whiteboard",
-  "version": "0.27.0",
+  "version": "0.29.0",
   "private": false,
   "description": "Excalidraw + JSXGraph + KaTeX whiteboard component (drawing, geometry stamps, LaTeX stamps).",
   "repository": {
@@ -118,17 +118,9 @@
     "vite": "^8.0.13"
   },
   "dependencies": {
-    "@anthropic-ai/claude-agent-sdk": "^0.3.161",
-    "@anthropic-ai/sdk": "^0.98.0",
     "immer": "^10.2.0",
     "pdfjs-dist": "^5.7.284",
-    "tesseract.js": "^7.0.0",
     "zod": "^3.23.8",
     "zod-to-json-schema": "^3.25.2"
-  },
-  "overrides": {
-    "@anthropic-ai/claude-agent-sdk": {
-      "zod": "$zod"
-    }
   }
 }