@layers-app/editor 0.7.50 → 0.7.52-beta.0

package/package.json

@@ -1,160 +1,166 @@
-{
-  "name": "@layers-app/editor",
-  "private": false,
-  "version": "0.7.50",
-  "type": "module",
-  "scripts": {
-    "start": "cross-env VITE_LAYERS=true vite --mode full ",
-    "start:specific": "VITE_LAYERS=false vite --mode full ",
-    "build": "cross-env VITE_LAYERS=true vite build",
-    "build:specific": "VITE_LAYERS=false vite build",
-    "lint": "eslint . --ext .ts,.tsx",
-    "lint:fix": "eslint . --ext .ts,.tsx --fix",
-    "preview": "vite preview",
-    "generate-dts": "tsc --project tsconfig.lib.json",
-    "dev:local": "cross-env NODE_ENV=development concurrently \"npm:server:ws\"  \"vite --host\"",
-    "server:ws": "concurrently \"cd server && npm start\"",
-    "format": "prettier --write .",
-    "format:check": "prettier --check .",
-    "test:e2e": "playwright test",
-    "test:e2e:ui": "playwright test --ui",
-    "test:e2e:debug": "playwright test --debug",
-    "test:e2e:headed": "playwright test --headed",
-    "start-test-server": "VITE_LAYERS=true vite --mode full --port 3000 --strictPort --host localhost"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "files": [
-    "dist"
-  ],
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "dependencies": {
-    "@excalidraw/excalidraw": "^0.18.0",
-    "@floating-ui/react": "^0.27.16",
-    "@layers-app/editor-video": "^0.1.6",
-    "@lexical/file": "^0.38.2",
-    "@lexical/headless": "^0.38.2",
-    "@lexical/markdown": "^0.38.2",
-    "@lexical/react": "^0.38.2",
-    "@tanstack/react-query": "^5.52.2",
-    "lexical": "^0.38.2",
-    "react-selecto": "^1.26.3",
-    "y-websocket": "^1.5.3",
-    "yjs": "^13.6.20"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.9.0",
-    "@hugeicons/core-free-icons": "^2.0.0",
-    "@hugeicons/react": "^1.1.1",
-    "@layers-app/shared": "^0.2.5",
-    "@mantine/core": "8.3.5",
-    "@mantine/dropzone": "8.3.5",
-    "@mantine/form": "8.3.5",
-    "@mantine/hooks": "8.3.5",
-    "@mantine/modals": "8.3.5",
-    "@mantine/notifications": "8.3.5",
-    "@playwright/test": "^1.40.0",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@tabler/icons-react": "^3.7.0",
-    "@trivago/prettier-plugin-sort-imports": "^5.2.1",
-    "@types/eslint__js": "^8.42.3",
-    "@types/lodash": "^4.14.202",
-    "@types/lodash-es": "^4.17.12",
-    "@types/node": "^20.14.11",
-    "@types/prettier": "2.7.3",
-    "@types/react": "^18.3.22",
-    "@types/react-dom": "^18.3.7",
-    "@types/swagger-ui-react": "^5.18.0",
-    "@typescript-eslint/eslint-plugin": "^8.27.0",
-    "@typescript-eslint/parser": "^8.27.0",
-    "@vitejs/plugin-basic-ssl": "^1.1.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "concurrently": "^8.2.2",
-    "cross-env": "^7.0.3",
-    "eslint": "^9.22.0",
-    "eslint-config-prettier": "^10.1.1",
-    "eslint-plugin-prettier": "^5.2.3",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "eslint-plugin-unused-imports": "^4.1.4",
-    "glob": "^10.3.10",
-    "i18next": "^25.5.2",
-    "lodash-es": "^4.17.21",
-    "postcss-import": "^16.1.0",
-    "postcss-preset-mantine": "^1.17.0",
-    "prettier": "^3.4.2",
-    "prettier-plugin-organize-attributes": "^1.0.0",
-    "proper-lockfile": "^4.1.2",
-    "react-i18next": "^15.7.3",
-    "rollup-plugin-typescript-paths": "^1.5.0",
-    "rollup-plugin-visualizer": "^5.12.0",
-    "sass": "^1.71.1",
-    "terser": "^5.39.0",
-    "typescript": "^5.5.4",
-    "typescript-eslint": "^8.2.0",
-    "vite": "^6.2.2",
-    "vite-plugin-commonjs": "^0.10.1",
-    "vite-plugin-css-injected-by-js": "^3.5.0",
-    "vite-plugin-dts": "^4.0.0-beta.1",
-    "vite-plugin-static-copy": "^2.3.2",
-    "vite-plugin-svgr": "^4.2.0"
-  },
-  "overrides": {
-    "nanoid": "^5.0.9",
-    "prismjs": "^1.30.0",
-    "dompurify": "^3.2.4",
-    "mermaid": "^10.9.4",
-    "i18next": "^25.5.2",
-    "@mantine/core": "8.3.5",
-    "@mantine/hooks": "8.3.5",
-    "@mantine/form": "8.3.5",
-    "@mantine/dropzone": "8.3.5",
-    "@mantine/modals": "8.3.5",
-    "@mantine/notifications": "8.3.5",
-    "@excalidraw/mermaid-to-excalidraw": {
-      "nanoid": "^5.0.9"
-    },
-    "@excalidraw/excalidraw": {
-      "nanoid": "^5.0.9"
-    },
-    "postcss": {
-      "nanoid": "^5.0.9"
-    },
-    "ajv": "^8.18.0",
-    "minimatch": "^10.2.1"
-  },
-  "peerDependencies": {
-    "@dnd-kit/modifiers": ">=6",
-    "@emotion/react": ">=11",
-    "@emotion/styled": ">=11",
-    "@hugeicons/core-free-icons": ">=1",
-    "@hugeicons/react": ">=1",
-    "@mantine/carousel": ">=8.0.0",
-    "@mantine/colors-generator": ">=8.0.0",
-    "@mantine/core": ">=8.0.0",
-    "@mantine/dropzone": ">=8.0.0",
-    "@mantine/form": ">=8.0.0",
-    "@mantine/hooks": ">=8.0.0",
-    "@mantine/modals": ">=8.0.0",
-    "@mantine/notifications": ">=8.0.0",
-    "@mantine/tiptap": ">=8.0.0",
-    "@tabler/icons-react": ">=3.7.0",
-    "@tanstack/react-query": "^5.52.2",
-    "@tanstack/react-virtual": ">=3",
-    "date-fns-tz": ">=3",
-    "i18next": "^25.5.2",
-    "js-confetti": ">=0.12",
-    "lodash-es": ">=4.17.21",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-i18next": "^15.7.3",
-    "swagger-ui-react": "^5.27.1"
-  },
-  "peerDependenciesMeta": {
-    "swagger-ui-react": {
-      "optional": true
-    }
-  }
-}
+{
+  "name": "@layers-app/editor",
+  "private": false,
+  "version": "0.7.52-beta.0",
+  "type": "module",
+  "scripts": {
+    "start": "VITE_LAYERS=true vite --mode full ",
+    "start:specific": "VITE_LAYERS=false vite --mode full ",
+    "build": "VITE_LAYERS=true vite build",
+    "build:specific": "VITE_LAYERS=false vite build",
+    "lint": "eslint . --ext .ts,.tsx",
+    "lint:fix": "eslint . --ext .ts,.tsx --fix",
+    "preview": "vite preview",
+    "generate-dts": "tsc --project tsconfig.lib.json",
+    "dev:local": "cross-env NODE_ENV=development concurrently \"npm:server:ws\"  \"vite --host\"",
+    "server:ws": "concurrently \"cd server && npm start\"",
+    "server:smart-paste": "cd server && npm start",
+    "dev:full": "concurrently \"npm run start\" \"npm run server:smart-paste\"",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "test:e2e": "playwright test",
+    "test:e2e:ui": "playwright test --ui",
+    "test:e2e:debug": "playwright test --debug",
+    "test:e2e:headed": "playwright test --headed",
+    "start-test-server": "VITE_LAYERS=true vite --mode full --port 3000 --strictPort --host localhost",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "dependencies": {
+    "@excalidraw/excalidraw": "^0.18.0",
+    "@floating-ui/react": "^0.27.16",
+    "@layers-app/editor-video": "^0.1.5",
+    "@lexical/file": "^0.38.2",
+    "@lexical/headless": "^0.38.2",
+    "@lexical/markdown": "^0.38.2",
+    "@lexical/react": "^0.38.2",
+    "@tanstack/react-query": "^5.52.2",
+    "lexical": "^0.38.2",
+    "react-selecto": "^1.26.3",
+    "y-websocket": "^1.5.3",
+    "yjs": "^13.6.20"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.9.0",
+    "@hugeicons/core-free-icons": "^2.0.0",
+    "@hugeicons/react": "^1.1.1",
+    "@layers-app/shared": "^0.2.7",
+    "@mantine/core": "8.3.5",
+    "@mantine/dropzone": "8.3.5",
+    "@mantine/form": "8.3.5",
+    "@mantine/hooks": "8.3.5",
+    "@mantine/modals": "8.3.5",
+    "@mantine/notifications": "8.3.5",
+    "@playwright/test": "^1.40.0",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@tabler/icons-react": "^3.7.0",
+    "@trivago/prettier-plugin-sort-imports": "^5.2.1",
+    "@types/eslint__js": "^8.42.3",
+    "@types/lodash": "^4.14.202",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^20.14.11",
+    "@types/prettier": "2.7.3",
+    "@types/react": "^18.3.22",
+    "@types/react-dom": "^18.3.7",
+    "@types/swagger-ui-react": "^5.18.0",
+    "@typescript-eslint/eslint-plugin": "^8.27.0",
+    "@typescript-eslint/parser": "^8.27.0",
+    "@vitejs/plugin-basic-ssl": "^1.1.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "concurrently": "^8.2.2",
+    "cross-env": "^7.0.3",
+    "eslint": "^9.22.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint-plugin-unused-imports": "^4.1.4",
+    "glob": "^10.3.10",
+    "i18next": "^25.5.2",
+    "lodash-es": "^4.17.21",
+    "postcss-import": "^16.1.0",
+    "postcss-preset-mantine": "^1.17.0",
+    "prettier": "^3.4.2",
+    "prettier-plugin-organize-attributes": "^1.0.0",
+    "proper-lockfile": "^4.1.2",
+    "react-i18next": "^15.7.3",
+    "rollup-plugin-typescript-paths": "^1.5.0",
+    "rollup-plugin-visualizer": "^5.12.0",
+    "sass": "^1.71.1",
+    "terser": "^5.39.0",
+    "typescript": "^5.5.4",
+    "typescript-eslint": "^8.2.0",
+    "vite": "^6.2.2",
+    "vite-plugin-commonjs": "^0.10.1",
+    "vite-plugin-css-injected-by-js": "^3.5.0",
+    "vite-plugin-dts": "^4.0.0-beta.1",
+    "vite-plugin-static-copy": "^2.3.2",
+    "vite-plugin-svgr": "^4.2.0",
+    "vitest": "^4.0.18"
+  },
+  "overrides": {
+    "nanoid": "^5.0.9",
+    "prismjs": "^1.30.0",
+    "dompurify": "^3.2.4",
+    "mermaid": "^10.9.4",
+    "i18next": "^25.5.2",
+    "@mantine/core": "8.3.5",
+    "@mantine/hooks": "8.3.5",
+    "@mantine/form": "8.3.5",
+    "@mantine/dropzone": "8.3.5",
+    "@mantine/modals": "8.3.5",
+    "@mantine/notifications": "8.3.5",
+    "@excalidraw/mermaid-to-excalidraw": {
+      "nanoid": "^5.0.9"
+    },
+    "@excalidraw/excalidraw": {
+      "nanoid": "^5.0.9"
+    },
+    "postcss": {
+      "nanoid": "^5.0.9"
+    },
+    "ajv": "^8.18.0",
+    "minimatch": "^10.2.1"
+  },
+  "peerDependencies": {
+    "@dnd-kit/modifiers": ">=6",
+    "@emotion/react": ">=11",
+    "@emotion/styled": ">=11",
+    "@hugeicons/core-free-icons": ">=1",
+    "@hugeicons/react": ">=1",
+    "@mantine/carousel": ">=8.0.0",
+    "@mantine/colors-generator": ">=8.0.0",
+    "@mantine/core": ">=8.0.0",
+    "@mantine/dropzone": ">=8.0.0",
+    "@mantine/form": ">=8.0.0",
+    "@mantine/hooks": ">=8.0.0",
+    "@mantine/modals": ">=8.0.0",
+    "@mantine/notifications": ">=8.0.0",
+    "@mantine/tiptap": ">=8.0.0",
+    "@tabler/icons-react": ">=3.7.0",
+    "@tanstack/react-query": "^5.52.2",
+    "@tanstack/react-virtual": ">=3",
+    "date-fns-tz": ">=3",
+    "i18next": "^25.5.2",
+    "js-confetti": ">=0.12",
+    "lodash-es": ">=4.17.21",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-i18next": "^15.7.3",
+    "swagger-ui-react": "^5.27.1"
+  },
+  "peerDependenciesMeta": {
+    "swagger-ui-react": {
+      "optional": true
+    }
+  }
+}

package/dist/layers.2pNC5vyF.js

@@ -1,6 +0,0 @@
-import { e as o, j as s, o as f } from "./layers.DRRS2jlo.js";
-export {
-  o as default,
-  s as en,
-  f as kaa
-};

package/dist/layers.B7TvkfLg.js

@@ -1 +0,0 @@
-"use strict";const n=require("./layers.CihLa4Cq.js"),s=(e,r)=>n.Utils.lang.round(n.Color.parse(e)[r]);exports.channel=s;

package/dist/layers.BXpIsVts.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./layers.DDwbrkJ7.js");require("./layers.BwGwij_7.js");exports.Commands=e.CB;exports.subsetToBase64=e.QB;exports.subsetToBinary=e.NQ;exports.toBase64=e.AI;

package/dist/layers.BraKlhHd.js

@@ -1,276 +0,0 @@
-import { jsxs as E, Fragment as T, jsx as o } from "react/jsx-runtime";
-import { useRef as N, useEffect as d, useState as C, useCallback as f } from "react";
-import { createPortal as U } from "react-dom";
-import { k as P, d as S, c as $, l as V, H as X, n as Y, O as J } from "./layers.D7Q4uE4E.js";
-import { useLexicalComposerContext as W } from "@lexical/react/LexicalComposerContext";
-import { LexicalErrorBoundary as _ } from "@lexical/react/LexicalErrorBoundary";
-import { useLexicalEditable as Z } from "@lexical/react/useLexicalEditable";
-import { Textarea as K, Group as ee, Button as H } from "@mantine/core";
-import { $getNodeByKey as v, COMMAND_PRIORITY_EDITOR as te } from "lexical";
-import ne from "./layers.b9B2NY7n.js";
-function w({
-  equation: r,
-  inline: a,
-  onDoubleClick: s
-}) {
-  const n = N(null);
-  return d(() => {
-    const l = n.current;
-    l !== null && ne.render(r, l, {
-      displayMode: !a,
-      errorColor: "#cc0000",
-      output: "html",
-      strict: "warn",
-      throwOnError: !1,
-      trust: !1
-    });
-  }, [r, a]), /* @__PURE__ */ E(T, { children: [
-    /* @__PURE__ */ o(
-      "img",
-      {
-        src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
-        width: 0,
-        height: 0,
-        alt: ""
-      }
-    ),
-    /* @__PURE__ */ o(
-      "span",
-      {
-        role: "button",
-        tabIndex: -1,
-        onDoubleClick: s,
-        ref: n
-      }
-    ),
-    /* @__PURE__ */ o(
-      "img",
-      {
-        src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
-        width: 0,
-        height: 0,
-        alt: ""
-      }
-    )
-  ] });
-}
-let M = !1;
-const I = /* @__PURE__ */ new Map();
-function oe(r) {
-  M || (M = !0, r.registerCommand(
-    J,
-    (a) => {
-      const s = I.get(a);
-      return s ? (s(), !0) : !1;
-    },
-    te
-  ));
-}
-function pe({
-  equation: r,
-  inline: a,
-  nodeKey: s
-}) {
-  const [n] = W(), l = Z(), p = N(null), B = N(null), [m, x] = C(r), [c, u] = C(!1), [O, F] = C({ top: 0, left: 0 }), [j, D] = C(!1), b = f(() => {
-    const e = p.current;
-    if (!e) return;
-    const i = (e.closest(
-      ".editor-equation"
-    ) || e).getBoundingClientRect();
-    F({
-      top: i.bottom + 18,
-      left: i.left
-    }), D(!0);
-  }, []);
-  d(() => {
-    oe(n);
-  }, [n]), d(() => {
-    const e = () => {
-      l && u(!0);
-    };
-    return I.set(s, e), () => {
-      I.delete(s);
-    };
-  }, [l, s]);
-  const A = f(() => {
-    if (l) {
-      if (c) {
-        u(!1);
-        return;
-      }
-      b(), u(!0);
-    }
-  }, [l, c, b]), k = f(() => {
-    const e = m.trim();
-    n.update(() => {
-      const t = v(s);
-      if (P(t)) {
-        if (t.isInline && t.isInline() && e === "") {
-          t.remove();
-          return;
-        }
-        t.setEquation(e);
-      }
-    }), u(!1);
-  }, [n, s, m]), q = f(() => {
-    if (!r && a) {
-      n.update(() => {
-        const e = v(s);
-        P(e) && e.remove();
-      }), u(!1);
-      return;
-    }
-    x(r), r && u(!1);
-  }, [n, r, a, s]);
-  d(() => {
-    c || x(r);
-  }, [r, c]), d(() => {
-    if (!c) {
-      S(n.getRootElement()), D(!1);
-      return;
-    }
-    $(n.getRootElement()), b();
-    const e = window.requestAnimationFrame(() => {
-      const t = B.current;
-      if (!t) return;
-      const i = t.value.length;
-      t.focus(), t.setSelectionRange(i, i);
-    });
-    return () => {
-      window.cancelAnimationFrame(e), S(n.getRootElement());
-    };
-  }, [c, b]), d(() => {
-    if (!c) return;
-    const e = (t) => {
-      const i = t.target, g = p.current, y = document.querySelector(".equation-block__popup");
-      i && (g != null && g.contains(i) || y instanceof HTMLElement && y.contains(i)) || (a && !m.trim() && n.update(() => {
-        const L = v(s);
-        P(L) && L.remove();
-      }), u(!1));
-    };
-    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [n, a, c, s, m]);
-  const h = (c ? m : r).trim(), R = h.length > 0;
-  d(() => {
-    const e = p.current;
-    if (!e) return;
-    const t = e.closest(".editor-equation"), i = h;
-    if (t) {
-      if (!i) {
-        t.removeAttribute("data-lexical-equation");
-        return;
-      }
-      try {
-        const g = btoa(unescape(encodeURIComponent(i)));
-        t.setAttribute("data-lexical-equation", g);
-      } catch {
-        t.setAttribute("data-lexical-equation", i);
-      }
-    }
-  }, [h]);
-  const z = a && !l ? /* @__PURE__ */ o("span", { className: "equation-inline-trigger", children: /* @__PURE__ */ o(_, { onError: (e) => {
-    var t;
-    return (t = n._onError) == null ? void 0 : t.call(n, e);
-  }, children: /* @__PURE__ */ o(
-    w,
-    {
-      equation: r,
-      inline: a,
-      onDoubleClick: A
-    }
-  ) }) }) : a ? /* @__PURE__ */ o(
-    "span",
-    {
-      className: `equation-inline-trigger${R ? "" : " equation-inline-trigger--empty"}`,
-      onClick: A,
-      ref: p,
-      children: R ? /* @__PURE__ */ o(_, { onError: (e) => {
-        var t;
-        return (t = n._onError) == null ? void 0 : t.call(n, e);
-      }, children: /* @__PURE__ */ o(
-        w,
-        {
-          equation: h,
-          inline: a,
-          onDoubleClick: A
-        }
-      ) }) : /* @__PURE__ */ E("span", { className: "equation-inline-placeholder", children: [
-        /* @__PURE__ */ o(X, { icon: Y, size: 24 }),
-        /* @__PURE__ */ o("span", { children: "New equation" })
-      ] })
-    }
-  ) : /* @__PURE__ */ o("div", { className: "equation-block", ref: p, children: /* @__PURE__ */ o(
-    "div",
-    {
-      className: "equation-block__container",
-      onClick: A,
-      style: { cursor: l ? "pointer" : "default" },
-      children: R ? /* @__PURE__ */ o(_, { onError: (e) => {
-        var t;
-        return (t = n._onError) == null ? void 0 : t.call(n, e);
-      }, children: /* @__PURE__ */ o(
-        w,
-        {
-          equation: h,
-          inline: a,
-          onDoubleClick: A
-        }
-      ) }) : /* @__PURE__ */ o("div", { className: "equation-block__placeholder", children: "Add a TeX equation" })
-    }
-  ) }), G = f(
-    (e) => {
-      e.stopPropagation(), x(e.currentTarget.value);
-    },
-    []
-  ), Q = f(
-    V({
-      onConfirm: k,
-      onCancel: q
-    }),
-    [k, q]
-  );
-  return /* @__PURE__ */ E(T, { children: [
-    z,
-    c && j && U(
-      /* @__PURE__ */ o(
-        "div",
-        {
-          className: "equation-block__popup",
-          style: {
-            position: "fixed",
-            top: O.top,
-            left: O.left,
-            zIndex: 103
-          },
-          children: /* @__PURE__ */ E("div", { className: "equation-block__editor", children: [
-            /* @__PURE__ */ o(
-              K,
-              {
-                autosize: !0,
-                minRows: 2,
-                variant: "unstyled",
-                value: m,
-                onChange: G,
-                onKeyDown: Q,
-                placeholder: "x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}",
-                classNames: {
-                  wrapper: "equation-block__textarea-wrapper"
-                },
-                autoFocus: !0,
-                ref: B
-              }
-            ),
-            /* @__PURE__ */ E(ee, { justify: "flex-end", gap: "sm", children: [
-              /* @__PURE__ */ o(H, { variant: "subtle", color: "gray", onClick: q, children: "Cancel" }),
-              /* @__PURE__ */ o(H, { onClick: k, children: "Save" })
-            ] })
-          ] })
-        }
-      ),
-      document.body
-    )
-  ] });
-}
-export {
-  pe as default
-};

package/dist/layers.C0-S-Ikq.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),T=require("react-dom"),u=require("./layers.CrglsE47.js"),$=require("@lexical/react/LexicalComposerContext"),R=require("@lexical/react/LexicalErrorBoundary"),H=require("@lexical/react/useLexicalEditable"),h=require("@mantine/core"),b=require("lexical"),F=require("./layers.R8mPlCA0.js");function P({equation:s,inline:a,onDoubleClick:c}){const r=o.useRef(null);return o.useEffect(()=>{const d=r.current;d!==null&&F.default.render(s,d,{displayMode:!a,errorColor:"#cc0000",output:"html",strict:"warn",throwOnError:!1,trust:!1})},[s,a]),n.jsxs(n.Fragment,{children:[n.jsx("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",width:0,height:0,alt:""}),n.jsx("span",{role:"button",tabIndex:-1,onDoubleClick:c,ref:r}),n.jsx("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",width:0,height:0,alt:""})]})}let I=!1;const N=new Map;function z(s){I||(I=!0,s.registerCommand(u.OPEN_EQUATION_POPUP_COMMAND,a=>{const c=N.get(a);return c?(c(),!0):!1},b.COMMAND_PRIORITY_EDITOR))}function G({equation:s,inline:a,nodeKey:c}){const[r]=$.useLexicalComposerContext(),d=H.useLexicalEditable(),p=o.useRef(null),_=o.useRef(null),[A,C]=o.useState(s),[l,f]=o.useState(!1),[v,L]=o.useState({top:0,left:0}),[S,y]=o.useState(!1),E=o.useCallback(()=>{const e=p.current;if(!e)return;const i=(e.closest(".editor-equation")||e).getBoundingClientRect();L({top:i.bottom+18,left:i.left}),y(!0)},[]);o.useEffect(()=>{z(r)},[r]),o.useEffect(()=>{const e=()=>{d&&f(!0)};return N.set(c,e),()=>{N.delete(c)}},[d,c]);const m=o.useCallback(()=>{if(d){if(l){f(!1);return}E(),f(!0)}},[d,l,E]),q=o.useCallback(()=>{const e=A.trim();r.update(()=>{const t=b.$getNodeByKey(c);if(u.$isEquationNode(t)){if(t.isInline&&t.isInline()&&e===""){t.remove();return}t.setEquation(e)}}),f(!1)},[r,c,A]),j=o.useCallback(()=>{if(!s&&a){r.update(()=>{const e=b.$getNodeByKey(c);u.$isEquationNode(e)&&e.remove()}),f(!1);return}C(s),s&&f(!1)},[r,s,a,c]);o.useEffect(()=>{l||C(s)},[s,l]),o.useEffect(()=>{if(!l){u.unblockScroll(r.getRootElement()),y(!1);return}u.blockScroll(r.getRootElement()),E();const e=window.requestAnimationFrame(()=>{const t=_.current;if(!t)return;const i=t.value.length;t.focus(),t.setSelectionRange(i,i)});return()=>{window.cancelAnimationFrame(e),u.unblockScroll(r.getRootElement())}},[l,E]),o.useEffect(()=>{if(!l)return;const e=t=>{const i=t.target,g=p.current,w=document.querySelector(".equation-block__popup");i&&(g!=null&&g.contains(i)||w instanceof HTMLElement&&w.contains(i))||(a&&!A.trim()&&r.update(()=>{const B=b.$getNodeByKey(c);u.$isEquationNode(B)&&B.remove()}),f(!1))};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[r,a,l,c,A]);const x=(l?A:s).trim(),k=x.length>0;o.useEffect(()=>{const e=p.current;if(!e)return;const t=e.closest(".editor-equation"),i=x;if(t){if(!i){t.removeAttribute("data-lexical-equation");return}try{const g=btoa(unescape(encodeURIComponent(i)));t.setAttribute("data-lexical-equation",g)}catch{t.setAttribute("data-lexical-equation",i)}}},[x]);const O=a&&!d?n.jsx("span",{className:"equation-inline-trigger",children:n.jsx(R.LexicalErrorBoundary,{onError:e=>{var t;return(t=r._onError)==null?void 0:t.call(r,e)},children:n.jsx(P,{equation:s,inline:a,onDoubleClick:m})})}):a?n.jsx("span",{className:`equation-inline-trigger${k?"":" equation-inline-trigger--empty"}`,onClick:m,ref:p,children:k?n.jsx(R.LexicalErrorBoundary,{onError:e=>{var t;return(t=r._onError)==null?void 0:t.call(r,e)},children:n.jsx(P,{equation:x,inline:a,onDoubleClick:m})}):n.jsxs("span",{className:"equation-inline-placeholder",children:[n.jsx(u.HugeiconsIcon,{icon:u.c4,size:24}),n.jsx("span",{children:"New equation"})]})}):n.jsx("div",{className:"equation-block",ref:p,children:n.jsx("div",{className:"equation-block__container",onClick:m,style:{cursor:d?"pointer":"default"},children:k?n.jsx(R.LexicalErrorBoundary,{onError:e=>{var t;return(t=r._onError)==null?void 0:t.call(r,e)},children:n.jsx(P,{equation:x,inline:a,onDoubleClick:m})}):n.jsx("div",{className:"equation-block__placeholder",children:"Add a TeX equation"})})}),D=o.useCallback(e=>{e.stopPropagation(),C(e.currentTarget.value)},[]),M=o.useCallback(u.createPopupKeyDownHandler({onConfirm:q,onCancel:j}),[q,j]);return n.jsxs(n.Fragment,{children:[O,l&&S&&T.createPortal(n.jsx("div",{className:"equation-block__popup",style:{position:"fixed",top:v.top,left:v.left,zIndex:103},children:n.jsxs("div",{className:"equation-block__editor",children:[n.jsx(h.Textarea,{autosize:!0,minRows:2,variant:"unstyled",value:A,onChange:D,onKeyDown:M,placeholder:"x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}",classNames:{wrapper:"equation-block__textarea-wrapper"},autoFocus:!0,ref:_}),n.jsxs(h.Group,{justify:"flex-end",gap:"sm",children:[n.jsx(h.Button,{variant:"subtle",color:"gray",onClick:j,children:"Cancel"}),n.jsx(h.Button,{onClick:q,children:"Save"})]})]})}),document.body)]})}exports.default=G;