microboard-temp 0.1.1 → 0.1.3

package/dist/types/Tools/ToolContext.d.ts

@@ -0,0 +1,20 @@
+import { DrawingContext } from 'Items/DrawingContext';
+import { Tool } from './Tool';
+export declare class ToolContext implements Tool {
+    protected tool: Tool;
+    leftButtonDown(): boolean;
+    leftButtonUp(): boolean;
+    leftButtonDouble(): boolean;
+    rightButtonDown(): boolean;
+    rightButtonUp(): boolean;
+    rightButtonDouble(): boolean;
+    middleButtonDown(): boolean;
+    middleButtonUp(): boolean;
+    middleButtonDouble(): boolean;
+    keyDown(key: string): boolean;
+    keyUp(key: string): boolean;
+    pointerMoveBy(x: number, y: number): boolean;
+    onCancel(): void;
+    onConfirm(): void;
+    render(_context: DrawingContext): void;
+}

package/dist/types/Tools/Tools.d.ts

@@ -0,0 +1,58 @@
+import { Board } from 'Board';
+import { Item, Point, Frame } from 'Items';
+import { DrawingContext } from 'Items/DrawingContext';
+import { AddComment } from './AddComment';
+import { AddConnector } from './AddConnector';
+import { AddDrawing, AddHighlighter } from './AddDrawing';
+import { AddFrame } from './AddFrame';
+import { AddShape } from './AddShape';
+import { AddSticker } from './AddSticker';
+import { AddText } from './AddText';
+import { BoardTool } from './BoardTool';
+import { Eraser } from './Eraser';
+import { ExportSnapshot } from './ExportSnapshot/ExportSnapshot';
+import { Navigate } from './Navigate';
+import { Select } from './Select';
+import { ToolContext } from './ToolContext';
+import { Subject } from 'Subject';
+export declare class Tools extends ToolContext {
+    protected board: Board;
+    readonly subject: Subject<Tools>;
+    beforeNavigateMode: 'navigate' | 'select';
+    constructor(board: Board);
+    setTool(tool: BoardTool): void;
+    setBeforeNavigateMode(mode: any): void;
+    navigate(): void;
+    getNavigate(): Navigate | undefined;
+    select(clearSelection?: boolean): void;
+    getSelect(): Select | undefined;
+    addSticker(clearSelection?: boolean): void;
+    addShape(clearSelection?: boolean): void;
+    getAddShape(): AddShape | undefined;
+    getAddSticker(): AddSticker | undefined;
+    addText(clearSelection?: boolean): void;
+    getAddText(): AddText | undefined;
+    addConnector(clearSelection?: boolean, itemToStart?: Item, position?: Point): void;
+    getAddConnector(): AddConnector | undefined;
+    addDrawing(clearSelection?: boolean): void;
+    getAddDrawing(): AddDrawing | undefined;
+    addHighlighter(clearSelection?: boolean): void;
+    getAddHighlighter(): AddHighlighter | undefined;
+    eraser(clearSelection?: boolean): void;
+    getEraser(): Eraser | undefined;
+    addComment(clearSelection?: boolean): void;
+    getAddComment(): AddComment | undefined;
+    export(): void;
+    getExport(): ExportSnapshot | undefined;
+    addFrame(clearSelection?: boolean): void;
+    getAddFrame(): AddFrame | undefined;
+    cancel(): void;
+    confirm(): void;
+    publish(): void;
+    sortFrames(): Frame[];
+    getNewFrameIndex(frames: Frame[], direction: 'next' | 'prev'): number;
+    frameNavigation(direction: 'next' | 'prev'): void;
+    setNavigateMode(isSpacePressed: boolean): void;
+    exitNavigateMode(): void;
+    render(context: DrawingContext): void;
+}

package/dist/types/Tools/index.d.ts

@@ -0,0 +1 @@
+export { Tools } from "./Tools";

package/dist/types/Validators/Validators.d.ts

