@burdenoff/microfe-planmagnet 2026.719.2 → 2026.720.1

package/dist/components/MarkdownEditor.d.ts

@@ -0,0 +1,10 @@
+export interface MarkdownEditorProps {
+    value: string;
+    onChange: (value: string) => void;
+    label?: string;
+    placeholder?: string;
+    minHeight?: number;
+    className?: string;
+}
+export declare function MarkdownEditor({ value, onChange, label, placeholder, minHeight, className, }: MarkdownEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MarkdownEditor.d.ts.map

package/dist/components/MarkdownEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../src/components/MarkdownEditor.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,EACX,SAAe,EACf,SAAc,GACf,EAAE,mBAAmB,2CAsGrB"}

package/dist/components/MarkdownEditor.js

@@ -0,0 +1,98 @@
+import { useState as e } from "react";
+import { Bold as t, Code as n, Italic as r, Link as i, List as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Markdown as c } from "@burdenoff/fe-libs/shared/components";
+//#region src/components/MarkdownEditor.tsx
+function l({ value: l, onChange: u, label: d, placeholder: f, minHeight: p = 120, className: m = "" }) {
+	let [h, g] = e("write"), [_, v] = e(null), y = (e, t, n = "") => {
+		if (!_) return;
+		let r = _.selectionStart ?? 0, i = _.selectionEnd ?? 0, a = l.slice(r, i), o = a.length > 0 ? `${e}${a}${t}` : `${e}${n}${t}`;
+		u(l.slice(0, r) + o + l.slice(i)), requestAnimationFrame(() => {
+			_.focus();
+			let t = a.length > 0 ? o.length : e.length + n.length;
+			_.setSelectionRange(r + t, r + t);
+		});
+	}, b = [
+		{
+			icon: t,
+			label: "Bold",
+			action: () => y("**", "**", "bold text")
+		},
+		{
+			icon: r,
+			label: "Italic",
+			action: () => y("_", "_", "italic text")
+		},
+		{
+			icon: i,
+			label: "Link",
+			action: () => y("[", "](url)", "link text")
+		},
+		{
+			icon: n,
+			label: "Code",
+			action: () => y("`", "`", "code")
+		},
+		{
+			icon: a,
+			label: "List",
+			action: () => y("\n- ", "", "list item")
+		}
+	];
+	return /* @__PURE__ */ s("div", {
+		className: `space-y-2 ${m}`,
+		children: [d && /* @__PURE__ */ o("label", {
+			className: "text-sm font-medium",
+			children: d
+		}), /* @__PURE__ */ s("div", {
+			className: "rounded-md border border-input bg-background overflow-hidden",
+			children: [/* @__PURE__ */ s("div", {
+				className: "flex items-center justify-between border-b border-input px-2 py-1",
+				children: [/* @__PURE__ */ o("div", {
+					className: "flex items-center gap-1",
+					children: b.map((e) => /* @__PURE__ */ o("button", {
+						type: "button",
+						onClick: e.action,
+						title: e.label,
+						className: "inline-flex items-center justify-center rounded p-1.5 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors",
+						children: /* @__PURE__ */ o(e.icon, { className: "h-4 w-4" })
+					}, e.label))
+				}), /* @__PURE__ */ s("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ o("button", {
+						type: "button",
+						onClick: () => g("write"),
+						className: `rounded px-2.5 py-1 text-xs font-medium transition-colors ${h === "write" ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"}`,
+						children: "Write"
+					}), /* @__PURE__ */ o("button", {
+						type: "button",
+						onClick: () => g("preview"),
+						className: `rounded px-2.5 py-1 text-xs font-medium transition-colors ${h === "preview" ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"}`,
+						children: "Preview"
+					})]
+				})]
+			}), /* @__PURE__ */ o("div", {
+				className: "p-3",
+				children: h === "write" ? /* @__PURE__ */ o("textarea", {
+					ref: v,
+					value: l,
+					onChange: (e) => u(e.target.value),
+					placeholder: f,
+					className: "w-full resize-y bg-transparent text-sm outline-none",
+					style: { minHeight: `${p}px` }
+				}) : /* @__PURE__ */ o("div", {
+					className: "prose prose-sm dark:prose-invert max-w-none text-sm",
+					style: { minHeight: `${p}px` },
+					children: l.trim() ? /* @__PURE__ */ o(c, { children: l }) : /* @__PURE__ */ o("p", {
+						className: "text-muted-foreground italic",
+						children: "Nothing to preview."
+					})
+				})
+			})]
+		})]
+	});
+}
+//#endregion
+export { l as MarkdownEditor };
+
+//# sourceMappingURL=MarkdownEditor.js.map

