@pstdio/ui 0.25.0 → 0.35.0

package/README.md

@@ -39,11 +39,18 @@ bun run --cwd packages/ui test-storybook
 - `src/index.ts`: public exports for `@pstdio/ui`
 - `.storybook/*`: Storybook configuration and Vitest setup
 
+The root entry holds the light, widely reused components. A feature that pulls a
+heavy dependency, such as the Lexical editor, Monaco, Mermaid, or the terminal,
+gets its own entry: `./rich-text`, `./param-editor`, `./kanban-renderer`,
+`./data-table`, `./chat-ui`, `./diff`, `./mermaid`, `./terminal`. Nothing reachable
+from the root entry may import one of those, or every consumer's bundler emits the
+heavy chunks even when the consumer never renders the feature.
+
 ## Contributor Workflow
 
 1. Implement or update the component in `src/components`.
 2. Add or update stories next to the component to cover important user-visible states.
-3. If the component is public, export it from `src/index.ts`.
+3. If the component is public, export it from `src/index.ts`, or from the entry that owns its heavy dependency.
 4. If you add a new package entrypoint, update `package.json#exports`.
 5. Run validations before opening a PR.
 

package/dist/EquationComponent-DDd5UoIP.js

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

package/dist/EquationComponent-DDd5UoIP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EquationComponent-DDd5UoIP.js","names":["katex","useEffect","useRef","KatexRenderer","t0","$","_c","equation","inline","katexElementRef","t1","t2","katexElement","current","render","displayMode","errorColor","output","strict","throwOnError","trust","t3","Symbol","for","_c","_Fragment","useLexicalComposerContext","ReactNode","Component","useState","KatexRenderer","EquationComponentProps","equation","inline","EditorErrorBoundaryProps","children","onError","error","Error","EditorErrorBoundaryState","hasError","EditorErrorBoundary","state","getDerivedStateFromError","componentDidCatch","props","render","EquationComponent","t0","$","_c","editor","equationValue","t1","e","_onError","t2","t3","_c","katex","KatexRenderer","$","c","t0","katexElementRef","useRef","t1","t2","equation","inline","katexElement","useEffect","t3","Fragment","EditorErrorBoundary","Component","error","EquationComponent","editor","useLexicalComposerContext","equationValue","useState"],"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"],"mappings":";;;;;;;AAKA,SAAeG,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,CAAA,GAAuB,EAAAC,aAAAC,cAAAJ,GAOpCK,IAAwBP,EAAO,IAAI,GAAEQ,GAAAC;CAErCV,AAFqCI,EAAA,OAAAE,KAAAF,EAAA,OAAAG,KAE3BE,UAAA;EACR,IAAAE,IAAqBH,EAAeI;EAEpC,AAAID,MAAiB,QACnBZ,EAAKc,OAAQP,GAAUK,GAAc;GAAAG,aACtB,CAACP;GAAMQ,YACR;GAASC,QACb;GAAMC,QACN;GAAMC,cACA;GAAKC,OACZ;EACT,CAAC;CACF,GACAT,IAAA,CAACJ,GAAUC,CAAM,GAACH,EAAA,KAAAE,GAAAF,EAAA,KAAAG,GAAAH,EAAA,KAAAK,GAAAL,EAAA,KAAAM,MAAAD,IAAAL,EAAA,IAAAM,IAAAN,EAAA,KAbrBJ,EAAUS,GAaPC,CAAkB;CAAC,IAAAU;CAUjB,OAViBhB,EAAA,OAAAiB,OAAAC,IAAA,2BAAA,KAMpBF,IAAA,kBAAAI,GAAA,EAAA,UAAA;EACE,kBAAA,OAAA;GAAS,KAAA;GAAQ,KAAA;EAAE,CAAA;EACnB,kBAAA,QAAA,EAAWhB,KAAAA,EAAe,CAAA;EAC1B,kBAAA,OAAA;GAAS,KAAA;GAAQ,KAAA;EAAE,CAAA;CAAG,EAAA,CAAA,GACrBJ,EAAA,KAAAgB,KAAAA,IAAAhB,EAAA,IAJHgB;AAIG;;;ACjBP,IAAMoB,IAAN,cAAkCb,EAA8D;CAC9Fc,QAAQ,EAAEF,UAAU,GAAM;CAE1B,OAAOG,2BAA2B;EAChC,OAAO,EAAEH,UAAU,GAAK;CAC1B;CAEAI,kBAAkBP,GAAc;EAC9B,KAAKQ,MAAMT,QAAQC,CAAK;CAC1B;CAEAS,SAAS;EAEP,OADI,KAAKJ,MAAMF,WAAiB,OACzB,KAAKK,MAAMV;CACpB;AACF;AAEA,SAAeY,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,CAAA,GAA2B,EAAAlB,aAAAC,cAAAe,GACxC,CAAAG,KAAiBzB,EAA0B,GAC3C,CAAA0B,KAA2CvB,EAASG,CAAQ,GAAEqB;CAAA,AAAAJ,EAAA,OAAAE,IAELE,IAAAJ,EAAA,MAAzBI,KAAAC,MAAOH,EAAMI,SAAUD,CAAC,GAACL,EAAA,KAAAE,GAAAF,EAAA,KAAAI;CAAA,IAAAG;CAAA,AAAAP,EAAA,OAAAG,KAAAH,EAAA,OAAAhB,KACrDuB,IAAA,kBAACI,GAAD;EAAyBR,UAAAA;EAAuBnB;CAAM,CAAA,GAAIgB,EAAA,KAAAG,GAAAH,EAAA,KAAAhB,GAAAgB,EAAA,KAAAO,KAAAA,IAAAP,EAAA;CAAA,IAAAQ;CACtC,OADsCR,EAAA,OAAAI,KAAAJ,EAAA,OAAAO,KAD5DC,IAAA,kBAACiB,GAAD;EAA8B,SAAArB;EAC5BG,UAAAA;CADkB,CAAA,GAEEP,EAAA,KAAAI,GAAAJ,EAAA,KAAAO,GAAAP,EAAA,KAAAQ,KAAAA,IAAAR,EAAA,IAFtBQ;AAEsB"}

