osameditor 0.1.0

package/dist/index.js

@@ -0,0 +1,2615 @@
+"use client";
+import * as React10 from 'react';
+import { ReactNodeViewRenderer, NodeViewWrapper, NodeViewContent, useEditor, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import { TextStyle, Color } from '@tiptap/extension-text-style';
+import Highlight from '@tiptap/extension-highlight';
+import TextAlign from '@tiptap/extension-text-align';
+import { TaskList } from '@tiptap/extension-task-list';
+import { TaskItem } from '@tiptap/extension-task-item';
+import Placeholder from '@tiptap/extension-placeholder';
+import { createLowlight, common } from 'lowlight';
+import Image from '@tiptap/extension-image';
+import { mergeAttributes, Node, Extension } from '@tiptap/core';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { CodeBlockLowlight } from '@tiptap/extension-code-block-lowlight';
+
+// src/OsamEditor.tsx
+
+// src/presets.ts
+var TOOLBAR_PRESETS = {
+  full: [
+    "undo",
+    "redo",
+    "|",
+    "headings",
+    "|",
+    "bold",
+    "italic",
+    "underline",
+    "strike",
+    "code",
+    "|",
+    "color",
+    "highlight",
+    "clearFormatting",
+    "|",
+    "alignLeft",
+    "alignCenter",
+    "alignRight",
+    "alignJustify",
+    "|",
+    "bulletList",
+    "orderedList",
+    "taskList",
+    "outdent",
+    "indent",
+    "|",
+    "link",
+    "unlink",
+    "|",
+    "blockquote",
+    "codeBlock",
+    "horizontalRule",
+    "|",
+    "image",
+    "imageUrl",
+    "mediaLibrary",
+    "youtube",
+    "instagram",
+    "video",
+    "embed",
+    "pdf",
+    "|",
+    "customHtml",
+    "source",
+    "spacer",
+    "fullscreen"
+  ],
+  blog: [
+    "headings",
+    "|",
+    "bold",
+    "italic",
+    "underline",
+    "strike",
+    "|",
+    "highlight",
+    "|",
+    "bulletList",
+    "orderedList",
+    "taskList",
+    "|",
+    "link",
+    "blockquote",
+    "codeBlock",
+    "|",
+    "image",
+    "mediaLibrary",
+    "youtube",
+    "instagram",
+    "embed",
+    "pdf",
+    "|",
+    "undo",
+    "redo",
+    "spacer",
+    "source",
+    "fullscreen"
+  ],
+  basic: [
+    "bold",
+    "italic",
+    "underline",
+    "strike",
+    "|",
+    "h2",
+    "h3",
+    "|",
+    "bulletList",
+    "orderedList",
+    "|",
+    "link",
+    "blockquote",
+    "|",
+    "image",
+    "|",
+    "undo",
+    "redo"
+  ],
+  minimal: ["bold", "italic", "link", "|", "bulletList", "orderedList"]
+};
+function resolveToolbar(toolbar) {
+  if (toolbar === false) return false;
+  if (toolbar === void 0) return TOOLBAR_PRESETS.full;
+  if (typeof toolbar === "string") return TOOLBAR_PRESETS[toolbar] ?? TOOLBAR_PRESETS.full;
+  return toolbar;
+}
+function tidyToolbar(items) {
+  const out = [];
+  for (const item of items) {
+    if (item === "|" && (out.length === 0 || out[out.length - 1] === "|")) continue;
+    out.push(item);
+  }
+  while (out.length && out[out.length - 1] === "|") out.pop();
+  return out;
+}
+
+// src/config.ts
+var HEADING_ITEMS = {
+  h1: 1,
+  h2: 2,
+  h3: 3,
+  h4: 4,
+  h5: 5,
+  h6: 6
+};
+var DEFAULT_COLORS = [
+  "#000000",
+  "#434343",
+  "#666666",
+  "#999999",
+  "#b7b7b7",
+  "#cccccc",
+  "#ffffff",
+  "#e60000",
+  "#ff9900",
+  "#ffff00",
+  "#008a00",
+  "#0066cc",
+  "#9933ff",
+  "#ff66cc"
+];
+var DEFAULT_HIGHLIGHTS = [
+  "#fff3a3",
+  "#ffd8a8",
+  "#ffc9c9",
+  "#d3f9d8",
+  "#a5d8ff",
+  "#d0bfff",
+  "#fcc2d7"
+];
+var DEFAULT_EMBED_HOSTS = [
+  "youtube.com",
+  "youtu.be",
+  "youtube-nocookie.com",
+  "vimeo.com",
+  "player.vimeo.com",
+  "instagram.com",
+  "twitter.com",
+  "x.com",
+  "codepen.io",
+  "codesandbox.io",
+  "open.spotify.com",
+  "soundcloud.com",
+  "google.com",
+  "maps.google.com",
+  "loom.com",
+  "figma.com",
+  "gist.github.com"
+];
+var DEFAULT_LABELS = {
+  bold: "Bold",
+  italic: "Italic",
+  underline: "Underline",
+  strike: "Strikethrough",
+  code: "Inline code",
+  color: "Text color",
+  highlight: "Highlight",
+  clearFormatting: "Clear formatting",
+  paragraph: "Paragraph",
+  headings: "Heading",
+  h1: "Heading 1",
+  h2: "Heading 2",
+  h3: "Heading 3",
+  h4: "Heading 4",
+  h5: "Heading 5",
+  h6: "Heading 6",
+  alignLeft: "Align left",
+  alignCenter: "Align center",
+  alignRight: "Align right",
+  alignJustify: "Justify",
+  hardBreak: "Line break",
+  bulletList: "Bullet list",
+  orderedList: "Numbered list",
+  taskList: "Checklist",
+  indent: "Indent / nest",
+  outdent: "Outdent",
+  link: "Link",
+  unlink: "Remove link",
+  blockquote: "Blockquote",
+  codeBlock: "Code block",
+  image: "Upload image",
+  imageUrl: "Image by URL",
+  youtube: "YouTube",
+  instagram: "Instagram",
+  video: "Video",
+  embed: "Embed",
+  pdf: "PDF / document",
+  horizontalRule: "Divider",
+  undo: "Undo",
+  redo: "Redo",
+  "dialog.url": "URL",
+  "dialog.insert": "Insert",
+  "dialog.cancel": "Cancel",
+  "dialog.upload": "Upload a file",
+  "dialog.or": "or",
+  "dialog.alt": "Alt text",
+  "dialog.title": "Title",
+  "dialog.caption": "Caption",
+  "dialog.openInNewTab": "Open in new tab",
+  "dialog.nofollow": "nofollow",
+  "dialog.sponsored": "sponsored",
+  "dialog.linkText": "Text",
+  "dialog.uploading": "Uploading\u2026",
+  "dialog.ratio": "Aspect ratio",
+  "dialog.library": "Library",
+  "dialog.linkImage": "Link this image",
+  "error.tooLarge": "That file is too large.",
+  "error.uploadFailed": "Upload failed.",
+  "error.badHost": "That URL isn't from an allowed site.",
+  mediaLibrary: "Media library",
+  fullscreen: "Fullscreen",
+  fullscreenExit: "Exit fullscreen",
+  source: "View HTML source",
+  customHtml: "Custom HTML / CSS",
+  poweredBy: "powered by osamtech.com",
+  "source.apply": "Apply",
+  "source.title": "Edit HTML source"
+};
+function pruneLabels(input) {
+  const out = {};
+  for (const [k, v] of Object.entries(input)) if (typeof v === "string") out[k] = v;
+  return out;
+}
+function has(items, ...names) {
+  return names.some((n) => items.includes(n));
+}
+function resolveConfig(input = {}) {
+  const toolbarResolved = resolveToolbar(input.toolbar);
+  const items = toolbarResolved === false ? [] : toolbarResolved;
+  let headingLevels;
+  if (input.heading === false) {
+    headingLevels = false;
+  } else if (input.heading?.levels?.length) {
+    headingLevels = [...input.heading.levels].sort();
+  } else {
+    const fromToolbar = Object.entries(HEADING_ITEMS).filter(([k]) => items.includes(k)).map(([, v]) => v).sort();
+    if (fromToolbar.length) headingLevels = fromToolbar;
+    else if (has(items, "headings")) headingLevels = [1, 2, 3];
+    else headingLevels = [1, 2, 3];
+  }
+  let link = false;
+  if (input.link !== false && (has(items, "link", "unlink") || input.link)) {
+    const l = input.link || {};
+    link = {
+      allowTargetBlank: l.allowTargetBlank ?? true,
+      allowRelAttributes: l.allowRelAttributes ?? true,
+      defaultRel: l.defaultRel === void 0 ? "noopener noreferrer nofollow" : l.defaultRel,
+      protocols: l.protocols ?? ["http", "https", "mailto", "tel"],
+      autolink: l.autolink ?? true
+    };
+  }
+  const color = input.color === false || !has(items, "color") ? false : { colors: input.color?.colors ?? DEFAULT_COLORS };
+  const highlight = input.highlight === false || !has(items, "highlight") ? false : { colors: input.highlight?.highlights ?? input.highlight?.colors ?? DEFAULT_HIGHLIGHTS, multicolor: true };
+  let image = false;
+  const wantsImage = has(items, "image", "imageUrl", "mediaLibrary") || !!input.image;
+  if (input.image !== false && wantsImage) {
+    const im = input.image || {};
+    image = {
+      resizable: im.resizable ?? true,
+      caption: im.caption ?? true,
+      align: im.align ?? true,
+      link: im.link ?? true,
+      accept: im.accept ?? "image/*",
+      maxSize: im.maxSize ?? input.upload?.maxSize,
+      allowUrl: has(items, "imageUrl") || !input.upload?.handler,
+      allowUpload: has(items, "image") && !!input.upload?.handler
+    };
+  }
+  const hasHandler = !!input.upload?.handler;
+  const upload = {
+    hasHandler,
+    video: input.upload?.video ?? hasHandler,
+    pdf: input.upload?.pdf ?? hasHandler,
+    maxSize: input.upload?.maxSize
+  };
+  let embed = false;
+  const wantsEmbed = has(items, "embed", "youtube", "instagram", "video", "pdf") || !!input.embed;
+  if (input.embed !== false && wantsEmbed) {
+    const em = input.embed || {};
+    embed = {
+      allowedHosts: em.allowedHosts ?? DEFAULT_EMBED_HOSTS,
+      defaultRatio: em.defaultRatio || "16/9"
+    };
+  }
+  let textAlign = false;
+  const wantsAlign = has(items, "alignLeft", "alignCenter", "alignRight", "alignJustify") || !!input.textAlign;
+  if (input.textAlign !== false && wantsAlign) {
+    const t = input.textAlign && input.textAlign !== true ? input.textAlign : {};
+    textAlign = {
+      types: t.types ?? ["heading", "paragraph"],
+      alignments: t.alignments ?? ["left", "center", "right", "justify"],
+      defaultAlignment: t.defaultAlignment ?? "left"
+    };
+  }
+  let codeBlock = false;
+  if (input.codeBlock === true || has(items, "codeBlock")) codeBlock = { copyButton: true };
+  else if (input.codeBlock && typeof input.codeBlock === "object") {
+    codeBlock = {
+      defaultLanguage: input.codeBlock.defaultLanguage,
+      copyButton: input.codeBlock.copyButton ?? true
+    };
+  }
+  const mediaLibrary = input.mediaLibrary ?? false;
+  let html = false;
+  const wantsHtml = input.html === true || input.html && typeof input.html === "object" || has(items, "source", "customHtml");
+  if (input.html !== false && wantsHtml) {
+    const h = input.html && typeof input.html === "object" ? input.html : {};
+    html = {
+      sourceView: h.sourceView ?? true,
+      customBlock: h.customBlock ?? true,
+      styleAttributes: h.styleAttributes ?? true,
+      classAttributes: h.classAttributes ?? true,
+      allowStyleTags: h.allowStyleTags ?? false
+    };
+  }
+  return {
+    toolbar: toolbarResolved === false ? false : tidyToolbar(items),
+    placeholder: input.placeholder ?? "Write something\u2026",
+    dir: input.dir ?? "ltr",
+    labels: pruneLabels({ ...DEFAULT_LABELS, ...input.labels ?? {} }),
+    headingLevels,
+    link,
+    color,
+    highlight,
+    image,
+    upload,
+    embed,
+    mediaLibrary,
+    html,
+    theme: input.theme,
+    branding: input.branding ?? true,
+    taskList: input.taskList ?? has(items, "taskList"),
+    codeBlock,
+    blockquote: input.blockquote ?? has(items, "blockquote"),
+    horizontalRule: input.horizontalRule ?? has(items, "horizontalRule"),
+    textAlign,
+    starterKit: input.starterKit ?? {}
+  };
+}
+var ResizableImage = Image.extend({
+  name: "image",
+  addOptions() {
+    return {
+      ...this.parent?.(),
+      resizable: true,
+      caption: true,
+      align: true,
+      link: true,
+      inline: false,
+      HTMLAttributes: {}
+    };
+  },
+  inline: false,
+  group: "block",
+  draggable: true,
+  addAttributes() {
+    return {
+      src: { default: null },
+      alt: { default: null },
+      title: { default: null },
+      width: {
+        default: null,
+        parseHTML: (el) => el.getAttribute("data-width") || el.style.width || el.getAttribute("width") || null,
+        renderHTML: (attrs) => attrs.width ? { "data-width": attrs.width } : {}
+      },
+      align: {
+        default: null,
+        parseHTML: (el) => el.getAttribute("data-align") || el.closest("figure")?.getAttribute("data-align") || null,
+        renderHTML: () => ({})
+      },
+      href: {
+        default: null,
+        parseHTML: (el) => el.closest("a")?.getAttribute("href") || null,
+        renderHTML: () => ({})
+      },
+      target: {
+        default: null,
+        parseHTML: (el) => el.closest("a")?.getAttribute("target") || null,
+        renderHTML: () => ({})
+      },
+      rel: {
+        default: null,
+        parseHTML: (el) => el.closest("a")?.getAttribute("rel") || null,
+        renderHTML: () => ({})
+      },
+      caption: {
+        default: null,
+        parseHTML: (el) => el.closest("figure")?.querySelector("figcaption")?.textContent || null,
+        renderHTML: () => ({})
+      }
+    };
+  },
+  parseHTML() {
+    return [{ tag: "figure[data-osam-image] img" }, { tag: "img[src]" }];
+  },
+  renderHTML({ HTMLAttributes, node }) {
+    const a = node.attrs;
+    const figureAttrs = { "data-osam-image": "" };
+    if (a.align) figureAttrs["data-align"] = a.align;
+    if (a.width) figureAttrs.style = `width:${cssLen(a.width)}`;
+    const { align, width, caption, href, target, rel, ...rest } = HTMLAttributes;
+    const imgSpec = [
+      "img",
+      mergeAttributes(this.options.HTMLAttributes, rest, a.width ? { "data-width": a.width } : {})
+    ];
+    const media = a.href ? ["a", { href: a.href, ...a.target ? { target: a.target } : {}, ...a.rel ? { rel: a.rel } : {} }, imgSpec] : imgSpec;
+    return a.caption ? ["figure", figureAttrs, media, ["figcaption", {}, a.caption]] : ["figure", figureAttrs, media];
+  },
+  addNodeView() {
+    return ReactNodeViewRenderer(ImageNodeView);
+  }
+});
+function cssLen(v) {
+  if (typeof v === "number") return `${v}px`;
+  return /^\d+$/.test(v) ? `${v}px` : v;
+}
+function ImageNodeView({ node, updateAttributes, editor, selected }) {
+  const { src, alt, title, width, align, caption, href } = node.attrs;
+  const opts = editor.extensionManager.extensions.find((e) => e.name === "image")?.options;
+  const wrapRef = React10.useRef(null);
+  const [dragging, setDragging] = React10.useState(false);
+  const [linking, setLinking] = React10.useState(false);
+  const [hrefDraft, setHrefDraft] = React10.useState(href || "");
+  const startResize = (e, side) => {
+    if (!opts?.resizable) return;
+    e.preventDefault();
+    const startX = e.clientX;
+    const el = wrapRef.current;
+    if (!el) return;
+    const startW = el.getBoundingClientRect().width;
+    const parentW = el.closest(".osam-image")?.getBoundingClientRect().width || startW;
+    setDragging(true);
+    const move = (ev) => {
+      const delta = (ev.clientX - startX) * (side === "left" ? -1 : 1);
+      const next = Math.max(48, Math.min(parentW, startW + delta));
+      updateAttributes({ width: `${Math.round(next / parentW * 100)}%` });
+    };
+    const up = () => {
+      setDragging(false);
+      window.removeEventListener("pointermove", move);
+      window.removeEventListener("pointerup", up);
+    };
+    window.addEventListener("pointermove", move);
+    window.addEventListener("pointerup", up);
+  };
+  return /* @__PURE__ */ jsxs(
+    NodeViewWrapper,
+    {
+      className: "osam-image",
+      "data-align": align || void 0,
+      "data-selected": selected || void 0,
+      "data-has-link": href ? "" : void 0,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: wrapRef,
+            className: "osam-image__frame",
+            style: { width: width ? cssLen(width) : void 0 },
+            "data-dragging": dragging || void 0,
+            contentEditable: false,
+            children: [
+              /* @__PURE__ */ jsx("img", { src, alt: alt || "", title: title || void 0, draggable: false }),
+              opts?.resizable && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("span", { className: "osam-image__handle osam-image__handle--left", onPointerDown: (e) => startResize(e, "left") }),
+                /* @__PURE__ */ jsx("span", { className: "osam-image__handle osam-image__handle--right", onPointerDown: (e) => startResize(e, "right") })
+              ] }),
+              selected && editor.isEditable && /* @__PURE__ */ jsxs("div", { className: "osam-image__bar", children: [
+                opts?.align && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx("button", { type: "button", "data-active": align === "left", title: "Float left, text wraps right", onClick: () => updateAttributes({ align: "left" }), children: "\u21E4" }),
+                  /* @__PURE__ */ jsx("button", { type: "button", "data-active": align === "center" || !align, title: "Center block", onClick: () => updateAttributes({ align: "center" }), children: "\u21D4" }),
+                  /* @__PURE__ */ jsx("button", { type: "button", "data-active": align === "right", title: "Float right, text wraps left", onClick: () => updateAttributes({ align: "right" }), children: "\u21E5" }),
+                  /* @__PURE__ */ jsx("span", { className: "osam-image__sep" })
+                ] }),
+                ["25%", "50%", "75%", "100%"].map((w) => /* @__PURE__ */ jsx("button", { type: "button", "data-active": width === w, onClick: () => updateAttributes({ width: w }), children: w }, w)),
+                /* @__PURE__ */ jsx("button", { type: "button", onClick: () => updateAttributes({ width: null }), title: "Reset size", children: "\u21BA" }),
+                opts?.link && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx("span", { className: "osam-image__sep" }),
+                  /* @__PURE__ */ jsx("button", { type: "button", "data-active": !!href, title: "Link image", onClick: () => {
+                    setHrefDraft(href || "");
+                    setLinking((v) => !v);
+                  }, children: "\u{1F517}" })
+                ] })
+              ] }),
+              linking && selected && editor.isEditable && /* @__PURE__ */ jsxs(
+                "form",
+                {
+                  className: "osam-image__linkform",
+                  onSubmit: (e) => {
+                    e.preventDefault();
+                    const url = hrefDraft.trim();
+                    updateAttributes(
+                      url ? { href: url, target: "_blank", rel: "noopener noreferrer" } : { href: null, target: null, rel: null }
+                    );
+                    setLinking(false);
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx("input", { autoFocus: true, value: hrefDraft, placeholder: "https://\u2026 (empty to remove)", onChange: (e) => setHrefDraft(e.target.value) }),
+                    /* @__PURE__ */ jsx("button", { type: "submit", children: "OK" })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        opts?.caption && /* @__PURE__ */ jsx(
+          "figcaption",
+          {
+            className: "osam-image__caption",
+            "data-placeholder": "Add a caption\u2026",
+            contentEditable: editor.isEditable,
+            suppressContentEditableWarning: true,
+            onBlur: (e) => updateAttributes({ caption: e.currentTarget.textContent?.trim() || null }),
+            children: caption
+          }
+        )
+      ]
+    }
+  );
+}
+var Embed = Node.create({
+  name: "embed",
+  group: "block",
+  atom: true,
+  draggable: true,
+  selectable: true,
+  addOptions() {
+    return { defaultRatio: "16/9", HTMLAttributes: {} };
+  },
+  addAttributes() {
+    return {
+      src: { default: null },
+      provider: { default: "iframe" },
+      ratio: { default: this.options.defaultRatio },
+      title: { default: null },
+      originalUrl: { default: null },
+      align: { default: null },
+      width: { default: null }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[data-osam-embed]",
+        getAttrs: (node) => {
+          const el = node;
+          const media = el.querySelector("iframe, video, object");
+          const src = media?.getAttribute("src") || media?.getAttribute("data") || null;
+          return {
+            src,
+            provider: el.getAttribute("data-osam-embed") || "iframe",
+            ratio: el.getAttribute("data-ratio") || "16/9",
+            align: el.getAttribute("data-align") || null,
+            title: media?.getAttribute("title") || null
+          };
+        }
+      },
+      {
+        tag: "iframe[src]",
+        getAttrs: (el) => ({
+          src: el.getAttribute("src"),
+          provider: "iframe"
+        })
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes, node }) {
+    const attrs = node.attrs;
+    const wrapper = mergeAttributes(this.options.HTMLAttributes, {
+      "data-osam-embed": attrs.provider,
+      "data-ratio": attrs.ratio,
+      ...attrs.align ? { "data-align": attrs.align } : {},
+      ...attrs.width ? { style: `width:${attrs.width}` } : {}
+    });
+    if (attrs.provider === "video") {
+      return [
+        "div",
+        wrapper,
+        ["video", { src: attrs.src, controls: "true", playsinline: "true", style: "width:100%" }]
+      ];
+    }
+    if (attrs.provider === "pdf") {
+      return [
+        "div",
+        wrapper,
+        [
+          "object",
+          { data: attrs.src, type: "application/pdf", style: "width:100%;height:100%" },
+          ["a", { href: attrs.src ?? "#" }, attrs.title || "Open PDF"]
+        ]
+      ];
+    }
+    return [
+      "div",
+      wrapper,
+      [
+        "iframe",
+        {
+          src: attrs.src,
+          title: attrs.title || attrs.provider,
+          loading: "lazy",
+          frameborder: "0",
+          allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
+          allowfullscreen: "true",
+          style: "width:100%;height:100%"
+        }
+      ]
+    ];
+  },
+  addCommands() {
+    return {
+      setEmbed: (attrs) => ({ commands }) => commands.insertContent({ type: this.name, attrs }),
+      updateEmbed: (attrs) => ({ commands }) => commands.updateAttributes(this.name, attrs)
+    };
+  },
+  addNodeView() {
+    return ReactNodeViewRenderer(EmbedNodeView);
+  }
+});
+function EmbedNodeView({ node, selected, updateAttributes, editor }) {
+  const attrs = node.attrs;
+  const ratioStyle = attrs.provider === "pdf" ? void 0 : { aspectRatio: attrs.ratio.replace("/", " / ") };
+  return /* @__PURE__ */ jsxs(
+    NodeViewWrapper,
+    {
+      className: "osam-embed",
+      "data-provider": attrs.provider,
+      "data-align": attrs.align || void 0,
+      "data-selected": selected || void 0,
+      style: { width: attrs.width || void 0 },
+      contentEditable: false,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "osam-embed__frame",
+            "data-provider": attrs.provider,
+            style: {
+              ...ratioStyle,
+              ...attrs.provider === "pdf" ? { height: 620 } : {}
+            },
+            children: attrs.provider === "video" ? /* @__PURE__ */ jsx(VideoPlayer, { src: attrs.src || "" }) : attrs.provider === "pdf" ? /* @__PURE__ */ jsx("object", { data: attrs.src || "", type: "application/pdf", children: /* @__PURE__ */ jsx("a", { href: attrs.src || "#", target: "_blank", rel: "noreferrer", children: attrs.title || "Open PDF" }) }) : /* @__PURE__ */ jsx(
+              "iframe",
+              {
+                src: attrs.src || "",
+                title: attrs.title || attrs.provider,
+                loading: "lazy",
+                allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
+                allowFullScreen: true
+              }
+            )
+          }
+        ),
+        selected && editor.isEditable && /* @__PURE__ */ jsxs("div", { className: "osam-embed__bar", contentEditable: false, children: [
+          /* @__PURE__ */ jsx("button", { type: "button", "data-active": attrs.align === "left", onClick: () => updateAttributes({ align: "left" }), children: "\u290E" }),
+          /* @__PURE__ */ jsx("button", { type: "button", "data-active": !attrs.align || attrs.align === "center", onClick: () => updateAttributes({ align: "center" }), children: "\u21D4" }),
+          /* @__PURE__ */ jsx("button", { type: "button", "data-active": attrs.align === "right", onClick: () => updateAttributes({ align: "right" }), children: "\u290F" }),
+          attrs.provider !== "pdf" && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "osam-embed__sep" }),
+            ["16/9", "4/3", "1/1"].map((r) => /* @__PURE__ */ jsx("button", { type: "button", "data-active": attrs.ratio === r, onClick: () => updateAttributes({ ratio: r }), children: r }, r))
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function VideoPlayer({ src }) {
+  const ref = React10.useRef(null);
+  const isHls = /\.m3u8(\?.*)?$/i.test(src);
+  React10.useEffect(() => {
+    const video = ref.current;
+    if (!video || !isHls) return;
+    if (video.canPlayType("application/vnd.apple.mpegurl")) {
+      video.src = src;
+      return;
+    }
+    let hls;
+    let cancelled = false;
+    import('hls.js').then((mod) => {
+      if (cancelled) return;
+      const Hls = mod.default ?? mod;
+      if (Hls?.isSupported?.()) {
+        hls = new Hls();
+        hls.loadSource(src);
+        hls.attachMedia(video);
+      } else {
+        video.src = src;
+      }
+    }).catch(() => {
+      video.src = src;
+    });
+    return () => {
+      cancelled = true;
+      hls?.destroy?.();
+    };
+  }, [src, isHls]);
+  return /* @__PURE__ */ jsx("video", { ref, src: isHls ? void 0 : src, controls: true, playsInline: true, preload: "metadata" });
+}
+var DEFAULT_LANGUAGES = [
+  "plaintext",
+  "bash",
+  "javascript",
+  "typescript",
+  "jsx",
+  "tsx",
+  "json",
+  "html",
+  "css",
+  "scss",
+  "python",
+  "java",
+  "c",
+  "cpp",
+  "csharp",
+  "go",
+  "rust",
+  "php",
+  "ruby",
+  "sql",
+  "yaml",
+  "markdown",
+  "diff"
+];
+var CodeBlock = CodeBlockLowlight.extend({
+  addOptions() {
+    return {
+      ...this.parent?.(),
+      copyButton: true,
+      languages: DEFAULT_LANGUAGES
+    };
+  },
+  addNodeView() {
+    return ReactNodeViewRenderer(CodeBlockView);
+  }
+});
+function CodeBlockView({ node, updateAttributes, editor, extension }) {
+  const opts = extension.options;
+  const language = node.attrs.language || "plaintext";
+  const [copied, setCopied] = React10.useState(false);
+  const copy = async () => {
+    const text = node.textContent;
+    try {
+      await navigator.clipboard.writeText(text);
+    } catch {
+      const ta = document.createElement("textarea");
+      ta.value = text;
+      document.body.appendChild(ta);
+      ta.select();
+      document.execCommand("copy");
+      ta.remove();
+    }
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1500);
+  };
+  return /* @__PURE__ */ jsxs(NodeViewWrapper, { className: "osam-codeblock", children: [
+    /* @__PURE__ */ jsxs("div", { className: "osam-codeblock__bar", contentEditable: false, children: [
+      editor.isEditable ? /* @__PURE__ */ jsx(
+        "select",
+        {
+          value: language,
+          onChange: (e) => updateAttributes({ language: e.target.value }),
+          children: opts.languages.map((l) => /* @__PURE__ */ jsx("option", { value: l, children: l }, l))
+        }
+      ) : /* @__PURE__ */ jsx("span", { className: "osam-codeblock__lang", children: language }),
+      opts.copyButton && /* @__PURE__ */ jsx("button", { type: "button", className: "osam-codeblock__copy", onClick: copy, children: copied ? "Copied \u2713" : "Copy" })
+    ] }),
+    /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx(NodeViewContent, { as: "code", className: `language-${language}` }) })
+  ] });
+}
+
+// src/sanitize.ts
+var BLOCKED_TAGS = ["script", "noscript", "template", "object", "embed", "base", "meta", "link"];
+var URL_ATTRS = ["href", "src", "action", "formaction", "xlink:href", "data"];
+function sanitizeHtml(input, opts = {}) {
+  if (!input) return "";
+  if (typeof window === "undefined" || typeof DOMParser === "undefined") {
+    return input.replace(/<\/?(script|iframe\s+srcdoc)[^>]*>/gi, "").replace(/\son\w+\s*=\s*(".*?"|'.*?'|[^\s>]+)/gi, "").replace(/(javascript|data):/gi, "blocked:");
+  }
+  const doc = new DOMParser().parseFromString(`<body>${input}</body>`, "text/html");
+  const blocked = opts.allowStyleTags ? BLOCKED_TAGS : [...BLOCKED_TAGS, "style"];
+  const walk = (node) => {
+    for (const child of Array.from(node.children)) {
+      const tag = child.tagName.toLowerCase();
+      if (blocked.includes(tag)) {
+        child.remove();
+        continue;
+      }
+      for (const attr of Array.from(child.attributes)) {
+        const name = attr.name.toLowerCase();
+        if (name.startsWith("on")) {
+          child.removeAttribute(attr.name);
+          continue;
+        }
+        if (URL_ATTRS.includes(name)) {
+          const v = attr.value.trim().toLowerCase();
+          if (v.startsWith("javascript:") || v.startsWith("vbscript:") || v.startsWith("data:text/html")) {
+            child.removeAttribute(attr.name);
+          }
+        }
+        if (name === "style" && /expression\s*\(|javascript:/i.test(attr.value)) {
+          child.removeAttribute("style");
+        }
+      }
+      walk(child);
+    }
+  };
+  walk(doc.body);
+  return doc.body.innerHTML;
+}
+var CustomHtml = Node.create({
+  name: "customHtml",
+  group: "block",
+  atom: true,
+  draggable: true,
+  selectable: true,
+  addOptions() {
+    return { allowStyleTags: false };
+  },
+  addAttributes() {
+    return {
+      html: {
+        default: "",
+        // stored on the doc node; never rendered as an attribute
+        renderHTML: () => ({}),
+        parseHTML: () => void 0
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[data-osam-html]",
+        getAttrs: (el) => ({ html: el.innerHTML })
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes, node }) {
+    const clean = sanitizeHtml(node.attrs.html || "", {
+      allowStyleTags: this.options.allowStyleTags
+    });
+    const dom = document.createElement("div");
+    for (const [k, v] of Object.entries(mergeAttributes(HTMLAttributes, { "data-osam-html": "" }))) {
+      if (v != null) dom.setAttribute(k, String(v));
+    }
+    dom.innerHTML = clean;
+    return dom;
+  },
+  addCommands() {
+    return {
+      setCustomHtml: (html = "<div>\n  \n</div>") => ({ commands }) => commands.insertContent({ type: this.name, attrs: { html } })
+    };
+  },
+  addNodeView() {
+    return ReactNodeViewRenderer(CustomHtmlView);
+  }
+});
+function CustomHtmlView({ node, updateAttributes, editor, selected }) {
+  const allowStyleTags = editor.extensionManager.extensions.find((e) => e.name === "customHtml")?.options?.allowStyleTags;
+  const [editing, setEditing] = React10.useState(!node.attrs.html);
+  const [draft, setDraft] = React10.useState(node.attrs.html || "");
+  const clean = React10.useMemo(
+    () => sanitizeHtml(node.attrs.html || "", { allowStyleTags }),
+    [node.attrs.html, allowStyleTags]
+  );
+  return /* @__PURE__ */ jsxs(NodeViewWrapper, { className: "osam-html", "data-selected": selected || void 0, contentEditable: false, children: [
+    /* @__PURE__ */ jsxs("div", { className: "osam-html__bar", children: [
+      /* @__PURE__ */ jsx("span", { children: "HTML" }),
+      editor.isEditable && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            if (editing) {
+              updateAttributes({ html: draft });
+              setEditing(false);
+            } else {
+              setDraft(node.attrs.html || "");
+              setEditing(true);
+            }
+          },
+          children: editing ? "Done" : "Edit"
+        }
+      )
+    ] }),
+    editing && editor.isEditable ? /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        className: "osam-html__src",
+        value: draft,
+        spellCheck: false,
+        autoFocus: true,
+        onChange: (e) => setDraft(e.target.value),
+        onBlur: () => {
+          updateAttributes({ html: draft });
+          setEditing(false);
+        },
+        rows: Math.min(20, Math.max(4, draft.split("\n").length + 1))
+      }
+    ) : /* @__PURE__ */ jsx("div", { className: "osam-html__preview", dangerouslySetInnerHTML: { __html: clean } })
+  ] });
+}
+var PreserveAttributes = Extension.create({
+  name: "preserveAttributes",
+  addOptions() {
+    return {
+      types: ["paragraph", "heading", "blockquote", "listItem", "codeBlock"],
+      style: true,
+      classAttr: true
+    };
+  },
+  addGlobalAttributes() {
+    const attrs = {
+      id: {
+        default: null,
+        parseHTML: (el) => el.getAttribute("id"),
+        renderHTML: (a) => a.id ? { id: a.id } : {}
+      }
+    };
+    if (this.options.style) {
+      attrs.style = {
+        default: null,
+        parseHTML: (el) => el.getAttribute("style"),
+        renderHTML: (a) => a.style ? { style: a.style } : {}
+      };
+    }
+    if (this.options.classAttr) {
+      attrs.class = {
+        default: null,
+        parseHTML: (el) => el.getAttribute("class"),
+        renderHTML: (a) => a.class ? { class: a.class } : {}
+      };
+    }
+    return [{ types: this.options.types, attributes: attrs }];
+  }
+});
+
+// src/extensions/buildExtensions.ts
+function buildExtensions(config) {
+  const wantCodeBlock = config.codeBlock !== false;
+  const starterOptions = {
+    heading: config.headingLevels === false ? false : { levels: config.headingLevels },
+    codeBlock: false,
+    // replaced by CodeBlock (or removed) below
+    link: config.link === false ? false : {
+      openOnClick: false,
+      autolink: config.link.autolink,
+      protocols: config.link.protocols,
+      HTMLAttributes: {
+        ...config.link.defaultRel ? { rel: config.link.defaultRel } : {}
+      }
+    }
+  };
+  if (!config.blockquote) starterOptions.blockquote = false;
+  if (!config.horizontalRule) starterOptions.horizontalRule = false;
+  Object.assign(starterOptions, config.starterKit);
+  const starter = StarterKit.configure(starterOptions);
+  const list = [
+    starter,
+    Placeholder.configure({
+      placeholder: config.placeholder,
+      showOnlyWhenEditable: true
+    })
+  ];
+  if (config.color) {
+    list.push(TextStyle, Color);
+  } else if (config.highlight) {
+    list.push(TextStyle);
+  }
+  if (config.highlight) {
+    list.push(Highlight.configure({ multicolor: config.highlight.multicolor }));
+  }
+  if (config.textAlign) {
+    list.push(
+      TextAlign.configure({
+        types: config.textAlign.types,
+        alignments: config.textAlign.alignments,
+        defaultAlignment: config.textAlign.defaultAlignment
+      })
+    );
+  }
+  if (config.taskList) {
+    list.push(TaskList, TaskItem.configure({ nested: true }));
+  }
+  if (wantCodeBlock) {
+    const lowlight = createLowlight(common);
+    list.push(
+      CodeBlock.configure({
+        lowlight,
+        defaultLanguage: config.codeBlock && typeof config.codeBlock === "object" ? config.codeBlock.defaultLanguage : void 0,
+        copyButton: config.codeBlock ? config.codeBlock.copyButton : true
+      })
+    );
+  }
+  if (config.image) {
+    list.push(
+      ResizableImage.configure({
+        resizable: config.image.resizable,
+        caption: config.image.caption,
+        align: config.image.align,
+        link: config.image.link,
+        HTMLAttributes: { class: "osam-img" }
+      })
+    );
+  }
+  if (config.embed) {
+    list.push(Embed.configure({ defaultRatio: config.embed.defaultRatio }));
+  }
+  if (config.html) {
+    if (config.html.styleAttributes || config.html.classAttributes) {
+      list.push(
+        PreserveAttributes.configure({
+          style: config.html.styleAttributes,
+          classAttr: config.html.classAttributes,
+          types: ["paragraph", "heading", "blockquote", "listItem", "codeBlock"]
+        })
+      );
+    }
+    if (config.html.customBlock) {
+      list.push(CustomHtml.configure({ allowStyleTags: config.html.allowStyleTags }));
+    }
+  }
+  return list;
+}
+function applyUserExtensions(base, extra) {
+  if (!extra) return base;
+  if (typeof extra === "function") return extra(base);
+  return [...base, ...extra];
+}
+
+// src/useOsamEditor.ts
+function useOsamEditor(options = {}) {
+  const {
+    content = "",
+    editable = true,
+    autofocus = false,
+    onUpdate,
+    onCreate,
+    extensions: userExtensions,
+    ...rest
+  } = options;
+  const cfgKey = stableKey(rest);
+  const config = React10.useMemo(() => resolveConfig(rest), [cfgKey]);
+  const extensions = React10.useMemo(
+    () => applyUserExtensions(buildExtensions(config), userExtensions),
+    [config, userExtensions]
+  );
+  const cbRef = React10.useRef({ onUpdate, onCreate });
+  cbRef.current = { onUpdate, onCreate };
+  const editor = useEditor(
+    {
+      extensions,
+      content: content ?? "",
+      editable,
+      autofocus,
+      immediatelyRender: false,
+      editorProps: {
+        attributes: {
+          class: "osam-content",
+          dir: config.dir,
+          spellcheck: "true"
+        }
+      },
+      onCreate: ({ editor: editor2 }) => cbRef.current.onCreate?.(editor2),
+      onUpdate: ({ editor: editor2 }) => {
+        cbRef.current.onUpdate?.({ html: editor2.getHTML(), json: editor2.getJSON(), editor: editor2 });
+      }
+    },
+    [extensions]
+  );
+  React10.useEffect(() => {
+    editor?.setEditable(editable);
+  }, [editor, editable]);
+  return { editor, config };
+}
+function stableKey(cfg) {
+  try {
+    return JSON.stringify(cfg, (_k, v) => {
+      if (typeof v === "function") return "[fn]";
+      return v;
+    });
+  } catch {
+    return Math.random().toString();
+  }
+}
+var S = (props) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    ...props
+  }
+);
+function Icon({ name }) {
+  switch (name) {
+    case "bold":
+      return /* @__PURE__ */ jsx(S, { children: /* @__PURE__ */ jsx("path", { d: "M6 4h8a4 4 0 0 1 0 8H6zM6 12h9a4 4 0 0 1 0 8H6z" }) });
+    case "italic":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("line", { x1: "19", y1: "4", x2: "10", y2: "4" }),
+        /* @__PURE__ */ jsx("line", { x1: "14", y1: "20", x2: "5", y2: "20" }),
+        /* @__PURE__ */ jsx("line", { x1: "15", y1: "4", x2: "9", y2: "20" })
+      ] });
+    case "underline":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("path", { d: "M6 3v7a6 6 0 0 0 12 0V3" }),
+        /* @__PURE__ */ jsx("line", { x1: "4", y1: "21", x2: "20", y2: "21" })
+      ] });
+    case "strike":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }),
+        /* @__PURE__ */ jsx("path", { d: "M14 12a4 4 0 0 1 0 8H6" }),
+        /* @__PURE__ */ jsx("line", { x1: "4", y1: "12", x2: "20", y2: "12" })
+      ] });
+    case "code":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("polyline", { points: "16 18 22 12 16 6" }),
+        /* @__PURE__ */ jsx("polyline", { points: "8 6 2 12 8 18" })
+      ] });
+    case "color":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("path", { d: "M4 20h16" }),
+        /* @__PURE__ */ jsx("path", { d: "M7 16 12 4l5 12" }),
+        /* @__PURE__ */ jsx("path", { d: "M9 12h6" })
+      ] });
+    case "highlight":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("path", { d: "m9 11-6 6v3h3l6-6" }),
+        /* @__PURE__ */ jsx("path", { d: "m17 3 4 4-9 9-4-4z" })
+      ] });
+    case "clear":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("path", { d: "M4 7h16" }),
+        /* @__PURE__ */ jsx("path", { d: "m6 7 1 13h10l1-13" }),
+        /* @__PURE__ */ jsx("path", { d: "M9 7V4h6v3" }),
+        /* @__PURE__ */ jsx("line", { x1: "14", y1: "4", x2: "20", y2: "20" })
+      ] });
+    case "align-left":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("line", { x1: "4", y1: "6", x2: "20", y2: "6" }),
+        /* @__PURE__ */ jsx("line", { x1: "4", y1: "12", x2: "14", y2: "12" }),
+        /* @__PURE__ */ jsx("line", { x1: "4", y1: "18", x2: "18", y2: "18" })
+      ] });
+    case "align-center":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("line", { x1: "4", y1: "6", x2: "20", y2: "6" }),
+        /* @__PURE__ */ jsx("line", { x1: "7", y1: "12", x2: "17", y2: "12" }),
+        /* @__PURE__ */ jsx("line", { x1: "5", y1: "18", x2: "19", y2: "18" })
+      ] });
+    case "align-right":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("line", { x1: "4", y1: "6", x2: "20", y2: "6" }),
+        /* @__PURE__ */ jsx("line", { x1: "10", y1: "12", x2: "20", y2: "12" }),
+        /* @__PURE__ */ jsx("line", { x1: "6", y1: "18", x2: "20", y2: "18" })
+      ] });
+    case "align-justify":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("line", { x1: "4", y1: "6", x2: "20", y2: "6" }),
+        /* @__PURE__ */ jsx("line", { x1: "4", y1: "12", x2: "20", y2: "12" }),
+        /* @__PURE__ */ jsx("line", { x1: "4", y1: "18", x2: "20", y2: "18" })
+      ] });
+    case "return":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("polyline", { points: "9 10 4 15 9 20" }),
+        /* @__PURE__ */ jsx("path", { d: "M20 4v7a4 4 0 0 1-4 4H4" })
+      ] });
+    case "list-bullet":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("line", { x1: "9", y1: "6", x2: "20", y2: "6" }),
+        /* @__PURE__ */ jsx("line", { x1: "9", y1: "12", x2: "20", y2: "12" }),
+        /* @__PURE__ */ jsx("line", { x1: "9", y1: "18", x2: "20", y2: "18" }),
+        /* @__PURE__ */ jsx("circle", { cx: "4", cy: "6", r: "1" }),
+        /* @__PURE__ */ jsx("circle", { cx: "4", cy: "12", r: "1" }),
+        /* @__PURE__ */ jsx("circle", { cx: "4", cy: "18", r: "1" })
+      ] });
+    case "list-ordered":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("line", { x1: "10", y1: "6", x2: "21", y2: "6" }),
+        /* @__PURE__ */ jsx("line", { x1: "10", y1: "12", x2: "21", y2: "12" }),
+        /* @__PURE__ */ jsx("line", { x1: "10", y1: "18", x2: "21", y2: "18" }),
+        /* @__PURE__ */ jsx("path", { d: "M4 6h1v4" }),
+        /* @__PURE__ */ jsx("path", { d: "M4 10h2" }),
+        /* @__PURE__ */ jsx("path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1" })
+      ] });
+    case "list-check":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("path", { d: "m3 7 2 2 3-3" }),
+        /* @__PURE__ */ jsx("path", { d: "m3 17 2 2 3-3" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "6", x2: "21", y2: "6" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "18", x2: "21", y2: "18" })
+      ] });
+    case "indent":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("polyline", { points: "4 8 8 12 4 16" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "6", x2: "20", y2: "6" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "12", x2: "20", y2: "12" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "18", x2: "20", y2: "18" })
+      ] });
+    case "outdent":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("polyline", { points: "8 8 4 12 8 16" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "6", x2: "20", y2: "6" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "12", x2: "20", y2: "12" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "18", x2: "20", y2: "18" })
+      ] });
+    case "link":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("path", { d: "M10 13a5 5 0 0 0 7 0l3-3a5 5 0 0 0-7-7l-1 1" }),
+        /* @__PURE__ */ jsx("path", { d: "M14 11a5 5 0 0 0-7 0l-3 3a5 5 0 0 0 7 7l1-1" })
+      ] });
+    case "unlink":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("path", { d: "M18.84 12.25 20 11a5 5 0 0 0-7-7l-1.5 1.34" }),
+        /* @__PURE__ */ jsx("path", { d: "M5.17 11.75 4 13a5 5 0 0 0 7 7l1.5-1.34" }),
+        /* @__PURE__ */ jsx("line", { x1: "2", y1: "2", x2: "22", y2: "22" })
+      ] });
+    case "quote":
+      return /* @__PURE__ */ jsx(S, { children: /* @__PURE__ */ jsx("path", { d: "M6 17h3l2-4V7H5v6h3zM14 17h3l2-4V7h-6v6h3z" }) });
+    case "code-block":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2" }),
+        /* @__PURE__ */ jsx("polyline", { points: "9 9 7 12 9 15" }),
+        /* @__PURE__ */ jsx("polyline", { points: "15 9 17 12 15 15" })
+      ] });
+    case "hr":
+      return /* @__PURE__ */ jsx(S, { children: /* @__PURE__ */ jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12" }) });
+    case "image":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "9", cy: "9", r: "2" }),
+        /* @__PURE__ */ jsx("path", { d: "m21 15-5-5L5 21" })
+      ] });
+    case "image-url":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "14", rx: "2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "1.5" }),
+        /* @__PURE__ */ jsx("path", { d: "m21 13-5-4-6 6" }),
+        /* @__PURE__ */ jsx("path", { d: "M8 21h8" })
+      ] });
+    case "youtube":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "4" }),
+        /* @__PURE__ */ jsx("polygon", { points: "10 9 16 12 10 15" })
+      ] });
+    case "instagram":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "5" }),
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4" }),
+        /* @__PURE__ */ jsx("circle", { cx: "17.5", cy: "6.5", r: "1" })
+      ] });
+    case "video":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("rect", { x: "2", y: "4", width: "14", height: "16", rx: "2" }),
+        /* @__PURE__ */ jsx("path", { d: "m22 8-6 4 6 4z" })
+      ] });
+    case "embed":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("polyline", { points: "8 6 3 12 8 18" }),
+        /* @__PURE__ */ jsx("polyline", { points: "16 6 21 12 16 18" }),
+        /* @__PURE__ */ jsx("line", { x1: "13", y1: "4", x2: "11", y2: "20" })
+      ] });
+    case "pdf":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+        /* @__PURE__ */ jsx("polyline", { points: "14 2 14 8 20 8" }),
+        /* @__PURE__ */ jsx("path", { d: "M9 13h1.5a1.5 1.5 0 0 1 0 3H9zM9 13v6" })
+      ] });
+    case "undo":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("path", { d: "M9 14 4 9l5-5" }),
+        /* @__PURE__ */ jsx("path", { d: "M4 9h11a5 5 0 0 1 0 10h-3" })
+      ] });
+    case "redo":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("path", { d: "m15 14 5-5-5-5" }),
+        /* @__PURE__ */ jsx("path", { d: "M20 9H9a5 5 0 0 0 0 10h3" })
+      ] });
+    case "chevron":
+      return /* @__PURE__ */ jsx(S, { width: "12", height: "12", children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" }) });
+    case "library":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+        /* @__PURE__ */ jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+        /* @__PURE__ */ jsx("path", { d: "m21 15-4.5-4.5L9 18l-3-3-3 3" })
+      ] });
+    case "maximize":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
+        /* @__PURE__ */ jsx("path", { d: "M16 3h3a2 2 0 0 1 2 2v3" }),
+        /* @__PURE__ */ jsx("path", { d: "M21 16v3a2 2 0 0 1-2 2h-3" }),
+        /* @__PURE__ */ jsx("path", { d: "M8 21H5a2 2 0 0 1-2-2v-3" })
+      ] });
+    case "minimize":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("path", { d: "M8 3v3a2 2 0 0 1-2 2H3" }),
+        /* @__PURE__ */ jsx("path", { d: "M21 8h-3a2 2 0 0 1-2-2V3" }),
+        /* @__PURE__ */ jsx("path", { d: "M3 16h3a2 2 0 0 1 2 2v3" }),
+        /* @__PURE__ */ jsx("path", { d: "M16 21v-3a2 2 0 0 1 2-2h3" })
+      ] });
+    case "source":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("polyline", { points: "16 18 22 12 16 6" }),
+        /* @__PURE__ */ jsx("polyline", { points: "8 6 2 12 8 18" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "4", x2: "10", y2: "20" })
+      ] });
+    case "html-block":
+      return /* @__PURE__ */ jsxs(S, { children: [
+        /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2" }),
+        /* @__PURE__ */ jsx("path", { d: "M8 9v6" }),
+        /* @__PURE__ */ jsx("path", { d: "M8 12h3" }),
+        /* @__PURE__ */ jsx("path", { d: "M11 9v6" }),
+        /* @__PURE__ */ jsx("path", { d: "M15 9v6l2-2 2 2V9" })
+      ] });
+    default:
+      return null;
+  }
+}
+function useEditorSync(editor) {
+  const [, force] = React10.useReducer((n) => n + 1, 0);
+  React10.useEffect(() => {
+    if (!editor) return;
+    const update = () => force();
+    editor.on("transaction", update);
+    editor.on("selectionUpdate", update);
+    editor.on("focus", update);
+    editor.on("blur", update);
+    return () => {
+      editor.off("transaction", update);
+      editor.off("selectionUpdate", update);
+      editor.off("focus", update);
+      editor.off("blur", update);
+    };
+  }, [editor]);
+}
+function useOnClickOutside(ref, handler, active = true) {
+  React10.useEffect(() => {
+    if (!active) return;
+    const listener = (e) => {
+      const el = ref.current;
+      if (!el || el.contains(e.target)) return;
+      handler();
+    };
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+    const onKey = (e) => e.key === "Escape" && handler();
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [ref, handler, active]);
+}
+function Popover({ button, children, align = "start" }) {
+  const [open, setOpen] = React10.useState(false);
+  const ref = React10.useRef(null);
+  const close = React10.useCallback(() => setOpen(false), []);
+  useOnClickOutside(ref, close, open);
+  return /* @__PURE__ */ jsxs("div", { className: "osam-popover", ref, children: [
+    button({ open, toggle: () => setOpen((o) => !o) }),
+    open && /* @__PURE__ */ jsx("div", { className: "osam-popover__panel", "data-align": align, role: "dialog", children: children({ close }) })
+  ] });
+}
+function HeadingSelect({ editor, config }) {
+  const levels = config.headingLevels === false ? [] : config.headingLevels;
+  const L = config.labels;
+  const current = (() => {
+    for (const l of levels) if (editor.isActive("heading", { level: l })) return `H${l}`;
+    if (editor.isActive("paragraph")) return L.paragraph;
+    return L.headings;
+  })();
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      button: ({ open, toggle }) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "osam-btn osam-btn--select",
+          "data-open": open || void 0,
+          onClick: toggle,
+          title: L.headings,
+          children: [
+            /* @__PURE__ */ jsx("span", { children: current }),
+            /* @__PURE__ */ jsx(Icon, { name: "chevron" })
+          ]
+        }
+      ),
+      children: ({ close }) => /* @__PURE__ */ jsxs("div", { className: "osam-menu", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-active": editor.isActive("paragraph") || void 0,
+            onClick: () => {
+              editor.chain().focus().setParagraph().run();
+              close();
+            },
+            children: L.paragraph
+          }
+        ),
+        levels.map((l) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: `osam-menu__h${l}`,
+            "data-active": editor.isActive("heading", { level: l }) || void 0,
+            onClick: () => {
+              editor.chain().focus().toggleHeading({ level: l }).run();
+              close();
+            },
+            children: L[`h${l}`] ?? `Heading ${l}`
+          },
+          l
+        ))
+      ] })
+    }
+  );
+}
+function ColorButton({ editor, config, variant }) {
+  const settings = variant === "color" ? config.color : config.highlight;
+  if (!settings) return null;
+  const L = config.labels;
+  const label = variant === "color" ? L.color : L.highlight;
+  const active = variant === "color" ? editor.getAttributes("textStyle").color : editor.getAttributes("highlight").color;
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      button: ({ open, toggle }) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "osam-btn osam-btn--color",
+          "data-open": open || void 0,
+          title: label,
+          "aria-label": label,
+          onClick: toggle,
+          children: [
+            /* @__PURE__ */ jsx(Icon, { name: variant === "color" ? "color" : "highlight" }),
+            /* @__PURE__ */ jsx("span", { className: "osam-btn__swatch", style: { background: active || "transparent" } })
+          ]
+        }
+      ),
+      children: ({ close }) => /* @__PURE__ */ jsxs("div", { className: "osam-swatches", children: [
+        settings.colors.map((c) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "osam-swatch",
+            style: { background: c },
+            title: c,
+            "data-active": active === c || void 0,
+            onClick: () => {
+              if (variant === "color") editor.chain().focus().setColor(c).run();
+              else editor.chain().focus().toggleHighlight({ color: c }).run();
+              close();
+            }
+          },
+          c
+        )),
+        /* @__PURE__ */ jsxs("label", { className: "osam-swatch osam-swatch--custom", title: "Custom", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "color",
+              onChange: (e) => {
+                const c = e.target.value;
+                if (variant === "color") editor.chain().focus().setColor(c).run();
+                else editor.chain().focus().setHighlight({ color: c }).run();
+              }
+            }
+          ),
+          "+"
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "osam-btn-text osam-swatches__clear",
+            onClick: () => {
+              if (variant === "color") editor.chain().focus().unsetColor().run();
+              else editor.chain().focus().unsetHighlight().run();
+              close();
+            },
+            children: L.clearFormatting
+          }
+        )
+      ] })
+    }
+  );
+}
+function buildRel(base, nofollow, sponsored) {
+  const parts = new Set((base ?? "").split(/\s+/).filter(Boolean));
+  parts.delete("nofollow");
+  parts.delete("sponsored");
+  if (nofollow) parts.add("nofollow");
+  if (sponsored) parts.add("sponsored");
+  const out = [...parts].join(" ");
+  return out || null;
+}
+function LinkButton({ editor, config }) {
+  if (config.link === false) return null;
+  const link = config.link;
+  const L = config.labels;
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      button: ({ open, toggle }) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "osam-btn",
+          "data-active": editor.isActive("link") || void 0,
+          "data-open": open || void 0,
+          title: L.link,
+          "aria-label": L.link,
+          onClick: toggle,
+          children: /* @__PURE__ */ jsx(Icon, { name: "link" })
+        }
+      ),
+      children: ({ close }) => /* @__PURE__ */ jsx(LinkForm, { editor, config, link, onDone: close })
+    }
+  );
+}
+function LinkForm({
+  editor,
+  config,
+  link,
+  onDone
+}) {
+  const L = config.labels;
+  const prev = editor.getAttributes("link");
+  const selectionEmpty = editor.state.selection.empty && !editor.isActive("link");
+  const relInit = prev.rel ?? link.defaultRel;
+  const [href, setHref] = React10.useState(prev.href ?? "");
+  const [text, setText] = React10.useState("");
+  const [newTab, setNewTab] = React10.useState(
+    prev.target ? prev.target === "_blank" : false
+  );
+  const [nofollow, setNofollow] = React10.useState(/(^|\s)nofollow(\s|$)/.test(relInit ?? ""));
+  const [sponsored, setSponsored] = React10.useState(/(^|\s)sponsored(\s|$)/.test(relInit ?? ""));
+  function apply(e) {
+    e.preventDefault();
+    const url = href.trim();
+    if (!url) return;
+    const rel = link.allowRelAttributes ? buildRel(link.defaultRel, nofollow, sponsored) : link.defaultRel;
+    const attrs = { href: url };
+    if (link.allowTargetBlank) attrs.target = newTab ? "_blank" : null;
+    if (rel !== void 0) attrs.rel = rel;
+    let chain = editor.chain().focus();
+    if (selectionEmpty) {
+      const label = text.trim() || url;
+      chain = chain.insertContent({
+        type: "text",
+        text: label,
+        marks: [{ type: "link", attrs }]
+      });
+    } else {
+      chain = chain.extendMarkRange("link").setLink(attrs);
+    }
+    chain.run();
+    onDone();
+  }
+  function remove() {
+    editor.chain().focus().extendMarkRange("link").unsetLink().run();
+    onDone();
+  }
+  return /* @__PURE__ */ jsxs("form", { className: "osam-linkform", onSubmit: apply, children: [
+    /* @__PURE__ */ jsxs("label", { className: "osam-field", children: [
+      /* @__PURE__ */ jsx("span", { children: L["dialog.url"] }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "url",
+          autoFocus: true,
+          value: href,
+          placeholder: "https://\u2026",
+          onChange: (e) => setHref(e.target.value)
+        }
+      )
+    ] }),
+    selectionEmpty && /* @__PURE__ */ jsxs("label", { className: "osam-field", children: [
+      /* @__PURE__ */ jsx("span", { children: L["dialog.linkText"] }),
+      /* @__PURE__ */ jsx("input", { value: text, placeholder: href, onChange: (e) => setText(e.target.value) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "osam-checks", children: [
+      link.allowTargetBlank && /* @__PURE__ */ jsxs("label", { children: [
+        /* @__PURE__ */ jsx("input", { type: "checkbox", checked: newTab, onChange: (e) => setNewTab(e.target.checked) }),
+        L["dialog.openInNewTab"]
+      ] }),
+      link.allowRelAttributes && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("label", { children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: nofollow,
+              onChange: (e) => setNofollow(e.target.checked)
+            }
+          ),
+          'rel="',
+          L["dialog.nofollow"],
+          '"'
+        ] }),
+        /* @__PURE__ */ jsxs("label", { children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: sponsored,
+              onChange: (e) => setSponsored(e.target.checked)
+            }
+          ),
+          'rel="',
+          L["dialog.sponsored"],
+          '"'
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "osam-media__actions", children: [
+      editor.isActive("link") && /* @__PURE__ */ jsx("button", { type: "button", className: "osam-btn-text", onClick: remove, children: L.unlink }),
+      /* @__PURE__ */ jsx("button", { type: "button", className: "osam-btn-text", onClick: onDone, children: L["dialog.cancel"] }),
+      /* @__PURE__ */ jsx("button", { type: "submit", className: "osam-btn-primary", children: L["dialog.insert"] })
+    ] })
+  ] });
+}
+
+// src/storage/types.ts
+function detectKind(file) {
+  if (file.type.startsWith("image/")) return "image";
+  if (file.type.startsWith("video/")) return "video";
+  if (file.type === "application/pdf") return "pdf";
+  const ext = file.name.split(".").pop()?.toLowerCase();
+  if (ext && ["png", "jpg", "jpeg", "gif", "webp", "avif", "svg", "bmp"].includes(ext)) return "image";
+  if (ext && ["mp4", "webm", "mov", "m4v", "mkv", "avi"].includes(ext)) return "video";
+  if (ext === "pdf") return "pdf";
+  throw new Error(
+    `osameditor: unsupported file type "${file.type || file.name}". Only images, video and PDF are allowed.`
+  );
+}
+
+// src/ui/useUpload.ts
+function useUpload(handler, config) {
+  const [state, setState] = React10.useState({ busy: false, progress: 0, error: null });
+  const abortRef = React10.useRef(null);
+  const reset = React10.useCallback(() => setState({ busy: false, progress: 0, error: null }), []);
+  const cancel = React10.useCallback(() => {
+    abortRef.current?.abort();
+    abortRef.current = null;
+    reset();
+  }, [reset]);
+  const upload = React10.useCallback(
+    async (file) => {
+      if (!handler) {
+        setState((s) => ({ ...s, error: "No upload handler configured." }));
+        return null;
+      }
+      let kind;
+      try {
+        kind = detectKind(file);
+      } catch (e) {
+        setState({ busy: false, progress: 0, error: e.message });
+        return null;
+      }
+      const max = (kind === "image" && config.image ? config.image.maxSize : void 0) ?? config.upload.maxSize;
+      if (max && file.size > max) {
+        setState({
+          busy: false,
+          progress: 0,
+          error: `${config.labels["error.tooLarge"]} (${(file.size / 1e6).toFixed(1)} MB > ${(max / 1e6).toFixed(1)} MB)`
+        });
+        return null;
+      }
+      const controller = new AbortController();
+      abortRef.current = controller;
+      setState({ busy: true, progress: 0, error: null });
+      try {
+        const result = await handler(file, {
+          kind,
+          signal: controller.signal,
+          onProgress: (p) => setState((s) => ({ ...s, progress: p }))
+        });
+        setState({ busy: false, progress: 100, error: null });
+        abortRef.current = null;
+        return { ...result, kind: result.kind ?? kind };
+      } catch (e) {
+        if (e?.name === "AbortError") {
+          reset();
+          return null;
+        }
+        setState({
+          busy: false,
+          progress: 0,
+          error: e?.message || config.labels["error.uploadFailed"]
+        });
+        abortRef.current = null;
+        return null;
+      }
+    },
+    [handler, config, reset]
+  );
+  return { ...state, upload, cancel, reset };
+}
+
+// src/extensions/embed-utils.ts
+var VIDEO_FILE = /\.(mp4|webm|ogg|ogv|mov|m4v|m3u8)(\?.*)?$/i;
+function hostOf(url) {
+  try {
+    return new URL(url).hostname.replace(/^www\./, "");
+  } catch {
+    return "";
+  }
+}
+function isHostAllowed(url, allowed) {
+  if (allowed === "*") return true;
+  const host = hostOf(url);
+  if (!host) return false;
+  return allowed.some((h) => host === h || host.endsWith(`.${h}`));
+}
+function youtubeId(url) {
+  try {
+    const u = new URL(url);
+    if (u.hostname.includes("youtu.be")) return u.pathname.slice(1) || null;
+    if (u.pathname.startsWith("/shorts/")) return u.pathname.split("/")[2] || null;
+    if (u.pathname.startsWith("/embed/")) return u.pathname.split("/")[2] || null;
+    return u.searchParams.get("v");
+  } catch {
+    return null;
+  }
+}
+function vimeoId(url) {
+  const m = url.match(/vimeo\.com\/(?:video\/)?(\d+)/);
+  return m ? m[1] : null;
+}
+function instagramEmbedUrl(url) {
+  const m = url.match(/instagram\.com\/(p|reel|tv)\/([A-Za-z0-9_-]+)/);
+  if (!m) return null;
+  return `https://www.instagram.com/${m[1]}/${m[2]}/embed`;
+}
+function resolveEmbed(raw, opts) {
+  const url = raw.trim();
+  if (!url) return null;
+  if (opts.treatAsPdf || /\.pdf(\?.*)?$/i.test(url)) {
+    return { provider: "pdf", src: url, originalUrl: url };
+  }
+  const yt = youtubeId(url);
+  if (yt) {
+    return {
+      provider: "youtube",
+      src: `https://www.youtube-nocookie.com/embed/${yt}`,
+      originalUrl: url
+    };
+  }
+  const vim = vimeoId(url);
+  if (vim) {
+    return { provider: "vimeo", src: `https://player.vimeo.com/video/${vim}`, originalUrl: url };
+  }
+  const insta = instagramEmbedUrl(url);
+  if (insta) return { provider: "instagram", src: insta, originalUrl: url };
+  if (/(twitter\.com|x\.com)\/\w+\/status\/\d+/.test(url)) {
+    return { provider: "twitter", src: url, originalUrl: url };
+  }
+  if (opts.treatAsVideo || VIDEO_FILE.test(url)) {
+    return { provider: "video", src: url, originalUrl: url };
+  }
+  if (isHostAllowed(url, opts.allowedHosts)) {
+    return { provider: "iframe", src: url, originalUrl: url };
+  }
+  return null;
+}
+
+// src/mediaLibrary.ts
+async function resolveHeaders(h) {
+  if (!h) return {};
+  return typeof h === "function" ? await h() : h;
+}
+function normalize(list) {
+  return list.map((it) => typeof it === "string" ? { url: it } : it).filter((it) => it && typeof it.url === "string");
+}
+var DEFAULT_RESOLVE = (res) => {
+  if (Array.isArray(res)) return res;
+  return res?.items ?? res?.data ?? res?.images ?? res?.urls ?? res?.results ?? [];
+};
+async function loadMediaLibrary(cfg) {
+  if (typeof cfg.list === "function") {
+    return normalize(await cfg.list());
+  }
+  const res = await fetch(cfg.list, {
+    headers: await resolveHeaders(cfg.headers),
+    credentials: cfg.credentials ?? "same-origin"
+  });
+  if (!res.ok) throw new Error(`osameditor: media library GET failed (${res.status})`);
+  const json = await res.json();
+  return normalize((cfg.resolveList ?? DEFAULT_RESOLVE)(json));
+}
+async function saveToMediaLibrary(cfg, url, file) {
+  if (!cfg.save) return;
+  try {
+    if (typeof cfg.save === "function") {
+      await cfg.save(url, file);
+      return;
+    }
+    await fetch(cfg.save, {
+      method: "POST",
+      headers: { "Content-Type": "application/json", ...await resolveHeaders(cfg.headers) },
+      credentials: cfg.credentials ?? "same-origin",
+      body: JSON.stringify({ url, name: file?.name })
+    });
+  } catch (e) {
+    console.warn("osameditor: could not save to media library", e);
+  }
+}
+var META = {
+  image: { icon: "image", labelKey: "image" },
+  imageUrl: { icon: "image-url", labelKey: "imageUrl" },
+  mediaLibrary: { icon: "library", labelKey: "mediaLibrary" },
+  youtube: { icon: "youtube", labelKey: "youtube" },
+  instagram: { icon: "instagram", labelKey: "instagram" },
+  video: { icon: "video", labelKey: "video" },
+  embed: { icon: "embed", labelKey: "embed" },
+  pdf: { icon: "pdf", labelKey: "pdf" }
+};
+function MediaButton({ kind, editor, config, handler }) {
+  const meta = META[kind];
+  const label = config.labels[meta.labelKey] ?? kind;
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      button: ({ open, toggle }) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "osam-btn",
+          "data-open": open || void 0,
+          title: label,
+          "aria-label": label,
+          onClick: toggle,
+          children: /* @__PURE__ */ jsx(Icon, { name: meta.icon })
+        }
+      ),
+      children: ({ close }) => /* @__PURE__ */ jsx(MediaPanel, { kind, editor, config, handler, onDone: close })
+    }
+  );
+}
+function MediaPanel({ kind, editor, config, handler, onDone }) {
+  const L = config.labels;
+  const up = useUpload(handler, config);
+  const isImageKind = kind === "image" || kind === "imageUrl" || kind === "mediaLibrary";
+  const canUpload = isImageKind && config.image && config.image.allowUpload || kind === "video" && config.upload.hasHandler && config.upload.video || kind === "pdf" && config.upload.hasHandler && config.upload.pdf;
+  const canUrl = !isImageKind ? true : kind !== "mediaLibrary" && !!(config.image && config.image.allowUrl);
+  const canLibrary = isImageKind && !!config.mediaLibrary;
+  const initialTab = kind === "mediaLibrary" && canLibrary ? "library" : canUpload ? "upload" : canUrl ? "url" : "library";
+  const [tab, setTab] = React10.useState(initialTab);
+  const [url, setUrl] = React10.useState("");
+  const [alt, setAlt] = React10.useState("");
+  const [title, setTitle] = React10.useState("");
+  const [caption, setCaption] = React10.useState("");
+  const [ratio, setRatio] = React10.useState(config.embed ? config.embed.defaultRatio : "16/9");
+  const [err, setErr] = React10.useState(null);
+  const fileRef = React10.useRef(null);
+  const [lib, setLib] = React10.useState(null);
+  const [libLoading, setLibLoading] = React10.useState(false);
+  React10.useEffect(() => {
+    if (tab !== "library" || !config.mediaLibrary || lib) return;
+    setLibLoading(true);
+    loadMediaLibrary(config.mediaLibrary).then(setLib).catch((e) => setErr(e?.message || "Could not load media library")).finally(() => setLibLoading(false));
+  }, [tab, config.mediaLibrary, lib]);
+  const acceptFor = isImageKind ? config.image && config.image.accept || "image/*" : kind === "video" ? "video/*" : kind === "pdf" ? "application/pdf" : "image/*,video/*,application/pdf";
+  function insertImage(src) {
+    editor.chain().focus().insertContent({
+      type: "image",
+      attrs: { src, alt: alt || null, title: title || null, caption: caption || null }
+    }).run();
+    onDone();
+  }
+  function insertMediaUrl(raw, forceKind) {
+    const resolved = resolveEmbed(raw, {
+      allowedHosts: config.embed ? config.embed.allowedHosts : "*",
+      treatAsPdf: forceKind === "pdf" || kind === "pdf",
+      treatAsVideo: forceKind === "video" || kind === "video"
+    });
+    if (kind === "youtube" && (!resolved || resolved.provider !== "youtube")) {
+      setErr("That doesn't look like a YouTube URL.");
+      return;
+    }
+    if (kind === "instagram" && (!resolved || resolved.provider !== "instagram")) {
+      setErr("That doesn't look like an Instagram post/reel URL.");
+      return;
+    }
+    if (!resolved) {
+      setErr(L["error.badHost"]);
+      return;
+    }
+    editor.chain().focus().insertContent({
+      type: "embed",
+      attrs: {
+        src: resolved.src,
+        provider: resolved.provider,
+        originalUrl: resolved.originalUrl,
+        ratio,
+        title: title || null
+      }
+    }).run();
+    onDone();
+  }
+  async function onFile(file) {
+    if (!file) return;
+    setErr(null);
+    const result = await up.upload(file);
+    if (!result) return;
+    if (result.kind === "image") {
+      if (config.mediaLibrary) void saveToMediaLibrary(config.mediaLibrary, result.url, file);
+      insertImage(result.url);
+    } else {
+      insertMediaUrl(result.url, result.kind);
+    }
+  }
+  const showMeta = isImageKind;
+  const tabs = [];
+  if (canUpload) tabs.push(["upload", L["dialog.upload"]]);
+  if (canUrl) tabs.push(["url", "URL"]);
+  if (canLibrary) tabs.push(["library", L["dialog.library"]]);
+  return /* @__PURE__ */ jsxs("div", { className: "osam-media", children: [
+    tabs.length > 1 && /* @__PURE__ */ jsx("div", { className: "osam-media__tabs", children: tabs.map(([id, lbl]) => /* @__PURE__ */ jsx("button", { type: "button", "data-active": tab === id, onClick: () => setTab(id), children: lbl }, id)) }),
+    tab === "library" && canLibrary && /* @__PURE__ */ jsxs("div", { className: "osam-media__lib", children: [
+      libLoading && /* @__PURE__ */ jsx("p", { className: "osam-hint", children: "Loading\u2026" }),
+      lib && lib.length === 0 && /* @__PURE__ */ jsx("p", { className: "osam-hint", children: "No images yet." }),
+      /* @__PURE__ */ jsx("div", { className: "osam-media__grid", children: lib?.map((it) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "osam-media__thumb",
+          title: it.name || it.url,
+          onClick: () => {
+            editor.chain().focus().insertContent({ type: "image", attrs: { src: it.url } }).run();
+            onDone();
+          },
+          children: /* @__PURE__ */ jsx("img", { src: it.thumbnail || it.url, alt: it.name || "" })
+        },
+        it.url
+      )) })
+    ] }),
+    tab === "upload" && canUpload && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "osam-media__drop",
+        onDragOver: (e) => e.preventDefault(),
+        onDrop: (e) => {
+          e.preventDefault();
+          onFile(e.dataTransfer.files?.[0]);
+        },
+        onClick: () => fileRef.current?.click(),
+        "data-busy": up.busy || void 0,
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: fileRef,
+              type: "file",
+              accept: acceptFor,
+              hidden: true,
+              onChange: (e) => onFile(e.target.files?.[0] || void 0)
+            }
+          ),
+          up.busy ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "osam-media__progress", children: /* @__PURE__ */ jsx("span", { style: { width: `${up.progress}%` } }) }),
+            /* @__PURE__ */ jsxs("p", { children: [
+              L["dialog.uploading"],
+              " ",
+              up.progress,
+              "%",
+              " ",
+              /* @__PURE__ */ jsx("button", { type: "button", className: "osam-link", onClick: up.cancel, children: L["dialog.cancel"] })
+            ] })
+          ] }) : /* @__PURE__ */ jsxs("p", { children: [
+            /* @__PURE__ */ jsx(Icon, { name: "image" }),
+            " ",
+            L["dialog.upload"],
+            " ",
+            /* @__PURE__ */ jsx("br", {}),
+            /* @__PURE__ */ jsxs("small", { children: [
+              L["dialog.or"],
+              " drag & drop"
+            ] })
+          ] })
+        ]
+      }
+    ),
+    tab === "url" && canUrl && /* @__PURE__ */ jsxs(
+      "form",
+      {
+        onSubmit: (e) => {
+          e.preventDefault();
+          setErr(null);
+          if (!url.trim()) return;
+          if (kind === "imageUrl" || kind === "image") insertImage(url.trim());
+          else insertMediaUrl(url.trim());
+        },
+        children: [
+          /* @__PURE__ */ jsxs("label", { className: "osam-field", children: [
+            /* @__PURE__ */ jsx("span", { children: L["dialog.url"] }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "url",
+                value: url,
+                autoFocus: true,
+                placeholder: "https://\u2026",
+                onChange: (e) => setUrl(e.target.value)
+              }
+            )
+          ] }),
+          kind === "embed" && config.embed && config.embed.allowedHosts !== "*" && /* @__PURE__ */ jsxs("p", { className: "osam-hint", children: [
+            "Allowed: ",
+            config.embed.allowedHosts.slice(0, 6).join(", "),
+            config.embed.allowedHosts.length > 6 ? "\u2026" : ""
+          ] }),
+          showMeta && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("label", { className: "osam-field", children: [
+              /* @__PURE__ */ jsx("span", { children: L["dialog.alt"] }),
+              /* @__PURE__ */ jsx("input", { value: alt, onChange: (e) => setAlt(e.target.value) })
+            ] }),
+            /* @__PURE__ */ jsxs("label", { className: "osam-field", children: [
+              /* @__PURE__ */ jsx("span", { children: L["dialog.title"] }),
+              /* @__PURE__ */ jsx("input", { value: title, onChange: (e) => setTitle(e.target.value) })
+            ] }),
+            /* @__PURE__ */ jsxs("label", { className: "osam-field", children: [
+              /* @__PURE__ */ jsx("span", { children: L["dialog.caption"] }),
+              /* @__PURE__ */ jsx("input", { value: caption, onChange: (e) => setCaption(e.target.value) })
+            ] })
+          ] }),
+          (kind === "embed" || kind === "youtube" || kind === "instagram" || kind === "video") && /* @__PURE__ */ jsxs("label", { className: "osam-field", children: [
+            /* @__PURE__ */ jsx("span", { children: L["dialog.ratio"] }),
+            /* @__PURE__ */ jsxs("select", { value: ratio, onChange: (e) => setRatio(e.target.value), children: [
+              /* @__PURE__ */ jsx("option", { value: "16/9", children: "16 : 9" }),
+              /* @__PURE__ */ jsx("option", { value: "4/3", children: "4 : 3" }),
+              /* @__PURE__ */ jsx("option", { value: "1/1", children: "1 : 1" }),
+              /* @__PURE__ */ jsx("option", { value: "9/16", children: "9 : 16" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "osam-media__actions", children: [
+            /* @__PURE__ */ jsx("button", { type: "button", className: "osam-btn-text", onClick: onDone, children: L["dialog.cancel"] }),
+            /* @__PURE__ */ jsx("button", { type: "submit", className: "osam-btn-primary", children: L["dialog.insert"] })
+          ] })
+        ]
+      }
+    ),
+    (err || up.error) && /* @__PURE__ */ jsx("p", { className: "osam-error", children: err || up.error })
+  ] });
+}
+function Btn({
+  icon,
+  label,
+  active,
+  disabled,
+  onClick
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: "osam-btn",
+      "data-active": active || void 0,
+      disabled,
+      title: label,
+      "aria-label": label,
+      "aria-pressed": active || void 0,
+      onMouseDown: (e) => e.preventDefault(),
+      onClick,
+      children: /* @__PURE__ */ jsx(Icon, { name: icon })
+    }
+  );
+}
+function Toolbar({ editor, config, uploadHandler, view }) {
+  useEditorSync(editor);
+  if (config.toolbar === false) return null;
+  const L = config.labels;
+  const can = editor.can();
+  const locked = !!view?.sourceMode;
+  const render = (item, i) => {
+    const key = `${item}-${i}`;
+    if (item === "fullscreen") {
+      if (!view?.onToggleFullscreen) return null;
+      return /* @__PURE__ */ jsx(
+        Btn,
+        {
+          icon: view.fullscreen ? "minimize" : "maximize",
+          label: view.fullscreen ? L.fullscreenExit : L.fullscreen,
+          active: view.fullscreen,
+          onClick: view.onToggleFullscreen
+        },
+        key
+      );
+    }
+    if (item === "source") {
+      if (!config.html || !config.html.sourceView || !view?.onToggleSource) return null;
+      return /* @__PURE__ */ jsx(
+        Btn,
+        {
+          icon: "source",
+          label: L.source,
+          active: view.sourceMode,
+          onClick: view.onToggleSource
+        },
+        key
+      );
+    }
+    if (item === "|") return /* @__PURE__ */ jsx("span", { className: "osam-sep", "aria-hidden": "true" }, key);
+    if (item === "spacer") return /* @__PURE__ */ jsx("span", { className: "osam-spacer" }, key);
+    if (locked) {
+      return /* @__PURE__ */ jsx("span", { className: "osam-btn osam-btn--ghost", "aria-hidden": "true" }, key);
+    }
+    switch (item) {
+      case "bold":
+        return /* @__PURE__ */ jsx(Btn, { icon: "bold", label: L.bold, active: editor.isActive("bold"), disabled: !can.toggleBold?.(), onClick: () => editor.chain().focus().toggleBold().run() }, key);
+      case "italic":
+        return /* @__PURE__ */ jsx(Btn, { icon: "italic", label: L.italic, active: editor.isActive("italic"), onClick: () => editor.chain().focus().toggleItalic().run() }, key);
+      case "underline":
+        return /* @__PURE__ */ jsx(Btn, { icon: "underline", label: L.underline, active: editor.isActive("underline"), onClick: () => editor.chain().focus().toggleUnderline().run() }, key);
+      case "strike":
+        return /* @__PURE__ */ jsx(Btn, { icon: "strike", label: L.strike, active: editor.isActive("strike"), onClick: () => editor.chain().focus().toggleStrike().run() }, key);
+      case "code":
+        return /* @__PURE__ */ jsx(Btn, { icon: "code", label: L.code, active: editor.isActive("code"), onClick: () => editor.chain().focus().toggleCode().run() }, key);
+      case "clearFormatting":
+        return /* @__PURE__ */ jsx(Btn, { icon: "clear", label: L.clearFormatting, onClick: () => editor.chain().focus().unsetAllMarks().clearNodes().run() }, key);
+      case "color":
+        return /* @__PURE__ */ jsx(ColorButton, { editor, config, variant: "color" }, key);
+      case "highlight":
+        return /* @__PURE__ */ jsx(ColorButton, { editor, config, variant: "highlight" }, key);
+      case "headings":
+        return config.headingLevels === false ? null : /* @__PURE__ */ jsx(HeadingSelect, { editor, config }, key);
+      case "paragraph":
+        return /* @__PURE__ */ jsx(Btn, { icon: "align-left", label: L.paragraph, active: editor.isActive("paragraph"), onClick: () => editor.chain().focus().setParagraph().run() }, key);
+      case "h1":
+      case "h2":
+      case "h3":
+      case "h4":
+      case "h5":
+      case "h6": {
+        const level = Number(item[1]);
+        if (config.headingLevels === false || !config.headingLevels.includes(level)) return null;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "osam-btn osam-btn--text",
+            "data-active": editor.isActive("heading", { level }) || void 0,
+            title: L[`h${level}`],
+            onMouseDown: (e) => e.preventDefault(),
+            onClick: () => editor.chain().focus().toggleHeading({ level }).run(),
+            children: [
+              "H",
+              level
+            ]
+          },
+          key
+        );
+      }
+      case "alignLeft":
+        return /* @__PURE__ */ jsx(Btn, { icon: "align-left", label: L.alignLeft, active: editor.isActive({ textAlign: "left" }), disabled: !config.textAlign, onClick: () => editor.chain().focus().setTextAlign("left").run() }, key);
+      case "alignCenter":
+        return /* @__PURE__ */ jsx(Btn, { icon: "align-center", label: L.alignCenter, active: editor.isActive({ textAlign: "center" }), disabled: !config.textAlign, onClick: () => editor.chain().focus().setTextAlign("center").run() }, key);
+      case "alignRight":
+        return /* @__PURE__ */ jsx(Btn, { icon: "align-right", label: L.alignRight, active: editor.isActive({ textAlign: "right" }), disabled: !config.textAlign, onClick: () => editor.chain().focus().setTextAlign("right").run() }, key);
+      case "alignJustify":
+        return /* @__PURE__ */ jsx(Btn, { icon: "align-justify", label: L.alignJustify, active: editor.isActive({ textAlign: "justify" }), disabled: !config.textAlign, onClick: () => editor.chain().focus().setTextAlign("justify").run() }, key);
+      case "hardBreak":
+        return /* @__PURE__ */ jsx(Btn, { icon: "return", label: L.hardBreak, onClick: () => editor.chain().focus().setHardBreak().run() }, key);
+      case "bulletList":
+        return /* @__PURE__ */ jsx(Btn, { icon: "list-bullet", label: L.bulletList, active: editor.isActive("bulletList"), onClick: () => editor.chain().focus().toggleBulletList().run() }, key);
+      case "orderedList":
+        return /* @__PURE__ */ jsx(Btn, { icon: "list-ordered", label: L.orderedList, active: editor.isActive("orderedList"), onClick: () => editor.chain().focus().toggleOrderedList().run() }, key);
+      case "taskList":
+        return config.taskList ? /* @__PURE__ */ jsx(Btn, { icon: "list-check", label: L.taskList, active: editor.isActive("taskList"), onClick: () => editor.chain().focus().toggleTaskList().run() }, key) : null;
+      case "indent":
+        return /* @__PURE__ */ jsx(Btn, { icon: "indent", label: L.indent, disabled: !can.sinkListItem?.("listItem"), onClick: () => editor.chain().focus().sinkListItem("listItem").run() }, key);
+      case "outdent":
+        return /* @__PURE__ */ jsx(Btn, { icon: "outdent", label: L.outdent, disabled: !can.liftListItem?.("listItem"), onClick: () => editor.chain().focus().liftListItem("listItem").run() }, key);
+      case "link":
+        return /* @__PURE__ */ jsx(LinkButton, { editor, config }, key);
+      case "unlink":
+        return /* @__PURE__ */ jsx(Btn, { icon: "unlink", label: L.unlink, disabled: !editor.isActive("link"), onClick: () => editor.chain().focus().extendMarkRange("link").unsetLink().run() }, key);
+      case "blockquote":
+        return config.blockquote ? /* @__PURE__ */ jsx(Btn, { icon: "quote", label: L.blockquote, active: editor.isActive("blockquote"), onClick: () => editor.chain().focus().toggleBlockquote().run() }, key) : null;
+      case "codeBlock":
+        return config.codeBlock !== false ? /* @__PURE__ */ jsx(Btn, { icon: "code-block", label: L.codeBlock, active: editor.isActive("codeBlock"), onClick: () => editor.chain().focus().toggleCodeBlock().run() }, key) : null;
+      case "horizontalRule":
+        return config.horizontalRule ? /* @__PURE__ */ jsx(Btn, { icon: "hr", label: L.horizontalRule, onClick: () => editor.chain().focus().setHorizontalRule().run() }, key) : null;
+      case "mediaLibrary":
+        return config.image && config.mediaLibrary ? /* @__PURE__ */ jsx(MediaButton, { kind: "mediaLibrary", editor, config, handler: uploadHandler }, key) : null;
+      case "customHtml":
+        return config.html && config.html.customBlock ? /* @__PURE__ */ jsx(
+          Btn,
+          {
+            icon: "html-block",
+            label: L.customHtml,
+            onClick: () => editor.chain().focus().setCustomHtml().run()
+          },
+          key
+        ) : null;
+      case "image":
+      case "imageUrl":
+      case "youtube":
+      case "instagram":
+      case "video":
+      case "embed":
+      case "pdf": {
+        if ((item === "image" || item === "imageUrl") && !config.image) return null;
+        if (item !== "image" && item !== "imageUrl" && !config.embed) return null;
+        if (item === "image" && !(config.image && config.image.allowUpload)) {
+          return config.image && config.image.allowUrl ? /* @__PURE__ */ jsx(MediaButton, { kind: "imageUrl", editor, config, handler: uploadHandler }, key) : null;
+        }
+        if (item === "video" && !config.embed) return null;
+        if (item === "pdf" && !config.embed) return null;
+        return /* @__PURE__ */ jsx(MediaButton, { kind: item, editor, config, handler: uploadHandler }, key);
+      }
+      case "undo":
+        return /* @__PURE__ */ jsx(Btn, { icon: "undo", label: L.undo, disabled: !can.undo?.(), onClick: () => editor.chain().focus().undo().run() }, key);
+      case "redo":
+        return /* @__PURE__ */ jsx(Btn, { icon: "redo", label: L.redo, disabled: !can.redo?.(), onClick: () => editor.chain().focus().redo().run() }, key);
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { className: "osam-toolbar", role: "toolbar", "aria-label": "Formatting", dir: config.dir, children: config.toolbar.map(render) });
+}
+
+// src/theme.ts
+var MAP = {
+  background: "--osam-bg",
+  foreground: "--osam-fg",
+  muted: "--osam-muted",
+  border: "--osam-border",
+  accent: "--osam-accent",
+  accentText: "--osam-accent-fg",
+  radius: "--osam-radius",
+  fontFamily: "--osam-font",
+  monoFontFamily: "--osam-font-mono",
+  toolbarBackground: "--osam-toolbar-bg",
+  buttonColor: "--osam-btn-fg",
+  buttonHoverBackground: "--osam-hover",
+  buttonActiveBackground: "--osam-active",
+  buttonActiveColor: "--osam-active-fg",
+  contentBackground: "--osam-content-bg",
+  codeBackground: "--osam-code-bg"
+};
+function themeToStyle(theme) {
+  if (!theme) return {};
+  const style = {};
+  for (const [key, cssVar] of Object.entries(MAP)) {
+    const value = theme[key];
+    if (value === void 0 || value === null) continue;
+    style[cssVar] = key === "radius" && typeof value === "number" ? `${value}px` : String(value);
+  }
+  return style;
+}
+var isJson = (v) => !!v && typeof v === "object";
+function OsamEditor(props) {
+  const {
+    defaultValue,
+    value,
+    onChange,
+    onReady,
+    editable = true,
+    autofocus,
+    className,
+    style,
+    minHeight = 260,
+    toolbarPosition = "top",
+    stickyToolbar = false,
+    defaultFullscreen = false,
+    fullscreen: fullscreenProp,
+    onFullscreenChange,
+    ...config
+  } = props;
+  const controlled = value !== void 0;
+  const lastEmitted = React10.useRef(null);
+  const { editor, config: resolved } = useOsamEditor({
+    ...config,
+    content: (controlled ? value : defaultValue) ?? "",
+    editable,
+    autofocus,
+    onCreate: (ed) => onReady?.(ed),
+    onUpdate: ({ html, json, editor: editor2 }) => {
+      lastEmitted.current = html;
+      onChange?.(html, { json, editor: editor2 });
+    }
+  });
+  const [fsState, setFsState] = React10.useState(defaultFullscreen);
+  const fullscreen = fullscreenProp ?? fsState;
+  const toggleFullscreen = React10.useCallback(() => {
+    const next = !fullscreen;
+    if (fullscreenProp === void 0) setFsState(next);
+    onFullscreenChange?.(next);
+  }, [fullscreen, fullscreenProp, onFullscreenChange]);
+  React10.useEffect(() => {
+    if (!fullscreen) return;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    const onKey = (e) => e.key === "Escape" && toggleFullscreen();
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.body.style.overflow = prev;
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [fullscreen, toggleFullscreen]);
+  const canSource = !!resolved.html && resolved.html.sourceView;
+  const [sourceMode, setSourceMode] = React10.useState(false);
+  const [draft, setDraft] = React10.useState("");
+  const allowStyleTags = !!resolved.html && resolved.html.allowStyleTags;
+  const toggleSource = React10.useCallback(() => {
+    if (!editor) return;
+    if (!sourceMode) {
+      setDraft(editor.getHTML());
+      setSourceMode(true);
+    } else {
+      const clean = sanitizeHtml(draft, { allowStyleTags });
+      editor.commands.setContent(clean, { emitUpdate: true });
+      setSourceMode(false);
+    }
+  }, [editor, sourceMode, draft, allowStyleTags]);
+  React10.useEffect(() => {
+    if (!editor || !controlled || sourceMode) return;
+    const incoming = isJson(value) ? value : String(value ?? "");
+    const current = editor.getHTML();
+    const incomingHtml = isJson(value) ? null : String(value ?? "");
+    if (incomingHtml !== null && (incomingHtml === current || incomingHtml === lastEmitted.current)) return;
+    const { from, to } = editor.state.selection;
+    editor.commands.setContent(incoming, { emitUpdate: false });
+    try {
+      editor.commands.setTextSelection({ from, to });
+    } catch {
+    }
+  }, [editor, controlled, value, sourceMode]);
+  const uploadHandler = config.upload?.handler;
+  const bar = toolbarPosition !== "none" && editor ? /* @__PURE__ */ jsx("div", { className: "osam-toolbar-wrap", "data-sticky": stickyToolbar && !fullscreen ? "" : void 0, children: /* @__PURE__ */ jsx(
+    Toolbar,
+    {
+      editor,
+      config: resolved,
+      uploadHandler,
+      view: {
+        fullscreen,
+        onToggleFullscreen: toggleFullscreen,
+        sourceMode,
+        onToggleSource: canSource ? toggleSource : void 0
+      }
+    }
+  ) }) : null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `osam-editor${className ? ` ${className}` : ""}`,
+      "data-editable": editable || void 0,
+      "data-fullscreen": fullscreen || void 0,
+      "data-source": sourceMode || void 0,
+      style: { ...themeToStyle(resolved.theme), ...style },
+      dir: resolved.dir,
+      children: [
+        toolbarPosition === "top" && bar,
+        sourceMode ? /* @__PURE__ */ jsxs("div", { className: "osam-editor__body osam-source", style: { minHeight }, children: [
+          /* @__PURE__ */ jsxs("div", { className: "osam-source__hint", children: [
+            resolved.labels["source.title"],
+            allowStyleTags ? "" : " \u2014 <script> and <style> are removed"
+          ] }),
+          /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              className: "osam-source__area",
+              value: draft,
+              spellCheck: false,
+              onChange: (e) => setDraft(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "osam-source__actions", children: /* @__PURE__ */ jsx("button", { type: "button", className: "osam-btn-primary", onClick: toggleSource, children: resolved.labels["source.apply"] }) })
+        ] }) : /* @__PURE__ */ jsx(EditorContent, { editor, className: "osam-editor__body", style: { minHeight } }),
+        toolbarPosition === "bottom" && bar,
+        resolved.branding && /* @__PURE__ */ jsx("div", { className: "osam-branding", children: /* @__PURE__ */ jsx("a", { href: "https://osamtech.com", target: "_blank", rel: "noopener noreferrer", children: resolved.labels.poweredBy }) })
+      ]
+    }
+  );
+}
+function OsamContent({ html, hls = true, className, ...rest }) {
+  const ref = React10.useRef(null);
+  React10.useEffect(() => {
+    if (!hls || !ref.current) return;
+    const videos = Array.from(ref.current.querySelectorAll("video")).filter(
+      (v) => /\.m3u8(\?.*)?$/i.test(v.getAttribute("src") || v.currentSrc || "")
+    );
+    if (!videos.length) return;
+    const instances = [];
+    let cancelled = false;
+    import('hls.js').then((mod) => {
+      if (cancelled) return;
+      const Hls = mod.default ?? mod;
+      for (const video of videos) {
+        const src = video.getAttribute("src") || "";
+        if (video.canPlayType("application/vnd.apple.mpegurl")) continue;
+        if (Hls?.isSupported?.()) {
+          video.removeAttribute("src");
+          const inst = new Hls();
+          inst.loadSource(src);
+          inst.attachMedia(video);
+          instances.push(inst);
+        }
+      }
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+      instances.forEach((i) => i.destroy?.());
+    };
+  }, [html, hls]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: `osam-content${className ? ` ${className}` : ""}`,
+      dangerouslySetInnerHTML: { __html: html },
+      ...rest
+    }
+  );
+}
+
+// src/storage/osam.ts
+function defaultResolveUrl(data) {
+  if (!data) return void 0;
+  return data.url ?? data.fileUrl ?? data.location ?? data.Location ?? data.src ?? data.playbackUrl ?? data.hlsUrl ?? data?.data?.url ?? data?.file?.url ?? data?.result?.url ?? void 0;
+}
+function createOsamStorageUploader(options) {
+  const {
+    getToken,
+    baseUrl,
+    chunkSize,
+    concurrency,
+    maxAttempts,
+    resolveUrl = defaultResolveUrl,
+    resolvePoster,
+    client
+  } = options;
+  let clientPromise = client ? Promise.resolve(client) : null;
+  async function getClient() {
+    if (!clientPromise) {
+      clientPromise = import('osamstorage').then((mod) => {
+        const OsamStorage = mod.OsamStorage ?? mod.default?.OsamStorage ?? mod.default;
+        if (!OsamStorage) {
+          throw new Error("osameditor: could not find the OsamStorage export in 'osamstorage'.");
+        }
+        return new OsamStorage({ getToken, baseUrl, chunkSize, concurrency, maxAttempts });
+      }).catch((err) => {
+        throw new Error(
+          "osameditor: the 'osamstorage' package is not installed. Run `npm i osamstorage`, or pass your own `client` / use `createVpsUploader()` instead.\n" + String(err)
+        );
+      });
+    }
+    return clientPromise;
+  }
+  return async (file, ctx) => {
+    const kind = ctx.kind ?? detectKind(file);
+    const storage = await getClient();
+    const data = await new Promise((resolve, reject) => {
+      storage.upload(file, {
+        signal: ctx.signal,
+        onProgress: (p) => ctx.onProgress?.(Math.round(p)),
+        onSuccess: (d) => resolve(d),
+        onError: (e) => reject(e instanceof Error ? e : new Error(String(e)))
+      }).catch(reject);
+    });
+    const url = resolveUrl(data, file);
+    if (!url) {
+      throw new Error(
+        "osameditor: OsamStorage upload finished but no URL could be resolved from the response. Pass a `resolveUrl` to createOsamStorageUploader(). Response was: " + safeJson(data)
+      );
+    }
+    const result = {
+      url,
+      kind,
+      name: file.name,
+      meta: typeof data === "object" && data ? data : void 0
+    };
+    const poster = resolvePoster?.(data, file);
+    if (poster) result.poster = poster;
+    return result;
+  };
+}
+function safeJson(v) {
+  try {
+    return JSON.stringify(v);
+  } catch {
+    return String(v);
+  }
+}
+
+// src/storage/vps.ts
+function defaultResolveUrl2(data) {
+  if (typeof data === "string") return data;
+  if (!data) return void 0;
+  return data.url ?? data.fileUrl ?? data.location ?? data.src ?? data?.data?.url ?? void 0;
+}
+function createVpsUploader(options) {
+  const {
+    endpoint,
+    fieldName = "file",
+    fields,
+    headers,
+    credentials = "same-origin",
+    resolveUrl = defaultResolveUrl2,
+    resolvePoster
+  } = options;
+  return (file, ctx) => new Promise((resolve, reject) => {
+    const kind = ctx.kind ?? detectKind(file);
+    const url = typeof endpoint === "function" ? endpoint(file, kind) : endpoint;
+    const form = new FormData();
+    form.append(fieldName, file, file.name);
+    const extra = typeof fields === "function" ? fields(file) : fields;
+    if (extra) for (const [k, v] of Object.entries(extra)) form.append(k, v);
+    Promise.resolve(typeof headers === "function" ? headers() : headers).then((resolvedHeaders) => {
+      const xhr = new XMLHttpRequest();
+      xhr.open("POST", url, true);
+      xhr.withCredentials = credentials === "include";
+      if (resolvedHeaders) {
+        for (const [k, v] of Object.entries(resolvedHeaders)) xhr.setRequestHeader(k, v);
+      }
+      xhr.upload.onprogress = (e) => {
+        if (e.lengthComputable) ctx.onProgress?.(Math.round(e.loaded / e.total * 100));
+      };
+      xhr.onload = () => {
+        if (xhr.status < 200 || xhr.status >= 300) {
+          reject(new Error(`osameditor: upload failed (${xhr.status} ${xhr.statusText}). ${xhr.responseText}`));
+          return;
+        }
+        let data = xhr.responseText;
+        try {
+          data = JSON.parse(xhr.responseText);
+        } catch {
+        }
+        const resolved = resolveUrl(data, file);
+        if (!resolved) {
+          reject(
+            new Error(
+              "osameditor: upload succeeded but no URL resolved from the response. Pass a `resolveUrl` to createVpsUploader()."
+            )
+          );
+          return;
+        }
+        const result = { url: resolved, kind, name: file.name };
+        if (data && typeof data === "object") result.meta = data;
+        const poster = resolvePoster?.(data, file);
+        if (poster) result.poster = poster;
+        resolve(result);
+      };
+      xhr.onerror = () => reject(new Error("osameditor: network error during upload."));
+      xhr.onabort = () => reject(new DOMException("Upload aborted", "AbortError"));
+      if (ctx.signal) {
+        if (ctx.signal.aborted) {
+          xhr.abort();
+          return;
+        }
+        ctx.signal.addEventListener("abort", () => xhr.abort(), { once: true });
+      }
+      xhr.send(form);
+    }).catch(reject);
+  });
+}
+
+export { CodeBlock, CustomHtml, Embed, OsamContent, OsamEditor, PreserveAttributes, ResizableImage, TOOLBAR_PRESETS, Toolbar, applyUserExtensions, buildExtensions, createOsamStorageUploader, createVpsUploader, detectKind, loadMediaLibrary, resolveConfig, resolveEmbed, resolveToolbar, sanitizeHtml, saveToMediaLibrary, themeToStyle, useOsamEditor };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map