package/dist/components/MarkdownEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.js","names":[],"sources":["../../src/components/MarkdownEditor.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Markdown } from '@burdenoff/fe-libs/shared/components';\nimport { Bold, Italic, Link, Code, List } from 'lucide-react';\n\nexport interface MarkdownEditorProps {\n  value: string;\n  onChange: (value: string) => void;\n  label?: string;\n  placeholder?: string;\n  minHeight?: number;\n  className?: string;\n}\n\nexport function MarkdownEditor({\n  value,\n  onChange,\n  label,\n  placeholder,\n  minHeight = 120,\n  className = '',\n}: MarkdownEditorProps) {\n  const [activeTab, setActiveTab] = useState<'write' | 'preview'>('write');\n  const [textareaEl, setTextareaEl] = useState<HTMLTextAreaElement | null>(null);\n\n  const insertSyntax = (before: string, after: string, placeholderText = '') => {\n    if (!textareaEl) return;\n\n    const start = textareaEl.selectionStart ?? 0;\n    const end = textareaEl.selectionEnd ?? 0;\n    const selected = value.slice(start, end);\n    const replacement =\n      selected.length > 0 ? `${before}${selected}${after}` : `${before}${placeholderText}${after}`;\n\n    const nextValue = value.slice(0, start) + replacement + value.slice(end);\n    onChange(nextValue);\n\n    requestAnimationFrame(() => {\n      textareaEl.focus();\n      const cursorOffset =\n        selected.length > 0 ? replacement.length : before.length + placeholderText.length;\n      textareaEl.setSelectionRange(start + cursorOffset, start + cursorOffset);\n    });\n  };\n\n  const toolbarItems = [\n    { icon: Bold, label: 'Bold', action: () => insertSyntax('**', '**', 'bold text') },\n    { icon: Italic, label: 'Italic', action: () => insertSyntax('_', '_', 'italic text') },\n    { icon: Link, label: 'Link', action: () => insertSyntax('[', '](url)', 'link text') },\n    { icon: Code, label: 'Code', action: () => insertSyntax('`', '`', 'code') },\n    { icon: List, label: 'List', action: () => insertSyntax('\\n- ', '', 'list item') },\n  ];\n\n  return (\n    <div className={`space-y-2 ${className}`}>\n      {label && <label className=\"text-sm font-medium\">{label}</label>}\n      <div className=\"rounded-md border border-input bg-background overflow-hidden\">\n        <div className=\"flex items-center justify-between border-b border-input px-2 py-1\">\n          <div className=\"flex items-center gap-1\">\n            {toolbarItems.map((item) => (\n              <button\n                key={item.label}\n                type=\"button\"\n                onClick={item.action}\n                title={item.label}\n                className=\"inline-flex items-center justify-center rounded p-1.5 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors\"\n              >\n                <item.icon className=\"h-4 w-4\" />\n              </button>\n            ))}\n          </div>\n          <div className=\"flex items-center gap-1\">\n            <button\n              type=\"button\"\n              onClick={() => setActiveTab('write')}\n              className={`rounded px-2.5 py-1 text-xs font-medium transition-colors ${\n                activeTab === 'write'\n                  ? 'bg-muted text-foreground'\n                  : 'text-muted-foreground hover:bg-muted hover:text-foreground'\n              }`}\n            >\n              Write\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setActiveTab('preview')}\n              className={`rounded px-2.5 py-1 text-xs font-medium transition-colors ${\n                activeTab === 'preview'\n                  ? 'bg-muted text-foreground'\n                  : 'text-muted-foreground hover:bg-muted hover:text-foreground'\n              }`}\n            >\n              Preview\n            </button>\n          </div>\n        </div>\n\n        <div className=\"p-3\">\n          {activeTab === 'write' ? (\n            <textarea\n              ref={setTextareaEl}\n              value={value}\n              onChange={(e) => onChange(e.target.value)}\n              placeholder={placeholder}\n              className=\"w-full resize-y bg-transparent text-sm outline-none\"\n              style={{ minHeight: `${minHeight}px` }}\n            />\n          ) : (\n            <div\n              className=\"prose prose-sm dark:prose-invert max-w-none text-sm\"\n              style={{ minHeight: `${minHeight}px` }}\n            >\n              {value.trim() ? (\n                <Markdown>{value}</Markdown>\n              ) : (\n                <p className=\"text-muted-foreground italic\">Nothing to preview.</p>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAaA,SAAgB,EAAe,EAC7B,UACA,aACA,UACA,gBACA,eAAY,KACZ,eAAY,MACU;CACtB,IAAM,CAAC,GAAW,KAAgB,EAA8B,QAAQ,EAClE,CAAC,GAAY,KAAiB,EAAqC,KAAK,EAExE,KAAgB,GAAgB,GAAe,IAAkB,OAAO;AAC5E,MAAI,CAAC,EAAY;EAEjB,IAAM,IAAQ,EAAW,kBAAkB,GACrC,IAAM,EAAW,gBAAgB,GACjC,IAAW,EAAM,MAAM,GAAO,EAAI,EAClC,IACJ,EAAS,SAAS,IAAI,GAAG,IAAS,IAAW,MAAU,GAAG,IAAS,IAAkB;AAKvF,EAFA,EADkB,EAAM,MAAM,GAAG,EAAM,GAAG,IAAc,EAAM,MAAM,EAAI,CACrD,EAEnB,4BAA4B;AAC1B,KAAW,OAAO;GAClB,IAAM,IACJ,EAAS,SAAS,IAAI,EAAY,SAAS,EAAO,SAAS,EAAgB;AAC7E,KAAW,kBAAkB,IAAQ,GAAc,IAAQ,EAAa;IACxE;IAGE,IAAe;EACnB;GAAE,MAAM;GAAM,OAAO;GAAQ,cAAc,EAAa,MAAM,MAAM,YAAY;GAAE;EAClF;GAAE,MAAM;GAAQ,OAAO;GAAU,cAAc,EAAa,KAAK,KAAK,cAAc;GAAE;EACtF;GAAE,MAAM;GAAM,OAAO;GAAQ,cAAc,EAAa,KAAK,UAAU,YAAY;GAAE;EACrF;GAAE,MAAM;GAAM,OAAO;GAAQ,cAAc,EAAa,KAAK,KAAK,OAAO;GAAE;EAC3E;GAAE,MAAM;GAAM,OAAO;GAAQ,cAAc,EAAa,QAAQ,IAAI,YAAY;GAAE;EACnF;AAED,QACE,kBAAC,OAAD;EAAK,WAAW,aAAa;YAA7B,CACG,KAAS,kBAAC,SAAD;GAAO,WAAU;aAAuB;GAAc,CAAA,EAChE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAa,KAAK,MACjB,kBAAC,UAAD;MAEE,MAAK;MACL,SAAS,EAAK;MACd,OAAO,EAAK;MACZ,WAAU;gBAEV,kBAAC,EAAK,MAAN,EAAW,WAAU,WAAY,CAAA;MAC1B,EAPF,EAAK,MAOH,CACT;KACE,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAa,QAAQ;MACpC,WAAW,6DACT,MAAc,UACV,6BACA;gBAEP;MAEQ,CAAA,EACT,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAa,UAAU;MACtC,WAAW,6DACT,MAAc,YACV,6BACA;gBAEP;MAEQ,CAAA,CACL;OACF;OAEN,kBAAC,OAAD;IAAK,WAAU;cACZ,MAAc,UACb,kBAAC,YAAD;KACE,KAAK;KACE;KACP,WAAW,MAAM,EAAS,EAAE,OAAO,MAAM;KAC5B;KACb,WAAU;KACV,OAAO,EAAE,WAAW,GAAG,EAAU,KAAK;KACtC,CAAA,GAEF,kBAAC,OAAD;KACE,WAAU;KACV,OAAO,EAAE,WAAW,GAAG,EAAU,KAAK;eAErC,EAAM,MAAM,GACX,kBAAC,GAAD,EAAA,UAAW,GAAiB,CAAA,GAE5B,kBAAC,KAAD;MAAG,WAAU;gBAA+B;MAAuB,CAAA;KAEjE,CAAA;IAEJ,CAAA,CACF;KACF"}