@podlite/formula 0.0.1

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @podlite/formula
+
+## Upcoming
+
+## 0.0.1
+
+- initial import

package/LICENSE

@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright © 2024 Aliaksandr Zahatski
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

package/README.md

@@ -0,0 +1,89 @@
+# @podlite/formula
+
+Example of using formulas in text (`F<>`) and as `=formula` blocks:
+
+```
+=for formula :caption('The Cauchy-Schwarz Inequality')
+   \left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)
+
+
+
+This is an inline  example: F< y = \sqrt{3x-1}+(1+x)^2 >
+```
+
+Formulas can be input in Markdown mode.
+
+```
+=begin markdown
+
+  * this is a example of `formula` inside markdown: $y = \sqrt{3x-1}+(1+x)^2$
+
+  and block:
+
+  $$
+  \left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)
+  $$
+
+or
+
+$$
+\operatorname{ker} f=\{g\in G:f(g)=e_{H}\}{\mbox{.}}
+$$
+
+=end markdown
+```
+
+[example at pod6.in](http://pod6.in/#p=%3Dfor+formula+%3Acaption%28%27The+Cauchy-Schwarz+Inequality%27%29%0A+++%5Cleft%28+%5Csum_%7Bk%3D1%7D%5En+a_k+b_k+%5Cright%29%5E2+%5Cleq+%5Cleft%28+%5Csum_%7Bk%3D1%7D%5En+a_k%5E2+%5Cright%29+%5Cleft%28+%5Csum_%7Bk%3D1%7D%5En+b_k%5E2+%5Cright%29%0A%0A%0A%0AThis+is+an+inline++example%3A+F%3C+y+%3D+%5Csqrt%7B3x-1%7D%2B%281%2Bx%29%5E2+%3E%0A%0A%3Dbegin+markdown%0A%0A++*+this+is+a+example+of+%60formula%60+inside+markdown%3A+%24y+%3D+%5Csqrt%7B3x-1%7D%2B%281%2Bx%29%5E2%24%0A++%0A++and+block%3A+%0A++%0A++%24%24%0A++%5Cleft%28+%5Csum_%7Bk%3D1%7D%5En+a_k+b_k+%5Cright%29%5E2+%5Cleq+%5Cleft%28+%5Csum_%7Bk%3D1%7D%5En+a_k%5E2+%5Cright%29+%5Cleft%28+%5Csum_%7Bk%3D1%7D%5En+b_k%5E2+%5Cright%29%0A++%24%24%0A++%0A++%0A%0A%3Dend+markdown%0A%0A)
+
+<div align="center">
+<table border=0><tr><td valign=top><div align="center">
+
+##### specification
+
+</div>
+
+- [Source](https://github.com/podlite/podlite-specs)
+- [in HTML](https://podlite.org/specification)
+- [Discussions](https://github.com/podlite/podlite-specs/discussions)
+- [Implementation](https://github.com/podlite/podlite)
+
+</td><td valign=top><div align="center">
+
+##### publishing system
+
+</div>
+
+- [Podlite-web](https://github.com/podlite/podlite-web)
+- [How-to article](https://zahatski.com/2022/8/23/1/start-you-own-blog-site-with-podlite-for-web)
+- [Issues](https://github.com/podlite/podlite-specs/issues)
+
+</td><td valign=top><div align="center">
+  
+##### desktop viewer/editor
+
+</div>
+
+- [Podlite-desktop](https://github.com/podlite/podlite-desktop)
+- [Releases](https://github.com/podlite/podlite-desktop/releases)
+- [Issues](https://github.com/podlite/podlite-desktop/issues)
+
+</td><td valign=top><div align="center">
+
+##### online resurces
+
+ </div>
+
+- [podlite.org](https://podlite.org)
+- [pod6.in](https://pod6.in/)
+- [github.com/podlite](https://github.com/podlite/)
+
+</td></tr></table>
+</div>
+
+## AUTHOR
+
+Copyright (c) 2024 Aliaksandr Zahatski
+
+## License
+
+Released under a MIT License.

package/esm/MathJax.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+declare global {
+    interface Window {
+        MathJax: {
+            [key: string]: any;
+        };
+    }
+}
+export declare type ContextProps = {
+    options?: {};
+    src?: string;
+};
+export declare function useTexSVG({ latex, onSuccess, onError, }?: {
+    latex?: string;
+    onSuccess?: (html: HTMLElement) => void;
+    onError?: (html: HTMLElement) => void;
+}): [HTMLElement | null, {
+    error: boolean;
+    isLoading: boolean;
+}];
+export declare type Tex2SVGProps = {
+    [key: string]: any;
+} & {
+    latex: string;
+    onError?: (html: HTMLElement) => void;
+    onSuccess?: (html: HTMLElement) => void;
+    inline?: boolean;
+};
+export declare const Tex2SVG: React.FC<Tex2SVGProps>;
+export declare const Tex2SVGWithProvider: React.FC<Tex2SVGProps>;
+export declare const MathJaxProvider: React.FC<ContextProps>;
+export declare function useTexChtml({ latex, inline, onSuccess, onError, }?: {
+    latex?: string;
+    inline?: boolean;
+    onSuccess?: (html: HTMLElement) => void;
+    onError?: (html: HTMLElement) => void;
+}): [HTMLElement | null, {
+    error: boolean;
+    isLoading: boolean;
+}];
+export declare const Tex2Chtml: React.FC<Tex2SVGProps>;
+export declare const Tex2ChtmlWithProvider: React.FC<Tex2SVGProps>;
+export default Tex2SVGWithProvider;

package/esm/MathJax.js

@@ -0,0 +1,156 @@
+import React, { createContext, useContext, useEffect, useRef, useState } from 'react';
+const MathJaxContext = createContext({});
+export function useTexSVG({ latex = '', onSuccess = (html) => { }, onError = (html) => { }, } = {}) {
+    const mathJax = useContext(MathJaxContext) || null;
+    const [html, setHtml] = useState(null);
+    const [isLoading, setIsLoading] = useState(false);
+    const error = !!html?.outerHTML.match(/data-mjx-error/);
+    useEffect(() => {
+        async function setMathJaxHTML() {
+            const isReady = mathJax?.tex2svgPromise || (await mathJax?.loader?.ready?.());
+            if (isReady) {
+                try {
+                    setIsLoading(true);
+                    const mathJaxElement = await mathJax.tex2svgPromise(latex);
+                    setHtml(mathJaxElement);
+                }
+                catch (e) {
+                    console.error('[podlite/formula] Something went really wrong, if this problem persists then please open an issue', e);
+                }
+                finally {
+                    setIsLoading(false);
+                }
+            }
+        }
+        setMathJaxHTML();
+    }, [mathJax, latex]);
+    useEffect(() => {
+        if (html && error)
+            onError(html);
+        if (html && !error)
+            onSuccess(html);
+    }, [html]);
+    return [html, { error, isLoading }];
+}
+export const Tex2SVG = ({ latex = '', onError = (html) => { }, onSuccess = (html) => { }, ...props }) => {
+    const ref = useRef(null);
+    const [html, { error }] = useTexSVG({ latex, onError, onSuccess });
+    useEffect(() => {
+        if (html && !error) {
+            Object.keys(props).map(key => html.setAttribute(key, props[key]));
+            ref.current?.appendChild(html);
+            return () => {
+                ref.current?.removeChild(html);
+            };
+        }
+        return () => { };
+    }, [props, html]);
+    return React.createElement("span", { ref: ref });
+};
+export const Tex2SVGWithProvider = props => (React.createElement(MathJaxProvider, { src: "https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js" },
+    React.createElement(Tex2SVG, { ...props })));
+export const MathJaxProvider = ({ src = 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml-full.js', options = {}, children = null, }) => {
+    const [mathJax, setMathJax] = useState(typeof window === 'undefined' ? null : window.MathJax);
+    useEffect(() => {
+        const existingScript = document.getElementById('mathjax-script');
+        if (existingScript) {
+            const onLoad = existingScript.onload;
+            existingScript.onload = () => {
+                onLoad();
+                setMathJax(window.MathJax);
+            };
+        }
+        if (!existingScript && !window.MathJax) {
+            const script = document.createElement('script');
+            window.MathJax = {
+                tex: {
+                    inlineMath: [],
+                    displayMath: [],
+                },
+                options: {
+                    enableMenu: false,
+                },
+                startup: {
+                    elements: null,
+                    typeset: false,
+                },
+            };
+            script.id = 'mathjax-script';
+            // "https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js";
+            // "https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js";
+            // 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml-full.js'
+            script.src = src;
+            script.async = true;
+            script.onload = () => setMathJax(window.MathJax);
+            document.head.appendChild(script);
+        }
+        return () => { };
+    });
+    return React.createElement(MathJaxContext.Provider, { value: mathJax }, children);
+};
+export function useTexChtml({ latex = '', inline = false, onSuccess = (html) => { }, onError = (html) => { }, } = {}) {
+    const mathJax = useContext(MathJaxContext) || null;
+    const [html, setHtml] = useState(null);
+    const [isLoading, setIsLoading] = useState(false);
+    const error = !!html?.outerHTML.match(/data-mjx-error/);
+    useEffect(() => {
+        async function setMathJaxHTML() {
+            let cancelled = false;
+            const isReady = mathJax?.tex2chtml || (await mathJax?.loader?.ready?.());
+            if (isReady) {
+                try {
+                    setIsLoading(true);
+                    typeset(() => {
+                        if (cancelled) {
+                            return;
+                        }
+                        const mathJaxElement = mathJax.tex2chtml(latex, { display: !inline });
+                        setHtml(mathJaxElement);
+                    });
+                }
+                catch (e) {
+                    console.error('[podlite/formula] Something went really wrong, if this problem persists then please open an issue', e);
+                }
+                finally {
+                    setIsLoading(false);
+                }
+            }
+        }
+        setMathJaxHTML();
+    }, [mathJax, latex]);
+    useEffect(() => {
+        if (html && error)
+            onError(html);
+        if (html && !error)
+            onSuccess(html);
+    }, [html]);
+    return [html, { error, isLoading }];
+}
+export const Tex2Chtml = ({ latex = '', inline = false, className = inline ? 'f-code' : 'formula', onError = (html) => { }, onSuccess = (html) => { }, ...props }) => {
+    const ref = useRef(null);
+    const [html, { error }] = useTexChtml({ latex, onError, onSuccess, inline });
+    useEffect(() => {
+        if (html && !error) {
+            Object.keys(props).map(key => html.setAttribute(key, props[key]));
+            ref.current?.appendChild(html);
+            return () => {
+                ref.current?.removeChild(html);
+            };
+        }
+        return () => { };
+    }, [props, html]);
+    return React.createElement(inline ? 'span' : 'div', {
+        className,
+        ref: ref,
+    });
+};
+export const Tex2ChtmlWithProvider = props => (React.createElement(MathJaxProvider, { src: "https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml-full.js" },
+    React.createElement(Tex2Chtml, { ...props })));
+function typeset(code) {
+    window.MathJax.startup.promise = MathJax.startup.promise
+        .then(() => window.MathJax.typesetPromise(code()))
+        .catch(err => console.log(`[formula] typeset error: ${err.message}`));
+    return window.MathJax.startup.promise;
+}
+export default Tex2SVGWithProvider;
+//# sourceMappingURL=MathJax.js.map

package/esm/MathJax.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MathJax.js","sourceRoot":"","sources":["../src/MathJax.tsx"],"names":[],"mappings":"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"}

package/esm/default.css

@@ -0,0 +1,3 @@
+mjx-container[jax='CHTML'] {
+    font-size: 1.2em;
+}

package/esm/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Plugin, Plugins } from '@podlite/schema';
+export { MathJaxProvider } from './MathJax';
+declare const Formula: ({ formula, isInline, caption, id, }: {
+    formula: string;
+    caption?: string;
+    id?: string;
+    isInline: boolean;
+}) => React.JSX.Element;
+export declare const FormulaPlugin: Plugin;
+export declare const PluginRegister: Plugins;
+export default Formula;

package/esm/index.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { getNodeId, makeAttrs } from '@podlite/schema';
+import { Tex2ChtmlWithProvider } from './MathJax';
+export { MathJaxProvider } from './MathJax';
+const Formula = ({ formula, isInline = false, caption, id, }) => {
+    const element = (React.createElement(React.Fragment, null,
+        React.createElement(Tex2ChtmlWithProvider, { className: `${isInline ? 'f-code' : 'formula'}`, latex: formula, inline: isInline }),
+        caption ? React.createElement("div", { className: "caption" }, caption) : null));
+    return isInline ? (element) : (React.createElement("div", { className: "formula", id: id }, element));
+};
+export const FormulaPlugin = {
+    toJSX: helper => () => (node, ctx, interator) => {
+        const conf = makeAttrs(node, ctx);
+        const caption = conf.exists('caption') ? conf.getFirstValue('caption') : null;
+        const id = getNodeId(node, ctx);
+        const isInlineContext = node.type === 'fcode';
+        return helper(({ children, key }) => {
+            return (React.createElement(Formula, { key: key, isInline: isInlineContext, id: id, caption: caption, formula: node.content[0]?.value }));
+        }, node, interator(node.content, { ...ctx }));
+    },
+};
+export const PluginRegister = {
+    formula: FormulaPlugin,
+    'F<>': FormulaPlugin,
+};
+export default Formula;
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAmB,SAAS,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC3C,MAAM,OAAO,GAAG,CAAC,EACf,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,EAAE,GAMH,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,CACd;QACE,oBAAC,qBAAqB,IAAC,SAAS,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,GAAI;QAC3G,OAAO,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,SAAS,IAAE,OAAO,CAAO,CAAC,CAAC,CAAC,IAAI,CACzD,CACJ,CAAA;IAED,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,OAAO,CACR,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,SAAS,EAAC,EAAE,EAAE,EAAE,IAC5B,OAAO,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAW;IACnC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE;QAC9C,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QACjC,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;QAC7E,MAAM,EAAE,GAAG,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAC/B,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAA;QAC7C,OAAO,MAAM,CACX,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE;YACpB,OAAO,CACL,oBAAC,OAAO,IAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,GAAI,CAC5G,CAAA;QACH,CAAC,EACD,IAAI,EACJ,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,GAAG,GAAG,EAAE,CAAC,CACpC,CAAA;IACH,CAAC;CACF,CAAA;AACD,MAAM,CAAC,MAAM,cAAc,GAAY;IACrC,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,aAAa;CACrB,CAAA;AACD,eAAe,OAAO,CAAA"}

package/lib/MathJax.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+declare global {
+    interface Window {
+        MathJax: {
+            [key: string]: any;
+        };
+    }
+}
+export declare type ContextProps = {
+    options?: {};
+    src?: string;
+};
+export declare function useTexSVG({ latex, onSuccess, onError, }?: {
+    latex?: string;
+    onSuccess?: (html: HTMLElement) => void;
+    onError?: (html: HTMLElement) => void;
+}): [HTMLElement | null, {
+    error: boolean;
+    isLoading: boolean;
+}];
+export declare type Tex2SVGProps = {
+    [key: string]: any;
+} & {
+    latex: string;
+    onError?: (html: HTMLElement) => void;
+    onSuccess?: (html: HTMLElement) => void;
+    inline?: boolean;
+};
+export declare const Tex2SVG: React.FC<Tex2SVGProps>;
+export declare const Tex2SVGWithProvider: React.FC<Tex2SVGProps>;
+export declare const MathJaxProvider: React.FC<ContextProps>;
+export declare function useTexChtml({ latex, inline, onSuccess, onError, }?: {
+    latex?: string;
+    inline?: boolean;
+    onSuccess?: (html: HTMLElement) => void;
+    onError?: (html: HTMLElement) => void;
+}): [HTMLElement | null, {
+    error: boolean;
+    isLoading: boolean;
+}];
+export declare const Tex2Chtml: React.FC<Tex2SVGProps>;
+export declare const Tex2ChtmlWithProvider: React.FC<Tex2SVGProps>;
+export default Tex2SVGWithProvider;

package/lib/MathJax.js

@@ -0,0 +1,185 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tex2ChtmlWithProvider = exports.Tex2Chtml = exports.useTexChtml = exports.MathJaxProvider = exports.Tex2SVGWithProvider = exports.Tex2SVG = exports.useTexSVG = void 0;
+const react_1 = __importStar(require("react"));
+const MathJaxContext = (0, react_1.createContext)({});
+function useTexSVG({ latex = '', onSuccess = (html) => { }, onError = (html) => { }, } = {}) {
+    const mathJax = (0, react_1.useContext)(MathJaxContext) || null;
+    const [html, setHtml] = (0, react_1.useState)(null);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const error = !!html?.outerHTML.match(/data-mjx-error/);
+    (0, react_1.useEffect)(() => {
+        async function setMathJaxHTML() {
+            const isReady = mathJax?.tex2svgPromise || (await mathJax?.loader?.ready?.());
+            if (isReady) {
+                try {
+                    setIsLoading(true);
+                    const mathJaxElement = await mathJax.tex2svgPromise(latex);
+                    setHtml(mathJaxElement);
+                }
+                catch (e) {
+                    console.error('[podlite/formula] Something went really wrong, if this problem persists then please open an issue', e);
+                }
+                finally {
+                    setIsLoading(false);
+                }
+            }
+        }
+        setMathJaxHTML();
+    }, [mathJax, latex]);
+    (0, react_1.useEffect)(() => {
+        if (html && error)
+            onError(html);
+        if (html && !error)
+            onSuccess(html);
+    }, [html]);
+    return [html, { error, isLoading }];
+}
+exports.useTexSVG = useTexSVG;
+const Tex2SVG = ({ latex = '', onError = (html) => { }, onSuccess = (html) => { }, ...props }) => {
+    const ref = (0, react_1.useRef)(null);
+    const [html, { error }] = useTexSVG({ latex, onError, onSuccess });
+    (0, react_1.useEffect)(() => {
+        if (html && !error) {
+            Object.keys(props).map(key => html.setAttribute(key, props[key]));
+            ref.current?.appendChild(html);
+            return () => {
+                ref.current?.removeChild(html);
+            };
+        }
+        return () => { };
+    }, [props, html]);
+    return react_1.default.createElement("span", { ref: ref });
+};
+exports.Tex2SVG = Tex2SVG;
+const Tex2SVGWithProvider = props => (react_1.default.createElement(exports.MathJaxProvider, { src: "https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js" },
+    react_1.default.createElement(exports.Tex2SVG, { ...props })));
+exports.Tex2SVGWithProvider = Tex2SVGWithProvider;
+const MathJaxProvider = ({ src = 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml-full.js', options = {}, children = null, }) => {
+    const [mathJax, setMathJax] = (0, react_1.useState)(typeof window === 'undefined' ? null : window.MathJax);
+    (0, react_1.useEffect)(() => {
+        const existingScript = document.getElementById('mathjax-script');
+        if (existingScript) {
+            const onLoad = existingScript.onload;
+            existingScript.onload = () => {
+                onLoad();
+                setMathJax(window.MathJax);
+            };
+        }
+        if (!existingScript && !window.MathJax) {
+            const script = document.createElement('script');
+            window.MathJax = {
+                tex: {
+                    inlineMath: [],
+                    displayMath: [],
+                },
+                options: {
+                    enableMenu: false,
+                },
+                startup: {
+                    elements: null,
+                    typeset: false,
+                },
+            };
+            script.id = 'mathjax-script';
+            // "https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js";
+            // "https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js";
+            // 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml-full.js'
+            script.src = src;
+            script.async = true;
+            script.onload = () => setMathJax(window.MathJax);
+            document.head.appendChild(script);
+        }
+        return () => { };
+    });
+    return react_1.default.createElement(MathJaxContext.Provider, { value: mathJax }, children);
+};
+exports.MathJaxProvider = MathJaxProvider;
+function useTexChtml({ latex = '', inline = false, onSuccess = (html) => { }, onError = (html) => { }, } = {}) {
+    const mathJax = (0, react_1.useContext)(MathJaxContext) || null;
+    const [html, setHtml] = (0, react_1.useState)(null);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const error = !!html?.outerHTML.match(/data-mjx-error/);
+    (0, react_1.useEffect)(() => {
+        async function setMathJaxHTML() {
+            let cancelled = false;
+            const isReady = mathJax?.tex2chtml || (await mathJax?.loader?.ready?.());
+            if (isReady) {
+                try {
+                    setIsLoading(true);
+                    typeset(() => {
+                        if (cancelled) {
+                            return;
+                        }
+                        const mathJaxElement = mathJax.tex2chtml(latex, { display: !inline });
+                        setHtml(mathJaxElement);
+                    });
+                }
+                catch (e) {
+                    console.error('[podlite/formula] Something went really wrong, if this problem persists then please open an issue', e);
+                }
+                finally {
+                    setIsLoading(false);
+                }
+            }
+        }
+        setMathJaxHTML();
+    }, [mathJax, latex]);
+    (0, react_1.useEffect)(() => {
+        if (html && error)
+            onError(html);
+        if (html && !error)
+            onSuccess(html);
+    }, [html]);
+    return [html, { error, isLoading }];
+}
+exports.useTexChtml = useTexChtml;
+const Tex2Chtml = ({ latex = '', inline = false, className = inline ? 'f-code' : 'formula', onError = (html) => { }, onSuccess = (html) => { }, ...props }) => {
+    const ref = (0, react_1.useRef)(null);
+    const [html, { error }] = useTexChtml({ latex, onError, onSuccess, inline });
+    (0, react_1.useEffect)(() => {
+        if (html && !error) {
+            Object.keys(props).map(key => html.setAttribute(key, props[key]));
+            ref.current?.appendChild(html);
+            return () => {
+                ref.current?.removeChild(html);
+            };
+        }
+        return () => { };
+    }, [props, html]);
+    return react_1.default.createElement(inline ? 'span' : 'div', {
+        className,
+        ref: ref,
+    });
+};
+exports.Tex2Chtml = Tex2Chtml;
+const Tex2ChtmlWithProvider = props => (react_1.default.createElement(exports.MathJaxProvider, { src: "https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml-full.js" },
+    react_1.default.createElement(exports.Tex2Chtml, { ...props })));
+exports.Tex2ChtmlWithProvider = Tex2ChtmlWithProvider;
+function typeset(code) {
+    window.MathJax.startup.promise = MathJax.startup.promise
+        .then(() => window.MathJax.typesetPromise(code()))
+        .catch(err => console.log(`[formula] typeset error: ${err.message}`));
+    return window.MathJax.startup.promise;
+}
+exports.default = exports.Tex2SVGWithProvider;
+//# sourceMappingURL=MathJax.js.map

package/lib/MathJax.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MathJax.js","sourceRoot":"","sources":["../src/MathJax.tsx"],"names":[],"mappings":"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"}

package/lib/default.css

@@ -0,0 +1,3 @@
+mjx-container[jax='CHTML'] {
+    font-size: 1.2em;
+}

package/lib/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Plugin, Plugins } from '@podlite/schema';
+export { MathJaxProvider } from './MathJax';
+declare const Formula: ({ formula, isInline, caption, id, }: {
+    formula: string;
+    caption?: string;
+    id?: string;
+    isInline: boolean;
+}) => React.JSX.Element;
+export declare const FormulaPlugin: Plugin;
+export declare const PluginRegister: Plugins;
+export default Formula;

package/lib/index.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PluginRegister = exports.FormulaPlugin = exports.MathJaxProvider = void 0;
+const react_1 = __importDefault(require("react"));
+const schema_1 = require("@podlite/schema");
+const MathJax_1 = require("./MathJax");
+var MathJax_2 = require("./MathJax");
+Object.defineProperty(exports, "MathJaxProvider", { enumerable: true, get: function () { return MathJax_2.MathJaxProvider; } });
+const Formula = ({ formula, isInline = false, caption, id, }) => {
+    const element = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(MathJax_1.Tex2ChtmlWithProvider, { className: `${isInline ? 'f-code' : 'formula'}`, latex: formula, inline: isInline }),
+        caption ? react_1.default.createElement("div", { className: "caption" }, caption) : null));
+    return isInline ? (element) : (react_1.default.createElement("div", { className: "formula", id: id }, element));
+};
+exports.FormulaPlugin = {
+    toJSX: helper => () => (node, ctx, interator) => {
+        const conf = (0, schema_1.makeAttrs)(node, ctx);
+        const caption = conf.exists('caption') ? conf.getFirstValue('caption') : null;
+        const id = (0, schema_1.getNodeId)(node, ctx);
+        const isInlineContext = node.type === 'fcode';
+        return helper(({ children, key }) => {
+            return (react_1.default.createElement(Formula, { key: key, isInline: isInlineContext, id: id, caption: caption, formula: node.content[0]?.value }));
+        }, node, interator(node.content, { ...ctx }));
+    },
+};
+exports.PluginRegister = {
+    formula: exports.FormulaPlugin,
+    'F<>': exports.FormulaPlugin,
+};
+exports.default = Formula;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,4CAAuE;AACvE,uCAAiD;AACjD,qCAA2C;AAAlC,0GAAA,eAAe,OAAA;AACxB,MAAM,OAAO,GAAG,CAAC,EACf,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,EAAE,GAMH,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,CACd;QACE,8BAAC,+BAAqB,IAAC,SAAS,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,GAAI;QAC3G,OAAO,CAAC,CAAC,CAAC,uCAAK,SAAS,EAAC,SAAS,IAAE,OAAO,CAAO,CAAC,CAAC,CAAC,IAAI,CACzD,CACJ,CAAA;IAED,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,OAAO,CACR,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAC,SAAS,EAAC,EAAE,EAAE,EAAE,IAC5B,OAAO,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAEY,QAAA,aAAa,GAAW;IACnC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE;QAC9C,MAAM,IAAI,GAAG,IAAA,kBAAS,EAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QACjC,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;QAC7E,MAAM,EAAE,GAAG,IAAA,kBAAS,EAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAC/B,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAA;QAC7C,OAAO,MAAM,CACX,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE;YACpB,OAAO,CACL,8BAAC,OAAO,IAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,GAAI,CAC5G,CAAA;QACH,CAAC,EACD,IAAI,EACJ,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,GAAG,GAAG,EAAE,CAAC,CACpC,CAAA;IACH,CAAC;CACF,CAAA;AACY,QAAA,cAAc,GAAY;IACrC,OAAO,EAAE,qBAAa;IACtB,KAAK,EAAE,qBAAa;CACrB,CAAA;AACD,kBAAe,OAAO,CAAA"}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@podlite/formula",
+  "version": "0.0.1",
+  "description": "=formula",
+  "main": "./lib/index.js",
+  "license": "MIT",
+  "scripts": {
+    "clean": "rm -rf esm lib *.tsbuildinfo",
+    "build": "yarn g:build && yarn g:copy_assets",
+    "test": "yarn g:jest  --passWithNoTests"
+  },
+  "files": [
+    "lib",
+    "esm",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "main": "./lib/index.js",
+    "types": "./lib/index.d.ts",
+    "module": "./esm/index.js"
+  },
+  "dependencies": {
+    "@podlite/schema": "0.0.19",
+    "react-is": "^17.0.2"
+  },
+  "peerDependencies": {
+    "react": "^16.0.0 || ^17.0.0 ",
+    "react-dom": "^16.0.0 || ^17.0.0",
+    "react-is": "*"
+  },
+  "module": "./esm/index.js"
+}