@teachinglab/omd 0.7.34 → 0.7.36

package/README.md

@@ -36,6 +36,29 @@ const display = new omdDisplay(container);
 display.render('2x + 3 = 11');
 ```
 
+### No-Build Browser Usage
+
+```html
+<script src="https://unpkg.com/@teachinglab/omd"></script>
+<script>
+  const { createFromJSON, omdDisplay } = window.OMD;
+
+  const display = new omdDisplay(document.getElementById('math-container'));
+  const graph = createFromJSON({
+    omdType: 'coordinatePlane',
+    xMin: -5,
+    xMax: 5,
+    yMin: -5,
+    yMax: 5,
+    graphEquations: [{ equation: 'y=x+1', color: '#0f766e' }]
+  });
+
+  display.render(graph);
+</script>
+```
+
+The browser bundle auto-registers `window.math`, so you do not need a separate math setup script.
+
 ## Documentation
 
 ### Getting Started

package/browser/index.js

@@ -0,0 +1,130 @@
+import * as mathjs from 'mathjs';
+
+import { getNodeForAST } from '../omd/core/omdUtilities.js';
+import { omdEquationNode } from '../omd/nodes/omdEquationNode.js';
+import { omdStepVisualizer } from '../omd/step-visualizer/omdStepVisualizer.js';
+
+const globalScope = (() => {
+    if (typeof globalThis !== 'undefined') return globalThis;
+    if (typeof window !== 'undefined') return window;
+    if (typeof global !== 'undefined') return global;
+    return undefined;
+})();
+
+if (globalScope && !globalScope.math) {
+    try {
+        globalScope.math = mathjs;
+    } catch (_) {
+        // Ignore read-only global environments.
+    }
+}
+
+export const math = mathjs;
+
+export const omdHelpers = {
+    createNodeFromExpression(expression, mathInstance = mathjs) {
+        const parsedAST = mathInstance.parse(expression);
+        const NodeClass = getNodeForAST(parsedAST);
+        return new NodeClass(parsedAST);
+    },
+
+    createEquation(equationString) {
+        return omdEquationNode.fromString(equationString);
+    },
+
+    createStepVisualizer(equationStrings) {
+        const steps = equationStrings.map((equationString) =>
+            omdEquationNode.fromString(equationString)
+        );
+        return new omdStepVisualizer(steps);
+    },
+};
+
+export { omdNode } from '../omd/nodes/omdNode.js';
+export { omdBinaryExpressionNode } from '../omd/nodes/omdBinaryExpressionNode.js';
+export { omdConstantNode } from '../omd/nodes/omdConstantNode.js';
+export { omdEquationNode } from '../omd/nodes/omdEquationNode.js';
+export { omdFunctionNode } from '../omd/nodes/omdFunctionNode.js';
+export { omdGroupNode } from '../omd/nodes/omdGroupNode.js';
+export { omdLeafNode } from '../omd/nodes/omdLeafNode.js';
+export { omdOperationDisplayNode } from '../omd/nodes/omdOperationDisplayNode.js';
+export { omdOperatorNode } from '../omd/nodes/omdOperatorNode.js';
+export { omdParenthesisNode } from '../omd/nodes/omdParenthesisNode.js';
+export { omdPowerNode } from '../omd/nodes/omdPowerNode.js';
+export { omdRationalNode } from '../omd/nodes/omdRationalNode.js';
+export { omdEquationSequenceNode } from '../omd/nodes/omdEquationSequenceNode.js';
+export { omdSqrtNode } from '../omd/nodes/omdSqrtNode.js';
+export { omdUnaryExpressionNode } from '../omd/nodes/omdUnaryExpressionNode.js';
+export { omdVariableNode } from '../omd/nodes/omdVariableNode.js';
+export { omdEquationStack } from '../omd/core/omdEquationStack.js';
+export { omdStepVisualizer } from '../omd/step-visualizer/omdStepVisualizer.js';
+export { omdDisplay } from '../omd/display/omdDisplay.js';
+export { omdToolbar } from '../omd/display/omdToolbar.js';
+export { omdNodeOverlay, omdNodeOverlayPresets } from '../omd/utils/omdNodeOverlay.js';
+export { omdTranscriptionService } from '../omd/utils/omdTranscriptionService.js';
+export { getNodeForAST } from '../omd/core/omdUtilities.js';
+export { simplifyStep } from '../omd/simplification/omdSimplification.js';
+export {
+    initializeConfig,
+    setConfig,
+    getDefaultConfig,
+} from '../omd/config/omdConfigManager.js';
+
+export { omdTable } from '../src/omdTable.js';
+export { omdBalanceHanger } from '../src/omdBalanceHanger.js';
+export { omdCoordinatePlane } from '../src/omdCoordinatePlane.js';
+export { omdTapeDiagram } from '../src/omdTapeDiagram.js';
+export { omdDoubleTapeDiagram } from '../src/omdDoubleTapeDiagram.js';
+export { omdTileEquation } from '../src/omdTileEquation.js';
+export { omdRatioChart } from '../src/omdRatioChart.js';
+export { omdNumberLine } from '../src/omdNumberLine.js';
+export { omdDoubleNumberLine } from '../src/omdDoubleNumberLine.js';
+export { omdNumberTile } from '../src/omdNumberTile.js';
+export { omdEquation } from '../src/omdEquation.js';
+export { omdExpression } from '../src/omdExpression.js';
+export { omdTerm } from '../src/omdTerm.js';
+export { omdNumber } from '../src/omdNumber.js';
+export { omdVariable } from '../src/omdVariable.js';
+export { omdPowerExpression } from '../src/omdPowerExpression.js';
+export { omdRationalExpression } from '../src/omdRationalExpression.js';
+export { omdFunction } from '../src/omdFunction.js';
+export { omdApp } from '../src/omdApp.js';
+export { omdAppCanvas } from '../src/omdAppCanvas.js';
+export { omd } from '../src/omd.js';
+export { omdColor } from '../src/omdColor.js';
+export {
+    createFromJSON,
+    getSupportedTypes,
+    isTypeSupported,
+} from '../src/omdFactory.js';
+export {
+    omdRightTriangle,
+    omdIsoscelesTriangle,
+    omdRectangle,
+    omdEllipse,
+    omdCircle,
+    omdRegularPolygon,
+    omdShapeLabelSet,
+} from '../src/omdShapes.js';
+export { omdSpinner } from '../src/omdSpinner.js';
+export { omdLabel } from '../src/omdLabel.js';
+export { omdProblem } from '../src/omdProblem.js';
+
+export { omdCanvas } from '../canvas/core/omdCanvas.js';
+export { CanvasConfig as canvasConfig } from '../canvas/core/canvasConfig.js';
+export { EventManager } from '../canvas/events/eventManager.js';
+export { pointerEventHandler } from '../canvas/events/pointerEventHandler.js';
+export { ToolManager } from '../canvas/tools/toolManager.js';
+export { Tool } from '../canvas/tools/tool.js';
+export { PencilTool } from '../canvas/tools/PencilTool.js';
+export { EraserTool } from '../canvas/tools/EraserTool.js';
+export { Toolbar } from '../canvas/ui/toolbar.js';
+export { Cursor } from '../canvas/ui/cursor.js';
+export { Stroke } from '../canvas/drawing/stroke.js';
+export { segment } from '../canvas/drawing/segment.js';
+export { BoundingBox } from '../canvas/utils/boundingBox.js';
+export { mathUtils } from '../canvas/utils/mathUtils.js';
+export { FocusFrameManager } from '../canvas/features/focusFrameManager.js';
+export { createCanvas, createMultipleCanvases } from '../canvas/index.js';
+
+export * from '../jsvg/index.js';

package/canvas/events/eventManager.js

@@ -95,7 +95,7 @@ export class EventManager {
             activeTool.onPointerDown(normalizedEvent);
             // If tool hasn't explicitly set isDrawing, set it for backwards compatibility
             // (tools like PencilTool and EraserTool expect isDrawing to be true)
-            if (this.isDrawing === false && activeTool.constructor.name !== 'PointerTool') {
+            if (this.isDrawing === false && activeTool?.name !== 'pointer') {
                 this.isDrawing = true;
             }
         }
@@ -447,4 +447,4 @@ export class EventManager {
          this.isDrawing = false;
          this.isInitialized = false;
      }
-} 
+} 

package/dist/canvas/index.js

@@ -0,0 +1,48 @@
+// Core canvas system
+import { omdCanvas } from './core/omdCanvas.js';
+export { omdCanvas } from './core/omdCanvas.js';
+export { CanvasConfig as canvasConfig } from './core/canvasConfig.js';
+
+// Event handling
+export { EventManager } from './events/eventManager.js';
+export { pointerEventHandler } from './events/pointerEventHandler.js';
+
+// Tool system
+export { ToolManager } from './tools/toolManager.js';
+export { Tool } from './tools/tool.js';
+export { PencilTool } from './tools/PencilTool.js';
+export { EraserTool } from './tools/EraserTool.js';
+
+// UI components
+export { Toolbar } from './ui/toolbar.js';
+export { Cursor } from './ui/cursor.js';
+
+// Drawing objects
+export { Stroke } from './drawing/stroke.js';
+export { segment } from './drawing/segment.js';
+
+// Utilities
+export { BoundingBox } from './utils/boundingBox.js';
+export { mathUtils } from './utils/mathUtils.js';
+
+// Focus frame system
+export { FocusFrameManager } from './features/focusFrameManager.js';
+/**
+ * Quick setup function for common use cases
+ * @param {HTMLElement|string} container - Container element or selector
+ * @param {Object} options - Configuration options
+ * @returns {omdCanvas} Configured canvas instance
+ */
+export function createCanvas(container, options = {}) {
+    const canvas = new omdCanvas(container, options);
+    return canvas;
+}
+
+/**
+ * Create multiple canvas instances for comparison or multi-canvas apps
+ * @param {Array} configs - Array of {container, options} objects
+ * @returns {Array<omdCanvas>} Array of canvas instances
+ */
+export function createMultipleCanvases(configs) {
+    return configs.map(config => createCanvas(config.container, config.options));
+} 

package/dist/jsvg/index.js

@@ -0,0 +1,3 @@
+// Combined jsvg exports for easier consumption
+export * from './jsvg.js';
+export * from './jsvgComponents.js';