@teachinglab/omd 0.7.34 → 0.7.36

package/dist/src/index.js

@@ -0,0 +1,90 @@
+// OMD Visualization Components
+export { omdTable } from './omdTable.js';
+export { omdBalanceHanger } from './omdBalanceHanger.js';
+export { omdCoordinatePlane } from './omdCoordinatePlane.js';
+export { omdTapeDiagram } from './omdTapeDiagram.js';
+export { omdDoubleTapeDiagram } from './omdDoubleTapeDiagram.js';
+export { omdTileEquation } from './omdTileEquation.js';
+
+// OMD Charts and Diagrams
+export { omdRatioChart } from './omdRatioChart.js';
+export { omdNumberLine } from './omdNumberLine.js';
+export { omdDoubleNumberLine } from './omdDoubleNumberLine.js';
+export { omdNumberTile } from './omdNumberTile.js';
+
+// OMD Mathematical Components
+export { omdEquation } from './omdEquation.js';
+export { omdExpression } from './omdExpression.js';
+export { omdTerm } from './omdTerm.js';
+export { omdNumber } from './omdNumber.js';
+export { omdVariable } from './omdVariable.js';
+export { omdPowerExpression } from './omdPowerExpression.js';
+export { omdRationalExpression } from './omdRationalExpression.js';
+export { omdFunction } from './omdFunction.js';
+
+// OMD Core Components
+export { omdApp } from './omdApp.js';
+export { omdAppCanvas } from './omdAppCanvas.js';
+export { omd } from './omd.js';
+export { omdDisplay } from '../omd/display/omdDisplay.js';
+export { omdEquationNode } from '../omd/nodes/omdEquationNode.js';
+export { omdEquationStack } from '../omd/core/omdEquationStack.js';
+export { omdEquationSequenceNode } from '../omd/nodes/omdEquationSequenceNode.js';
+export { omdConstantNode } from '../omd/nodes/omdConstantNode.js';
+export { omdNodeOverlay, omdNodeOverlayPresets } from '../omd/utils/omdNodeOverlay.js';
+
+// OMD Utilities and Helpers
+export { omdColor } from './omdColor.js';
+export { createFromJSON, getSupportedTypes, isTypeSupported } from './omdFactory.js';
+
+// OMD Shape Classes
+export { 
+    omdRightTriangle,
+    omdIsoscelesTriangle, 
+    omdRectangle,
+    omdEllipse,
+    omdCircle,
+    omdRegularPolygon,
+    omdShapeLabelSet 
+} from './omdShapes.js';
+export { omdSpinner } from './omdSpinner.js';
+export { omdLabel } from './omdLabel.js';
+export { omdProblem } from './omdProblem.js';
+
+// Default export for organized access
+export default {
+    // Main visualizations (most commonly used)
+    visualizations: {
+        omdTable: () => import('./omdTable.js').then(m => m.omdTable),
+        omdBalanceHanger: () => import('./omdBalanceHanger.js').then(m => m.omdBalanceHanger),
+        omdCoordinatePlane: () => import('./omdCoordinatePlane.js').then(m => m.omdCoordinatePlane),
+        omdTapeDiagram: () => import('./omdTapeDiagram.js').then(m => m.omdTapeDiagram),
+        omdTileEquation: () => import('./omdTileEquation.js').then(m => m.omdTileEquation),
+        omdRatioChart: () => import('./omdRatioChart.js').then(m => m.omdRatioChart),
+        omdNumberLine: () => import('./omdNumberLine.js').then(m => m.omdNumberLine),
+        omdDoubleNumberLine: () => import('./omdDoubleNumberLine.js').then(m => m.omdDoubleNumberLine)
+    },
+    
+    // Mathematical expressions
+    expressions: {
+        omdExpression: () => import('./omdExpression.js').then(m => m.omdExpression),
+        omdEquation: () => import('./omdEquation.js').then(m => m.omdEquation),
+        omdMetaExpression: () => import('./omdMetaExpression.js').then(m => m.omdMetaExpression),
+        omdNaturalExpression: () => import('./omdNaturalExpression.js').then(m => m.omdNaturalExpression),
+        omdPowerExpression: () => import('./omdPowerExpression.js').then(m => m.omdPowerExpression),
+        omdRationalExpression: () => import('./omdRationalExpression.js').then(m => m.omdRationalExpression),
+        omdFunction: () => import('./omdFunction.js').then(m => m.omdFunction)
+    },
+    
+    // Core app components
+    app: {
+        omdApp: () => import('./omdApp.js').then(m => m.omdApp),
+        omdAppCanvas: () => import('./omdAppCanvas.js').then(m => m.omdAppCanvas),
+        omd: () => import('./omd.js').then(m => m.omd),
+        async createDisplay(container) {
+            const { omdDisplay } = await import('../omd/core/index.js');
+            return new omdDisplay(container);
+        }
+    }
+}; 
+// Force reload

