microboard-temp 0.4.5 → 0.4.7

package/dist/types/BoardOperations.d.ts

@@ -32,6 +32,12 @@ export interface CreateLockedGroupItem extends SingleItemBoardOp {
 export interface RemoveItem extends MultiItemBoardOp {
     method: "remove";
 }
+export interface LockItem extends MultiItemBoardOp {
+    method: "lock";
+}
+export interface UnlockItem extends MultiItemBoardOp {
+    method: "unlock";
+}
 export interface RemoveLockedGroup extends MultiItemBoardOp {
     method: "removeLockedGroup";
 }
@@ -66,5 +72,5 @@ interface Paste extends ItemMapBoardOp {
 interface Duplicate extends ItemMapBoardOp {
     method: "duplicate";
 }
-export type BoardOps = CreateItem | CreateLockedGroupItem | RemoveItem | RemoveLockedGroup | MoveToZIndex | MoveManyToZIndex | MoveSecondBeforeFirst | MoveSecondAfterFirst | BringToFront | SendToBack | Paste | Duplicate;
+export type BoardOps = CreateItem | CreateLockedGroupItem | RemoveItem | RemoveLockedGroup | MoveToZIndex | MoveManyToZIndex | MoveSecondBeforeFirst | MoveSecondAfterFirst | BringToFront | SendToBack | Paste | Duplicate | LockItem | UnlockItem;
 export {};

package/dist/types/Items/AINode/AINode.d.ts

@@ -15,7 +15,8 @@ import { Transformation } from "Items/Transformation/Transformation";
 import { Subject } from "Subject";
 import { BaseItem } from "Items/BaseItem/BaseItem";
 export declare const CONTEXT_NODE_HIGHLIGHT_COLOR = "rgba(183, 138, 240, 1)";
-export type ThreadDirection = 0 | 1 | 2 | 3;
+export declare const threadDirections: readonly [0, 1, 2, 3];
+export type ThreadDirection = typeof threadDirections[number];
 export declare class AINode extends BaseItem {
     private id;
     readonly itemType = "AINode";

package/dist/types/Items/BaseItem/BaseItem.d.ts

@@ -42,6 +42,7 @@ export declare class BaseItem extends Mbr implements Geometry {
     apply(op: Operation | BaseOperation): void;
     addOnRemoveCallback(cb: () => void): void;
     onRemove(): void;
+    getPathMbr(): Mbr;
     render(context: DrawingContext): void;
     renderHTML(documentFactory: DocumentFactory): HTMLElement;
 }

package/dist/types/Items/Comment/Comment.d.ts

@@ -78,6 +78,7 @@ export declare class Comment implements Geometry {
     getAnchorPoint(): Point;
     getAnchorMbr(): Mbr;
     getMbr(scale?: number): Mbr;
+    getPathMbr(): Mbr;
     getNearestEdgePointTo(point: Point): Point;
     getNormal(point: Point): GeometricNormal;
     getRichText(): RichText | null;

package/dist/types/Items/Curve/Curve.d.ts

@@ -30,6 +30,7 @@ export declare class QuadraticBezier extends BaseCurve {
     constructor(start?: Point, control?: Point, end?: Point);
     protected updateCache(): void;
     getStartPoint(): Point;
+    getEndPoint(): Point;
     moveToStart(ctx: Path2D | CanvasRenderingContext2D): void;
     render(ctx: Path2D | CanvasRenderingContext2D): void;
     transform(matrix: Matrix): void;
@@ -46,6 +47,7 @@ export declare class CubicBezier extends BaseCurve {
     constructor(start?: Point, startControl?: Point, end?: Point, endControl?: Point);
     protected updateCache(): void;
     getStartPoint(): Point;
+    getEndPoint(): Point;
     moveToStart(ctx: Path2D | CanvasRenderingContext2D): void;
     render(ctx: Path2D | CanvasRenderingContext2D): void;
     transform(matrix: Matrix): void;

package/dist/types/Items/Line/Line.d.ts

@@ -31,6 +31,7 @@ export declare class Line {
     isCenter: boolean;
     constructor(start?: Point, end?: Point, isCenter?: boolean);
     getStartPoint(): Point;
+    getEndPoint(): Point;
     getLength(): number;
     getNearestPointParameter(point: Point): number;
     getPoint(parameter: number): Point;

package/dist/types/Items/RichText/CanvasText/LayoutBlockNodes.d.ts

@@ -1,5 +1,6 @@
+import { LayoutBlockNode } from "./Render";
 export interface LayoutBlockNodes {
-    nodes: [];
+    nodes: LayoutBlockNode[];
     maxWidth: number;
     width: number;
     height: number;

package/dist/types/Items/RichText/CanvasText/Render.d.ts

@@ -1,3 +1,64 @@
 import { BlockNode } from '../Editor/BlockNode';
 import { LayoutBlockNodes } from './LayoutBlockNodes';
 export declare function getBlockNodes(data: BlockNode[], maxWidth?: number, shrink?: boolean, isFrame?: boolean): LayoutBlockNodes;
+export interface LayoutBlockNode {
+    type: 'paragraph' | 'heading_one' | 'heading_two' | 'heading_three' | 'heading_four' | 'heading_five' | 'code_block' | 'ul_list' | 'ol_list' | 'list_item' | 'text';
+    lineHeight: number;
+    children: LayoutTextNode[];
+    lines: LayoutTextBlock[][];
+    align: 'left' | 'center' | 'right' | undefined;
+    width: number;
+    height: number;
+    didBreakWords: boolean;
+    paddingTop: number;
+    marginLeft: number;
+}
+interface LayoutTextNode {
+    type: string;
+    text: string;
+    style: LeafStyle;
+    blocks: never[];
+    newLine: boolean;
+    paddingTop?: number;
+    marginLeft?: number;
+    listMark?: string;
+    link?: string;
+}
+interface LeafStyle {
+    fontStyle: string;
+    fontWeight: string;
+    color: string;
+    backgroundColor: string | undefined;
+    fontSize: number | "auto";
+    fontFamily: string;
+    textDecorationLine?: 'underline';
+    crossed?: 'line-through';
+    verticalAlign?: 'super' | 'sub';
+    font?: string;
+}
+interface LayoutTextBlock {
+    text: string;
+    style: LeafStyle;
+    width: number;
+    x: number;
+    y: number;
+    measure: MeasuredRect;
+    fontSize: number;
+    marginLeft?: number;
+    paddingTop?: number;
+    listMark?: string;
+    link?: string;
+}
+interface MeasuredRect {
+    actualBoundingBoxAscent: number;
+    actualBoundingBoxDescent: number;
+    actualBoundingBoxLeft: number;
+    actualBoundingBoxRight: number;
+    fontBoundingBoxAscent: number;
+    fontBoundingBoxDescent: number;
+    ascent: number;
+    descent: number;
+    width: number;
+    height: number;
+}
+export {};

package/dist/types/Items/RichText/Editor/BlockNode.d.ts

@@ -1,12 +1,12 @@
 import { HorisontalAlignment } from "../../Alignment";
-import { LinkNode, TextNode } from "./TextNode";
+import { TextNode } from "./TextNode";
 export declare const ListTypes: readonly ["ol_list", "ul_list"];
 export type ListType = (typeof ListTypes)[number];
-export declare const BlockTypes: readonly ["paragraph", "ul_list", "ol_list", "list_item", "code_block", "heading_one", "heading_two", "heading_three", "heading_four", "heading_five", "block-quote"];
+export declare const BlockTypes: readonly ["paragraph", "ul_list", "ol_list", "list_item", "code_block", "heading_one", "heading_two", "heading_three", "heading_four", "heading_five"];
 export type BlockType = (typeof BlockTypes)[number];
 export type ParagraphNode = {
     type: "paragraph";
-    children: TextNode[] | LinkNode[];
+    children: TextNode[];
     horisontalAlignment?: HorisontalAlignment;
     paddingTop?: number;
     paddingBottom?: number;
@@ -55,13 +55,6 @@ export type HeadingFiveNode = {
     paddingTop?: number;
     paddingBottom?: number;
 };
-export type BlockQuoteNode = {
-    type: "block-quote";
-    children: TextNode[];
-    horisontalAlignment?: HorisontalAlignment;
-    paddingTop?: number;
-    paddingBottom?: number;
-};
 export type BulletedListNode = {
     type: "ul_list";
     children: ListItemNode[];
@@ -87,4 +80,5 @@ export type ListItemNode = {
     paddingTop?: number;
     paddingBottom?: number;
 };
-export type BlockNode = ParagraphNode | CodeBlockNode | HeadingOneNode | HeadingTwoNode | HeadingThreeNode | HeadingFourNode | HeadingFiveNode | BlockQuoteNode | BulletedListNode | NumberedListNode | ListItemNode;
+export type BlockNode = ParagraphNode | CodeBlockNode | HeadingOneNode | HeadingTwoNode | HeadingThreeNode | HeadingFourNode | HeadingFiveNode | BulletedListNode | NumberedListNode | ListItemNode;
+export type NoneListBlockNode = ParagraphNode | CodeBlockNode | HeadingOneNode | HeadingTwoNode | HeadingThreeNode | HeadingFourNode | HeadingFiveNode;

package/dist/types/Items/RichText/editorHelpers/common/getAreAllChildrenEmpty.d.ts

@@ -1,2 +1,3 @@
 import { BlockNode } from '../../Editor/BlockNode.js';
-export declare function getAreAllChildrenEmpty(node: BlockNode): boolean;
+import { TextNode } from "../../Editor/TextNode";
+export declare function getAreAllChildrenEmpty(node: BlockNode | TextNode): boolean;

package/dist/types/Items/RichText/setNodeStyles.d.ts

@@ -1,12 +1,12 @@
 import { BaseEditor } from 'slate';
-import { BlockNode } from 'Items/RichText/Editor/BlockNode';
+import { BlockNode, NoneListBlockNode } from 'Items/RichText/Editor/BlockNode';
 import { ReactEditor } from 'slate-react';
 import { HistoryEditor } from 'slate-history';
 import { HorisontalAlignment } from 'Items/Alignment';
 export declare function setNodeChildrenStyles({ editor, horisontalAlignment, node, }: {
     editor?: BaseEditor & ReactEditor & HistoryEditor;
     horisontalAlignment?: HorisontalAlignment;
-    node: BlockNode;
+    node: NoneListBlockNode;
 }): void;
 export declare function setNodeStyles({ node, isPaddingTopNeeded, listLevel, editor, horisontalAlignment, }: {
     node: BlockNode;

package/dist/types/Items/Shape/Shape.d.ts

@@ -397,6 +397,7 @@ export declare class Shape extends BaseItem {
     getIntersectionPoints(segment: Line): Point[];
     updateMbr(): Mbr;
     getMbr(): Mbr;
+    getPathMbr(): Mbr;
     getNearestEdgePointTo(point: Point): Point;
     getDistanceToPoint(point: Point): number;
     isUnderPoint(point: Point, tolerance?: number): boolean;

package/dist/types/Selection/QuickAddButtons/quickAddHelpers.d.ts

@@ -6,5 +6,5 @@ import { ShapeType } from 'Items/Shape';
 /** index represents the number of connection - left, right, top, bottom */
 export declare function getControlPointData(item: Item, index: number, isRichText?: boolean): ControlPointData;
 export declare function quickAddItem(board: Board, type: ShapeType | 'AINode' | 'Sticker' | 'RichText', connector: Connector): void;
-export declare function createAINode(board: Board, parentNodeId: string, directionIndex: number): AINode;
+export declare function createAINode(board: Board, directionIndex: number, parentNodeId?: string): AINode;
 export declare function createRichText(board: Board): RichText;

package/dist/types/Selection/Selection.d.ts

@@ -77,9 +77,10 @@ export declare class BoardSelection {
     list(): Item[];
     canChangeText(): boolean;
     private handleItemCopy;
-    copy(skipImageBlobCopy?: boolean): {
+    copy(skipImageBlobCopy: true): {
         [key: string]: ItemData;
-    } | {
+    };
+    copy(skipImageBlobCopy?: false): {
         imageElement: HTMLImageElement;
         imageData: {
             [key: string]: ItemData;
@@ -129,7 +130,6 @@ export declare class BoardSelection {
     setFontHighlight(fontHighlight: string): void;
     setHorisontalAlignment(horisontalAlignment: HorisontalAlignment): void;
     setVerticalAlignment(verticalAlignment: VerticalAlignment): void;
-    getMediaStorageIds(): string[];
     removeFromBoard(): void;
     getIsLockedSelection(): boolean;
     isLocked(): boolean;

package/dist/types/SpatialIndex/SpacialIndex.d.ts

@@ -1,7 +1,7 @@
 import { DocumentFactory } from 'api/DocumentFactory';
 import { ItemsIndexRecord } from 'BoardOperations';
 import { Camera } from 'Camera';
-import { Item, Frame, Mbr, Point, Connector } from 'Items';
+import { Item, Frame, Mbr, Point, Connector, Comment } from 'Items';
 import { DrawingContext } from 'Items/DrawingContext';
 import { Pointer } from 'Pointer';
 import { Subject } from 'Subject';
@@ -30,7 +30,7 @@ export declare class SpatialIndex {
     bringManyToFront(items: ItemWoFrames[]): void;
     moveSecondAfterFirst(first: ItemWoFrames, second: ItemWoFrames): void;
     moveSecondBeforeFirst(first: ItemWoFrames, second: ItemWoFrames): void;
-    getById(id: string): Item | undefined;
+    getById(id: string): BaseItem | undefined;
     findById(id: string): Item | undefined;
     getEnclosed(left: number, top: number, right: number, bottom: number): Item[];
     getEnclosedOrCrossed(left: number, top: number, right: number, bottom: number): Item[];
@@ -75,7 +75,7 @@ export declare class Items {
     getLinkedConnectorsById(id: string): Connector[];
     getConnectorsByItemIds(startPointerItemId?: string, endPointerItemId?: string): Connector[];
     render(context: DrawingContext): void;
-    renderHTML(documentFactory: DocumentFactory): HTMLElement;
+    renderHTML(documentFactory: DocumentFactory): string;
     getWholeHTML(documentFactory: DocumentFactory): string;
     getHTML(documentFactory: DocumentFactory, frames: Frame[], rest: ItemWoFrames[]): string;
 }

package/dist/types/public/customWebComponents.d.ts

@@ -0,0 +1,24 @@
+declare class RichTextElement extends HTMLElement {
+}
+declare class ShapeItemElement extends HTMLElement {
+}
+declare class StickerElement extends HTMLElement {
+}
+declare class DrawingElement extends HTMLElement {
+}
+declare class ConnectorElement extends HTMLElement {
+}
+declare class FrameItemElement extends HTMLElement {
+}
+declare class ImageItemElement extends HTMLElement {
+}
+declare class LinkItemElement extends HTMLElement {
+}
+declare class AINodeItemElement extends HTMLElement {
+}
+declare class VideoItemElement extends HTMLElement {
+}
+declare class CommentElement extends HTMLElement {
+}
+declare class AudioItemElement extends HTMLElement {
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-temp",
-  "version": "0.4.5",
+  "version": "0.4.7",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -32,12 +32,11 @@
     "test": "bun test",
     "lint": "eslint src/**/*.{ts,tsx}"
   },
-  "dependencies": {},
   "peerDependencies": {
-    "slate": "^0.114.0",
-    "slate-react": "^0.114.2",
     "canvas": "^3.1.0",
-    "jsdom": "26.0.0"
+    "jsdom": "26.0.0",
+    "slate": "^0.114.0",
+    "slate-react": "^0.114.2"
   },
   "peerDependenciesMeta": {
     "slate-react": {
@@ -51,26 +50,27 @@
     }
   },
   "devDependencies": {
-    "uuid": "^11.1.0",
-    "rbush": "^4.0.1",
-    "rbush-knn": "^4.0.0",
+    "@types/rbush": "^4.0.0",
     "bezier-js": "^6.1.4",
-    "typescript": "^5.8.3",
-    "eslint": "^9.27.0",
     "bun-types": "^1.2.13",
-    "slate-react": "^0.114.2",
-    "slate-history": "^0.113.1",
-    "unified": "^11.0.5",
-    "remark-parse": "^11.0.0",
-    "remark-stringify": "11.0.0",
-    "remark-slate": "^1.8.6",
-    "rehype-parse": "9.0.1",
-    "rehype-remark": "10.0.1",
     "css.escape": "^1.5.1",
+    "eslint": "^9.27.0",
     "i18next": "23.11.2",
     "i18next-browser-languagedetector": "7.2.1",
+    "rbush": "^4.0.1",
+    "rbush-knn": "^4.0.0",
     "react-i18next": "14.1.0",
-    "rimraf": "^6.0.1"
+    "rehype-parse": "9.0.1",
+    "rehype-remark": "10.0.1",
+    "remark-parse": "^11.0.0",
+    "remark-slate": "^1.8.6",
+    "remark-stringify": "11.0.0",
+    "rimraf": "^6.0.1",
+    "slate-history": "^0.113.1",
+    "slate-react": "^0.114.2",
+    "typescript": "^5.8.3",
+    "unified": "^11.0.5",
+    "uuid": "^11.1.0"
   },
   "repository": {
     "type": "git",