@@ -0,0 +1,4 @@
+import { ItemData } from "Items";
+export type ItemsMap = Record<string, ItemData>;
+export declare function validateItemsMap(parsedObject: any): parsedObject is ItemsMap;
+export declare function validateRichTextData(richTextData: any): boolean;

package/dist/types/Validators/index.d.ts

@@ -0,0 +1 @@
+export * from "./Validators";

package/dist/types/api/BrowserDOMParser.d.ts

@@ -0,0 +1 @@
+export declare function getBrowserDOMParser(): DOMParser;

package/dist/types/api/BrowserDocumentFactory.d.ts

@@ -0,0 +1,7 @@
+import { DocumentFactory } from "./DocumentFactory";
+export declare class BrowserDocumentFactory implements DocumentFactory {
+    createElement(tagName: string): HTMLElement;
+    createElementNS(namespace: string, tagName: string): Element;
+    caretPositionFromPoint(x: number, y: number, options?: CaretPositionFromPointOptions): CaretPosition | null;
+    caretRangeFromPoint(x: number, y: number): Range | null;
+}

package/dist/types/api/BrowserPath2DFactory.d.ts

@@ -0,0 +1,16 @@
+import { Path2DFactory } from "./Path2DFactory";
+export declare class BrowserPath2D implements Path2DFactory {
+    nativePath: Path2D;
+    constructor(d?: string);
+    addPath(path: Path2DFactory, transform?: DOMMatrix2DInit): void;
+    arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
+    arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+    bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
+    closePath(): void;
+    ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
+    lineTo(x: number, y: number): void;
+    moveTo(x: number, y: number): void;
+    quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
+    rect(x: number, y: number, w: number, h: number): void;
+    roundRect(x: number, y: number, width: number, height: number, radii?: number | DOMPointInit): void;
+}

package/dist/types/api/DocumentFactory.d.ts

@@ -0,0 +1,6 @@
+export interface DocumentFactory {
+    createElement(tagName: string): HTMLElement;
+    createElementNS(namespace: string, tagName: string): Element;
+    caretPositionFromPoint(x: number, y: number, options?: CaretPositionFromPointOptions): CaretPosition | null;
+    caretRangeFromPoint(x: number, y: number): Range | null;
+}

package/dist/types/api/MockPath2D.d.ts

@@ -0,0 +1,46 @@
+import { Path2DFactory } from "./Path2DFactory";
+/**
+ * Mock implementation of Path2D for testing purposes.
+ * This class provides a non-browser implementation of Path2D that can be used in tests.
+ * All methods are stubbed and don't perform actual path operations.
+ */
+export declare class MockPath2D implements Path2DFactory {
+    nativePath: any;
+    private commands;
+    constructor(d?: string);
+    addPath(path: Path2DFactory, transform?: DOMMatrix2DInit): void;
+    arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
+    arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+    bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
+    closePath(): void;
+    ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
+    lineTo(x: number, y: number): void;
+    moveTo(x: number, y: number): void;
+    quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
+    rect(x: number, y: number, w: number, h: number): void;
+    roundRect(x: number, y: number, width: number, height: number, radii?: number | DOMPointInit): void;
+    /**
+     * Get all commands that were called on this path
+     * Useful for testing to verify the sequence of operations
+     */
+    getCommands(): {
+        method: string;
+        args: any[];
+    }[];
+    /**
+     * Clear all recorded commands
+     * Useful for resetting the mock between tests
+     */
+    clearCommands(): void;
+    /**
+     * Check if a specific command was called with specific arguments
+     * @param method - The method name to check
+     * @param args - Optional arguments to verify
+     */
+    wasCalledWith(method: string, args?: any[]): boolean;
+    /**
+     * Get the number of times a specific command was called
+     * @param method - The method name to count
+     */
+    getCallCount(method: string): number;
+}

package/dist/types/api/NodeDOMParser.d.ts

@@ -0,0 +1,3 @@
+export declare function getNodeDOMParser(): {
+    parseFromString: (str: string, type: DOMParserSupportedType) => any;
+};

