@pstdio/ui 0.0.3 → 0.1.0

package/dist/EquationComponent-DeDYHvqY.js

@@ -0,0 +1,62 @@
+import { jsxs as f, Fragment as p, jsx as a } from "react/jsx-runtime";
+import { c as u } from "react/compiler-runtime";
+import { useLexicalComposerContext as d } from "@lexical/react/LexicalComposerContext";
+import { useRef as E, useEffect as h, useState as x, Component as C } from "react";
+import "katex/dist/katex.css";
+import q from "katex";
+function g(c) {
+  const e = u(5), {
+    equation: i,
+    inline: o
+  } = c, l = E(null);
+  let n, t;
+  e[0] !== i || e[1] !== o ? (n = () => {
+    const s = l.current;
+    s !== null && q.render(i, s, {
+      displayMode: !o,
+      errorColor: "#cc0000",
+      output: "html",
+      strict: "warn",
+      throwOnError: !1,
+      trust: !1
+    });
+  }, t = [i, o], e[0] = i, e[1] = o, e[2] = n, e[3] = t) : (n = e[2], t = e[3]), h(n, t);
+  let r;
+  return e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ f(p, { children: [
+    /* @__PURE__ */ a("img", { src: "#", alt: "" }),
+    /* @__PURE__ */ a("span", { ref: l }),
+    /* @__PURE__ */ a("img", { src: "#", alt: "" })
+  ] }), e[4] = r) : r = e[4], r;
+}
+class k extends C {
+  state = {
+    hasError: !1
+  };
+  static getDerivedStateFromError() {
+    return {
+      hasError: !0
+    };
+  }
+  componentDidCatch(e) {
+    this.props.onError(e);
+  }
+  render() {
+    return this.state.hasError ? null : this.props.children;
+  }
+}
+function D(c) {
+  const e = u(8), {
+    equation: i,
+    inline: o
+  } = c, [l] = d(), [n] = x(i);
+  let t;
+  e[0] !== l ? (t = (m) => l._onError(m), e[0] = l, e[1] = t) : t = e[1];
+  let r;
+  e[2] !== n || e[3] !== o ? (r = /* @__PURE__ */ a(g, { equation: n, inline: o }), e[2] = n, e[3] = o, e[4] = r) : r = e[4];
+  let s;
+  return e[5] !== t || e[6] !== r ? (s = /* @__PURE__ */ a(k, { onError: t, children: r }), e[5] = t, e[6] = r, e[7] = s) : s = e[7], s;
+}
+export {
+  D as default
+};
+//# sourceMappingURL=EquationComponent-DeDYHvqY.js.map

