@teachinglab/omd 0.3.0 → 0.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/docs/api/configuration-options.md +198 -198
  2. package/docs/api/eventManager.md +82 -82
  3. package/docs/api/focusFrameManager.md +144 -144
  4. package/docs/api/index.md +105 -105
  5. package/docs/api/main.md +62 -62
  6. package/docs/api/omdBinaryExpressionNode.md +86 -86
  7. package/docs/api/omdCanvas.md +83 -83
  8. package/docs/api/omdConfigManager.md +112 -112
  9. package/docs/api/omdConstantNode.md +52 -52
  10. package/docs/api/omdDisplay.md +87 -87
  11. package/docs/api/omdEquationNode.md +174 -174
  12. package/docs/api/omdEquationSequenceNode.md +258 -258
  13. package/docs/api/omdEquationStack.md +156 -156
  14. package/docs/api/omdFunctionNode.md +82 -82
  15. package/docs/api/omdGroupNode.md +78 -78
  16. package/docs/api/omdHelpers.md +87 -87
  17. package/docs/api/omdLeafNode.md +85 -85
  18. package/docs/api/omdNode.md +201 -201
  19. package/docs/api/omdOperationDisplayNode.md +117 -117
  20. package/docs/api/omdOperatorNode.md +91 -91
  21. package/docs/api/omdParenthesisNode.md +133 -133
  22. package/docs/api/omdPopup.md +191 -191
  23. package/docs/api/omdPowerNode.md +131 -131
  24. package/docs/api/omdRationalNode.md +144 -144
  25. package/docs/api/omdSimplification.md +78 -78
  26. package/docs/api/omdSqrtNode.md +144 -144
  27. package/docs/api/omdStepVisualizer.md +146 -146
  28. package/docs/api/omdStepVisualizerHighlighting.md +65 -65
  29. package/docs/api/omdStepVisualizerInteractiveSteps.md +108 -108
  30. package/docs/api/omdStepVisualizerLayout.md +70 -70
  31. package/docs/api/omdStepVisualizerTextBoxes.md +76 -76
  32. package/docs/api/omdTranscriptionService.md +95 -95
  33. package/docs/api/omdTreeDiff.md +169 -169
  34. package/docs/api/omdUnaryExpressionNode.md +137 -137
  35. package/docs/api/omdUtilities.md +82 -82
  36. package/docs/api/omdVariableNode.md +123 -123
  37. package/omd/nodes/omdConstantNode.js +141 -141
  38. package/omd/nodes/omdGroupNode.js +67 -67
  39. package/omd/nodes/omdLeafNode.js +76 -76
  40. package/omd/nodes/omdOperatorNode.js +108 -108
  41. package/omd/nodes/omdParenthesisNode.js +292 -292
  42. package/omd/nodes/omdPowerNode.js +235 -235
  43. package/omd/nodes/omdRationalNode.js +295 -295
  44. package/omd/nodes/omdVariableNode.js +122 -122
  45. package/omd/simplification/omdSimplification.js +140 -140
  46. package/omd/step-visualizer/omdStepVisualizer.js +947 -947
  47. package/omd/step-visualizer/omdStepVisualizerLayout.js +892 -892
  48. package/package.json +2 -1
  49. package/src/index.js +11 -0
  50. package/src/omdBalanceHanger.js +2 -1
  51. package/src/omdEquation.js +1 -1
  52. package/src/omdNumber.js +1 -1
  53. package/src/omdNumberLine.js +13 -7
  54. package/src/omdRatioChart.js +19 -0
  55. package/src/omdShapes.js +1 -1
  56. package/src/omdTapeDiagram.js +1 -1
  57. package/src/omdTerm.js +1 -1