package/dist/types/api/NodeDocumentFactory.d.ts

@@ -0,0 +1,8 @@
+import { DocumentFactory } from "./DocumentFactory";
+export declare class NodeDocumentFactory implements DocumentFactory {
+    private dom;
+    createElement(tagName: string): HTMLElement;
+    createElementNS(namespace: string, tagName: string): Element;
+    caretPositionFromPoint(x: number, y: number, options?: CaretPositionFromPointOptions): CaretPosition | null;
+    caretRangeFromPoint(x: number, y: number): Range | null;
+}

package/dist/types/api/NodePath2DFactory.d.ts

@@ -0,0 +1,17 @@
+import { Path2DFactory } from './Path2DFactory';
+export declare class NodePath2D extends Path2DFactory {
+    nativePath: {};
+    constructor(d?: string);
+    addPath(path: Path2DFactory, transform?: DOMMatrix2DInit): void;
+    arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
+    arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+    bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
+    closePath(): void;
+    ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
+    lineTo(x: number, y: number): void;
+    moveTo(x: number, y: number): void;
+    quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
+    rect(x: number, y: number, w: number, h: number): void;
+    getNativePath(): void;
+    roundRect(x: number, y: number, width: number, height: number, radii?: number | DOMPointInit): void;
+}

package/dist/types/api/Path2DFactory.d.ts

