math-notation 0.1.0 → 0.1.1

package/dist/formulize.es.js

@@ -3595,7 +3595,7 @@ async function create$1(config) {
   const computationStore = createComputationStore();
   return initializeInstance(config, computationStore);
 }
-const Formulize = {
+const Store = {
   create: create$1
 };
 const CanvasContextMenu = memo(({
@@ -17437,9 +17437,9 @@ const ExpressionNode = observer(({
     transform: "translateX(-50%)"
   } }) });
 });
-const FormulizeContext = createContext(null);
-const useFormulize = () => {
-  return useContext(FormulizeContext);
+const StoreContext = createContext(null);
+const useStore = () => {
+  return useContext(StoreContext);
 };
 const getOrCreateStyleElement = () => {
   let styleElement = document.getElementById("custom-var-styles");
@@ -19209,10 +19209,13 @@ const SCALE_OUT_CLASS = "scale-out";
 const setupScaleWrappers = (container, selector, draggingVarIds) => {
   const elements = container.querySelectorAll(selector);
   elements.forEach((element) => {
-    var _a2;
+    var _a2, _b;
+    if ((_a2 = element.parentElement) == null ? void 0 : _a2.classList.contains(WRAPPER_CLASS)) {
+      return;
+    }
     const wrapper = document.createElement("span");
     wrapper.className = WRAPPER_CLASS;
-    (_a2 = element.parentNode) == null ? void 0 : _a2.insertBefore(wrapper, element);
+    (_b = element.parentNode) == null ? void 0 : _b.insertBefore(wrapper, element);
     wrapper.appendChild(element);
   });
 };
@@ -19241,7 +19244,7 @@ const deactivateScaleWrapper = (element) => {
 };
 function updateVariableHoverState(container, highlightedVarIds, useScaleWrappers = false) {
   const highlightedSet = new Set(highlightedVarIds);
-  const currentlyHovered = container.querySelectorAll(".hovered");
+  const currentlyHovered = container.querySelectorAll(".var-scale-wrapper .hovered");
   currentlyHovered.forEach((element) => {
     const htmlEl = element;
     if (!highlightedSet.has(htmlEl.id)) {
@@ -19270,7 +19273,7 @@ const FormulaNode = observer(({
 }) => {
   var _a2;
   const nodeRef = useRef(null);
-  const context = useFormulize();
+  const context = useStore();
   const computationStore = context == null ? void 0 : context.computationStore;
   const [isInitialized, setIsInitialized] = useState(false);
   useEffect(() => {
@@ -19295,7 +19298,11 @@ const FormulaNode = observer(({
     };
     await renderFormulaWithMathJax(nodeRef.current, dataWithStores, isInitialized);
     if (nodeRef.current && computationStore) {
-      setupScaleWrappers(nodeRef.current, ".var-input, .var-base");
+      setupScaleWrappers(
+        nodeRef.current,
+        ".var-input, .var-base"
+        // computationStore.highlightedVarIds
+      );
     }
   }, [data, computationStore, isInitialized]);
   useEffect(() => {
@@ -19410,8 +19417,8 @@ const LatexLabel = observer(({
 }) => {
   var _a2, _b;
   const labelRef = useRef(null);
-  const formulizeContext = useFormulize();
-  const labelFontSize = (_b = (_a2 = formulizeContext == null ? void 0 : formulizeContext.computationStore) == null ? void 0 : _a2.environment) == null ? void 0 : _b.labelFontSize;
+  const coreContext = useStore();
+  const labelFontSize = (_b = (_a2 = coreContext == null ? void 0 : coreContext.computationStore) == null ? void 0 : _a2.environment) == null ? void 0 : _b.labelFontSize;
   const fontSize = customFontSize ?? labelFontSize ?? 1;
   useEffect(() => {
     let isMounted = true;
@@ -19447,8 +19454,8 @@ const SVGLabel = observer(({
   const [svgData, setSvgData] = useState(null);
   const [error, setError] = useState(null);
   const [isLoading, setIsLoading] = useState(false);
-  const formulizeContext = useFormulize();
-  const computationStore = formulizeContext == null ? void 0 : formulizeContext.computationStore;
+  const coreContext = useStore();
+  const computationStore = coreContext == null ? void 0 : coreContext.computationStore;
   const fontSize = ((_a2 = computationStore == null ? void 0 : computationStore.environment) == null ? void 0 : _a2.fontSize) || 1;
   useEffect(() => {
     const loadSVG = async () => {
@@ -19551,7 +19558,7 @@ const InlineInput = observer(({
   variable,
   fontSize
 }) => {
-  const context = useFormulize();
+  const context = useStore();
   const computationStore = context == null ? void 0 : context.computationStore;
   const currentValue = typeof variable.value === "number" ? variable.value : 0;
   const displayPrecision = variable.precision ?? INPUT_VARIABLE_DEFAULT.PRECISION;
@@ -19610,7 +19617,7 @@ const LabelNode = observer(({
     varId,
     formulaId
   } = data;
-  const context = useFormulize();
+  const context = useStore();
   const computationStore = context == null ? void 0 : context.computationStore;
   const labelFontSize = (_a2 = computationStore == null ? void 0 : computationStore.environment) == null ? void 0 : _a2.labelFontSize;
   const variable = computationStore == null ? void 0 : computationStore.variables.get(varId);
@@ -19740,7 +19747,7 @@ const VariableNode = observer(({
     width,
     height
   } = data;
-  const context = useFormulize();
+  const context = useStore();
   const computationStore = context == null ? void 0 : context.computationStore;
   if (!computationStore) {
     return null;
@@ -21170,7 +21177,7 @@ const Formula$1 = observer(({
   className = "",
   style = {}
 }) => {
-  const context = useFormulize();
+  const context = useStore();
   const instance = context == null ? void 0 : context.instance;
   const isLoading = (context == null ? void 0 : context.isLoading) ?? true;
   const config = context == null ? void 0 : context.config;
@@ -21239,7 +21246,7 @@ const MathJaxLoader = ({
               window.MathJax.startup.defaultReady();
               window.MathJax.startup.promise.then(() => {
                 var _a2;
-                console.log("MathJax loaded and ready by formulize-math with scale 2.0");
+                console.log("MathJax loaded and ready by math-notation with scale 2.0");
                 console.log("MathJax chtml config:", (_a2 = window.MathJax.config) == null ? void 0 : _a2.chtml);
               });
             }
@@ -21313,7 +21320,7 @@ const MathJaxLoader = ({
   }, children });
 };
 const useMathJax = () => useContext(MathJaxContext);
-const FormulizeProviderInner = observer(({
+const ProviderInner = observer(({
   config,
   children,
   onError,
@@ -21336,7 +21343,7 @@ const FormulizeProviderInner = observer(({
       setIsLoading(false);
       return;
     }
-    const initializeFormulize = async () => {
+    const initialize = async () => {
       setIsLoading(true);
       setError(null);
       try {
@@ -21347,7 +21354,7 @@ const FormulizeProviderInner = observer(({
         if (!window.MathJax || !window.MathJax.tex2chtml) {
           throw new Error("MathJax is not properly loaded");
         }
-        const newInstance = await Formulize.create(config);
+        const newInstance = await Store.create(config);
         instanceRef.current = newInstance;
         if (config.stepping && newInstance.computationStore) {
           newInstance.computationStore.setStepping(true);
@@ -21368,7 +21375,7 @@ const FormulizeProviderInner = observer(({
         setIsLoading(false);
       }
     };
-    initializeFormulize();
+    initialize();
     return () => {
       if (instanceRef.current) {
         instanceRef.current.destroy();
@@ -21390,10 +21397,10 @@ const FormulizeProviderInner = observer(({
     computationStore: (instance == null ? void 0 : instance.computationStore) ?? null,
     reinitialize
   }), [instance, config, isLoading, error, reinitialize]);
-  return /* @__PURE__ */ jsx(FormulizeContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsx(StoreContext.Provider, { value: contextValue, children });
 });
-const FormulizeProvider = (props) => {
-  return /* @__PURE__ */ jsx(MathJaxLoader, { children: /* @__PURE__ */ jsx(FormulizeProviderInner, { ...props }) });
+const Provider = (props) => {
+  return /* @__PURE__ */ jsx(MathJaxLoader, { children: /* @__PURE__ */ jsx(ProviderInner, { ...props }) });
 };
 const InlineFormulaInner = observer(({
   id,
@@ -21539,7 +21546,7 @@ const InlineFormula = observer(({
   style = {},
   scale = 1
 }) => {
-  const context = useFormulize();
+  const context = useStore();
   const instance = context == null ? void 0 : context.instance;
   const isLoading = (context == null ? void 0 : context.isLoading) ?? true;
   const computationStore = context == null ? void 0 : context.computationStore;
@@ -21570,7 +21577,7 @@ const InlineVariableInner = observer(({
   const {
     isLoaded: mathJaxLoaded
   } = useMathJax();
-  const context = useFormulize();
+  const context = useStore();
   const config = context == null ? void 0 : context.config;
   const getVariable2 = useCallback(() => {
     return computationStore.variables.get(id);
@@ -21722,7 +21729,7 @@ const InlineVariable = observer(({
   style = {},
   scale = 1
 }) => {
-  const context = useFormulize();
+  const context = useStore();
   const instance = context == null ? void 0 : context.instance;
   const isLoading = (context == null ? void 0 : context.isLoading) ?? true;
   const computationStore = context == null ? void 0 : context.computationStore;
@@ -21940,7 +21947,7 @@ const EmbeddedFormula = observer(({
   className = "",
   style = {}
 }) => {
-  const context = useFormulize();
+  const context = useStore();
   const isLoading = (context == null ? void 0 : context.isLoading) ?? true;
   const computationStore = context == null ? void 0 : context.computationStore;
   if (isLoading || !computationStore) {
@@ -22329,7 +22336,7 @@ const ErrorDisplay = ({
 const Canvas = ({
   config
 }) => {
-  const context = useFormulize();
+  const context = useStore();
   const computationStore = context == null ? void 0 : context.computationStore;
   const [variables, setVariables] = useState({});
   const {
@@ -22557,7 +22564,7 @@ const AxisLabels = observer(({
   yAxisHovered = false
 }) => {
   var _a2;
-  const context = useFormulize();
+  const context = useStore();
   const computationStore = context == null ? void 0 : context.computationStore;
   if (!computationStore) {
     return null;
@@ -23001,7 +23008,7 @@ const Plot2D = observer(({
   config
 }) => {
   var _a2, _b;
-  const context = useFormulize();
+  const context = useStore();
   const computationStore = context == null ? void 0 : context.computationStore;
   const svgRef = useRef(null);
   const tooltipRef = useRef(null);
@@ -23623,7 +23630,7 @@ const Plot2D = observer(({
   if (!computationStore) {
     return /* @__PURE__ */ jsx("div", { className: "plot2d-loading", children: "Loading plot..." });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "formulize-plot2d", style: {
+  return /* @__PURE__ */ jsxs("div", { className: "mn-plot2d", style: {
     position: "relative"
   }, children: [
     /* @__PURE__ */ jsx("svg", { ref: svgRef, style: {
@@ -24209,7 +24216,7 @@ const Plot3DInner = observer(({
 const Plot3D = observer(({
   config
 }) => {
-  const context = useFormulize();
+  const context = useStore();
   const computationStore = context == null ? void 0 : context.computationStore;
   if (!computationStore) {
     return /* @__PURE__ */ jsx("div", { className: "plot3d-loading", children: "Loading plot..." });
@@ -24254,7 +24261,7 @@ const VisualizationComponent = observer(({
 }) => {
   const containerRef = useRef(null);
   const [isReady, setIsReady] = useState(false);
-  const context = useFormulize();
+  const context = useStore();
   const computationStore = context == null ? void 0 : context.computationStore;
   const isLoading = (context == null ? void 0 : context.isLoading) ?? true;
   const instance = context == null ? void 0 : context.instance;
@@ -24305,7 +24312,7 @@ const Button = ({
 const StepControl = observer(({
   className = ""
 }) => {
-  const context = useFormulize();
+  const context = useStore();
   const computationStore = (context == null ? void 0 : context.computationStore) ?? null;
   const isLoading = (context == null ? void 0 : context.isLoading) ?? true;
   const containerStyle = {
@@ -24548,11 +24555,11 @@ export {
   EmbeddedFormula,
   Formula$1 as Formula,
   Formula as FormulaGenerator,
-  Formulize,
-  FormulizeProvider,
   InlineFormula,
   InlineVariable,
+  Provider,
   StepControl,
+  Store,
   Variable2 as Variable,
   VisualizationComponent,
   createComputationStore,
@@ -24564,6 +24571,6 @@ export {
   register,
   registerBuiltInComponents,
   unRegister,
-  useFormulize
+  useStore
 };
 //# sourceMappingURL=formulize.es.js.map