package/omd/core/omdEquationStack.js

@@ -491,8 +491,7 @@ export class omdEquationStack extends jsvgGroup {
         let eqIndex = -1;
         for (let i = seq.steps.length - 1; i >= 0; i--) {
             const st = seq.steps[i];
-            const name = st?.constructor?.name;
-            if (st instanceof omdEquationNode || name === 'omdEquationNode') { eqIndex = i; break; }
+            if (st instanceof omdEquationNode || st?.type === 'omdEquationNode') { eqIndex = i; break; }
         }
         if (eqIndex === -1) return false;
 
@@ -500,8 +499,7 @@ export class omdEquationStack extends jsvgGroup {
         let startIndex = eqIndex;
         for (let i = eqIndex; i >= 0; i--) {
             const st = seq.steps[i];
-            const name = st?.constructor?.name;
-            if (st instanceof omdOperationDisplayNode || name === 'omdOperationDisplayNode') { startIndex = i; break; }
+            if (st instanceof omdOperationDisplayNode || st?.type === 'omdOperationDisplayNode') { startIndex = i; break; }
         }
         // Remove DOM children and steps from startIndex to end
         for (let i = seq.steps.length - 1; i >= startIndex; i--) {
@@ -546,7 +544,7 @@ export class omdEquationStack extends jsvgGroup {
 
         // Safety: ensure dot/line counts match equations and prune orphan dots
         try {
-            const isEquation = (s) => (s instanceof omdEquationNode) || (s?.constructor?.name === 'omdEquationNode');
+            const isEquation = (s) => (s instanceof omdEquationNode) || (s?.type === 'omdEquationNode');
             const equationsCount = Array.isArray(seq.steps) ? seq.steps.filter(isEquation).length : 0;
 
             // Remove dots whose equationRef is no longer present in steps

package/omd/display/omdDisplay.js

@@ -535,8 +535,9 @@ export class omdDisplay {
             // Detect step visualizer directly on node (getSequence returns underlying sequence only)
             let hasStepVisualizer = false;
             if (this.node) {
-                const ctorName = this.node.constructor?.name;
-                hasStepVisualizer = (ctorName === 'omdStepVisualizer') || this.node.type === 'omdStepVisualizer' || (typeof omdStepVisualizer !== 'undefined' && this.node instanceof omdStepVisualizer);
+                hasStepVisualizer =
+                    this.node.type === 'omdStepVisualizer' ||
+                    (typeof omdStepVisualizer !== 'undefined' && this.node instanceof omdStepVisualizer);
             }
 
             if (hasStepVisualizer) {

package/omd/nodes/omdEquationSequenceNode.js

@@ -997,7 +997,7 @@ export class omdEquationSequenceNode extends omdNode {
             // If visibility is explicitly false, skip
             if (step.visible === false) continue;
             // Prefer equation nodes when present
-            if (step.constructor?.name === 'omdEquationNode') {
+            if (step instanceof omdEquationNode || step.type === 'omdEquationNode') {
                 chosenIndex = i;
                 break;
             }
@@ -1278,4 +1278,4 @@ export class omdEquationSequenceNode extends omdNode {
         this.computeDimensions();
         this.updateLayout();
     }
-}
+}

package/omd/step-visualizer/omdStepVisualizerLayout.js

@@ -388,7 +388,7 @@ export class omdStepVisualizerLayout {
         // Debug all steps and their properties
         
         sv.steps.forEach((step, i) => {
-            if (step && (step instanceof omdEquationNode || step.constructor.name === 'omdEquationNode')) {
+            if (step && (step instanceof omdEquationNode || step.type === 'omdEquationNode')) {
                 
             } else {
                 
@@ -410,7 +410,7 @@ export class omdStepVisualizerLayout {
         // Check for hidden intermediate steps between consecutive visible major steps (stepMark = 0)
         const visibleMajorSteps = [];
         sv.steps.forEach((step, stepIndex) => {
-            if (step && (step instanceof omdEquationNode || step.constructor.name === 'omdEquationNode')) {
+            if (step && (step instanceof omdEquationNode || step.type === 'omdEquationNode')) {
                 if (step.stepMark === 0 && step.visible === true) {
                     visibleMajorSteps.push(stepIndex);
                     
@@ -431,7 +431,7 @@ export class omdStepVisualizerLayout {
             let hiddenIntermediateCount = 0;
             for (let j = previousMajorStepIndex + 1; j < currentMajorStepIndex; j++) {
                 const step = sv.steps[j];
-                if (step && (step instanceof omdEquationNode || step.constructor.name === 'omdEquationNode')) {
+                if (step && (step instanceof omdEquationNode || step.type === 'omdEquationNode')) {
                     if (step.stepMark > 0 && step.visible === false) {
                         hiddenIntermediateCount++;
                         
@@ -498,7 +498,7 @@ export class omdStepVisualizerLayout {
         // Count intermediate steps between these two major steps
         for (let i = fromStepIndex + 1; i < toStepIndex; i++) {
             const step = sv.steps[i];
-            if (step && (step instanceof omdEquationNode || step.constructor.name === 'omdEquationNode')) {
+            if (step && (step instanceof omdEquationNode || step.type === 'omdEquationNode')) {
                 // Count intermediate steps (stepMark > 0) that are currently hidden
                 if (step.stepMark !== undefined && step.stepMark > 0 && step.visible === false) {
                     
@@ -680,7 +680,7 @@ export class omdStepVisualizerLayout {
                 let majorStepAfterIndex = -1;
                 for (let i = lastIntermediateStepIndex + 1; i < sv.steps.length; i++) {
                     const step = sv.steps[i];
-                    if (step && (step instanceof omdEquationNode || step.constructor.name === 'omdEquationNode')) {
+                    if (step && (step instanceof omdEquationNode || step.type === 'omdEquationNode')) {
                         if (step.stepMark === 0 && step.visible === true) {
                             majorStepAfterIndex = i;
                             
@@ -774,7 +774,7 @@ export class omdStepVisualizerLayout {
             // Show all intermediate steps between the previous and current major steps
             for (let i = previousStepIndex + 1; i < majorStepIndex; i++) {
                 const step = sv.steps[i];
-                if (step && (step instanceof omdEquationNode || step.constructor.name === 'omdEquationNode')) {
+                if (step && (step instanceof omdEquationNode || step.type === 'omdEquationNode')) {
                     if (step.stepMark > 0) {
                         
                         this._showStep(step);
@@ -890,4 +890,4 @@ export class omdStepVisualizerLayout {
         
         
     }
-} 
+} 

package/package.json

@@ -1,22 +1,28 @@
 {
   "name": "@teachinglab/omd",
-  "version": "0.7.34",
+  "version": "0.7.36",
   "description": "omd",
   "main": "./index.js",
   "module": "./index.js",
+  "unpkg": "./dist/omd.global.js",
   "type": "module",
   "exports": {
     ".": "./index.js",
+    "./browser": "./dist/omd.browser.js",
+    "./browser/global": "./dist/omd.global.js",
     "./register-math": "./omd/utils/registerMathGlobal.js",
     "./package.json": "./package.json"
   },
   "files": [
     "index.js",
+    "browser/",
     "src/",
     "omd/",
     "docs/",
     "canvas/",
     "jsvg/",
+    "dist/omd.browser.js",
+    "dist/omd.global.js",
     "npm-docs/",
     "README.md"
   ],
@@ -38,7 +44,8 @@
   },
   "scripts": {
     "dev": "npm run build:docs && vite",
-    "build": "vite build && node copy-static.js && node build-docs.js && node build-npm-docs.js",
+    "build": "vite build && npm run build:browser && node copy-static.js && node build-docs.js && node build-npm-docs.js",
+    "build:browser": "vite build --config vite.browser.config.js",
     "build:docs": "node build-docs.js",
     "build:npm-docs": "node build-npm-docs.js",
     "build:static": "node copy-static.js",