mathlean-canvas 0.3.1 → 0.3.3

package/dist/inlineMathModel.d.ts

@@ -0,0 +1,26 @@
+export type InlineMathTextAtom = {
+    id: string;
+    type: "text";
+    value: string;
+};
+export type InlineMathTokenAtom = {
+    id: string;
+    type: "math";
+    value: string;
+    displayMode: boolean;
+};
+export type InlineMathAtom = InlineMathTextAtom | InlineMathTokenAtom;
+export type InlineMathAtomRange = InlineMathAtom & {
+    start: number;
+    end: number;
+    contentStart?: number;
+    contentEnd?: number;
+};
+export declare function normalizeInlineMathAtoms(atoms: InlineMathAtom[]): InlineMathAtom[];
+export declare function parseInlineMathAtoms(content: string): InlineMathAtom[];
+export declare function parseInlineMathAtomsWithRanges(content: string): InlineMathAtomRange[];
+export declare function serializeInlineMathAtoms(atoms: InlineMathAtom[]): string;
+export declare function insertInlineMathAtom(atoms: InlineMathAtom[], textAtomId: string, offset: number, createId: () => string): {
+    atoms: InlineMathAtom[];
+    insertedMathAtomId: string | null;
+};

package/dist/useInlineMathSession.d.ts

@@ -0,0 +1,67 @@
+import { type Dispatch, type RefObject, type SetStateAction } from "react";
+import type { MathfieldElement } from "mathlive";
+import { type InlineMathAtom } from "./inlineMathModel";
+type RenderMode = "plain" | "latex";
+type InlineMathEditingBlock = {
+    id: string;
+    x: number;
+    y: number;
+    renderMode: RenderMode;
+};
+export type ActiveInlineMathSession = {
+    atomId: string;
+    start: number;
+    end: number;
+    displayMode: boolean;
+    tailAfter?: string;
+};
+export type InlineMathPreview = {
+    expression: string;
+    fallback: string;
+    caretOffset?: number;
+    start?: number;
+    end?: number;
+    contentEnd?: number;
+    left: number;
+    top: number;
+} | null;
+type UseInlineMathSessionArgs = {
+    blocks: InlineMathEditingBlock[];
+    editingBlockId: string | null;
+    editingValue: string;
+    editingSelection: number;
+    editingInlineMathAtoms: InlineMathAtom[];
+    renderMode: RenderMode;
+    setEditingValue: Dispatch<SetStateAction<string>>;
+    setEditingSelection: Dispatch<SetStateAction<number>>;
+    setEditingInlineMathAtoms: Dispatch<SetStateAction<InlineMathAtom[]>>;
+    textareaRef: RefObject<HTMLTextAreaElement | null>;
+    inlineMathFieldRef: RefObject<MathfieldElement | null>;
+    createId: () => string;
+    latexPreviewMargin: number;
+};
+export declare function applyInlineMathSessionResolvedContent(content: string, session: ActiveInlineMathSession | null, latex: string): string;
+export declare function getInlineMathSessionEffectiveLatex(content: string, session: ActiveInlineMathSession | null): string;
+export declare function safeGetMathfieldLatex(field: MathfieldElement | null | undefined, fallback?: string): string | null;
+export declare function useInlineMathSession({ blocks, editingBlockId, editingValue, editingSelection, editingInlineMathAtoms, renderMode, setEditingValue, setEditingSelection, setEditingInlineMathAtoms, textareaRef, inlineMathFieldRef, createId, latexPreviewMargin, }: UseInlineMathSessionArgs): {
+    activeInlineMathAtomId: string | null;
+    activeInlineMathDraft: string;
+    activeInlineMathSession: ActiveInlineMathSession | null;
+    activeInlineMathSessionRef: RefObject<ActiveInlineMathSession | null>;
+    editingDisplayValue: string;
+    inlineMathEditorMode: "mathlive" | "fallback";
+    isOpeningInlineMathSessionRef: RefObject<boolean>;
+    latexPreview: InlineMathPreview;
+    markInlineMathEditorReady: () => void;
+    handleInlineMathLatexChange: (latex: string) => void;
+    setActiveInlineMathDraft: Dispatch<SetStateAction<string>>;
+    activateInlineMathFallback: (fallbackLatex?: string) => void;
+    resetInlineMathState: () => void;
+    insertInlineMathAtSelection: (start: number, end: number) => void;
+    reopenInlineMathSessionAtBoundary: (direction: "before" | "after") => boolean;
+    commitActiveInlineMathDraft: () => void;
+    exitActiveInlineMathDraft: (direction: "before" | "after") => void;
+    cancelActiveInlineMathDraft: () => void;
+    getResolvedEditingValue: () => string;
+};
+export {};

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "mathlean-canvas",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/KingArth0r/mathlean-canvas.git"
@@ -15,6 +16,7 @@
   "homepage": "https://github.com/KingArth0r/mathlean-canvas#readme",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     }
   },
@@ -28,7 +30,7 @@
   ],
   "scripts": {
     "dev": "vite",
-    "build": "tsc -b && vite build",
+    "build": "tsc -b && vite build && tsc -p tsconfig.types.json",
     "build:demo": "vite build --mode demo",
     "lint": "eslint .",
     "preview": "vite preview --mode demo",
@@ -56,6 +58,8 @@
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.5.2",
     "globals": "^17.4.0",
+    "html2canvas": "^1.4.1",
+    "jspdf": "^4.2.1",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.57.0",
     "vite": "^8.0.1"