package/dist/EquationComponent-DeDYHvqY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EquationComponent-DeDYHvqY.js","sources":["../src/components/rich-text/shared/plugins/EquationPlugin/KatexRenderer.tsx","../src/components/rich-text/shared/plugins/EquationPlugin/EquationComponent.tsx"],"sourcesContent":["import \"katex/dist/katex.css\";\n\nimport katex from \"katex\";\nimport { useEffect, useRef } from \"react\";\n\nexport default function KatexRenderer({\n  equation,\n  inline,\n}: Readonly<{\n  equation: string;\n  inline: boolean;\n}>) {\n  const katexElementRef = useRef(null);\n\n  useEffect(() => {\n    const katexElement = katexElementRef.current;\n\n    if (katexElement !== null) {\n      katex.render(equation, katexElement, {\n        displayMode: !inline, // true === block display //\n        errorColor: \"#cc0000\",\n        output: \"html\",\n        strict: \"warn\",\n        throwOnError: false,\n        trust: false,\n      });\n    }\n  }, [equation, inline]);\n\n  return (\n    // We use an empty image tag either side to ensure Android doesn't try and compose from the\n    // inner text from Katex. There didn't seem to be any other way of making this work,\n    // without having a physical space.\n    <>\n      <img src=\"#\" alt=\"\" />\n      <span ref={katexElementRef} />\n      <img src=\"#\" alt=\"\" />\n    </>\n  );\n}\n","import { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport type { ReactNode } from \"react\";\nimport { Component, useState } from \"react\";\n\nimport KatexRenderer from \"./KatexRenderer\";\n\ntype EquationComponentProps = {\n  equation: string;\n  inline: boolean;\n};\n\ninterface EditorErrorBoundaryProps {\n  children: ReactNode;\n  onError: (error: Error) => void;\n}\n\ninterface EditorErrorBoundaryState {\n  hasError: boolean;\n}\n\nclass EditorErrorBoundary extends Component<EditorErrorBoundaryProps, EditorErrorBoundaryState> {\n  state = { hasError: false };\n\n  static getDerivedStateFromError() {\n    return { hasError: true };\n  }\n\n  componentDidCatch(error: Error) {\n    this.props.onError(error);\n  }\n\n  render() {\n    if (this.state.hasError) return null;\n    return this.props.children;\n  }\n}\n\nexport default function EquationComponent({ equation, inline }: EquationComponentProps) {\n  const [editor] = useLexicalComposerContext();\n  const [equationValue, _setEquationValue] = useState(equation);\n  return (\n    <EditorErrorBoundary onError={(e) => editor._onError(e)}>\n      <KatexRenderer equation={equationValue} inline={inline} />\n    </EditorErrorBoundary>\n  );\n}\n"],"names":["KatexRenderer","t0","$","_c","equation","inline","katexElementRef","useRef","t1","t2","katexElement","current","katex","render","displayMode","errorColor","output","strict","throwOnError","trust","useEffect","t3","Symbol","for","jsxs","Fragment","jsx","EditorErrorBoundary","Component","state","hasError","getDerivedStateFromError","componentDidCatch","error","props","onError","children","EquationComponent","editor","useLexicalComposerContext","equationValue","useState","e","_onError"],"mappings":";;;;;;AAKA,SAAeA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAuB;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,EAAAA,IAAAJ,GAOpCK,IAAwBC,EAAO,IAAI;AAAE,MAAAC,GAAAC;AAAA,EAAAP,EAAA,CAAA,MAAAE,KAAAF,SAAAG,KAE3BG,IAAAA,MAAA;AACR,UAAAE,IAAqBJ,EAAeK;AAEpC,IAAID,MAAiB,QACnBE,EAAKC,OAAQT,GAAUM,GAAc;AAAA,MAAAI,aACtB,CAACT;AAAAA,MAAMU,YACR;AAAA,MAASC,QACb;AAAA,MAAMC,QACN;AAAA,MAAMC,cACA;AAAA,MAAKC,OACZ;AAAA,IAAA,CACR;AAAA,EACF,GACAV,IAAA,CAACL,GAAUC,CAAM,GAACH,OAAAE,GAAAF,OAAAG,GAAAH,OAAAM,GAAAN,OAAAO,MAAAD,IAAAN,EAAA,CAAA,GAAAO,IAAAP,EAAA,CAAA,IAbrBkB,EAAUZ,GAaPC,CAAkB;AAAC,MAAAY;AAAA,SAAAnB,EAAA,CAAA,MAAAoB,uBAAAC,IAAA,2BAAA,KAMpBF,IAAA,gBAAAG,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAA,OAAA,EAAS,KAAA,KAAQ,KAAA,IAAE;AAAA,IACnB,gBAAAA,EAAA,QAAA,EAAWpB,KAAAA,EAAAA,CAAe;AAAA,IAC1B,gBAAAoB,EAAA,OAAA,EAAS,KAAA,KAAQ,KAAA,GAAA,CAAE;AAAA,EAAA,GAAG,GACrBxB,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA,GAJHmB;AAIG;ACjBP,MAAMM,UAA4BC,EAA8D;AAAA,EAC9FC,QAAQ;AAAA,IAAEC,UAAU;AAAA,EAAA;AAAA,EAEpB,OAAOC,2BAA2B;AAChC,WAAO;AAAA,MAAED,UAAU;AAAA,IAAA;AAAA,EACrB;AAAA,EAEAE,kBAAkBC,GAAc;AAC9B,SAAKC,MAAMC,QAAQF,CAAK;AAAA,EAC1B;AAAA,EAEApB,SAAS;AACP,WAAI,KAAKgB,MAAMC,WAAiB,OACzB,KAAKI,MAAME;AAAAA,EACpB;AACF;AAEA,SAAeC,EAAApC,GAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAA2B;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,EAAAA,IAAAJ,GACxC,CAAAqC,CAAA,IAAiBC,EAAAA,GACjB,CAAAC,CAAA,IAA2CC,EAASrC,CAAQ;AAAE,MAAAI;AAAA,EAAAN,SAAAoC,KAE9B9B,IAAAkC,CAAAA,MAAOJ,EAAMK,SAAUD,CAAC,GAACxC,OAAAoC,GAAApC,OAAAM,KAAAA,IAAAN,EAAA,CAAA;AAAA,MAAAO;AAAA,EAAAP,EAAA,CAAA,MAAAsC,KAAAtC,SAAAG,KACrDI,IAAA,gBAAAiB,EAAC1B,GAAA,EAAwBwC,UAAAA,GAAuBnC,QAAAA,GAAM,GAAIH,OAAAsC,GAAAtC,OAAAG,GAAAH,OAAAO,KAAAA,IAAAP,EAAA,CAAA;AAAA,MAAAmB;AAAA,SAAAnB,EAAA,CAAA,MAAAM,KAAAN,SAAAO,KAD5DY,IAAA,gBAAAK,EAACC,GAAA,EAA6B,SAAAnB,GAC5BC,UAAAA,GACF,GAAsBP,OAAAM,GAAAN,OAAAO,GAAAP,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA,GAFtBmB;AAEsB;"}