package/dist/MermaidComponent-DGDnQ6pb.js

@@ -0,0 +1,90 @@
+import { f as e } from "./rich-text-DtQpHBlX.js";
+import { t } from "./mermaid-renderer-DImi0fDp.js";
+import { Box as n, Button as r, Flex as i, Textarea as a } from "@chakra-ui/react";
+import { c as o } from "react/compiler-runtime";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useEffect as l, useState as u } from "react";
+import { $getNodeByKey as d } from "lexical";
+import { useLexicalComposerContext as f } from "@lexical/react/LexicalComposerContext";
+import { useLexicalEditable as p } from "@lexical/react/useLexicalEditable";
+//#region src/components/rich-text/shared/plugins/MermaidPlugin/MermaidComponent.tsx
+function m(m) {
+	let h = o(28), { code: g, nodeKey: _ } = m, [v] = f(), y = p(), [b, x] = u(!1), [S, C] = u(g), [w, T] = u(g), E, D;
+	h[0] === g ? (E = h[1], D = h[2]) : (E = () => {
+		C(g), T(g);
+	}, D = [g], h[0] = g, h[1] = E, h[2] = D), l(E, D);
+	let O;
+	h[3] !== S || h[4] !== v || h[5] !== _ ? (O = () => {
+		v.update(() => {
+			let t = d(_);
+			e(t) && t.setCode(S);
+		}), T(S), x(!1);
+	}, h[3] = S, h[4] = v, h[5] = _, h[6] = O) : O = h[6];
+	let k = O, A;
+	h[7] === w ? A = h[8] : (A = () => {
+		C(w), x(!1);
+	}, h[7] = w, h[8] = A);
+	let j = A;
+	if (!b) {
+		let e;
+		h[9] === y ? e = h[10] : (e = y ? () => x(!0) : void 0, h[9] = y, h[10] = e);
+		let n;
+		return h[11] !== y || h[12] !== w || h[13] !== e ? (n = /* @__PURE__ */ s(t, {
+			code: w,
+			isEditable: y,
+			onRequestEdit: e
+		}, w), h[11] = y, h[12] = w, h[13] = e, h[14] = n) : n = h[14], n;
+	}
+	let M;
+	h[15] === j ? M = h[16] : (M = /* @__PURE__ */ s(r, {
+		size: "xs",
+		variant: "subtle",
+		onClick: j,
+		children: "Cancel"
+	}), h[15] = j, h[16] = M);
+	let N;
+	h[17] === k ? N = h[18] : (N = /* @__PURE__ */ s(r, {
+		size: "xs",
+		onClick: k,
+		children: "Preview"
+	}), h[17] = k, h[18] = N);
+	let P;
+	h[19] !== M || h[20] !== N ? (P = /* @__PURE__ */ c(i, {
+		justifyContent: "flex-end",
+		alignItems: "center",
+		gap: "xs",
+		paddingX: "sm",
+		paddingY: "xs",
+		bg: "bg.muted",
+		children: [M, N]
+	}), h[19] = M, h[20] = N, h[21] = P) : P = h[21];
+	let F;
+	h[22] === Symbol.for("react.memo_cache_sentinel") ? (F = (e) => C(e.target.value), h[22] = F) : F = h[22];
+	let I;
+	h[23] === S ? I = h[24] : (I = /* @__PURE__ */ s(n, {
+		padding: "sm",
+		bg: "bg.muted",
+		children: /* @__PURE__ */ s(a, {
+			value: S,
+			onChange: F,
+			minHeight: "180px",
+			resize: "vertical",
+			fontFamily: "mono",
+			fontSize: "sm",
+			spellCheck: !1
+		})
+	}), h[23] = S, h[24] = I);
+	let L;
+	return h[25] !== P || h[26] !== I ? (L = /* @__PURE__ */ c(n, {
+		borderWidth: "1px",
+		borderColor: "border.subtle",
+		borderRadius: "md",
+		overflow: "hidden",
+		width: "100%",
+		children: [P, I]
+	}), h[25] = P, h[26] = I, h[27] = L) : L = h[27], L;
+}
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=MermaidComponent-DGDnQ6pb.js.map

