@create-markdown/react 0.1.0 → 0.2.0

package/dist/index.cjs

@@ -1,520 +1 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __moduleCache = /* @__PURE__ */ new WeakMap;
-var __toCommonJS = (from) => {
-  var entry = __moduleCache.get(from), desc;
-  if (entry)
-    return entry;
-  entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function")
-    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    }));
-  __moduleCache.set(from, entry);
-  return entry;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, {
-      get: all[name],
-      enumerable: true,
-      configurable: true,
-      set: (newValue) => all[name] = () => newValue
-    });
-};
-
-// src/index.ts
-var exports_src = {};
-__export(exports_src, {
-  useMarkdown: () => useMarkdown,
-  useDocument: () => useDocument,
-  useBlockEditor: () => useBlockEditor,
-  text: () => import_core2.text,
-  paragraph: () => import_core2.paragraph,
-  numberedList: () => import_core2.numberedList,
-  link: () => import_core2.link,
-  italic: () => import_core2.italic,
-  image: () => import_core2.image,
-  heading: () => import_core2.heading,
-  h6: () => import_core2.h6,
-  h5: () => import_core2.h5,
-  h4: () => import_core2.h4,
-  h3: () => import_core2.h3,
-  h2: () => import_core2.h2,
-  h1: () => import_core2.h1,
-  divider: () => import_core2.divider,
-  codeBlock: () => import_core2.codeBlock,
-  code: () => import_core2.code,
-  checkListItem: () => import_core2.checkListItem,
-  checkList: () => import_core2.checkList,
-  callout: () => import_core2.callout,
-  bulletList: () => import_core2.bulletList,
-  bold: () => import_core2.bold,
-  blockquote: () => import_core2.blockquote,
-  VERSION: () => VERSION,
-  InlineContent: () => InlineContent,
-  BlockRenderer: () => BlockRenderer,
-  BlockElement: () => BlockElement
-});
-module.exports = __toCommonJS(exports_src);
-
-// src/block-renderer.tsx
-var jsx_dev_runtime = require("react/jsx-dev-runtime");
-function BlockRenderer({
-  blocks,
-  className,
-  customRenderers
-}) {
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
-    className,
-    children: blocks.map((block) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV(BlockElement, {
-      block,
-      customRenderers
-    }, block.id, false, undefined, this))
-  }, undefined, false, undefined, this);
-}
-function BlockElement({
-  block,
-  customRenderers
-}) {
-  const CustomRenderer = customRenderers?.[block.type];
-  if (CustomRenderer) {
-    return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(CustomRenderer, {
-      block
-    }, undefined, false, undefined, this);
-  }
-  switch (block.type) {
-    case "paragraph":
-      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ParagraphRenderer, {
-        block
-      }, undefined, false, undefined, this);
-    case "heading":
-      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(HeadingRenderer, {
-        block
-      }, undefined, false, undefined, this);
-    case "bulletList":
-      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(BulletListRenderer, {
-        block,
-        customRenderers
-      }, undefined, false, undefined, this);
-    case "numberedList":
-      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(NumberedListRenderer, {
-        block,
-        customRenderers
-      }, undefined, false, undefined, this);
-    case "checkList":
-      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(CheckListRenderer, {
-        block
-      }, undefined, false, undefined, this);
-    case "codeBlock":
-      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(CodeBlockRenderer, {
-        block
-      }, undefined, false, undefined, this);
-    case "blockquote":
-      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(BlockquoteRenderer, {
-        block
-      }, undefined, false, undefined, this);
-    case "table":
-      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(TableRenderer, {
-        block
-      }, undefined, false, undefined, this);
-    case "image":
-      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ImageRenderer, {
-        block
-      }, undefined, false, undefined, this);
-    case "divider":
-      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(DividerRenderer, {}, undefined, false, undefined, this);
-    case "callout":
-      return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(CalloutRenderer, {
-        block
-      }, undefined, false, undefined, this);
-    default:
-      return null;
-  }
-}
-function InlineContent({ spans }) {
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(jsx_dev_runtime.Fragment, {
-    children: spans.map((span, index) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV(SpanElement, {
-      span
-    }, index, false, undefined, this))
-  }, undefined, false, undefined, this);
-}
-function SpanElement({ span }) {
-  let content = span.text;
-  const styles = span.styles;
-  if (styles.code) {
-    content = /* @__PURE__ */ jsx_dev_runtime.jsxDEV("code", {
-      children: content
-    }, undefined, false, undefined, this);
-  }
-  if (styles.highlight) {
-    content = /* @__PURE__ */ jsx_dev_runtime.jsxDEV("mark", {
-      children: content
-    }, undefined, false, undefined, this);
-  }
-  if (styles.strikethrough) {
-    content = /* @__PURE__ */ jsx_dev_runtime.jsxDEV("del", {
-      children: content
-    }, undefined, false, undefined, this);
-  }
-  if (styles.underline) {
-    content = /* @__PURE__ */ jsx_dev_runtime.jsxDEV("u", {
-      children: content
-    }, undefined, false, undefined, this);
-  }
-  if (styles.italic) {
-    content = /* @__PURE__ */ jsx_dev_runtime.jsxDEV("em", {
-      children: content
-    }, undefined, false, undefined, this);
-  }
-  if (styles.bold) {
-    content = /* @__PURE__ */ jsx_dev_runtime.jsxDEV("strong", {
-      children: content
-    }, undefined, false, undefined, this);
-  }
-  if (styles.link) {
-    content = /* @__PURE__ */ jsx_dev_runtime.jsxDEV("a", {
-      href: styles.link.url,
-      title: styles.link.title,
-      children: content
-    }, undefined, false, undefined, this);
-  }
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(jsx_dev_runtime.Fragment, {
-    children: content
-  }, undefined, false, undefined, this);
-}
-function ParagraphRenderer({ block }) {
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("p", {
-    children: /* @__PURE__ */ jsx_dev_runtime.jsxDEV(InlineContent, {
-      spans: block.content
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-function HeadingRenderer({ block }) {
-  const Tag = `h${block.props.level}`;
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Tag, {
-    children: /* @__PURE__ */ jsx_dev_runtime.jsxDEV(InlineContent, {
-      spans: block.content
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-function BulletListRenderer({
-  block,
-  customRenderers
-}) {
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("ul", {
-    children: block.children.map((child) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV("li", {
-      children: [
-        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(InlineContent, {
-          spans: child.content
-        }, undefined, false, undefined, this),
-        child.children.length > 0 && /* @__PURE__ */ jsx_dev_runtime.jsxDEV(BlockElement, {
-          block: child,
-          customRenderers
-        }, undefined, false, undefined, this)
-      ]
-    }, child.id, true, undefined, this))
-  }, undefined, false, undefined, this);
-}
-function NumberedListRenderer({
-  block,
-  customRenderers
-}) {
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("ol", {
-    children: block.children.map((child) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV("li", {
-      children: [
-        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(InlineContent, {
-          spans: child.content
-        }, undefined, false, undefined, this),
-        child.children.length > 0 && /* @__PURE__ */ jsx_dev_runtime.jsxDEV(BlockElement, {
-          block: child,
-          customRenderers
-        }, undefined, false, undefined, this)
-      ]
-    }, child.id, true, undefined, this))
-  }, undefined, false, undefined, this);
-}
-function CheckListRenderer({ block }) {
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
-    style: { display: "flex", alignItems: "flex-start", gap: "0.5rem" },
-    children: [
-      /* @__PURE__ */ jsx_dev_runtime.jsxDEV("input", {
-        type: "checkbox",
-        checked: block.props.checked,
-        readOnly: true,
-        style: { marginTop: "0.25rem" }
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime.jsxDEV("span", {
-        style: { textDecoration: block.props.checked ? "line-through" : "none" },
-        children: /* @__PURE__ */ jsx_dev_runtime.jsxDEV(InlineContent, {
-          spans: block.content
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-function CodeBlockRenderer({ block }) {
-  const code = block.content.map((span) => span.text).join("");
-  const language = block.props.language;
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("pre", {
-    children: /* @__PURE__ */ jsx_dev_runtime.jsxDEV("code", {
-      className: language ? `language-${language}` : undefined,
-      children: code
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-function BlockquoteRenderer({ block }) {
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("blockquote", {
-    children: /* @__PURE__ */ jsx_dev_runtime.jsxDEV(InlineContent, {
-      spans: block.content
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-function TableRenderer({ block }) {
-  const { headers, rows, alignments } = block.props;
-  const getAlignment = (index) => {
-    return alignments?.[index] ?? undefined;
-  };
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("table", {
-    children: [
-      headers.length > 0 && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("thead", {
-        children: /* @__PURE__ */ jsx_dev_runtime.jsxDEV("tr", {
-          children: headers.map((header, i) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV("th", {
-            style: { textAlign: getAlignment(i) },
-            children: header
-          }, i, false, undefined, this))
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime.jsxDEV("tbody", {
-        children: rows.map((row, rowIndex) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV("tr", {
-          children: row.map((cell, cellIndex) => /* @__PURE__ */ jsx_dev_runtime.jsxDEV("td", {
-            style: { textAlign: getAlignment(cellIndex) },
-            children: cell
-          }, cellIndex, false, undefined, this))
-        }, rowIndex, false, undefined, this))
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-function ImageRenderer({ block }) {
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("figure", {
-    children: [
-      /* @__PURE__ */ jsx_dev_runtime.jsxDEV("img", {
-        src: block.props.url,
-        alt: block.props.alt ?? "",
-        title: block.props.title,
-        width: block.props.width,
-        height: block.props.height
-      }, undefined, false, undefined, this),
-      block.props.alt && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("figcaption", {
-        children: block.props.alt
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-function DividerRenderer() {
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("hr", {}, undefined, false, undefined, this);
-}
-function CalloutRenderer({ block }) {
-  const calloutType = block.props.type;
-  const styles = {
-    padding: "1rem",
-    borderRadius: "0.25rem",
-    borderLeft: "4px solid",
-    marginBottom: "1rem"
-  };
-  const colors = {
-    info: { borderColor: "#3b82f6", backgroundColor: "#eff6ff" },
-    warning: { borderColor: "#f59e0b", backgroundColor: "#fffbeb" },
-    tip: { borderColor: "#10b981", backgroundColor: "#ecfdf5" },
-    danger: { borderColor: "#ef4444", backgroundColor: "#fef2f2" },
-    note: { borderColor: "#6b7280", backgroundColor: "#f9fafb" }
-  };
-  const colorStyle = colors[calloutType] ?? colors.note;
-  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("div", {
-    style: {
-      ...styles,
-      borderLeftColor: colorStyle.borderColor,
-      backgroundColor: colorStyle.backgroundColor
-    },
-    role: "alert",
-    children: [
-      /* @__PURE__ */ jsx_dev_runtime.jsxDEV("strong", {
-        style: { textTransform: "capitalize", display: "block", marginBottom: "0.5rem" },
-        children: calloutType
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime.jsxDEV(InlineContent, {
-        spans: block.content
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-// src/hooks.ts
-var import_react = require("react");
-var import_core = require("@create-markdown/core");
-function useDocument(initialBlocks = [], options) {
-  const [document, setDocument] = import_react.useState(() => import_core.createDocument(initialBlocks, options));
-  const insert = import_react.useCallback((block, index) => {
-    setDocument((doc) => import_core.insertBlock(doc, block, index));
-  }, []);
-  const append = import_react.useCallback((block) => {
-    setDocument((doc) => import_core.appendBlock(doc, block));
-  }, []);
-  const remove = import_react.useCallback((blockId) => {
-    setDocument((doc) => import_core.removeBlock(doc, blockId));
-  }, []);
-  const update = import_react.useCallback((blockId, updates) => {
-    setDocument((doc) => import_core.updateBlock(doc, blockId, updates));
-  }, []);
-  const move = import_react.useCallback((blockId, newIndex) => {
-    setDocument((doc) => import_core.moveBlock(doc, blockId, newIndex));
-  }, []);
-  const find = import_react.useCallback((blockId) => import_core.findBlock(document, blockId), [document]);
-  const getIndex = import_react.useCallback((blockId) => import_core.getBlockIndex(document, blockId), [document]);
-  const clear = import_react.useCallback(() => {
-    setDocument((doc) => import_core.clearBlocks(doc));
-  }, []);
-  const set = import_react.useCallback((blocks) => {
-    setDocument((doc) => import_core.setBlocks(doc, blocks));
-  }, []);
-  const toMd = import_react.useCallback(() => import_core.blocksToMarkdown(document.blocks), [document]);
-  const fromMd = import_react.useCallback((markdown) => {
-    const blocks = import_core.markdownToBlocks(markdown);
-    setDocument((doc) => import_core.setBlocks(doc, blocks));
-  }, []);
-  const meta = import_react.useCallback((newMeta) => {
-    setDocument((doc) => import_core.updateMeta(doc, newMeta));
-  }, []);
-  return {
-    document,
-    blocks: document.blocks,
-    insertBlock: insert,
-    appendBlock: append,
-    removeBlock: remove,
-    updateBlock: update,
-    moveBlock: move,
-    findBlock: find,
-    getBlockIndex: getIndex,
-    clearBlocks: clear,
-    setBlocks: set,
-    setDocument,
-    toMarkdown: toMd,
-    fromMarkdown: fromMd,
-    updateMeta: meta
-  };
-}
-function useMarkdown(initialMarkdown = "") {
-  const [markdown, setMarkdownState] = import_react.useState(initialMarkdown);
-  const blocks = import_react.useMemo(() => import_core.markdownToBlocks(markdown), [markdown]);
-  const setMarkdown = import_react.useCallback((newMarkdown) => {
-    setMarkdownState(newMarkdown);
-  }, []);
-  const setBlocksFromBlocks = import_react.useCallback((newBlocks) => {
-    const newMarkdown = import_core.blocksToMarkdown(newBlocks);
-    setMarkdownState(newMarkdown);
-  }, []);
-  return {
-    markdown,
-    blocks,
-    setMarkdown,
-    setBlocks: setBlocksFromBlocks
-  };
-}
-function useBlockEditor(documentHook) {
-  const { document, blocks, removeBlock: removeBlock2, updateBlock: updateBlock2, moveBlock: moveBlock2, insertBlock: insertBlock2 } = documentHook;
-  const [selectedBlockId, setSelectedBlockId] = import_react.useState(null);
-  const selectedBlock = import_react.useMemo(() => selectedBlockId ? import_core.findBlock(document, selectedBlockId) : undefined, [document, selectedBlockId]);
-  const selectBlock = import_react.useCallback((blockId) => {
-    setSelectedBlockId(blockId);
-  }, []);
-  const selectNext = import_react.useCallback(() => {
-    if (!selectedBlockId) {
-      if (blocks.length > 0) {
-        setSelectedBlockId(blocks[0].id);
-      }
-      return;
-    }
-    const currentIndex = import_core.getBlockIndex(document, selectedBlockId);
-    if (currentIndex < blocks.length - 1) {
-      setSelectedBlockId(blocks[currentIndex + 1].id);
-    }
-  }, [document, blocks, selectedBlockId]);
-  const selectPrevious = import_react.useCallback(() => {
-    if (!selectedBlockId) {
-      if (blocks.length > 0) {
-        setSelectedBlockId(blocks[blocks.length - 1].id);
-      }
-      return;
-    }
-    const currentIndex = import_core.getBlockIndex(document, selectedBlockId);
-    if (currentIndex > 0) {
-      setSelectedBlockId(blocks[currentIndex - 1].id);
-    }
-  }, [document, blocks, selectedBlockId]);
-  const deleteSelected = import_react.useCallback(() => {
-    if (!selectedBlockId)
-      return;
-    const currentIndex = import_core.getBlockIndex(document, selectedBlockId);
-    removeBlock2(selectedBlockId);
-    if (blocks.length > 1) {
-      if (currentIndex < blocks.length - 1) {
-        setSelectedBlockId(blocks[currentIndex + 1].id);
-      } else if (currentIndex > 0) {
-        setSelectedBlockId(blocks[currentIndex - 1].id);
-      }
-    } else {
-      setSelectedBlockId(null);
-    }
-  }, [document, blocks, selectedBlockId, removeBlock2]);
-  const updateSelectedContent = import_react.useCallback((content) => {
-    if (!selectedBlockId)
-      return;
-    updateBlock2(selectedBlockId, { content });
-  }, [selectedBlockId, updateBlock2]);
-  const duplicateSelected = import_react.useCallback(() => {
-    if (!selectedBlockId || !selectedBlock)
-      return;
-    const currentIndex = import_core.getBlockIndex(document, selectedBlockId);
-    const clonedBlock = {
-      ...selectedBlock,
-      id: Math.random().toString(36).substring(2, 9)
-    };
-    insertBlock2(clonedBlock, currentIndex + 1);
-    setSelectedBlockId(clonedBlock.id);
-  }, [document, selectedBlockId, selectedBlock, insertBlock2]);
-  const moveSelectedUp = import_react.useCallback(() => {
-    if (!selectedBlockId)
-      return;
-    const currentIndex = import_core.getBlockIndex(document, selectedBlockId);
-    if (currentIndex > 0) {
-      moveBlock2(selectedBlockId, currentIndex - 1);
-    }
-  }, [document, selectedBlockId, moveBlock2]);
-  const moveSelectedDown = import_react.useCallback(() => {
-    if (!selectedBlockId)
-      return;
-    const currentIndex = import_core.getBlockIndex(document, selectedBlockId);
-    if (currentIndex < blocks.length - 1) {
-      moveBlock2(selectedBlockId, currentIndex + 1);
-    }
-  }, [document, blocks, selectedBlockId, moveBlock2]);
-  return {
-    selectedBlockId,
-    selectedBlock,
-    selectBlock,
-    selectNext,
-    selectPrevious,
-    deleteSelected,
-    updateSelectedContent,
-    duplicateSelected,
-    moveSelectedUp,
-    moveSelectedDown
-  };
-}
-
-// src/index.ts
-var import_core2 = require("@create-markdown/core");
-var VERSION = "0.1.0";
+var{defineProperty:y,getOwnPropertyNames:p,getOwnPropertyDescriptor:w}=Object,C=Object.prototype.hasOwnProperty;var M=new WeakMap,j=(J)=>{var z=M.get(J),G;if(z)return z;if(z=y({},"__esModule",{value:!0}),J&&typeof J==="object"||typeof J==="function")p(J).map((W)=>!C.call(z,W)&&y(z,W,{get:()=>J[W],enumerable:!(G=w(J,W))||G.enumerable}));return M.set(J,z),z};var i=(J,z)=>{for(var G in z)y(J,G,{get:z[G],enumerable:!0,configurable:!0,set:(W)=>z[G]=()=>W})};var o={};i(o,{useMarkdown:()=>g,useDocument:()=>S,useBlockEditor:()=>R,text:()=>O.text,paragraph:()=>O.paragraph,numberedList:()=>O.numberedList,link:()=>O.link,italic:()=>O.italic,image:()=>O.image,heading:()=>O.heading,h6:()=>O.h6,h5:()=>O.h5,h4:()=>O.h4,h3:()=>O.h3,h2:()=>O.h2,h1:()=>O.h1,divider:()=>O.divider,codeBlock:()=>O.codeBlock,code:()=>O.code,checkListItem:()=>O.checkListItem,checkList:()=>O.checkList,callout:()=>O.callout,bulletList:()=>O.bulletList,bold:()=>O.bold,blockquote:()=>O.blockquote,VERSION:()=>t,InlineContent:()=>F,BlockRenderer:()=>h,BlockElement:()=>L});module.exports=j(o);var K=require("react/jsx-runtime");function h({blocks:J,className:z,customRenderers:G}){return K.jsx("div",{className:z,children:J.map((W)=>K.jsx(L,{block:W,customRenderers:G},W.id))})}function L({block:J,customRenderers:z}){let G=z?.[J.type];if(G)return K.jsx(G,{block:J});switch(J.type){case"paragraph":return K.jsx(I,{block:J});case"heading":return K.jsx(m,{block:J});case"bulletList":return K.jsx(x,{block:J,customRenderers:z});case"numberedList":return K.jsx(u,{block:J,customRenderers:z});case"checkList":return K.jsx(a,{block:J});case"codeBlock":return K.jsx(b,{block:J});case"blockquote":return K.jsx(r,{block:J});case"table":return K.jsx(k,{block:J});case"image":return K.jsx(n,{block:J});case"divider":return K.jsx(d,{});case"callout":return K.jsx(s,{block:J});default:return null}}function F({spans:J}){return K.jsx(K.Fragment,{children:J.map((z,G)=>K.jsx(B,{span:z},G))})}function B({span:J}){let{text:z,styles:G}=J;if(G.code)z=K.jsx("code",{children:z});if(G.highlight)z=K.jsx("mark",{children:z});if(G.strikethrough)z=K.jsx("del",{children:z});if(G.underline)z=K.jsx("u",{children:z});if(G.italic)z=K.jsx("em",{children:z});if(G.bold)z=K.jsx("strong",{children:z});if(G.link)z=K.jsx("a",{href:G.link.url,title:G.link.title,children:z});return K.jsx(K.Fragment,{children:z})}function I({block:J}){return K.jsx("p",{children:K.jsx(F,{spans:J.content})})}function m({block:J}){let z=`h${J.props.level}`;return K.jsx(z,{children:K.jsx(F,{spans:J.content})})}function x({block:J,customRenderers:z}){return K.jsx("ul",{children:J.children.map((G)=>K.jsxs("li",{children:[K.jsx(F,{spans:G.content}),G.children.length>0&&K.jsx(L,{block:G,customRenderers:z})]},G.id))})}function u({block:J,customRenderers:z}){return K.jsx("ol",{children:J.children.map((G)=>K.jsxs("li",{children:[K.jsx(F,{spans:G.content}),G.children.length>0&&K.jsx(L,{block:G,customRenderers:z})]},G.id))})}function a({block:J}){return K.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:"0.5rem"},children:[K.jsx("input",{type:"checkbox",checked:J.props.checked,readOnly:!0,style:{marginTop:"0.25rem"}}),K.jsx("span",{style:{textDecoration:J.props.checked?"line-through":"none"},children:K.jsx(F,{spans:J.content})})]})}function b({block:J}){let z=J.content.map((W)=>W.text).join(""),G=J.props.language;return K.jsx("pre",{children:K.jsx("code",{className:G?`language-${G}`:void 0,children:z})})}function r({block:J}){return K.jsx("blockquote",{children:K.jsx(F,{spans:J.content})})}function k({block:J}){let{headers:z,rows:G,alignments:W}=J.props,A=($)=>{return W?.[$]??void 0};return K.jsxs("table",{children:[z.length>0&&K.jsx("thead",{children:K.jsx("tr",{children:z.map(($,U)=>K.jsx("th",{style:{textAlign:A(U)},children:$},U))})}),K.jsx("tbody",{children:G.map(($,U)=>K.jsx("tr",{children:$.map((V,q)=>K.jsx("td",{style:{textAlign:A(q)},children:V},q))},U))})]})}function n({block:J}){return K.jsxs("figure",{children:[K.jsx("img",{src:J.props.url,alt:J.props.alt??"",title:J.props.title,width:J.props.width,height:J.props.height}),J.props.alt&&K.jsx("figcaption",{children:J.props.alt})]})}function d(){return K.jsx("hr",{})}function s({block:J}){let z=J.props.type,G={padding:"1rem",borderRadius:"0.25rem",borderLeft:"4px solid",marginBottom:"1rem"},W={info:{borderColor:"#3b82f6",backgroundColor:"#eff6ff"},warning:{borderColor:"#f59e0b",backgroundColor:"#fffbeb"},tip:{borderColor:"#10b981",backgroundColor:"#ecfdf5"},danger:{borderColor:"#ef4444",backgroundColor:"#fef2f2"},note:{borderColor:"#6b7280",backgroundColor:"#f9fafb"}},A=W[z]??W.note;return K.jsxs("div",{style:{...G,borderLeftColor:A.borderColor,backgroundColor:A.backgroundColor},role:"alert",children:[K.jsx("strong",{style:{textTransform:"capitalize",display:"block",marginBottom:"0.5rem"},children:z}),K.jsx(F,{spans:J.content})]})}var Y=require("react"),Q=require("@create-markdown/core");function S(J=[],z){let[G,W]=Y.useState(()=>Q.createDocument(J,z)),A=Y.useCallback((Z,_)=>{W((X)=>Q.insertBlock(X,Z,_))},[]),$=Y.useCallback((Z)=>{W((_)=>Q.appendBlock(_,Z))},[]),U=Y.useCallback((Z)=>{W((_)=>Q.removeBlock(_,Z))},[]),V=Y.useCallback((Z,_)=>{W((X)=>Q.updateBlock(X,Z,_))},[]),q=Y.useCallback((Z,_)=>{W((X)=>Q.moveBlock(X,Z,_))},[]),H=Y.useCallback((Z)=>Q.findBlock(G,Z),[G]),P=Y.useCallback((Z)=>Q.getBlockIndex(G,Z),[G]),E=Y.useCallback(()=>{W((Z)=>Q.clearBlocks(Z))},[]),N=Y.useCallback((Z)=>{W((_)=>Q.setBlocks(_,Z))},[]),f=Y.useCallback(()=>Q.blocksToMarkdown(G.blocks),[G]),T=Y.useCallback((Z)=>{let _=Q.markdownToBlocks(Z);W((X)=>Q.setBlocks(X,_))},[]),D=Y.useCallback((Z)=>{W((_)=>Q.updateMeta(_,Z))},[]);return{document:G,blocks:G.blocks,insertBlock:A,appendBlock:$,removeBlock:U,updateBlock:V,moveBlock:q,findBlock:H,getBlockIndex:P,clearBlocks:E,setBlocks:N,setDocument:W,toMarkdown:f,fromMarkdown:T,updateMeta:D}}function g(J=""){let[z,G]=Y.useState(J),W=Y.useMemo(()=>Q.markdownToBlocks(z),[z]),A=Y.useCallback((U)=>{G(U)},[]),$=Y.useCallback((U)=>{let V=Q.blocksToMarkdown(U);G(V)},[]);return{markdown:z,blocks:W,setMarkdown:A,setBlocks:$}}function R(J){let{document:z,blocks:G,removeBlock:W,updateBlock:A,moveBlock:$,insertBlock:U}=J,[V,q]=Y.useState(null),H=Y.useMemo(()=>V?Q.findBlock(z,V):void 0,[z,V]),P=Y.useCallback((X)=>{q(X)},[]),E=Y.useCallback(()=>{if(!V){if(G.length>0)q(G[0].id);return}let X=Q.getBlockIndex(z,V);if(X<G.length-1)q(G[X+1].id)},[z,G,V]),N=Y.useCallback(()=>{if(!V){if(G.length>0)q(G[G.length-1].id);return}let X=Q.getBlockIndex(z,V);if(X>0)q(G[X-1].id)},[z,G,V]),f=Y.useCallback(()=>{if(!V)return;let X=Q.getBlockIndex(z,V);if(W(V),G.length>1){if(X<G.length-1)q(G[X+1].id);else if(X>0)q(G[X-1].id)}else q(null)},[z,G,V,W]),T=Y.useCallback((X)=>{if(!V)return;A(V,{content:X})},[V,A]),D=Y.useCallback(()=>{if(!V||!H)return;let X=Q.getBlockIndex(z,V),v={...H,id:Math.random().toString(36).substring(2,9)};U(v,X+1),q(v.id)},[z,V,H,U]),Z=Y.useCallback(()=>{if(!V)return;let X=Q.getBlockIndex(z,V);if(X>0)$(V,X-1)},[z,V,$]),_=Y.useCallback(()=>{if(!V)return;let X=Q.getBlockIndex(z,V);if(X<G.length-1)$(V,X+1)},[z,G,V,$]);return{selectedBlockId:V,selectedBlock:H,selectBlock:P,selectNext:E,selectPrevious:N,deleteSelected:f,updateSelectedContent:T,duplicateSelected:D,moveSelectedUp:Z,moveSelectedDown:_}}var O=require("@create-markdown/core"),t="0.2.0";

package/dist/index.d.ts

@@ -11,5 +11,5 @@ export { paragraph, heading, h1, h2, h3, h4, h5, h6, bulletList, numberedList, c
 /**
  * Package version
  */
-export declare const VERSION = "0.1.0";
+export declare const VERSION = "0.2.0";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,525 +1 @@
-// src/block-renderer.tsx
-import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
-function BlockRenderer({
-  blocks,
-  className,
-  customRenderers
-}) {
-  return /* @__PURE__ */ jsxDEV("div", {
-    className,
-    children: blocks.map((block) => /* @__PURE__ */ jsxDEV(BlockElement, {
-      block,
-      customRenderers
-    }, block.id, false, undefined, this))
-  }, undefined, false, undefined, this);
-}
-function BlockElement({
-  block,
-  customRenderers
-}) {
-  const CustomRenderer = customRenderers?.[block.type];
-  if (CustomRenderer) {
-    return /* @__PURE__ */ jsxDEV(CustomRenderer, {
-      block
-    }, undefined, false, undefined, this);
-  }
-  switch (block.type) {
-    case "paragraph":
-      return /* @__PURE__ */ jsxDEV(ParagraphRenderer, {
-        block
-      }, undefined, false, undefined, this);
-    case "heading":
-      return /* @__PURE__ */ jsxDEV(HeadingRenderer, {
-        block
-      }, undefined, false, undefined, this);
-    case "bulletList":
-      return /* @__PURE__ */ jsxDEV(BulletListRenderer, {
-        block,
-        customRenderers
-      }, undefined, false, undefined, this);
-    case "numberedList":
-      return /* @__PURE__ */ jsxDEV(NumberedListRenderer, {
-        block,
-        customRenderers
-      }, undefined, false, undefined, this);
-    case "checkList":
-      return /* @__PURE__ */ jsxDEV(CheckListRenderer, {
-        block
-      }, undefined, false, undefined, this);
-    case "codeBlock":
-      return /* @__PURE__ */ jsxDEV(CodeBlockRenderer, {
-        block
-      }, undefined, false, undefined, this);
-    case "blockquote":
-      return /* @__PURE__ */ jsxDEV(BlockquoteRenderer, {
-        block
-      }, undefined, false, undefined, this);
-    case "table":
-      return /* @__PURE__ */ jsxDEV(TableRenderer, {
-        block
-      }, undefined, false, undefined, this);
-    case "image":
-      return /* @__PURE__ */ jsxDEV(ImageRenderer, {
-        block
-      }, undefined, false, undefined, this);
-    case "divider":
-      return /* @__PURE__ */ jsxDEV(DividerRenderer, {}, undefined, false, undefined, this);
-    case "callout":
-      return /* @__PURE__ */ jsxDEV(CalloutRenderer, {
-        block
-      }, undefined, false, undefined, this);
-    default:
-      return null;
-  }
-}
-function InlineContent({ spans }) {
-  return /* @__PURE__ */ jsxDEV(Fragment, {
-    children: spans.map((span, index) => /* @__PURE__ */ jsxDEV(SpanElement, {
-      span
-    }, index, false, undefined, this))
-  }, undefined, false, undefined, this);
-}
-function SpanElement({ span }) {
-  let content = span.text;
-  const styles = span.styles;
-  if (styles.code) {
-    content = /* @__PURE__ */ jsxDEV("code", {
-      children: content
-    }, undefined, false, undefined, this);
-  }
-  if (styles.highlight) {
-    content = /* @__PURE__ */ jsxDEV("mark", {
-      children: content
-    }, undefined, false, undefined, this);
-  }
-  if (styles.strikethrough) {
-    content = /* @__PURE__ */ jsxDEV("del", {
-      children: content
-    }, undefined, false, undefined, this);
-  }
-  if (styles.underline) {
-    content = /* @__PURE__ */ jsxDEV("u", {
-      children: content
-    }, undefined, false, undefined, this);
-  }
-  if (styles.italic) {
-    content = /* @__PURE__ */ jsxDEV("em", {
-      children: content
-    }, undefined, false, undefined, this);
-  }
-  if (styles.bold) {
-    content = /* @__PURE__ */ jsxDEV("strong", {
-      children: content
-    }, undefined, false, undefined, this);
-  }
-  if (styles.link) {
-    content = /* @__PURE__ */ jsxDEV("a", {
-      href: styles.link.url,
-      title: styles.link.title,
-      children: content
-    }, undefined, false, undefined, this);
-  }
-  return /* @__PURE__ */ jsxDEV(Fragment, {
-    children: content
-  }, undefined, false, undefined, this);
-}
-function ParagraphRenderer({ block }) {
-  return /* @__PURE__ */ jsxDEV("p", {
-    children: /* @__PURE__ */ jsxDEV(InlineContent, {
-      spans: block.content
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-function HeadingRenderer({ block }) {
-  const Tag = `h${block.props.level}`;
-  return /* @__PURE__ */ jsxDEV(Tag, {
-    children: /* @__PURE__ */ jsxDEV(InlineContent, {
-      spans: block.content
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-function BulletListRenderer({
-  block,
-  customRenderers
-}) {
-  return /* @__PURE__ */ jsxDEV("ul", {
-    children: block.children.map((child) => /* @__PURE__ */ jsxDEV("li", {
-      children: [
-        /* @__PURE__ */ jsxDEV(InlineContent, {
-          spans: child.content
-        }, undefined, false, undefined, this),
-        child.children.length > 0 && /* @__PURE__ */ jsxDEV(BlockElement, {
-          block: child,
-          customRenderers
-        }, undefined, false, undefined, this)
-      ]
-    }, child.id, true, undefined, this))
-  }, undefined, false, undefined, this);
-}
-function NumberedListRenderer({
-  block,
-  customRenderers
-}) {
-  return /* @__PURE__ */ jsxDEV("ol", {
-    children: block.children.map((child) => /* @__PURE__ */ jsxDEV("li", {
-      children: [
-        /* @__PURE__ */ jsxDEV(InlineContent, {
-          spans: child.content
-        }, undefined, false, undefined, this),
-        child.children.length > 0 && /* @__PURE__ */ jsxDEV(BlockElement, {
-          block: child,
-          customRenderers
-        }, undefined, false, undefined, this)
-      ]
-    }, child.id, true, undefined, this))
-  }, undefined, false, undefined, this);
-}
-function CheckListRenderer({ block }) {
-  return /* @__PURE__ */ jsxDEV("div", {
-    style: { display: "flex", alignItems: "flex-start", gap: "0.5rem" },
-    children: [
-      /* @__PURE__ */ jsxDEV("input", {
-        type: "checkbox",
-        checked: block.props.checked,
-        readOnly: true,
-        style: { marginTop: "0.25rem" }
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("span", {
-        style: { textDecoration: block.props.checked ? "line-through" : "none" },
-        children: /* @__PURE__ */ jsxDEV(InlineContent, {
-          spans: block.content
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-function CodeBlockRenderer({ block }) {
-  const code = block.content.map((span) => span.text).join("");
-  const language = block.props.language;
-  return /* @__PURE__ */ jsxDEV("pre", {
-    children: /* @__PURE__ */ jsxDEV("code", {
-      className: language ? `language-${language}` : undefined,
-      children: code
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-function BlockquoteRenderer({ block }) {
-  return /* @__PURE__ */ jsxDEV("blockquote", {
-    children: /* @__PURE__ */ jsxDEV(InlineContent, {
-      spans: block.content
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-}
-function TableRenderer({ block }) {
-  const { headers, rows, alignments } = block.props;
-  const getAlignment = (index) => {
-    return alignments?.[index] ?? undefined;
-  };
-  return /* @__PURE__ */ jsxDEV("table", {
-    children: [
-      headers.length > 0 && /* @__PURE__ */ jsxDEV("thead", {
-        children: /* @__PURE__ */ jsxDEV("tr", {
-          children: headers.map((header, i) => /* @__PURE__ */ jsxDEV("th", {
-            style: { textAlign: getAlignment(i) },
-            children: header
-          }, i, false, undefined, this))
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("tbody", {
-        children: rows.map((row, rowIndex) => /* @__PURE__ */ jsxDEV("tr", {
-          children: row.map((cell, cellIndex) => /* @__PURE__ */ jsxDEV("td", {
-            style: { textAlign: getAlignment(cellIndex) },
-            children: cell
-          }, cellIndex, false, undefined, this))
-        }, rowIndex, false, undefined, this))
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-function ImageRenderer({ block }) {
-  return /* @__PURE__ */ jsxDEV("figure", {
-    children: [
-      /* @__PURE__ */ jsxDEV("img", {
-        src: block.props.url,
-        alt: block.props.alt ?? "",
-        title: block.props.title,
-        width: block.props.width,
-        height: block.props.height
-      }, undefined, false, undefined, this),
-      block.props.alt && /* @__PURE__ */ jsxDEV("figcaption", {
-        children: block.props.alt
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-function DividerRenderer() {
-  return /* @__PURE__ */ jsxDEV("hr", {}, undefined, false, undefined, this);
-}
-function CalloutRenderer({ block }) {
-  const calloutType = block.props.type;
-  const styles = {
-    padding: "1rem",
-    borderRadius: "0.25rem",
-    borderLeft: "4px solid",
-    marginBottom: "1rem"
-  };
-  const colors = {
-    info: { borderColor: "#3b82f6", backgroundColor: "#eff6ff" },
-    warning: { borderColor: "#f59e0b", backgroundColor: "#fffbeb" },
-    tip: { borderColor: "#10b981", backgroundColor: "#ecfdf5" },
-    danger: { borderColor: "#ef4444", backgroundColor: "#fef2f2" },
-    note: { borderColor: "#6b7280", backgroundColor: "#f9fafb" }
-  };
-  const colorStyle = colors[calloutType] ?? colors.note;
-  return /* @__PURE__ */ jsxDEV("div", {
-    style: {
-      ...styles,
-      borderLeftColor: colorStyle.borderColor,
-      backgroundColor: colorStyle.backgroundColor
-    },
-    role: "alert",
-    children: [
-      /* @__PURE__ */ jsxDEV("strong", {
-        style: { textTransform: "capitalize", display: "block", marginBottom: "0.5rem" },
-        children: calloutType
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV(InlineContent, {
-        spans: block.content
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-// src/hooks.ts
-import { useState, useCallback, useMemo } from "react";
-import {
-  createDocument,
-  insertBlock,
-  appendBlock,
-  removeBlock,
-  updateBlock,
-  moveBlock,
-  findBlock,
-  getBlockIndex,
-  clearBlocks,
-  setBlocks,
-  updateMeta,
-  markdownToBlocks,
-  blocksToMarkdown
-} from "@create-markdown/core";
-function useDocument(initialBlocks = [], options) {
-  const [document, setDocument] = useState(() => createDocument(initialBlocks, options));
-  const insert = useCallback((block, index) => {
-    setDocument((doc) => insertBlock(doc, block, index));
-  }, []);
-  const append = useCallback((block) => {
-    setDocument((doc) => appendBlock(doc, block));
-  }, []);
-  const remove = useCallback((blockId) => {
-    setDocument((doc) => removeBlock(doc, blockId));
-  }, []);
-  const update = useCallback((blockId, updates) => {
-    setDocument((doc) => updateBlock(doc, blockId, updates));
-  }, []);
-  const move = useCallback((blockId, newIndex) => {
-    setDocument((doc) => moveBlock(doc, blockId, newIndex));
-  }, []);
-  const find = useCallback((blockId) => findBlock(document, blockId), [document]);
-  const getIndex = useCallback((blockId) => getBlockIndex(document, blockId), [document]);
-  const clear = useCallback(() => {
-    setDocument((doc) => clearBlocks(doc));
-  }, []);
-  const set = useCallback((blocks) => {
-    setDocument((doc) => setBlocks(doc, blocks));
-  }, []);
-  const toMd = useCallback(() => blocksToMarkdown(document.blocks), [document]);
-  const fromMd = useCallback((markdown) => {
-    const blocks = markdownToBlocks(markdown);
-    setDocument((doc) => setBlocks(doc, blocks));
-  }, []);
-  const meta = useCallback((newMeta) => {
-    setDocument((doc) => updateMeta(doc, newMeta));
-  }, []);
-  return {
-    document,
-    blocks: document.blocks,
-    insertBlock: insert,
-    appendBlock: append,
-    removeBlock: remove,
-    updateBlock: update,
-    moveBlock: move,
-    findBlock: find,
-    getBlockIndex: getIndex,
-    clearBlocks: clear,
-    setBlocks: set,
-    setDocument,
-    toMarkdown: toMd,
-    fromMarkdown: fromMd,
-    updateMeta: meta
-  };
-}
-function useMarkdown(initialMarkdown = "") {
-  const [markdown, setMarkdownState] = useState(initialMarkdown);
-  const blocks = useMemo(() => markdownToBlocks(markdown), [markdown]);
-  const setMarkdown = useCallback((newMarkdown) => {
-    setMarkdownState(newMarkdown);
-  }, []);
-  const setBlocksFromBlocks = useCallback((newBlocks) => {
-    const newMarkdown = blocksToMarkdown(newBlocks);
-    setMarkdownState(newMarkdown);
-  }, []);
-  return {
-    markdown,
-    blocks,
-    setMarkdown,
-    setBlocks: setBlocksFromBlocks
-  };
-}
-function useBlockEditor(documentHook) {
-  const { document, blocks, removeBlock: removeBlock2, updateBlock: updateBlock2, moveBlock: moveBlock2, insertBlock: insertBlock2 } = documentHook;
-  const [selectedBlockId, setSelectedBlockId] = useState(null);
-  const selectedBlock = useMemo(() => selectedBlockId ? findBlock(document, selectedBlockId) : undefined, [document, selectedBlockId]);
-  const selectBlock = useCallback((blockId) => {
-    setSelectedBlockId(blockId);
-  }, []);
-  const selectNext = useCallback(() => {
-    if (!selectedBlockId) {
-      if (blocks.length > 0) {
-        setSelectedBlockId(blocks[0].id);
-      }
-      return;
-    }
-    const currentIndex = getBlockIndex(document, selectedBlockId);
-    if (currentIndex < blocks.length - 1) {
-      setSelectedBlockId(blocks[currentIndex + 1].id);
-    }
-  }, [document, blocks, selectedBlockId]);
-  const selectPrevious = useCallback(() => {
-    if (!selectedBlockId) {
-      if (blocks.length > 0) {
-        setSelectedBlockId(blocks[blocks.length - 1].id);
-      }
-      return;
-    }
-    const currentIndex = getBlockIndex(document, selectedBlockId);
-    if (currentIndex > 0) {
-      setSelectedBlockId(blocks[currentIndex - 1].id);
-    }
-  }, [document, blocks, selectedBlockId]);
-  const deleteSelected = useCallback(() => {
-    if (!selectedBlockId)
-      return;
-    const currentIndex = getBlockIndex(document, selectedBlockId);
-    removeBlock2(selectedBlockId);
-    if (blocks.length > 1) {
-      if (currentIndex < blocks.length - 1) {
-        setSelectedBlockId(blocks[currentIndex + 1].id);
-      } else if (currentIndex > 0) {
-        setSelectedBlockId(blocks[currentIndex - 1].id);
-      }
-    } else {
-      setSelectedBlockId(null);
-    }
-  }, [document, blocks, selectedBlockId, removeBlock2]);
-  const updateSelectedContent = useCallback((content) => {
-    if (!selectedBlockId)
-      return;
-    updateBlock2(selectedBlockId, { content });
-  }, [selectedBlockId, updateBlock2]);
-  const duplicateSelected = useCallback(() => {
-    if (!selectedBlockId || !selectedBlock)
-      return;
-    const currentIndex = getBlockIndex(document, selectedBlockId);
-    const clonedBlock = {
-      ...selectedBlock,
-      id: Math.random().toString(36).substring(2, 9)
-    };
-    insertBlock2(clonedBlock, currentIndex + 1);
-    setSelectedBlockId(clonedBlock.id);
-  }, [document, selectedBlockId, selectedBlock, insertBlock2]);
-  const moveSelectedUp = useCallback(() => {
-    if (!selectedBlockId)
-      return;
-    const currentIndex = getBlockIndex(document, selectedBlockId);
-    if (currentIndex > 0) {
-      moveBlock2(selectedBlockId, currentIndex - 1);
-    }
-  }, [document, selectedBlockId, moveBlock2]);
-  const moveSelectedDown = useCallback(() => {
-    if (!selectedBlockId)
-      return;
-    const currentIndex = getBlockIndex(document, selectedBlockId);
-    if (currentIndex < blocks.length - 1) {
-      moveBlock2(selectedBlockId, currentIndex + 1);
-    }
-  }, [document, blocks, selectedBlockId, moveBlock2]);
-  return {
-    selectedBlockId,
-    selectedBlock,
-    selectBlock,
-    selectNext,
-    selectPrevious,
-    deleteSelected,
-    updateSelectedContent,
-    duplicateSelected,
-    moveSelectedUp,
-    moveSelectedDown
-  };
-}
-
-// src/index.ts
-import {
-  paragraph,
-  heading,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  bulletList,
-  numberedList,
-  checkListItem,
-  checkList,
-  codeBlock,
-  blockquote,
-  divider,
-  image,
-  callout,
-  text,
-  bold,
-  italic,
-  code,
-  link
-} from "@create-markdown/core";
-var VERSION = "0.1.0";
-export {
-  useMarkdown,
-  useDocument,
-  useBlockEditor,
-  text,
-  paragraph,
-  numberedList,
-  link,
-  italic,
-  image,
-  heading,
-  h6,
-  h5,
-  h4,
-  h3,
-  h2,
-  h1,
-  divider,
-  codeBlock,
-  code,
-  checkListItem,
-  checkList,
-  callout,
-  bulletList,
-  bold,
-  blockquote,
-  VERSION,
-  InlineContent,
-  BlockRenderer,
-  BlockElement
-};
+import{jsx as K,jsxs as H,Fragment as M}from"react/jsx-runtime";function w({blocks:J,className:G,customRenderers:z}){return K("div",{className:G,children:J.map((V)=>K(L,{block:V,customRenderers:z},V.id))})}function L({block:J,customRenderers:G}){let z=G?.[J.type];if(z)return K(z,{block:J});switch(J.type){case"paragraph":return K(j,{block:J});case"heading":return K(i,{block:J});case"bulletList":return K(B,{block:J,customRenderers:G});case"numberedList":return K(I,{block:J,customRenderers:G});case"checkList":return K(m,{block:J});case"codeBlock":return K(x,{block:J});case"blockquote":return K(u,{block:J});case"table":return K(a,{block:J});case"image":return K(b,{block:J});case"divider":return K(r,{});case"callout":return K(k,{block:J});default:return null}}function U({spans:J}){return K(M,{children:J.map((G,z)=>K(C,{span:G},z))})}function C({span:J}){let{text:G,styles:z}=J;if(z.code)G=K("code",{children:G});if(z.highlight)G=K("mark",{children:G});if(z.strikethrough)G=K("del",{children:G});if(z.underline)G=K("u",{children:G});if(z.italic)G=K("em",{children:G});if(z.bold)G=K("strong",{children:G});if(z.link)G=K("a",{href:z.link.url,title:z.link.title,children:G});return K(M,{children:G})}function j({block:J}){return K("p",{children:K(U,{spans:J.content})})}function i({block:J}){let G=`h${J.props.level}`;return K(G,{children:K(U,{spans:J.content})})}function B({block:J,customRenderers:G}){return K("ul",{children:J.children.map((z)=>H("li",{children:[K(U,{spans:z.content}),z.children.length>0&&K(L,{block:z,customRenderers:G})]},z.id))})}function I({block:J,customRenderers:G}){return K("ol",{children:J.children.map((z)=>H("li",{children:[K(U,{spans:z.content}),z.children.length>0&&K(L,{block:z,customRenderers:G})]},z.id))})}function m({block:J}){return H("div",{style:{display:"flex",alignItems:"flex-start",gap:"0.5rem"},children:[K("input",{type:"checkbox",checked:J.props.checked,readOnly:!0,style:{marginTop:"0.25rem"}}),K("span",{style:{textDecoration:J.props.checked?"line-through":"none"},children:K(U,{spans:J.content})})]})}function x({block:J}){let G=J.content.map((V)=>V.text).join(""),z=J.props.language;return K("pre",{children:K("code",{className:z?`language-${z}`:void 0,children:G})})}function u({block:J}){return K("blockquote",{children:K(U,{spans:J.content})})}function a({block:J}){let{headers:G,rows:z,alignments:V}=J.props,q=(Z)=>{return V?.[Z]??void 0};return H("table",{children:[G.length>0&&K("thead",{children:K("tr",{children:G.map((Z,$)=>K("th",{style:{textAlign:q($)},children:Z},$))})}),K("tbody",{children:z.map((Z,$)=>K("tr",{children:Z.map((O,_)=>K("td",{style:{textAlign:q(_)},children:O},_))},$))})]})}function b({block:J}){return H("figure",{children:[K("img",{src:J.props.url,alt:J.props.alt??"",title:J.props.title,width:J.props.width,height:J.props.height}),J.props.alt&&K("figcaption",{children:J.props.alt})]})}function r(){return K("hr",{})}function k({block:J}){let G=J.props.type,z={padding:"1rem",borderRadius:"0.25rem",borderLeft:"4px solid",marginBottom:"1rem"},V={info:{borderColor:"#3b82f6",backgroundColor:"#eff6ff"},warning:{borderColor:"#f59e0b",backgroundColor:"#fffbeb"},tip:{borderColor:"#10b981",backgroundColor:"#ecfdf5"},danger:{borderColor:"#ef4444",backgroundColor:"#fef2f2"},note:{borderColor:"#6b7280",backgroundColor:"#f9fafb"}},q=V[G]??V.note;return H("div",{style:{...z,borderLeftColor:q.borderColor,backgroundColor:q.backgroundColor},role:"alert",children:[K("strong",{style:{textTransform:"capitalize",display:"block",marginBottom:"0.5rem"},children:G}),K(U,{spans:J.content})]})}import{useState as y,useCallback as X,useMemo as S}from"react";import{createDocument as n,insertBlock as d,appendBlock as s,removeBlock as t,updateBlock as o,moveBlock as l,findBlock as g,getBlockIndex as A,clearBlocks as c,setBlocks as h,updateMeta as e,markdownToBlocks as R,blocksToMarkdown as p}from"@create-markdown/core";function zz(J=[],G){let[z,V]=y(()=>n(J,G)),q=X((W,Y)=>{V((Q)=>d(Q,W,Y))},[]),Z=X((W)=>{V((Y)=>s(Y,W))},[]),$=X((W)=>{V((Y)=>t(Y,W))},[]),O=X((W,Y)=>{V((Q)=>o(Q,W,Y))},[]),_=X((W,Y)=>{V((Q)=>l(Q,W,Y))},[]),F=X((W)=>g(z,W),[z]),P=X((W)=>A(z,W),[z]),E=X(()=>{V((W)=>c(W))},[]),N=X((W)=>{V((Y)=>h(Y,W))},[]),f=X(()=>p(z.blocks),[z]),T=X((W)=>{let Y=R(W);V((Q)=>h(Q,Y))},[]),D=X((W)=>{V((Y)=>e(Y,W))},[]);return{document:z,blocks:z.blocks,insertBlock:q,appendBlock:Z,removeBlock:$,updateBlock:O,moveBlock:_,findBlock:F,getBlockIndex:P,clearBlocks:E,setBlocks:N,setDocument:V,toMarkdown:f,fromMarkdown:T,updateMeta:D}}function Gz(J=""){let[G,z]=y(J),V=S(()=>R(G),[G]),q=X(($)=>{z($)},[]),Z=X(($)=>{let O=p($);z(O)},[]);return{markdown:G,blocks:V,setMarkdown:q,setBlocks:Z}}function Jz(J){let{document:G,blocks:z,removeBlock:V,updateBlock:q,moveBlock:Z,insertBlock:$}=J,[O,_]=y(null),F=S(()=>O?g(G,O):void 0,[G,O]),P=X((Q)=>{_(Q)},[]),E=X(()=>{if(!O){if(z.length>0)_(z[0].id);return}let Q=A(G,O);if(Q<z.length-1)_(z[Q+1].id)},[G,z,O]),N=X(()=>{if(!O){if(z.length>0)_(z[z.length-1].id);return}let Q=A(G,O);if(Q>0)_(z[Q-1].id)},[G,z,O]),f=X(()=>{if(!O)return;let Q=A(G,O);if(V(O),z.length>1){if(Q<z.length-1)_(z[Q+1].id);else if(Q>0)_(z[Q-1].id)}else _(null)},[G,z,O,V]),T=X((Q)=>{if(!O)return;q(O,{content:Q})},[O,q]),D=X(()=>{if(!O||!F)return;let Q=A(G,O),v={...F,id:Math.random().toString(36).substring(2,9)};$(v,Q+1),_(v.id)},[G,O,F,$]),W=X(()=>{if(!O)return;let Q=A(G,O);if(Q>0)Z(O,Q-1)},[G,O,Z]),Y=X(()=>{if(!O)return;let Q=A(G,O);if(Q<z.length-1)Z(O,Q+1)},[G,z,O,Z]);return{selectedBlockId:O,selectedBlock:F,selectBlock:P,selectNext:E,selectPrevious:N,deleteSelected:f,updateSelectedContent:T,duplicateSelected:D,moveSelectedUp:W,moveSelectedDown:Y}}import{paragraph as qz,heading as Uz,h1 as Az,h2 as Fz,h3 as Hz,h4 as Lz,h5 as Pz,h6 as Ez,bulletList as Nz,numberedList as fz,checkListItem as Tz,checkList as Dz,codeBlock as yz,blockquote as vz,divider as Mz,image as hz,callout as Sz,text as gz,bold as Rz,italic as pz,code as wz,link as Cz}from"@create-markdown/core";var Xz="0.2.0";export{Gz as useMarkdown,zz as useDocument,Jz as useBlockEditor,gz as text,qz as paragraph,fz as numberedList,Cz as link,pz as italic,hz as image,Uz as heading,Ez as h6,Pz as h5,Lz as h4,Hz as h3,Fz as h2,Az as h1,Mz as divider,yz as codeBlock,wz as code,Tz as checkListItem,Dz as checkList,Sz as callout,Nz as bulletList,Rz as bold,vz as blockquote,Xz as VERSION,U as InlineContent,w as BlockRenderer,L as BlockElement};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@create-markdown/react",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "React components and hooks for @create-markdown",
   "author": "Val Alexander <val@viewdue.ai>",
   "license": "MIT",
@@ -41,8 +41,8 @@
   ],
   "scripts": {
     "build": "bun run build:esm && bun run build:cjs && bun run build:types",
-    "build:esm": "bun build ./src/index.ts --outfile ./dist/index.js --format esm --external react --external @create-markdown/core",
-    "build:cjs": "bun build ./src/index.ts --outfile ./dist/index.cjs --format cjs --external react --external @create-markdown/core",
+    "build:esm": "bun build ./src/index.ts --outfile ./dist/index.js --format esm --external react --external @create-markdown/core --production",
+    "build:cjs": "bun build ./src/index.ts --outfile ./dist/index.cjs --format cjs --external react --external @create-markdown/core --production",
     "build:types": "tsc --emitDeclarationOnly --declaration --outDir dist",
     "dev": "bun run --watch src/index.ts",
     "clean": "rm -rf dist",
@@ -50,9 +50,6 @@
     "test": "vitest run",
     "test:watch": "vitest"
   },
-  "dependencies": {
-    "@create-markdown/core": "workspace:*"
-  },
   "devDependencies": {
     "@testing-library/react": "^16.0.0",
     "@types/react": "^18.2.0",
@@ -63,6 +60,7 @@
     "vitest": "^2.1.0"
   },
   "peerDependencies": {
+    "@create-markdown/core": ">=0.2.0",
     "react": ">=18.0.0"
   },
   "engines": {