mathlean-canvas 0.3.3 → 0.3.4

package/dist/MathCanvas/components/icons.d.ts

@@ -33,6 +33,9 @@ export declare function RenderKatexExpression({ expression, fallback, displayMod
 export declare function GraphIcon({ active }: {
     active: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+export declare function PlotIcon({ active }: {
+    active: boolean;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function MatrixIcon({ active }: {
     active: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/MathCanvas/core/hooks/useCanvasSnapshot.d.ts

@@ -1,4 +1,4 @@
-import type { CanvasState, CoordinatePlaneMode, GeoAngle, GeoCircle, GeoHelperSegment, GeoPoint, GeoPolygon, GeoRightAngleMarker, GeoSegment, GraphEdge, GraphNode, MatrixObject, RenderMode, Stroke, TableObject, TextBlock } from "../../types";
+import type { CanvasState, CoordinatePlaneMode, GeoAngle, GeoCircle, GeoHelperSegment, GeoPoint, GeoPolygon, GeoRightAngleMarker, GeoSegment, GraphEdge, GraphNode, MatrixObject, PlotFunction, RenderMode, Stroke, TableObject, TextBlock } from "../../types";
 type UseCanvasSnapshotOptions = {
     blocks: TextBlock[];
     coordinatePlaneMode: CoordinatePlaneMode;
@@ -13,11 +13,12 @@ type UseCanvasSnapshotOptions = {
     graphNodes: GraphNode[];
     matrices: MatrixObject[];
     onStateChange?: (state: CanvasState) => void;
+    plots: PlotFunction[];
     renderMode: RenderMode;
     strokes: Stroke[];
     tables: TableObject[];
 };
-export declare function useCanvasSnapshot({ blocks, coordinatePlaneMode, geoAngles, geoCircles, geoHelperSegments, geoPoints, geoPolygons, geoRightAngleMarkers, geoSegments, graphEdges, graphNodes, matrices, onStateChange, renderMode, strokes, tables, }: UseCanvasSnapshotOptions): {
+export declare function useCanvasSnapshot({ blocks, coordinatePlaneMode, geoAngles, geoCircles, geoHelperSegments, geoPoints, geoPolygons, geoRightAngleMarkers, geoSegments, graphEdges, graphNodes, matrices, onStateChange, plots, renderMode, strokes, tables, }: UseCanvasSnapshotOptions): {
     getCanvasState: () => CanvasState;
 };
 export {};

package/dist/MathCanvas/core/hooks/useCanvasStageInteractions.d.ts

@@ -40,6 +40,7 @@ type UseCanvasStageInteractionsOptions = {
     findMatrixAtPoint: (x: number, y: number) => MatrixObject | null;
     findTableAtPoint: (x: number, y: number) => TableObject | null;
     findTextBlockBlockingCreation: (x: number, y: number) => TextBlock | null;
+    findTextBlockNearPoint: (x: number, y: number) => TextBlock | null;
     finishGraphSelectionDrag: () => boolean;
     getDefaultMatrixPosition: (x: number, y: number) => ScenePoint;
     getDefaultTablePosition: (x: number, y: number) => ScenePoint;
@@ -94,7 +95,7 @@ type UseCanvasStageInteractionsOptions = {
     updateEraserPreview: (x: number, y: number) => number;
     updateGraphSelectionDrag: (point: ScenePoint) => boolean;
 };
-export declare function useCanvasStageInteractions({ beginGraphSelectionDrag, clearEraserPreview, clearGeometryDraft, clearGeometrySelection, clearGraphSelection, clearMatrixSelection, clearTableSelection, commitEditing, commitGeometryLabelEditing, commitGraphEditing, commitMatrixEditing, commitTableEditing, createGraphNode, createId, createMatrix, createTable, createTextBlock, editingBlockId, editingGeometryLabel, editingGraphNodeId, editingMatrixId, editingTableId, eraseAtPointState, extendStroke, findGeoPointNear, findGeoSegmentNear, findGeometryLabelTargetNear, findGraphNodeAtPoint, findMatrixAtPoint, findTableAtPoint, findTextBlockBlockingCreation, finishGraphSelectionDrag, getDefaultMatrixPosition, getDefaultTablePosition, getGeoSnap, getScenePoint, geometryMode, handleGeometryCanvasPoint, handleGeometryPointChoice, isDrawing, isErasing, isPanning, lastPanPoint, penColor, penWidth, pushHistoryState, selectedGraphNodeId, selectedMatrixId, selectedPointId, selectedTableId, selectOnlyGeoSegment, selectOnlyGraphNode, setArmedSourceNodeId, setGeometryDraftPointIds, setGeometryPointer, setMatrixLatexPopover, setRenderMode, setSelectedBlockId, setSelectedGraphEdgeId, setSelectedMatrixId, setSelectedTableId, setSnapPreview, setTextBlockMenu, setViewport, skipNextMatrixCreationRef, skipNextTextCreationRef, skipNextTextCreationResetRef, startGeometryLabelEditing, startGraphEditing, startMatrixEditing, startStrokeState, startTableEditing, suppressNextGraphActivationRef, toggleEqualSideMarker, tool, updateEraserPreview, updateGraphSelectionDrag, }: UseCanvasStageInteractionsOptions): {
+export declare function useCanvasStageInteractions({ beginGraphSelectionDrag, clearEraserPreview, clearGeometryDraft, clearGeometrySelection, clearGraphSelection, clearMatrixSelection, clearTableSelection, commitEditing, commitGeometryLabelEditing, commitGraphEditing, commitMatrixEditing, commitTableEditing, createGraphNode, createId, createMatrix, createTable, createTextBlock, editingBlockId, editingGeometryLabel, editingGraphNodeId, editingMatrixId, editingTableId, eraseAtPointState, extendStroke, findGeoPointNear, findGeoSegmentNear, findGeometryLabelTargetNear, findGraphNodeAtPoint, findMatrixAtPoint, findTableAtPoint, findTextBlockBlockingCreation, findTextBlockNearPoint, finishGraphSelectionDrag, getDefaultMatrixPosition, getDefaultTablePosition, getGeoSnap, getScenePoint, geometryMode, handleGeometryCanvasPoint, handleGeometryPointChoice, isDrawing, isErasing, isPanning, lastPanPoint, penColor, penWidth, pushHistoryState, selectedGraphNodeId, selectedMatrixId, selectedPointId, selectedTableId, selectOnlyGeoSegment, selectOnlyGraphNode, setArmedSourceNodeId, setGeometryDraftPointIds, setGeometryPointer, setMatrixLatexPopover, setRenderMode, setSelectedBlockId, setSelectedGraphEdgeId, setSelectedMatrixId, setSelectedTableId, setSnapPreview, setTextBlockMenu, setViewport, skipNextMatrixCreationRef, skipNextTextCreationRef, skipNextTextCreationResetRef, startGeometryLabelEditing, startGraphEditing, startMatrixEditing, startStrokeState, startTableEditing, suppressNextGraphActivationRef, toggleEqualSideMarker, tool, updateEraserPreview, updateGraphSelectionDrag, }: UseCanvasStageInteractionsOptions): {
     handleCanvasActivation: (e: StageActivationEvent) => void;
     handlePointerDown: (e: StagePointerEvent) => void;
     handlePointerMove: (e: StagePointerEvent) => void;

package/dist/MathCanvas/features/plot/components/PlotControls.d.ts

@@ -0,0 +1,28 @@
+import { type Dispatch, type SetStateAction } from "react";
+import type { MathCanvasTheme, PlotFunction } from "../../../types";
+type PlotControlsProps = {
+    colors: MathCanvasTheme;
+    editingPlot: PlotFunction | null;
+    editingPlotEquationId: string | null;
+    editingPlotLatex: string;
+    plotColorOptions: readonly string[];
+    plotMenuPanel: "actions" | "color" | null;
+    copySelectedPlot: (plot: PlotFunction) => Promise<void>;
+    createPlotEquation: (plotId: string) => void;
+    deletePlotEquation: (plotId: string, equationId: string) => void;
+    deleteSelectedPlot: () => void;
+    commitPlotEditing: () => boolean;
+    pushHistoryState: () => void;
+    setEditingPlotEquationId: Dispatch<SetStateAction<string | null>>;
+    setEditingPlotId: Dispatch<SetStateAction<string | null>>;
+    setEditingPlotLatex: Dispatch<SetStateAction<string>>;
+    setPlotMenuPanel: (panel: "actions" | "color" | null) => void;
+    setPlots: Dispatch<SetStateAction<PlotFunction[]>>;
+    updatePlotEquationColor: (plotId: string, equationId: string, color: string) => void;
+    viewport: {
+        x: number;
+        y: number;
+    };
+};
+export default function PlotControls({ colors, editingPlot, editingPlotEquationId, editingPlotLatex, plotColorOptions, plotMenuPanel, copySelectedPlot, createPlotEquation, deletePlotEquation, deleteSelectedPlot, commitPlotEditing, pushHistoryState, setEditingPlotEquationId, setEditingPlotId, setEditingPlotLatex, setPlotMenuPanel, setPlots, updatePlotEquationColor, viewport, }: PlotControlsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/MathCanvas/features/plot/components/PlotLayer.d.ts

@@ -0,0 +1,30 @@
+import type Konva from "konva";
+import type { MutableRefObject } from "react";
+import type { MathCanvasTheme, PlotFunction, Tool } from "../../../types";
+type PlotLayerProps = {
+    plots: PlotFunction[];
+    colors: MathCanvasTheme;
+    darkMode: boolean;
+    size: {
+        width: number;
+        height: number;
+    };
+    viewport: {
+        x: number;
+        y: number;
+    };
+    plotNodeRefs: MutableRefObject<Record<string, Konva.Group | null>>;
+    selectedPlotId: string | null;
+    tool: Tool;
+    clearGraphSelection: () => void;
+    clearMatrixSelection: () => void;
+    clearTableSelection: () => void;
+    pushHistoryState: () => void;
+    setSelectedBlockId: (id: string | null) => void;
+    setSelectedPlotId: (id: string | null) => void;
+    openPlotActions: (id: string) => void;
+    startPlotEditing: (id: string) => void;
+    updatePlot: (id: string, updater: (plot: PlotFunction) => PlotFunction) => void;
+};
+export default function PlotLayer({ plots, colors, darkMode, size, viewport, plotNodeRefs, selectedPlotId, tool, clearGraphSelection, clearMatrixSelection, clearTableSelection, pushHistoryState, setSelectedBlockId, setSelectedPlotId, openPlotActions, startPlotEditing, updatePlot, }: PlotLayerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/MathCanvas/features/plot/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PlotControls } from "./components/PlotControls";
+export { default as PlotLayer } from "./components/PlotLayer";

package/dist/MathCanvas/features/plot/utils/plotCompiler.d.ts

@@ -0,0 +1,18 @@
+import type { MathJsonExpression } from "@cortex-js/compute-engine/math-json";
+export type PlotCompileResult = {
+    ok: true;
+    latex: string;
+    mathJson: MathJsonExpression;
+} | {
+    ok: false;
+    error: string;
+};
+export type CompiledPlotFunction = {
+    kind: "explicit";
+    evaluate: (x: number) => number;
+} | {
+    kind: "implicit";
+    evaluate: (x: number, y: number) => number;
+};
+export declare function compilePlotLatex(latex: string): PlotCompileResult;
+export declare function compilePlotMathJson(mathJson: MathJsonExpression | null): CompiledPlotFunction | null;

package/dist/MathCanvas/features/plot/utils/plotModel.d.ts

@@ -0,0 +1,16 @@
+import type { PlotEquation, PlotFunction } from "../../../types";
+export declare const PLOT_EQUATION_ROW_HEIGHT = 42;
+export declare const PLOT_EQUATION_TOP_PADDING = 8;
+export declare const PLOT_EQUATION_BOTTOM_PADDING = 8;
+export declare const PLOT_EQUATION_MIN_HEIGHT = 52;
+export declare const PLOT_EQUATION_PANEL_WIDTH = 190;
+export declare const PLOT_EQUATION_PANEL_MAX_WIDTH = 440;
+export declare const PLOT_EQUATION_PANEL_GAP = 8;
+export declare const PLOT_EQUATION_PANEL_DEFAULT_TOP = 10;
+export declare function getPlotEquations(plot: PlotFunction): PlotEquation[];
+export declare function getPlotEquationAreaHeight(plot: PlotFunction): number;
+export declare function getPlotEquationPanelWidth(plot: PlotFunction): number;
+export declare function getPlotEquationTextWidth(panelWidth: number): number;
+export declare function getPlotEquationRowHeight(equation: PlotEquation, panelWidth: number): number;
+export declare function getPlotEquationRowTop(plot: PlotFunction, index: number): number;
+export declare function normalizePlot(plot: PlotFunction): PlotFunction;

package/dist/MathCanvas/features/text/hooks/useTextBlockRenderHelpers.d.ts

@@ -10,6 +10,7 @@ type UseTextBlockRenderHelpersOptions = {
 };
 export declare function useTextBlockRenderHelpers({ blockHeights, blockWidths, blocks, size, }: UseTextBlockRenderHelpersOptions): {
     findTextBlockBlockingCreation: (x: number, y: number) => TextBlock | null;
+    findTextBlockNearPoint: (x: number, y: number) => TextBlock | null;
     getTextMathAxisY: (block: TextBlock) => number | null;
 };
 export {};

package/dist/MathCanvas/types.d.ts

@@ -1,5 +1,6 @@
 import type { Stage } from "react-konva";
-export type Tool = "select" | "pan" | "pen" | "eraser" | "text" | "graph" | "matrix" | "table" | "geometry";
+import type { MathJsonExpression } from "@cortex-js/compute-engine/math-json";
+export type Tool = "select" | "pan" | "pen" | "eraser" | "text" | "graph" | "plot" | "matrix" | "table" | "geometry";
 export type DrawingTool = "pen" | "eraser";
 export type RenderMode = "plain" | "latex";
 export type GeometryMode = "point" | "segment" | "angle" | "circle" | "label" | "midpoint" | "perpendicular" | "parallel" | "fixed" | "regular" | "rightAngle" | "equalSide";
@@ -58,6 +59,26 @@ export type GraphEdge = {
     targetId: string;
     directed?: boolean;
 };
+export type PlotEquation = {
+    id: string;
+    latex: string;
+    mathJson: MathJsonExpression | null;
+    color: string;
+};
+export type PlotFunction = {
+    id: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    latex: string;
+    mathJson: MathJsonExpression | null;
+    color: string;
+    scale?: number;
+    equations?: PlotEquation[];
+    equationPanelX?: number;
+    equationPanelY?: number;
+};
 export type GraphClipboard = {
     nodes: Array<GraphNode & {
         offsetX: number;
@@ -174,6 +195,7 @@ export type CanvasState = {
     blocks: TextBlock[];
     graphNodes: GraphNode[];
     graphEdges: GraphEdge[];
+    plots: PlotFunction[];
     matrices: MatrixObject[];
     tables: TableObject[];
     geoPoints: GeoPoint[];