@@ -0,0 +1,93 @@
+export interface Path2DFactory {
+    nativePath: any;
+    /**
+     * Adds the given path to the current path, optionally applying a transformation.
+     * @param path - The Path2D to add.
+     * @param transform - An optional transformation matrix.
+     */
+    addPath(path: Path2DFactory, transform?: DOMMatrix2DInit): void;
+    /**
+     * Adds an arc to the path.
+     * @param x - The x-coordinate of the center of the arc.
+     * @param y - The y-coordinate of the center of the arc.
+     * @param radius - The radius of the arc.
+     * @param startAngle - The starting angle, in radians.
+     * @param endAngle - The ending angle, in radians.
+     * @param anticlockwise - Optional. If true, draws the arc anticlockwise; otherwise, clockwise.
+     */
+    arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
+    /**
+     * Adds an arc segment to the path with the given control points and radius.
+     * @param x1 - The x-coordinate of the first control point.
+     * @param y1 - The y-coordinate of the first control point.
+     * @param x2 - The x-coordinate of the second control point.
+     * @param y2 - The y-coordinate of the second control point.
+     * @param radius - The radius of the arc.
+     */
+    arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+    /**
+     * Adds a Bézier curve to the path.
+     * @param cp1x - The x-coordinate of the first control point.
+     * @param cp1y - The y-coordinate of the first control point.
+     * @param cp2x - The x-coordinate of the second control point.
+     * @param cp2y - The y-coordinate of the second control point.
+     * @param x - The x-coordinate of the end point.
+     * @param y - The y-coordinate of the end point.
+     */
+    bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
+    /**
+     * Closes the current subpath.
+     */
+    closePath(): void;
+    /**
+     * Adds an ellipse to the path.
+     * @param x - The x-coordinate of the center of the ellipse.
+     * @param y - The y-coordinate of the center of the ellipse.
+     * @param radiusX - The ellipse's major-axis radius.
+     * @param radiusY - The ellipse's minor-axis radius.
+     * @param rotation - The rotation of the ellipse, in radians.
+     * @param startAngle - The starting angle, in radians.
+     * @param endAngle - The ending angle, in radians.
+     * @param anticlockwise - Optional. If true, draws the ellipse anticlockwise; otherwise, clockwise.
+     */
+    ellipse(x: number, y: number, radiusX: number, radiusY: number, rotation: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
+    /**
+     * Adds a straight line to the path.
+     * @param x - The x-coordinate of the end point.
+     * @param y - The y-coordinate of the end point.
+     */
+    lineTo(x: number, y: number): void;
+    /**
+     * Moves the starting point of a new subpath to the specified (x, y) coordinates.
+     * @param x - The x-coordinate.
+     * @param y - The y-coordinate.
+     */
+    moveTo(x: number, y: number): void;
+    /**
+     * Adds a quadratic Bézier curve to the path.
+     * @param cpx - The x-coordinate of the control point.
+     * @param cpy - The y-coordinate of the control point.
+     * @param x - The x-coordinate of the end point.
+     * @param y - The y-coordinate of the end point.
+     */
+    quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
+    /**
+     * Adds a rectangle to the path.
+     * @param x - The x-coordinate of the rectangle's starting point.
+     * @param y - The y-coordinate of the rectangle's starting point.
+     * @param w - The width of the rectangle.
+     * @param h - The height of the rectangle.
+     */
+    rect(x: number, y: number, w: number, h: number): void;
+    /**
+     * Adds a rectangle with rounded corners to the path.
+     * @param x - The x-coordinate of the rectangle's starting point.
+     * @param y - The y-coordinate of the rectangle's starting point.
+     * @param width - The width of the rectangle.
+     * @param height - The height of the rectangle.
+     * @param radii - The radius of the rounded corners. Can be a number or a DOMPointInit.
+     */
+    roundRect(x: number, y: number, width: number, height: number, radii?: number | DOMPointInit): void;
+}
+export declare class Path2DFactory {
+}

package/dist/types/api/getMeasureCtx.d.ts

@@ -0,0 +1 @@
+export declare function getMeasureCtx(): any;

package/dist/types/api/initBrowserSettings.d.ts

@@ -0,0 +1,2 @@
+import { Settings } from 'Settings';
+export declare function initBrowserSettings(): Settings;

package/dist/types/api/initI18N.d.ts

@@ -0,0 +1,2 @@
+import i18n from 'i18next';
+export declare function initI18N(isNode?: boolean): typeof i18n;

package/dist/types/api/initNodeSettings.d.ts

@@ -0,0 +1,3 @@
+import 'css.escape';
+import { Settings } from 'Settings';
+export declare function initNodeSettings(): Settings;

package/dist/types/api/initPaths.d.ts

@@ -0,0 +1,3 @@
+import type { BrowserPath2D } from './BrowserPath2DFactory';
+import type { NodePath2D } from './NodePath2DFactory';
+export declare function initPaths(path2D: typeof BrowserPath2D | typeof NodePath2D): void;

package/dist/types/api/safeRequestAnimationFrame.d.ts

@@ -0,0 +1 @@
+export declare function safeRequestAnimationFrame(callback: (time?: number) => void): number | undefined;

package/dist/types/drawMbrOnCanvas.d.ts

@@ -0,0 +1,18 @@
+import { Board } from "./Board";
+import { Matrix, Mbr } from "./Items";
+import { TransformManyItems } from "./Items/Transformation/TransformationOperations";
+export interface CanvasDrawer {
+    getLastCreatedCanvas: () => HTMLDivElement | undefined;
+    getLastTranslationKeys: () => string[] | undefined;
+    getMatrix: () => Matrix;
+    translateCanvasBy: (x: number, y: number) => void;
+    recoordinateCanvas: (sumMbr: Mbr) => void;
+    scaleCanvasBy: (scaleX: number, scaleY: number) => void;
+    scaleCanvasTo: (scaleX: number, scaleY: number) => void;
+    clearCanvasAndKeys: () => void;
+    updateCanvasAndKeys: (sumMbr: Mbr, translation: TransformManyItems, resizingMatrix?: Matrix, actualMbr?: Mbr) => void;
+    countSumMbr: (translation: TransformManyItems) => Mbr | undefined;
+    highlightNesting: () => void;
+    getMbr: () => Mbr;
+}
+export default function createCanvasDrawer(board: Board): CanvasDrawer;

package/dist/types/index.d.ts

@@ -0,0 +1,24 @@
+export * from "./Board";
+export * from "./Items";
+export * from "./BoardCommand";
+export * from "./BoardOperations";
+export * from "./SubjectOperation";
+export * from "./Subject";
+export * from "./Camera";
+export * from "./Pointer";
+export * from "./Presence";
+export * from "./ReversibleOps";
+export * from "./Selection";
+export * from "./SessionStorage";
+export * from "./Validators";
+export * from "./Events";
+export * from "./Keyboard";
+export * from "./Settings";
+export * from "./SpatialIndex";
+export * from "./Tools";
+export * from "./HTMLRender";
+export * from "./drawMbrOnCanvas";
+export * from "./itemFactories";
+export * from "./parserHTML";
+export * from "./sha256";
+export * from "./lib";

package/dist/types/isFirefox.d.ts

@@ -0,0 +1 @@
+export declare function isFirefox(): boolean;

package/dist/types/isMacos.d.ts

@@ -0,0 +1 @@
+export declare const isMacos: () => boolean;

package/dist/types/isSafari.d.ts

@@ -0,0 +1 @@
+export declare function isSafari(): boolean;

package/dist/types/itemFactories.d.ts

@@ -0,0 +1,8 @@
+import { Board } from "Board";
+import { ItemData, Item, ItemType } from "Items";
+interface ItemFactory {
+    (id: string, data: ItemData, board: Board): Item;
+}
+export type ItemFactories = Record<ItemType, ItemFactory>;
+export declare const itemFactories: ItemFactories;
+export {};

package/dist/types/lib.d.ts

@@ -0,0 +1,13 @@
+export declare function isFiniteNumber(value: unknown): boolean;
+export declare function toFiniteNumber(value: unknown, coerce?: number): number;
+export declare function isNumberEven(number: number): boolean;
+export declare function isNumberEvenOrZero(number: number): boolean;
+export declare function isNumberOdd(number: number): boolean;
+export declare function getRandomNumber(min: number, max: number): number;
+export declare function forceNumberIntoInterval(number: number, min: number, max: number): number;
+export declare function isShallowEqualTo(isObject: unknown, toObject: unknown): boolean;
+export declare function isShallowSimilarTo(isObject: unknown, toObject: unknown): boolean;
+export type PublicInterfaceOf<T> = {
+    [K in keyof T]: T[K];
+};
+export declare function omitDefaultProperties<Type>(defaultObject: Type, fullObject: Type): Partial<Type>;

package/dist/types/parserHTML.d.ts

@@ -0,0 +1,9 @@
+import { ItemType, ItemData } from "Items";
+type MapTagByType = Record<ItemType, string>;
+export declare const tagByType: MapTagByType;
+type TagFactories = {
+    [K in keyof MapTagByType as MapTagByType[K]]: (el: HTMLElement) => ItemData;
+};
+export declare const parsersHTML: TagFactories;
+export declare const decodeHtml: (htmlString: string) => string;
+export {};

package/dist/types/sha256.d.ts

@@ -0,0 +1,2 @@
+export declare function sha256(message: any): Promise<string>;
+export declare function fileTosha256(file: File): Promise<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-temp",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "A flexible interactive whiteboard library",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -9,7 +9,7 @@
     ".": {
       "import": "./dist/index.js",
       "require": "./dist/cjs/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/types/index.d.ts"
     }
   },
   "files": [
@@ -18,7 +18,8 @@
   "scripts": {
     "build": "bun build ./src/index.ts --outdir ./dist --target browser --format esm --declaration",
     "build:cjs": "bun build ./src/index.ts --outdir ./dist/cjs --target browser --format cjs --declaration",
-    "build:all": "bun run build && bun run build:cjs",
+    "build:types": "tsc --noEmit false --emitDeclarationOnly --declaration --declarationDir ./dist/types --skipLibCheck",
+    "build:all": "bun run build && bun run build:cjs && bun run build:types",
     "dev": "bun build ./src/index.ts --outdir ./dist --target browser --format esm --watch",
     "test": "bun test",
     "lint": "eslint src/**/*.{ts,tsx}"