package/dist/MermaidComponent-DGDnQ6pb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MermaidComponent-DGDnQ6pb.js","names":["Box","Button","Flex","Textarea","useLexicalComposerContext","useLexicalEditable","$getNodeByKey","useEffect","useState","MermaidRenderer","$isMermaidNode","MermaidComponentProps","code","nodeKey","MermaidComponent","props","$","_c","editor","isEditable","isEditing","setIsEditing","draftCode","setDraftCode","previewCode","setPreviewCode","t0","t1","t2","update","node","setCode","commitCodeChanges","t3","cancelEditing","t4","undefined","t5","t6","t7","Symbol","for","event","target","value","t8","t9","_c","$isMermaidNode","MermaidComponent","$","c","props","editor","useLexicalComposerContext","isEditable","useLexicalEditable","isEditing","setIsEditing","useState","draftCode","setDraftCode","code","previewCode","setPreviewCode","t0","t1","useEffect","t2","nodeKey","node","$getNodeByKey","commitCodeChanges","t3","cancelEditing","t4","t5","MermaidRenderer","Button","t6","Flex","t7","event","t8","Box","Textarea","t9"],"sources":["../src/components/rich-text/shared/plugins/MermaidPlugin/MermaidComponent.tsx"],"sourcesContent":["import { Box, Button, Flex, Textarea } from \"@chakra-ui/react\";\nimport { useLexicalComposerContext } from \"@lexical/react/LexicalComposerContext\";\nimport { useLexicalEditable } from \"@lexical/react/useLexicalEditable\";\nimport { $getNodeByKey } from \"lexical\";\nimport { useEffect, useState } from \"react\";\nimport { MermaidRenderer } from \"@/components/mermaid-renderer\";\nimport { $isMermaidNode } from \"./MermaidNode\";\n\ninterface MermaidComponentProps {\n  code: string;\n  nodeKey: string;\n}\n\nexport default function MermaidComponent(props: MermaidComponentProps) {\n  const { code, nodeKey } = props;\n  const [editor] = useLexicalComposerContext();\n  const isEditable = useLexicalEditable();\n  const [isEditing, setIsEditing] = useState(false);\n  const [draftCode, setDraftCode] = useState(code);\n  const [previewCode, setPreviewCode] = useState(code);\n\n  useEffect(() => {\n    setDraftCode(code);\n    setPreviewCode(code);\n  }, [code]);\n\n  const commitCodeChanges = () => {\n    editor.update(() => {\n      const node = $getNodeByKey(nodeKey);\n      if ($isMermaidNode(node)) {\n        node.setCode(draftCode);\n      }\n    });\n\n    setPreviewCode(draftCode);\n    setIsEditing(false);\n  };\n\n  const cancelEditing = () => {\n    setDraftCode(previewCode);\n    setIsEditing(false);\n  };\n\n  if (!isEditing) {\n    return (\n      <MermaidRenderer\n        key={previewCode}\n        code={previewCode}\n        isEditable={isEditable}\n        onRequestEdit={isEditable ? () => setIsEditing(true) : undefined}\n      />\n    );\n  }\n\n  return (\n    <Box borderWidth=\"1px\" borderColor=\"border.subtle\" borderRadius=\"md\" overflow=\"hidden\" width=\"100%\">\n      <Flex justifyContent=\"flex-end\" alignItems=\"center\" gap=\"xs\" paddingX=\"sm\" paddingY=\"xs\" bg=\"bg.muted\">\n        <Button size=\"xs\" variant=\"subtle\" onClick={cancelEditing}>\n          Cancel\n        </Button>\n        <Button size=\"xs\" onClick={commitCodeChanges}>\n          Preview\n        </Button>\n      </Flex>\n      <Box padding=\"sm\" bg=\"bg.muted\">\n        <Textarea\n          value={draftCode}\n          onChange={(event) => setDraftCode(event.target.value)}\n          minHeight=\"180px\"\n          resize=\"vertical\"\n          fontFamily=\"mono\"\n          fontSize=\"sm\"\n          spellCheck={false}\n        />\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAec,EAAAC,GAAA;CAAA,IAAAC,IAAAC,EAAA,EAAA,GACb,EAAAL,SAAAC,eAA0BE,GAC1B,CAAAG,KAAiBd,EAA0B,GAC3Ce,IAAmBd,EAAmB,GACtC,CAAAe,GAAAC,KAAkCb,EAAS,EAAK,GAChD,CAAAc,GAAAC,KAAkCf,EAASI,CAAI,GAC/C,CAAAY,GAAAC,KAAsCjB,EAASI,CAAI,GAAEc,GAAAC;CAErDpB,AAFqDS,EAAA,OAAAJ,KAK5Cc,IAAAV,EAAA,IAAAW,IAAAX,EAAA,OAHCU,UAAA;EAERD,AADAF,EAAaX,CAAI,GACjBa,EAAeb,CAAI;CAAC,GACnBe,IAAA,CAACf,CAAI,GAACI,EAAA,KAAAJ,GAAAI,EAAA,KAAAU,GAAAV,EAAA,KAAAW,IAHTpB,EAAUmB,GAGPC,CAAM;CAAC,IAAAC;CAAA,AAAAZ,EAAA,OAAAM,KAAAN,EAAA,OAAAE,KAAAF,EAAA,OAAAH,KAEgBe,UAAA;EASxBP,AARAH,EAAMW,aAAQ;GACZ,IAAAC,IAAaxB,EAAcO,CAAO;GAClC,AAAIH,EAAeoB,CAAI,KACrBA,EAAIC,QAAST,CAAS;EACvB,CACF,GAEDG,EAAeH,CAAS,GACxBD,EAAa,EAAK;CAAC,GACpBL,EAAA,KAAAM,GAAAN,EAAA,KAAAE,GAAAF,EAAA,KAAAH,GAAAG,EAAA,KAAAY,KAAAA,IAAAZ,EAAA;CAVD,IAAAgB,IAA0BJ,GAUxBK;CAAA,AAAAjB,EAAA,OAAAQ,IAKDS,IAAAjB,EAAA,MAHqBiB,UAAA;EAEpBZ,AADAE,EAAaC,CAAW,GACxBH,EAAa,EAAK;CAAC,GACpBL,EAAA,KAAAQ,GAAAR,EAAA,KAAAiB;CAHD,IAAAC,IAAsBD;CAKtB,IAAI,CAACb,GAAS;EAAA,IAAAe;EAAA,AAAAnB,EAAA,OAAAG,IAMwDgB,IAAAnB,EAAA,OAAjDmB,IAAAhB,UAAmBE,EAAa,EAAI,IAApCe,KAAAA,GAAiDpB,EAAA,KAAAG,GAAAH,EAAA,MAAAmB;EAAA,IAAAE;EAChE,OADgErB,EAAA,QAAAG,KAAAH,EAAA,QAAAQ,KAAAR,EAAA,QAAAmB,KAJlEE,IAAA,kBAACwC,GAAD;GAEQrD,MAAAA;GACML;GACG,eAAAgB;EAAiD,GAH3DX,CAG2D,GAChER,EAAA,MAAAG,GAAAH,EAAA,MAAAQ,GAAAR,EAAA,MAAAmB,GAAAnB,EAAA,MAAAqB,KAAAA,IAAArB,EAAA,KALFqB;CAKE;CAEL,IAAAF;CAAA,AAAAnB,EAAA,QAAAkB,IAOcC,IAAAnB,EAAA,OAFTmB,IAAA,kBAAC2C,GAAD;EAAa,MAAA;EAAa,SAAA;EAAkB5C,SAAAA;EAAe,UAAA;CAApD,CAAA,GAEElB,EAAA,MAAAkB,GAAAlB,EAAA,MAAAmB;CAAA,IAAAE;CAAA,AAAArB,EAAA,QAAAgB,IAGAK,IAAArB,EAAA,OAFTqB,IAAA,kBAACyC,GAAD;EAAa,MAAA;EAAc9C,SAAAA;EAAmB,UAAA;CAAvC,CAAA,GAEEhB,EAAA,MAAAgB,GAAAhB,EAAA,MAAAqB;CAAA,IAAAC;CAAA,AAAAtB,EAAA,QAAAmB,KAAAnB,EAAA,QAAAqB,KANXC,IAAA,kBAAC0C,GAAD;EAAqB,gBAAA;EAAsB,YAAA;EAAa,KAAA;EAAc,UAAA;EAAc,UAAA;EAAQ,IAAA;EAA5F,UAAA,CACE7C,GAGAE,CAJG;KAOErB,EAAA,MAAAmB,GAAAnB,EAAA,MAAAqB,GAAArB,EAAA,MAAAsB,KAAAA,IAAAtB,EAAA;CAAA,IAAAuB;CAAA,AAAAvB,EAAA,QAAAwB,OAAAC,IAAA,2BAAA,KAIOF,KAAAG,MAAWnB,EAAamB,EAAKC,OAAOC,KAAM,GAAC5B,EAAA,MAAAuB,KAAAA,IAAAvB,EAAA;CAAA,IAAA6B;CAAA,AAAA7B,EAAA,QAAAM,IAOnDuB,IAAA7B,EAAA,OAVN6B,IAAA,kBAACuC,GAAD;EAAa,SAAA;EAAQ,IAAA;EACnB,UAAA,kBAACC,GAAD;GACS/D,OAAAA;GACG,UAAAiB;GACA,WAAA;GACH,QAAA;GACI,YAAA;GACF,UAAA;GACG,YAAA;EAAK,CAAA;CARjB,CAAA,GAUEvB,EAAA,MAAAM,GAAAN,EAAA,MAAA6B;CAAA,IAAAC;CACF,OADE9B,EAAA,QAAAsB,KAAAtB,EAAA,QAAA6B,KAnBRC,IAAA,kBAACsC,GAAD;EAAiB,aAAA;EAAkB,aAAA;EAA6B,cAAA;EAAc,UAAA;EAAe,OAAA;EAA7F,UAAA,CACE9C,GAQAO,CATE;KAoBE7B,EAAA,MAAAsB,GAAAtB,EAAA,MAAA6B,GAAA7B,EAAA,MAAA8B,KAAAA,IAAA9B,EAAA,KApBN8B;AAoBM"}