@@ -1,132 +1,132 @@
1
- # omdPowerNode
2
-
3
- Represents an exponentiation in a mathematical expression, such as `x^2` or `(a+b)^c`. This node handles the specific layout requirements of a base and a superscripted exponent, ensuring correct visual hierarchy and alignment.
4
-
5
- ## Class Definition
6
-
7
- ```javascript
8
- export class omdPowerNode extends omdNode
9
- ```
10
-
11
- ## Constructor
12
-
13
- ### `new omdPowerNode(ast)`
14
-
15
- Creates a new `omdPowerNode` instance.
16
-
17
- - **`ast`** (`object`): The math.js AST for the power operation. It must be an `OperatorNode` with `op: '^'` and an `args` array containing exactly two elements: the base and the exponent. Throws an error if the AST is invalid.
18
-
19
- ## Static Methods
20
-
21
- ### `fromString(expressionString)`
22
-
23
- Creates an `omdPowerNode` from a string representation of a power expression. Requires `window.math` (math.js) to be available globally for parsing.
24
-
25
- - **`expressionString`** (`string`): The power expression as a string (e.g., `"x^2"`, `"(a+b)^c"`).
26
- - **Returns**: `omdPowerNode` - A new instance.
27
- - **Throws**: `Error` if `math.js` is not available, if the string cannot be parsed, or if it does not represent a valid power expression.
28
-
29
- ## Public Properties
30
-
31
- - **`base`** (`omdNode`): The node representing the base of the power operation.
32
- - **`exponent`** (`omdNode`): The node representing the exponent.
33
- - **`value`** (`string`): The operator symbol for power, which is `"^"`.
34
-
35
- ## Public Methods
36
-
37
- ### `computeDimensions()`
38
-
39
- Calculates the dimensions of the power node. It computes the dimensions of the base and exponent (scaling the exponent's font size down). The total width is the sum of their widths, and the total height accounts for the base's height plus the vertical offset needed for the superscripted exponent.
40
-
41
- - **Overrides**: `omdNode.computeDimensions()`.
42
-
43
- ### `updateLayout()`
44
-
45
- Updates the layout of the power node. It positions the `base` at the bottom of the node's bounding box to ensure space for the exponent above it. The `exponent` is then positioned to the right of the base and shifted upwards by a calculated superscript offset.
46
-
47
- - **Overrides**: `omdNode.updateLayout()`.
48
-
49
- ### `getSuperscriptOffset()`
50
-
51
- Calculates the vertical offset (in pixels) by which the exponent should be raised above the base. This offset is a proportion of the current font size to ensure consistent scaling.
52
-
53
- - **Returns**: `number` - The vertical offset.
54
-
55
- ### `getAlignmentBaseline()`
56
-
57
- Calculates the vertical alignment point for the node. For a power node, the baseline is determined by the baseline of its `base` expression, ensuring proper alignment with other mathematical elements.
58
-
59
- - **Overrides**: `omdNode.getAlignmentBaseline()`.
60
-
61
- ### `clone()`
62
-
63
- Creates a deep, structural clone of the power node, including its `base` and `exponent` nodes. The cloned node's `provenance` array is updated to include the original node's ID.
64
-
65
- - **Returns**: `omdPowerNode` - A new, identical instance of the power node.
66
-
67
- ### `toMathJSNode()`
68
-
69
- Converts the `omdPowerNode` back into its math.js AST representation. It creates an `OperatorNode` with `op: '^'` and `fn: 'pow'`, containing the converted base and exponent ASTs.
70
-
71
- - **Returns**: `object` - A math.js `OperatorNode` for the power operation. The returned object also includes a `clone` method for compatibility.
72
-
73
- ### `toString()`
74
-
75
- Converts the node to its string representation, adding parentheses where necessary to preserve the correct order of operations for both the base and the exponent.
76
-
77
- - **Returns**: `string` - e.g., `"(x+1)^2"`.
78
-
79
- ### `evaluate(variables)`
80
-
81
- Evaluates the power expression by raising the evaluated base to the power of the evaluated exponent. It handles cases where base or exponent might not be numerical.
82
-
83
- - **`variables`** (`object`): A map of variable names to their numeric values.
84
- - **Returns**: `number` - The result of the exponentiation, or `NaN` if base or exponent cannot be evaluated to a number.
85
-
86
- ### `isSquare()`
87
-
88
- Checks if the exponent of the power node is the constant value `2`.
89
-
90
- - **Returns**: `boolean`.
91
-
92
- ### `isCube()`
93
-
94
- Checks if the exponent of the power node is the constant value `3`.
95
-
96
- - **Returns**: `boolean`.
97
-
98
- ## Internal Methods
99
-
100
- - **`parseValue()`**: Sets the `value` property to `"^"`.
101
- - **`createOperand(ast)`**: Creates an `omdNode` instance for the base or exponent from its AST.
102
-
103
- ## Example
104
-
105
- ```javascript
106
- import { omdPowerNode } from '@teachinglab/omd';
107
- import * as math from 'mathjs';
108
-
109
- // Create a node representing x^2
110
- const ast = math.parse('x^2');
111
- const powerNode = new omdPowerNode(ast);
112
-
113
- // Set font size and render
114
- powerNode.setFontSize(32);
115
- powerNode.initialize();
116
-
117
- // Check properties
118
- console.log(powerNode.isSquare()); // true
119
-
120
- // Evaluate
121
- console.log(powerNode.evaluate({ x: 5 })); // 25
122
-
123
- // Add to an SVG container to display
124
- // const svgContainer = new jsvgContainer();
125
- // svgContainer.addChild(powerNode);
126
- // document.body.appendChild(svgContainer.svgObject);
127
- ```
128
-
129
- ## See Also
130
-
131
- - [`omdNode`](./omdNode.md) - The base class for all OMD nodes.
1
+ # omdPowerNode
2
+
3
+ Represents an exponentiation in a mathematical expression, such as `x^2` or `(a+b)^c`. This node handles the specific layout requirements of a base and a superscripted exponent, ensuring correct visual hierarchy and alignment.
4
+
5
+ ## Class Definition
6
+
7
+ ```javascript
8
+ export class omdPowerNode extends omdNode
9
+ ```
10
+
11
+ ## Constructor
12
+
13
+ ### `new omdPowerNode(ast)`
14
+
15
+ Creates a new `omdPowerNode` instance.
16
+
17
+ - **`ast`** (`object`): The math.js AST for the power operation. It must be an `OperatorNode` with `op: '^'` and an `args` array containing exactly two elements: the base and the exponent. Throws an error if the AST is invalid.
18
+
19
+ ## Static Methods
20
+
21
+ ### `fromString(expressionString)`
22
+
23
+ Creates an `omdPowerNode` from a string representation of a power expression. Requires `window.math` (math.js) to be available globally for parsing.
24
+
25
+ - **`expressionString`** (`string`): The power expression as a string (e.g., `"x^2"`, `"(a+b)^c"`).
26
+ - **Returns**: `omdPowerNode` - A new instance.
27
+ - **Throws**: `Error` if `math.js` is not available, if the string cannot be parsed, or if it does not represent a valid power expression.
28
+
29
+ ## Public Properties
30
+
31
+ - **`base`** (`omdNode`): The node representing the base of the power operation.
32
+ - **`exponent`** (`omdNode`): The node representing the exponent.
33
+ - **`value`** (`string`): The operator symbol for power, which is `"^"`.
34
+
35
+ ## Public Methods
36
+
37
+ ### `computeDimensions()`
38
+
39
+ Calculates the dimensions of the power node. It computes the dimensions of the base and exponent (scaling the exponent's font size down). The total width is the sum of their widths, and the total height accounts for the base's height plus the vertical offset needed for the superscripted exponent.
40
+
41
+ - **Overrides**: `omdNode.computeDimensions()`.
42
+
43
+ ### `updateLayout()`
44
+
45
+ Updates the layout of the power node. It positions the `base` at the bottom of the node's bounding box to ensure space for the exponent above it. The `exponent` is then positioned to the right of the base and shifted upwards by a calculated superscript offset.
46
+
47
+ - **Overrides**: `omdNode.updateLayout()`.
48
+
49
+ ### `getSuperscriptOffset()`
50
+
51
+ Calculates the vertical offset (in pixels) by which the exponent should be raised above the base. This offset is a proportion of the current font size to ensure consistent scaling.
52
+
53
+ - **Returns**: `number` - The vertical offset.
54
+
55
+ ### `getAlignmentBaseline()`
56
+
57
+ Calculates the vertical alignment point for the node. For a power node, the baseline is determined by the baseline of its `base` expression, ensuring proper alignment with other mathematical elements.
58
+
59
+ - **Overrides**: `omdNode.getAlignmentBaseline()`.
60
+
61
+ ### `clone()`
62
+
63
+ Creates a deep, structural clone of the power node, including its `base` and `exponent` nodes. The cloned node's `provenance` array is updated to include the original node's ID.
64
+
65
+ - **Returns**: `omdPowerNode` - A new, identical instance of the power node.
66
+
67
+ ### `toMathJSNode()`
68
+
69
+ Converts the `omdPowerNode` back into its math.js AST representation. It creates an `OperatorNode` with `op: '^'` and `fn: 'pow'`, containing the converted base and exponent ASTs.
70
+
71
+ - **Returns**: `object` - A math.js `OperatorNode` for the power operation. The returned object also includes a `clone` method for compatibility.
72
+
73
+ ### `toString()`
74
+
75
+ Converts the node to its string representation, adding parentheses where necessary to preserve the correct order of operations for both the base and the exponent.
76
+
77
+ - **Returns**: `string` - e.g., `"(x+1)^2"`.
78
+
79
+ ### `evaluate(variables)`
80
+
81
+ Evaluates the power expression by raising the evaluated base to the power of the evaluated exponent. It handles cases where base or exponent might not be numerical.
82
+
83
+ - **`variables`** (`object`): A map of variable names to their numeric values.
84
+ - **Returns**: `number` - The result of the exponentiation, or `NaN` if base or exponent cannot be evaluated to a number.
85
+
86
+ ### `isSquare()`
87
+
88
+ Checks if the exponent of the power node is the constant value `2`.
89
+
90
+ - **Returns**: `boolean`.
91
+
92
+ ### `isCube()`
93
+
94
+ Checks if the exponent of the power node is the constant value `3`.
95
+
96
+ - **Returns**: `boolean`.
97
+
98
+ ## Internal Methods
99
+
100
+ - **`parseValue()`**: Sets the `value` property to `"^"`.
101
+ - **`createOperand(ast)`**: Creates an `omdNode` instance for the base or exponent from its AST.
102
+
103
+ ## Example
104
+
105
+ ```javascript
106
+ import { omdPowerNode } from '@teachinglab/omd';
107
+ import * as math from 'mathjs';
108
+
109
+ // Create a node representing x^2
110
+ const ast = math.parse('x^2');
111
+ const powerNode = new omdPowerNode(ast);
112
+
113
+ // Set font size and render
114
+ powerNode.setFontSize(32);
115
+ powerNode.initialize();
116
+
117
+ // Check properties
118
+ console.log(powerNode.isSquare()); // true
119
+
120
+ // Evaluate
121
+ console.log(powerNode.evaluate({ x: 5 })); // 25
122
+
123
+ // Add to an SVG container to display
124
+ // const svgContainer = new jsvgContainer();
125
+ // svgContainer.addChild(powerNode);
126
+ // document.body.appendChild(svgContainer.svgObject);
127
+ ```
128
+
129
+ ## See Also
130
+
131
+ - [`omdNode`](./omdNode.md) - The base class for all OMD nodes.
132
132
  - [`omdBinaryExpressionNode`](./omdBinaryExpressionNode.md) - Can be used for complex bases or exponents.
@@ -1,145 +1,145 @@
1
- # omdRationalNode
2
-
3
- Represents a fraction, with a numerator and a denominator, such as `1/2` or `(x+1)/(x-1)`. It handles the distinct visual layout of a fraction, with the numerator positioned above the denominator, separated by a horizontal line.
4
-
5
- ## Class Definition
6
-
7
- ```javascript
8
- export class omdRationalNode extends omdNode
9
- ```
10
-
11
- ## Constructor
12
-
13
- ### `new omdRationalNode(astNodeData)`
14
-
15
- Creates a new `omdRationalNode` instance.
16
-
17
- - **`astNodeData`** (`object`): The math.js AST for the division operation. It must be an `OperatorNode` with `op: '/'` and an `args` array containing two elements: the numerator and the denominator. The constructor also creates and initializes the visual `fractionLine`.
18
-
19
- ## Static Methods
20
-
21
- ### `fromString(expressionString)`
22
-
23
- Creates an `omdRationalNode` from a string containing a division. Requires `window.math` (math.js) to be available globally for parsing.
24
-
25
- - **`expressionString`** (`string`): The fractional expression as a string (e.g., `"x / 2"`, `"(a+b)/(a-b)"`).
26
- - **Returns**: `omdRationalNode` - A new instance.
27
- - **Throws**: `Error` if `math.js` is not available, if the string cannot be parsed, or if it does not represent a valid division expression.
28
-
29
- ## Public Properties
30
-
31
- - **`numerator`** (`omdNode`): The node representing the top part of the fraction.
32
- - **`denominator`** (`omdNode`): The node representing the bottom part of the fraction.
33
- - **`fractionLine`** (`jsvgLine`): The visual horizontal line separating the numerator and denominator.
34
-
35
- ## Public Methods
36
-
37
- ### `computeDimensions()`
38
-
39
- Calculates the dimensions of the rational node. It scales down the font size of the numerator and denominator, computes their individual dimensions, and then determines the total width (maximum of numerator/denominator width plus spacing) and total height (sum of numerator, denominator, and padding for the fraction line).
40
-
41
- - **Overrides**: `omdNode.computeDimensions()`.
42
-
43
- ### `updateLayout()`
44
-
45
- Updates the layout of the rational node. It positions the `numerator` at the top, the `fractionLine` in the middle, and the `denominator` at the bottom, ensuring they are horizontally centered and have appropriate vertical spacing.
46
-
47
- - **Overrides**: `omdNode.updateLayout()`.
48
-
49
- ### `getAlignmentBaseline()`
50
-
51
- Calculates the vertical alignment point for the node. For a rational node, this is the y-position of the fraction bar, which serves as the visual baseline.
52
-
53
- - **Overrides**: `omdNode.getAlignmentBaseline()`.
54
-
55
- ### `isConstant()`
56
-
57
- Checks if both the numerator and the denominator are constant numerical values.
58
-
59
- - **Returns**: `boolean`.
60
-
61
- ### `getRationalValue()`
62
-
63
- Retrieves the rational value of the node as a numerator/denominator pair. This method only works if the fraction is constant.
64
-
65
- - **Returns**: `{ num: number, den: number }`.
66
- - **Throws**: `Error` if the rational node is not constant.
67
-
68
- ### `getValue()`
69
-
70
- Retrieves the numerical value of the rational node by dividing the numerator's value by the denominator's value. This method only works if the fraction is constant.
71
-
72
- - **Returns**: `number`.
73
- - **Throws**: `Error` if the rational node is not constant or if division by zero occurs.
74
-
75
- ### `clone()`
76
-
77
- Creates a deep, structural clone of the rational node, including its `numerator` and `denominator` nodes. The `fractionLine` is also recreated. The cloned node's `provenance` array is updated to include the original node's ID.
78
-
79
- - **Returns**: `omdRationalNode` - A new, identical instance of the rational node.
80
-
81
- ### `toMathJSNode()`
82
-
83
- Converts the `omdRationalNode` back into its math.js AST representation. It creates an `OperatorNode` with `op: '/'` and `fn: 'divide'`, containing the converted numerator and denominator ASTs.
84
-
85
- - **Returns**: `object` - A math.js `OperatorNode` for division. The returned object also includes a `clone` method for compatibility.
86
-
87
- ### `toString()`
88
-
89
- Converts the node to its string representation, adding parentheses around the numerator and/or denominator if they are complex expressions (e.g., binary expressions) to maintain correct order of operations.
90
-
91
- - **Returns**: `string` - e.g., `"(x + 1) / (x - 1)"`.
92
-
93
- ### `evaluate(variables)`
94
-
95
- Evaluates the rational expression by evaluating the numerator and denominator and then performing the division.
96
-
97
- - **`variables`** (`object`): A map of variable names to their values.
98
- - **Returns**: `number` - The result of the division.
99
- - **Throws**: `Error` if the denominator evaluates to zero.
100
-
101
- ### `reduce()`
102
-
103
- If the fraction is constant, this method reduces it to its lowest terms (e.g., `4/8` becomes `1/2`). If the reduced denominator is `1`, it returns an `omdConstantNode` representing the integer value. It uses a `gcd` (greatest common divisor) helper function internally.
104
-
105
- - **Returns**: `omdRationalNode` | `omdConstantNode` - The reduced fraction node, or an `omdConstantNode` if it simplifies to an integer.
106
-
107
- ### `isProper()`
108
-
109
- Checks if the fraction is proper (the absolute value of the numerator is less than the absolute value of the denominator). This check only applies to constant fractions.
110
-
111
- - **Returns**: `boolean` | `null` - `true` if proper, `false` if improper, `null` if the fraction is not constant.
112
-
113
- ## Internal Methods
114
-
115
- - **`parseValue()`**: Sets the `value` property to `"/"`.
116
- - **`createOperand(ast)`**: Creates an `omdNode` instance for the numerator or denominator from its AST, attempting to preserve provenance.
117
-
118
- ## Example
119
-
120
- ```javascript
121
- import { omdRationalNode } from '@teachinglab/omd';
122
- import * as math from 'mathjs';
123
-
124
- // Create a fraction from a string
125
- const fraction = omdRationalNode.fromString('(a+b)/(a-b)');
126
-
127
- // Set font size and render
128
- fraction.setFontSize(28);
129
- fraction.initialize();
130
-
131
- // Evaluate with given variables
132
- const result = fraction.evaluate({ a: 3, b: 1 });
133
- console.log(result); // Output: 2 (since (3+1)/(3-1) = 4/2 = 2)
134
-
135
- // Add to an SVG container to display
136
- // const svgContainer = new jsvgContainer();
137
- // svgContainer.addChild(fraction);
138
- // document.body.appendChild(svgContainer.svgObject);
139
- ```
140
-
141
- ## See Also
142
-
143
- - [`omdNode`](./omdNode.md) - The base class.
144
- - [`omdConstantNode`](./omdConstantNode.md) - For constant numerators/denominators.
1
+ # omdRationalNode
2
+
3
+ Represents a fraction, with a numerator and a denominator, such as `1/2` or `(x+1)/(x-1)`. It handles the distinct visual layout of a fraction, with the numerator positioned above the denominator, separated by a horizontal line.
4
+
5
+ ## Class Definition
6
+
7
+ ```javascript
8
+ export class omdRationalNode extends omdNode
9
+ ```
10
+
11
+ ## Constructor
12
+
13
+ ### `new omdRationalNode(astNodeData)`
14
+
15
+ Creates a new `omdRationalNode` instance.
16
+
17
+ - **`astNodeData`** (`object`): The math.js AST for the division operation. It must be an `OperatorNode` with `op: '/'` and an `args` array containing two elements: the numerator and the denominator. The constructor also creates and initializes the visual `fractionLine`.
18
+
19
+ ## Static Methods
20
+
21
+ ### `fromString(expressionString)`
22
+
23
+ Creates an `omdRationalNode` from a string containing a division. Requires `window.math` (math.js) to be available globally for parsing.
24
+
25
+ - **`expressionString`** (`string`): The fractional expression as a string (e.g., `"x / 2"`, `"(a+b)/(a-b)"`).
26
+ - **Returns**: `omdRationalNode` - A new instance.
27
+ - **Throws**: `Error` if `math.js` is not available, if the string cannot be parsed, or if it does not represent a valid division expression.
28
+
29
+ ## Public Properties
30
+
31
+ - **`numerator`** (`omdNode`): The node representing the top part of the fraction.
32
+ - **`denominator`** (`omdNode`): The node representing the bottom part of the fraction.
33
+ - **`fractionLine`** (`jsvgLine`): The visual horizontal line separating the numerator and denominator.
34
+
35
+ ## Public Methods
36
+
37
+ ### `computeDimensions()`
38
+
39
+ Calculates the dimensions of the rational node. It scales down the font size of the numerator and denominator, computes their individual dimensions, and then determines the total width (maximum of numerator/denominator width plus spacing) and total height (sum of numerator, denominator, and padding for the fraction line).
40
+
41
+ - **Overrides**: `omdNode.computeDimensions()`.
42
+
43
+ ### `updateLayout()`
44
+
45
+ Updates the layout of the rational node. It positions the `numerator` at the top, the `fractionLine` in the middle, and the `denominator` at the bottom, ensuring they are horizontally centered and have appropriate vertical spacing.
46
+
47
+ - **Overrides**: `omdNode.updateLayout()`.
48
+
49
+ ### `getAlignmentBaseline()`
50
+
51
+ Calculates the vertical alignment point for the node. For a rational node, this is the y-position of the fraction bar, which serves as the visual baseline.
52
+
53
+ - **Overrides**: `omdNode.getAlignmentBaseline()`.
54
+
55
+ ### `isConstant()`
56
+
57
+ Checks if both the numerator and the denominator are constant numerical values.
58
+
59
+ - **Returns**: `boolean`.
60
+
61
+ ### `getRationalValue()`
62
+
63
+ Retrieves the rational value of the node as a numerator/denominator pair. This method only works if the fraction is constant.
64
+
65
+ - **Returns**: `{ num: number, den: number }`.
66
+ - **Throws**: `Error` if the rational node is not constant.
67
+
68
+ ### `getValue()`
69
+
70
+ Retrieves the numerical value of the rational node by dividing the numerator's value by the denominator's value. This method only works if the fraction is constant.
71
+
72
+ - **Returns**: `number`.
73
+ - **Throws**: `Error` if the rational node is not constant or if division by zero occurs.
74
+
75
+ ### `clone()`
76
+
77
+ Creates a deep, structural clone of the rational node, including its `numerator` and `denominator` nodes. The `fractionLine` is also recreated. The cloned node's `provenance` array is updated to include the original node's ID.
78
+
79
+ - **Returns**: `omdRationalNode` - A new, identical instance of the rational node.
80
+
81
+ ### `toMathJSNode()`
82
+
83
+ Converts the `omdRationalNode` back into its math.js AST representation. It creates an `OperatorNode` with `op: '/'` and `fn: 'divide'`, containing the converted numerator and denominator ASTs.
84
+
85
+ - **Returns**: `object` - A math.js `OperatorNode` for division. The returned object also includes a `clone` method for compatibility.
86
+
87
+ ### `toString()`
88
+
89
+ Converts the node to its string representation, adding parentheses around the numerator and/or denominator if they are complex expressions (e.g., binary expressions) to maintain correct order of operations.
90
+
91
+ - **Returns**: `string` - e.g., `"(x + 1) / (x - 1)"`.
92
+
93
+ ### `evaluate(variables)`
94
+
95
+ Evaluates the rational expression by evaluating the numerator and denominator and then performing the division.
96
+
97
+ - **`variables`** (`object`): A map of variable names to their values.
98
+ - **Returns**: `number` - The result of the division.
99
+ - **Throws**: `Error` if the denominator evaluates to zero.
100
+
101
+ ### `reduce()`
102
+
103
+ If the fraction is constant, this method reduces it to its lowest terms (e.g., `4/8` becomes `1/2`). If the reduced denominator is `1`, it returns an `omdConstantNode` representing the integer value. It uses a `gcd` (greatest common divisor) helper function internally.
104
+
105
+ - **Returns**: `omdRationalNode` | `omdConstantNode` - The reduced fraction node, or an `omdConstantNode` if it simplifies to an integer.
106
+
107
+ ### `isProper()`
108
+
109
+ Checks if the fraction is proper (the absolute value of the numerator is less than the absolute value of the denominator). This check only applies to constant fractions.
110
+
111
+ - **Returns**: `boolean` | `null` - `true` if proper, `false` if improper, `null` if the fraction is not constant.
112
+
113
+ ## Internal Methods
114
+
115
+ - **`parseValue()`**: Sets the `value` property to `"/"`.
116
+ - **`createOperand(ast)`**: Creates an `omdNode` instance for the numerator or denominator from its AST, attempting to preserve provenance.
117
+
118
+ ## Example
119
+
120
+ ```javascript
121
+ import { omdRationalNode } from '@teachinglab/omd';
122
+ import * as math from 'mathjs';
123
+
124
+ // Create a fraction from a string
125
+ const fraction = omdRationalNode.fromString('(a+b)/(a-b)');
126
+
127
+ // Set font size and render
128
+ fraction.setFontSize(28);
129
+ fraction.initialize();
130
+
131
+ // Evaluate with given variables
132
+ const result = fraction.evaluate({ a: 3, b: 1 });
133
+ console.log(result); // Output: 2 (since (3+1)/(3-1) = 4/2 = 2)
134
+
135
+ // Add to an SVG container to display
136
+ // const svgContainer = new jsvgContainer();
137
+ // svgContainer.addChild(fraction);
138
+ // document.body.appendChild(svgContainer.svgObject);
139
+ ```
140
+
141
+ ## See Also
142
+
143
+ - [`omdNode`](./omdNode.md) - The base class.
144
+ - [`omdConstantNode`](./omdConstantNode.md) - For constant numerators/denominators.
145
145
  - [`omdBinaryExpressionNode`](./omdBinaryExpressionNode.md) - For complex numerators/denominators.