@etrepum/lexical-builder-devtools-core 0.0.17

package/README.md

@@ -0,0 +1,3 @@
+# `@etrepum/lexical-devtools-core`
+
+**EXPERIMENTAL** Lexical Builder devtools

package/dist/BuilderGraphComponent.d.ts

@@ -0,0 +1,12 @@
+import { AnyLexicalPlan } from '@etrepum/lexical-builder';
+import { LexicalEditor } from 'lexical';
+import { ComponentProps } from 'react';
+
+export interface BuilderGraphComponentProps {
+    editor: LexicalEditor;
+    className?: string;
+}
+export declare function displayName(plan: AnyLexicalPlan): string;
+export declare function BuilderGraphComponent({ editor, ...rest }: BuilderGraphComponentProps & ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export default BuilderGraphComponent;
+//# sourceMappingURL=BuilderGraphComponent.d.ts.map

package/dist/BuilderGraphComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuilderGraphComponent.d.ts","sourceRoot":"","sources":["../src/BuilderGraphComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,cAAc,EAAiB,MAAM,OAAO,CAAC;AAMtD,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,cAAc,UAS/C;AAED,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,GAAG,IAAI,EACR,EAAE,0BAA0B,GAAG,cAAc,CAAC,KAAK,CAAC,2CAmBpD;AAED,eAAe,qBAAqB,CAAC"}

package/dist/BuilderGraphPlan.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const BuilderGraphComponent: import('react').LazyExoticComponent<typeof import('./BuilderGraphComponent').BuilderGraphComponent>;
+export declare const BuilderGraphPlan: import('@etrepum/lexical-builder').LexicalPlan<{}, "@etrepum/lexical-builder-devtools-core/BuilderGraphPlan", {
+    Component: () => import("react/jsx-runtime").JSX.Element;
+}>;
+//# sourceMappingURL=BuilderGraphPlan.d.ts.map

package/dist/BuilderGraphPlan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuilderGraphPlan.d.ts","sourceRoot":"","sources":["../src/BuilderGraphPlan.tsx"],"names":[],"mappings":";AASA,eAAO,MAAM,qBAAqB,qGAEjC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;EAkB3B,CAAC"}

package/dist/Mermaid-Dwi2amgd.js

@@ -0,0 +1,44 @@
+import { jsx as m } from "react/jsx-runtime";
+import d from "mermaid";
+import { useState as a, useEffect as l, useRef as c } from "react";
+let f = 0;
+function p() {
+  return `mermaid-tmp-${++f}`;
+}
+function v(t, n) {
+  const [u, e] = a();
+  return l(() => {
+    const r = p();
+    let s = !1;
+    return d.mermaidAPI.initialize({
+      startOnLoad: !1,
+      ...n
+    }), d.render(r, t).then(
+      (i) => s ? null : e(i),
+      (i) => {
+        var o;
+        throw (o = document.querySelector(`#d${r}`)) == null || o.remove(), i;
+      }
+    ), () => {
+      s = !0;
+    };
+  }, [t, n]), u;
+}
+function g({ text: t, config: n, ...u }) {
+  const e = v(t, n), r = c(null);
+  return l(() => {
+    e && e.bindFunctions && r.current && e.bindFunctions(r.current);
+  }, [e]), e && e.svg ? /* @__PURE__ */ m(
+    "div",
+    {
+      ...u,
+      ref: r,
+      dangerouslySetInnerHTML: { __html: e.svg }
+    }
+  ) : null;
+}
+export {
+  g as Mermaid,
+  g as default,
+  v as useMermaidRenderResult
+};

package/dist/Mermaid.d.ts

@@ -0,0 +1,11 @@
+import { MermaidConfig, RenderResult } from 'mermaid';
+import { ComponentProps } from 'react';
+
+export interface MermaidProps extends ComponentProps<"div"> {
+    text: string;
+    config?: MermaidConfig;
+}
+export declare function useMermaidRenderResult(text: string, config?: MermaidConfig): RenderResult | undefined;
+export declare function Mermaid({ text, config, ...props }: MermaidProps): import("react/jsx-runtime").JSX.Element | null;
+export default Mermaid;
+//# sourceMappingURL=Mermaid.d.ts.map

package/dist/Mermaid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mermaid.d.ts","sourceRoot":"","sources":["../src/Mermaid.tsx"],"names":[],"mappings":"AAAA,OAAgB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAEpE,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,KAAK,CAAC;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAMD,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,EACZ,MAAM,CAAC,EAAE,aAAa,GACrB,YAAY,GAAG,SAAS,CAsB1B;AAED,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,kDAe/D;AAED,eAAe,OAAO,CAAC"}

package/dist/buildGraph.d.ts

@@ -0,0 +1,4 @@
+import { LexicalEditor } from 'lexical';
+
+export declare function buildGraph(editor: LexicalEditor): string;
+//# sourceMappingURL=buildGraph.d.ts.map

package/dist/buildGraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildGraph.d.ts","sourceRoot":"","sources":["../src/buildGraph.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAIxC,wBAAgB,UAAU,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM,CAkCxD"}

package/dist/getMermaidLiveUrl.d.ts

@@ -0,0 +1,2 @@
+export declare function getMermaidLiveUrl(code: string): string;
+//# sourceMappingURL=getMermaidLiveUrl.d.ts.map

package/dist/getMermaidLiveUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMermaidLiveUrl.d.ts","sourceRoot":"","sources":["../src/getMermaidLiveUrl.tsx"],"names":[],"mappings":"AAGA,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CActD"}

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export declare const PACKAGE_VERSION: string;
+export { BuilderGraphComponent, type BuilderGraphComponentProps, } from './BuilderGraphComponent';
+export { buildGraph } from './buildGraph';
+export { BuilderGraphPlan } from './BuilderGraphPlan';
+export { getMermaidLiveUrl } from './getMermaidLiveUrl';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,eAAO,MAAM,eAAe,EAAE,MAAwC,CAAC;AAEvE,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/index.js

@@ -0,0 +1,106 @@
+import { jsxs as G, jsx as s } from "react/jsx-runtime";
+import { lazy as m, useMemo as v, Suspense as y } from "react";
+import { LexicalBuilder as f, PACKAGE_VERSION as B, definePlan as P, provideOutput as x } from "@etrepum/lexical-builder";
+import { deflate as A } from "pako";
+import { fromUint8Array as E } from "js-base64";
+import { ReactPlan as $ } from "@etrepum/lexical-react-plan";
+function h(r, e, ...t) {
+  if (!r)
+    throw new Error(
+      t.reduce((o, i) => o.replace("%s", String(i)), e || "")
+    );
+}
+function b(r) {
+  const e = f.fromEditor(r);
+  h(
+    e !== void 0,
+    "buildGraph: editor was not created with this build of Lexical Builder %s",
+    B
+  );
+  const t = ["flowchart TB"];
+  function o(n) {
+    t.push(n);
+  }
+  const i = [...e.sortedPlanReps()], l = {};
+  for (let n = 0; n < i.length; n++)
+    l[i[n].plan.name] = `P${n}`;
+  function p(n) {
+    return l[n.name];
+  }
+  for (const n of i) {
+    const { plan: a } = n;
+    o(`${p(a)}["${g(a)}"]`);
+    for (const d of a.dependencies || [])
+      o(`${p(a)} --> ${p(Array.isArray(d) ? d[0] : d)}`);
+    for (const [d] of a.peerDependencies || []) {
+      const c = e.planNameMap.get(d);
+      c && o(`${p(a)} -.-> ${p(c.plan)}`);
+    }
+  }
+  return t.join(`
+  `) + `
+`;
+}
+function C(r) {
+  const e = JSON.stringify({
+    code: r,
+    mermaid: JSON.stringify({ theme: "dark" }, null, 2),
+    autoSync: !0,
+    rough: !1,
+    updateDiagram: !0,
+    updateEditor: !1,
+    editorMode: "code"
+  });
+  return "https://mermaid.live/edit#pako:" + E(A(new TextEncoder().encode(e), { level: 9 }));
+}
+const S = m(() => import("./Mermaid-Dwi2amgd.js"));
+function g(r) {
+  const { name: e } = r, t = e.split(/\//g);
+  for (; t.length > 1 && /^plan$/i.test(t[t.length - 1] ?? ""); )
+    t.pop();
+  return (t[t.length - 1] || e).replaceAll("/", "-").replaceAll(/[\\"<>]/g, "");
+}
+function u({
+  editor: r,
+  ...e
+}) {
+  const { text: t, href: o } = v(() => {
+    const l = b(r);
+    return {
+      text: l,
+      href: C(l)
+    };
+  }, [r]), i = e.className ? {} : { style: { display: "grid", gap: "1rem" } };
+  return /* @__PURE__ */ G("div", { ...i, ...e, children: [
+    /* @__PURE__ */ s("a", { href: o, target: "_blank", children: "mermaid.live" }),
+    /* @__PURE__ */ s(S, { text: t })
+  ] });
+}
+const N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  BuilderGraphComponent: u,
+  default: u,
+  displayName: g
+}, Symbol.toStringTag, { value: "Module" })), O = m(
+  () => Promise.resolve().then(() => N)
+), L = P({
+  name: "@etrepum/lexical-builder-devtools-core/BuilderGraphPlan",
+  dependencies: [$],
+  config: {},
+  register(r) {
+    const e = f.fromEditor(r);
+    return h(
+      e !== void 0,
+      "BuilderGraphPlan: Could not get a LexicalBuilder reference"
+    ), x({
+      Component: () => /* @__PURE__ */ s(y, { children: /* @__PURE__ */ s(O, { editor: r }) })
+    });
+  }
+}), T = "0.0.17";
+export {
+  u as BuilderGraphComponent,
+  L as BuilderGraphPlan,
+  T as PACKAGE_VERSION,
+  b as buildGraph,
+  C as getMermaidLiveUrl
+};

package/dist/shared/invariant.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export default function invariant(cond?: boolean, message?: string, ...args: string[]): asserts cond;
+//# sourceMappingURL=invariant.d.ts.map

package/dist/shared/invariant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"invariant.d.ts","sourceRoot":"","sources":["../../src/shared/invariant.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,IAAI,CAAC,EAAE,OAAO,EACd,OAAO,CAAC,EAAE,MAAM,EAChB,GAAG,IAAI,EAAE,MAAM,EAAE,GAChB,OAAO,CAAC,IAAI,CAQd"}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@etrepum/lexical-builder-devtools-core",
+  "description": "[EXPERIMENTAL] Lexical Builder Devtools",
+  "type": "module",
+  "keywords": [
+    "lexical",
+    "lexical-builder",
+    "devtools",
+    "plug-in",
+    "plan"
+  ],
+  "scripts": {
+    "build": "tsc --noEmit && vite build",
+    "dev": "vite",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "version": "0.0.17",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/etrepum/lexical-builder.git",
+    "directory": "packages/lexical-builder-devtools-core"
+  },
+  "bugs": {
+    "url": "https://github.com/etrepum/lexical-builder/issues"
+  },
+  "homepage": "https://github.com/etrepum/lexical-builder",
+  "dependencies": {
+    "@docusaurus/theme-mermaid": "^3.4.0",
+    "@etrepum/lexical-builder": "*",
+    "@etrepum/lexical-react-plan": "*",
+    "js-base64": "^3.7.7",
+    "mermaid": "^10.9.1",
+    "pako": "^2.1.0"
+  },
+  "peerDependencies": {
+    "@lexical/react": ">=0.16.0-0",
+    "@lexical/text": ">=0.16.0-0",
+    "@lexical/utils": ">=0.16.0-0",
+    "lexical": ">=0.16.0-0",
+    "react": ">=18"
+  },
+  "sideEffects": false,
+  "devDependencies": {
+    "@testing-library/dom": "^10.1.0",
+    "@testing-library/jest-dom": "^6.4.5",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/pako": "^2.0.3",
+    "jsdom": "^24.1.0",
+    "tslib": "^2.6.2",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.11",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-package-version": "^1.1.0",
+    "vitest": "^1.6.0"
+  },
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ]
+}