package/dist/browser-storage-C_ipoNwP.js

@@ -0,0 +1,37 @@
+//#region src/utils/browser-storage.ts
+var e = {
+	getItem: () => null,
+	removeItem: () => {},
+	setItem: () => {}
+}, t = () => {
+	try {
+		return globalThis.localStorage;
+	} catch {
+		return;
+	}
+}, n = () => {
+	let n = t();
+	return n ? {
+		getItem(e) {
+			try {
+				return n.getItem(e);
+			} catch {
+				return null;
+			}
+		},
+		removeItem(e) {
+			try {
+				n.removeItem(e);
+			} catch {}
+		},
+		setItem(e, t) {
+			try {
+				n.setItem(e, t);
+			} catch {}
+		}
+	} : e;
+};
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=browser-storage-C_ipoNwP.js.map

package/dist/browser-storage-C_ipoNwP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser-storage-C_ipoNwP.js","names":["BrowserStorage","getItem","key","removeItem","setItem","value","noopStorage","readLocalStorage","globalThis","localStorage","undefined","createBrowserStorage","storage","noopStorage","readLocalStorage","createBrowserStorage","storage","key","value"],"sources":["../src/utils/browser-storage.ts"],"sourcesContent":["interface BrowserStorage {\n  getItem: (key: string) => string | null;\n  removeItem: (key: string) => void;\n  setItem: (key: string, value: string) => void;\n}\n\nconst noopStorage = {\n  getItem: () => null,\n  removeItem: () => {},\n  setItem: () => {},\n} satisfies BrowserStorage;\n\nconst readLocalStorage = () => {\n  try {\n    return globalThis.localStorage;\n  } catch {\n    return undefined;\n  }\n};\n\nexport const createBrowserStorage = (): BrowserStorage => {\n  const storage = readLocalStorage();\n  if (!storage) return noopStorage;\n\n  return {\n    getItem(key) {\n      try {\n        return storage.getItem(key);\n      } catch {\n        return null;\n      }\n    },\n    removeItem(key) {\n      try {\n        storage.removeItem(key);\n      } catch {}\n    },\n    setItem(key, value) {\n      try {\n        storage.setItem(key, value);\n      } catch {}\n    },\n  };\n};\n"],"mappings":";AAMA,IAAMM,IAAc;CAClBL,eAAe;CACfE,kBAAkB,CAAC;CACnBC,eAAe,CAAC;AAClB,GAEMG,UAAyB;CAC7B,IAAI;EACF,OAAOC,WAAWC;CACpB,QAAQ;EACN;CACF;AACF,GAEaE,UAA6C;CACxD,IAAMC,IAAUL,EAAiB;CAGjC,OAFKK,IAEE;EACLX,QAAQC,GAAK;GACX,IAAI;IACF,OAAOU,EAAQX,QAAQC,CAAG;GAC5B,QAAQ;IACN,OAAO;GACT;EACF;EACAC,WAAWD,GAAK;GACd,IAAI;IACFU,EAAQT,WAAWD,CAAG;GACxB,QAAQ,CAAC;EACX;EACAE,QAAQF,GAAKG,GAAO;GAClB,IAAI;IACFO,EAAQR,QAAQF,GAAKG,CAAK;GAC5B,QAAQ,CAAC;EACX;CACF,IApBqBC;AAqBvB"}