@create-markdown/react 0.1.0 → 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Val Alexander
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -5,8 +5,8 @@ React components and hooks for @create-markdown.
 ## Installation
 
 ```bash
-# Using bun
-bun add @create-markdown/react
+# Using pnpm
+pnpm add @create-markdown/react
 
 # Using npm
 npm install @create-markdown/react

package/dist/index.cjs

@@ -1,520 +1,2 @@
-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";
+"use strict";var S=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var U=(o,e)=>{for(var t in e)S(o,t,{get:e[t],enumerable:!0})},N=(o,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let k of M(e))!L.call(o,k)&&k!==t&&S(o,k,{get:()=>e[k],enumerable:!(i=D(e,k))||i.enumerable});return o};var q=o=>N(S({},"__esModule",{value:!0}),o);var W={};U(W,{BlockElement:()=>b,BlockRenderer:()=>w,InlineContent:()=>g,VERSION:()=>Q,blockquote:()=>r.blockquote,bold:()=>r.bold,bulletList:()=>r.bulletList,callout:()=>r.callout,checkList:()=>r.checkList,checkListItem:()=>r.checkListItem,code:()=>r.code,codeBlock:()=>r.codeBlock,divider:()=>r.divider,h1:()=>r.h1,h2:()=>r.h2,h3:()=>r.h3,h4:()=>r.h4,h5:()=>r.h5,h6:()=>r.h6,heading:()=>r.heading,image:()=>r.image,italic:()=>r.italic,link:()=>r.link,numberedList:()=>r.numberedList,paragraph:()=>r.paragraph,text:()=>r.text,useBlockEditor:()=>P,useDocument:()=>T,useMarkdown:()=>E});module.exports=q(W);var n=require("react/jsx-runtime");function w({blocks:o,className:e,customRenderers:t}){return(0,n.jsx)("div",{className:e,children:o.map(i=>(0,n.jsx)(b,{block:i,customRenderers:t},i.id))})}function b({block:o,customRenderers:e}){let t=e?.[o.type];if(t)return(0,n.jsx)(t,{block:o});switch(o.type){case"paragraph":return(0,n.jsx)(H,{block:o});case"heading":return(0,n.jsx)(A,{block:o});case"bulletList":return(0,n.jsx)($,{block:o,customRenderers:e});case"numberedList":return(0,n.jsx)(z,{block:o,customRenderers:e});case"checkList":return(0,n.jsx)(F,{block:o});case"codeBlock":return(0,n.jsx)(J,{block:o});case"blockquote":return(0,n.jsx)(V,{block:o});case"table":return(0,n.jsx)(X,{block:o});case"image":return(0,n.jsx)(j,{block:o});case"divider":return(0,n.jsx)(G,{});case"callout":return(0,n.jsx)(K,{block:o});default:return null}}function g({spans:o}){return(0,n.jsx)(n.Fragment,{children:o.map((e,t)=>(0,n.jsx)(O,{span:e},t))})}function O({span:o}){let e=o.text,t=o.styles;return t.code&&(e=(0,n.jsx)("code",{children:e})),t.highlight&&(e=(0,n.jsx)("mark",{children:e})),t.strikethrough&&(e=(0,n.jsx)("del",{children:e})),t.underline&&(e=(0,n.jsx)("u",{children:e})),t.italic&&(e=(0,n.jsx)("em",{children:e})),t.bold&&(e=(0,n.jsx)("strong",{children:e})),t.link&&(e=(0,n.jsx)("a",{href:t.link.url,title:t.link.title,children:e})),(0,n.jsx)(n.Fragment,{children:e})}function H({block:o}){return(0,n.jsx)("p",{children:(0,n.jsx)(g,{spans:o.content})})}function A({block:o}){let e=`h${o.props.level}`;return(0,n.jsx)(e,{children:(0,n.jsx)(g,{spans:o.content})})}function $({block:o,customRenderers:e}){return(0,n.jsx)("ul",{children:o.children.map(t=>(0,n.jsxs)("li",{children:[(0,n.jsx)(g,{spans:t.content}),t.children.length>0&&(0,n.jsx)(b,{block:t,customRenderers:e})]},t.id))})}function z({block:o,customRenderers:e}){return(0,n.jsx)("ol",{children:o.children.map(t=>(0,n.jsxs)("li",{children:[(0,n.jsx)(g,{spans:t.content}),t.children.length>0&&(0,n.jsx)(b,{block:t,customRenderers:e})]},t.id))})}function F({block:o}){return(0,n.jsxs)("div",{style:{display:"flex",alignItems:"flex-start",gap:"0.5rem"},children:[(0,n.jsx)("input",{type:"checkbox",checked:o.props.checked,readOnly:!0,style:{marginTop:"0.25rem"}}),(0,n.jsx)("span",{style:{textDecoration:o.props.checked?"line-through":"none"},children:(0,n.jsx)(g,{spans:o.content})})]})}function J({block:o}){let e=o.content.map(i=>i.text).join(""),t=o.props.language;return(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:t?`language-${t}`:void 0,children:e})})}function V({block:o}){return(0,n.jsx)("blockquote",{children:(0,n.jsx)(g,{spans:o.content})})}function X({block:o}){let{headers:e,rows:t,alignments:i}=o.props,k=p=>i?.[p]??void 0;return(0,n.jsxs)("table",{children:[e.length>0&&(0,n.jsx)("thead",{children:(0,n.jsx)("tr",{children:e.map((p,B)=>(0,n.jsx)("th",{style:{textAlign:k(B)},children:p},B))})}),(0,n.jsx)("tbody",{children:t.map((p,B)=>(0,n.jsx)("tr",{children:p.map((l,m)=>(0,n.jsx)("td",{style:{textAlign:k(m)},children:l},m))},B))})]})}function j({block:o}){return(0,n.jsxs)("figure",{children:[(0,n.jsx)("img",{src:o.props.url,alt:o.props.alt??"",title:o.props.title,width:o.props.width,height:o.props.height}),o.props.alt&&(0,n.jsx)("figcaption",{children:o.props.alt})]})}function G(){return(0,n.jsx)("hr",{})}function K({block:o}){let e=o.props.type,t={padding:"1rem",borderRadius:"0.25rem",borderLeft:"4px solid",marginBottom:"1rem"},i={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"}},k=i[e]??i.note;return(0,n.jsxs)("div",{style:{...t,borderLeftColor:k.borderColor,backgroundColor:k.backgroundColor},role:"alert",children:[(0,n.jsx)("strong",{style:{textTransform:"capitalize",display:"block",marginBottom:"0.5rem"},children:e}),(0,n.jsx)(g,{spans:o.content})]})}var a=require("react"),c=require("@create-markdown/core");function T(o=[],e){let[t,i]=(0,a.useState)(()=>(0,c.createDocument)(o,e)),k=(0,a.useCallback)((d,u)=>{i(s=>(0,c.insertBlock)(s,d,u))},[]),p=(0,a.useCallback)(d=>{i(u=>(0,c.appendBlock)(u,d))},[]),B=(0,a.useCallback)(d=>{i(u=>(0,c.removeBlock)(u,d))},[]),l=(0,a.useCallback)((d,u)=>{i(s=>(0,c.updateBlock)(s,d,u))},[]),m=(0,a.useCallback)((d,u)=>{i(s=>(0,c.moveBlock)(s,d,u))},[]),f=(0,a.useCallback)(d=>(0,c.findBlock)(t,d),[t]),R=(0,a.useCallback)(d=>(0,c.getBlockIndex)(t,d),[t]),h=(0,a.useCallback)(()=>{i(d=>(0,c.clearBlocks)(d))},[]),C=(0,a.useCallback)(d=>{i(u=>(0,c.setBlocks)(u,d))},[]),x=(0,a.useCallback)(()=>(0,c.blocksToMarkdown)(t.blocks),[t]),y=(0,a.useCallback)(d=>{let u=(0,c.markdownToBlocks)(d);i(s=>(0,c.setBlocks)(s,u))},[]),v=(0,a.useCallback)(d=>{i(u=>(0,c.updateMeta)(u,d))},[]);return{document:t,blocks:t.blocks,insertBlock:k,appendBlock:p,removeBlock:B,updateBlock:l,moveBlock:m,findBlock:f,getBlockIndex:R,clearBlocks:h,setBlocks:C,setDocument:i,toMarkdown:x,fromMarkdown:y,updateMeta:v}}function E(o=""){let[e,t]=(0,a.useState)(o),i=(0,a.useMemo)(()=>(0,c.markdownToBlocks)(e),[e]),k=(0,a.useCallback)(B=>{t(B)},[]),p=(0,a.useCallback)(B=>{let l=(0,c.blocksToMarkdown)(B);t(l)},[]);return{markdown:e,blocks:i,setMarkdown:k,setBlocks:p}}function P(o){let{document:e,blocks:t,removeBlock:i,updateBlock:k,moveBlock:p,insertBlock:B}=o,[l,m]=(0,a.useState)(null),f=(0,a.useMemo)(()=>l?(0,c.findBlock)(e,l):void 0,[e,l]),R=(0,a.useCallback)(s=>{m(s)},[]),h=(0,a.useCallback)(()=>{if(!l){t.length>0&&m(t[0].id);return}let s=(0,c.getBlockIndex)(e,l);s<t.length-1&&m(t[s+1].id)},[e,t,l]),C=(0,a.useCallback)(()=>{if(!l){t.length>0&&m(t[t.length-1].id);return}let s=(0,c.getBlockIndex)(e,l);s>0&&m(t[s-1].id)},[e,t,l]),x=(0,a.useCallback)(()=>{if(!l)return;let s=(0,c.getBlockIndex)(e,l);i(l),t.length>1?s<t.length-1?m(t[s+1].id):s>0&&m(t[s-1].id):m(null)},[e,t,l,i]),y=(0,a.useCallback)(s=>{l&&k(l,{content:s})},[l,k]),v=(0,a.useCallback)(()=>{if(!l||!f)return;let s=(0,c.getBlockIndex)(e,l),I={...f,id:Math.random().toString(36).substring(2,9)};B(I,s+1),m(I.id)},[e,l,f,B]),d=(0,a.useCallback)(()=>{if(!l)return;let s=(0,c.getBlockIndex)(e,l);s>0&&p(l,s-1)},[e,l,p]),u=(0,a.useCallback)(()=>{if(!l)return;let s=(0,c.getBlockIndex)(e,l);s<t.length-1&&p(l,s+1)},[e,t,l,p]);return{selectedBlockId:l,selectedBlock:f,selectBlock:R,selectNext:h,selectPrevious:C,deleteSelected:x,updateSelectedContent:y,duplicateSelected:v,moveSelectedUp:d,moveSelectedDown:u}}var r=require("@create-markdown/core"),Q="2.0.0";0&&(module.exports={BlockElement,BlockRenderer,InlineContent,VERSION,blockquote,bold,bulletList,callout,checkList,checkListItem,code,codeBlock,divider,h1,h2,h3,h4,h5,h6,heading,image,italic,link,numberedList,paragraph,text,useBlockEditor,useDocument,useMarkdown});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/block-renderer.tsx","../src/hooks.ts"],"sourcesContent":["/**\n * @create-markdown/react\n * React components and hooks for @create-markdown\n */\n\n// Components\nexport {\n  BlockRenderer,\n  BlockElement,\n  InlineContent,\n} from './block-renderer';\n\nexport type {\n  BlockRendererProps,\n  BlockRenderers,\n  SingleBlockProps,\n} from './block-renderer';\n\n// Hooks\nexport {\n  useDocument,\n  useMarkdown,\n  useBlockEditor,\n} from './hooks';\n\nexport type {\n  UseDocumentReturn,\n  UseMarkdownReturn,\n  UseBlockEditorReturn,\n} from './hooks';\n\n// Re-export types that are commonly needed with React components\nexport type {\n  Block,\n  BlockType,\n  Document,\n  TextSpan,\n  InlineStyle,\n} from '@create-markdown/core';\n\n// Re-export block factories for convenience\nexport {\n  paragraph,\n  heading,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  bulletList,\n  numberedList,\n  checkListItem,\n  checkList,\n  codeBlock,\n  blockquote,\n  divider,\n  image,\n  callout,\n  text,\n  bold,\n  italic,\n  code,\n  link,\n} from '@create-markdown/core';\n\n// ============================================================================\n// Package Info\n// ============================================================================\n\n/**\n * Package version\n */\nexport const VERSION = '2.0.0';\n","/**\n * @create-markdown/react - Block Renderer\n * Render blocks as React elements\n */\n\nimport React from 'react';\nimport type {\n    Block,\n    TextSpan,\n    HeadingBlock,\n    CodeBlockBlock,\n    ImageBlock,\n    TableBlock,\n    CalloutBlock,\n    CheckListBlock,\n} from '@create-markdown/core';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface BlockRendererProps {\n    /** Blocks to render */\n    blocks: Block[];\n    /** Custom class name for the container */\n    className?: string;\n    /** Custom renderers for specific block types */\n    customRenderers?: Partial<BlockRenderers>;\n}\n\nexport interface BlockRenderers {\n    paragraph: React.ComponentType<{ block: Block }>;\n    heading: React.ComponentType<{ block: HeadingBlock }>;\n    bulletList: React.ComponentType<{ block: Block }>;\n    numberedList: React.ComponentType<{ block: Block }>;\n    checkList: React.ComponentType<{ block: CheckListBlock }>;\n    codeBlock: React.ComponentType<{ block: CodeBlockBlock }>;\n    blockquote: React.ComponentType<{ block: Block }>;\n    table: React.ComponentType<{ block: TableBlock }>;\n    image: React.ComponentType<{ block: ImageBlock }>;\n    divider: React.ComponentType<{ block: Block }>;\n    callout: React.ComponentType<{ block: CalloutBlock }>;\n}\n\nexport interface SingleBlockProps {\n    block: Block;\n    customRenderers?: Partial<BlockRenderers>;\n}\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\n/**\n * Renders: array of blocks as React elements\n */\nexport function BlockRenderer({\n    blocks,\n    className,\n    customRenderers,\n}: BlockRendererProps): React.ReactElement {\n    return (\n        <div className={className}>\n            {blocks.map((block) => (\n                <BlockElement\n                    key={block.id}\n                    block={block}\n                    customRenderers={customRenderers}\n                />\n            ))}\n        </div>\n    );\n}\n\n/**\n * Renders: single block\n */\nexport function BlockElement({\n    block,\n    customRenderers,\n}: SingleBlockProps): React.ReactElement | null {\n    // Check for custom renderer first\n    const CustomRenderer = customRenderers?.[block.type as keyof BlockRenderers];\n    if (CustomRenderer) {\n        return <CustomRenderer block={block as never} />;\n    }\n\n    // Use default renderers\n    switch (block.type) {\n        case 'paragraph':\n            return <ParagraphRenderer block={block} />;\n\n        case 'heading':\n            return <HeadingRenderer block={block as HeadingBlock} />;\n\n        case 'bulletList':\n            return <BulletListRenderer block={block} customRenderers={customRenderers} />;\n\n        case 'numberedList':\n            return <NumberedListRenderer block={block} customRenderers={customRenderers} />;\n\n        case 'checkList':\n            return <CheckListRenderer block={block as CheckListBlock} />;\n\n        case 'codeBlock':\n            return <CodeBlockRenderer block={block as CodeBlockBlock} />;\n\n        case 'blockquote':\n            return <BlockquoteRenderer block={block} />;\n\n        case 'table':\n            return <TableRenderer block={block as TableBlock} />;\n\n        case 'image':\n            return <ImageRenderer block={block as ImageBlock} />;\n\n        case 'divider':\n            return <DividerRenderer />;\n\n        case 'callout':\n            return <CalloutRenderer block={block as CalloutBlock} />;\n\n        default:\n            return null;\n    }\n}\n\n// ============================================================================\n// Inline Content Renderer\n// ============================================================================\n\ninterface InlineContentProps {\n    spans: TextSpan[];\n}\n\n/**\n * Renders: inline content (text spans with styles)\n */\nexport function InlineContent({ spans }: InlineContentProps): React.ReactElement {\n    return (\n        <>\n            {spans.map((span, index) => (\n                <SpanElement key={index} span={span} />\n            ))}\n        </>\n    );\n}\n\ninterface SpanProps {\n    span: TextSpan;\n}\n\n/**\n * Renders: single text span with styles\n */\nfunction SpanElement({ span }: SpanProps): React.ReactElement {\n    let content: React.ReactNode = span.text;\n    const styles = span.styles;\n\n    // Apply styles from innermost to outermost\n    if (styles.code) {\n        content = <code>{content}</code>;\n    }\n\n    if (styles.highlight) {\n        content = <mark>{content}</mark>;\n    }\n\n    if (styles.strikethrough) {\n        content = <del>{content}</del>;\n    }\n\n    if (styles.underline) {\n        content = <u>{content}</u>;\n    }\n\n    if (styles.italic) {\n        content = <em>{content}</em>;\n    }\n\n    if (styles.bold) {\n        content = <strong>{content}</strong>;\n    }\n\n    if (styles.link) {\n        content = (\n            <a href={styles.link.url} title={styles.link.title}>\n                {content}\n            </a>\n        );\n    }\n\n    return <>{content}</>;\n}\n\n// ============================================================================\n// Block Renderers\n// ============================================================================\n\n/**\n * Renders: paragraph block\n */\nfunction ParagraphRenderer({ block }: { block: Block }): React.ReactElement {\n    return (\n        <p>\n            <InlineContent spans={block.content} />\n        </p>\n    );\n}\n\n/**\n * Renders: heading block\n */\nfunction HeadingRenderer({ block }: { block: HeadingBlock }): React.ReactElement {\n    const Tag = `h${block.props.level}` as keyof React.JSX.IntrinsicElements;\n\n    return (\n        <Tag>\n            <InlineContent spans={block.content} />\n        </Tag>\n    );\n}\n\n/**\n * Renders: bullet list block\n */\nfunction BulletListRenderer({\n    block,\n    customRenderers,\n}: {\n    block: Block;\n    customRenderers?: Partial<BlockRenderers>;\n}): React.ReactElement {\n    return (\n        <ul>\n            {block.children.map((child) => (\n                <li key={child.id}>\n                    <InlineContent spans={child.content} />\n                    {child.children.length > 0 && (\n                        <BlockElement block={child} customRenderers={customRenderers} />\n                    )}\n                </li>\n            ))}\n        </ul>\n    );\n}\n\n/**\n * Renders: numbered list block\n */\nfunction NumberedListRenderer({\n    block,\n    customRenderers,\n}: {\n    block: Block;\n    customRenderers?: Partial<BlockRenderers>;\n}): React.ReactElement {\n    return (\n        <ol>\n            {block.children.map((child) => (\n                <li key={child.id}>\n                    <InlineContent spans={child.content} />\n                    {child.children.length > 0 && (\n                        <BlockElement block={child} customRenderers={customRenderers} />\n                    )}\n                </li>\n            ))}\n        </ol>\n    );\n}\n\n/**\n * Renders: checklist block\n */\nfunction CheckListRenderer({ block }: { block: CheckListBlock }): React.ReactElement {\n    return (\n        <div style={{ display: 'flex', alignItems: 'flex-start', gap: '0.5rem' }}>\n            <input\n                type=\"checkbox\"\n                checked={block.props.checked}\n                readOnly\n                style={{ marginTop: '0.25rem' }}\n            />\n            <span style={{ textDecoration: block.props.checked ? 'line-through' : 'none' }}>\n                <InlineContent spans={block.content} />\n            </span>\n        </div>\n    );\n}\n\n/**\n * Renders: code block block\n */\nfunction CodeBlockRenderer({ block }: { block: CodeBlockBlock }): React.ReactElement {\n    const code = block.content.map((span) => span.text).join('');\n    const language = block.props.language;\n\n    return (\n        <pre>\n            <code className={language ? `language-${language}` : undefined}>\n                {code}\n            </code>\n        </pre>\n    );\n}\n\n/**\n * Renders: blockquote block\n */\nfunction BlockquoteRenderer({ block }: { block: Block }): React.ReactElement {\n    return (\n        <blockquote>\n            <InlineContent spans={block.content} />\n        </blockquote>\n    );\n}\n\n/**\n * Renders: table block\n */\nfunction TableRenderer({ block }: { block: TableBlock }): React.ReactElement {\n    const { headers, rows, alignments } = block.props;\n\n    const getAlignment = (index: number): React.CSSProperties['textAlign'] => {\n        return alignments?.[index] ?? undefined;\n    };\n\n    return (\n        <table>\n            {headers.length > 0 && (\n                <thead>\n                    <tr>\n                        {headers.map((header, i) => (\n                            <th key={i} style={{ textAlign: getAlignment(i) }}>\n                                {header}\n                            </th>\n                        ))}\n                    </tr>\n                </thead>\n            )}\n            <tbody>\n                {rows.map((row, rowIndex) => (\n                    <tr key={rowIndex}>\n                        {row.map((cell, cellIndex) => (\n                            <td key={cellIndex} style={{ textAlign: getAlignment(cellIndex) }}>\n                                {cell}\n                            </td>\n                        ))}\n                    </tr>\n                ))}\n            </tbody>\n        </table>\n    );\n}\n\n/**\n * Renders: image block\n */\nfunction ImageRenderer({ block }: { block: ImageBlock }): React.ReactElement {\n    return (\n        <figure>\n            <img\n                src={block.props.url}\n                alt={block.props.alt ?? ''}\n                title={block.props.title}\n                width={block.props.width}\n                height={block.props.height}\n            />\n            {block.props.alt && <figcaption>{block.props.alt}</figcaption>}\n        </figure>\n    );\n}\n\n/**\n * Renders: divider block\n */\nfunction DividerRenderer(): React.ReactElement {\n    return <hr />;\n}\n\n/**\n * Renders: callout block\n */\nfunction CalloutRenderer({ block }: { block: CalloutBlock }): React.ReactElement {\n    const calloutType = block.props.type;\n\n    const styles: React.CSSProperties = {\n        padding: '1rem',\n        borderRadius: '0.25rem',\n        borderLeft: '4px solid',\n        marginBottom: '1rem',\n    };\n\n    // Color based on callout type\n    const colors: Record<string, { borderColor: string; backgroundColor: string }> = {\n        info: { borderColor: '#3b82f6', backgroundColor: '#eff6ff' },\n        warning: { borderColor: '#f59e0b', backgroundColor: '#fffbeb' },\n        tip: { borderColor: '#10b981', backgroundColor: '#ecfdf5' },\n        danger: { borderColor: '#ef4444', backgroundColor: '#fef2f2' },\n        note: { borderColor: '#6b7280', backgroundColor: '#f9fafb' },\n    };\n\n    const colorStyle = colors[calloutType] ?? colors.note;\n\n    return (\n        <div\n            style={{\n                ...styles,\n                borderLeftColor: colorStyle.borderColor,\n                backgroundColor: colorStyle.backgroundColor,\n            }}\n            role=\"alert\"\n        >\n            <strong style={{ textTransform: 'capitalize', display: 'block', marginBottom: '0.5rem' }}>\n                {calloutType}\n            </strong>\n            <InlineContent spans={block.content} />\n        </div>\n    );\n}\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport default BlockRenderer;\n","/**\n * @create-markdown/react - Hooks\n * State management hooks for document manipulation\n */\n\nimport { useState, useCallback, useMemo } from 'react';\nimport type { Block, Document, DocumentOptions, TextSpan } from '@create-markdown/core';\nimport {\n  createDocument,\n  insertBlock,\n  appendBlock,\n  removeBlock,\n  updateBlock,\n  moveBlock,\n  findBlock,\n  getBlockIndex,\n  clearBlocks,\n  setBlocks,\n  updateMeta,\n  markdownToBlocks,\n  blocksToMarkdown,\n} from '@create-markdown/core';\n\n// ============================================================================\n// useDocument Hook\n// ============================================================================\n\nexport interface UseDocumentReturn {\n  /** Current document state */\n  document: Document;\n  /** Blocks in the document */\n  blocks: Block[];\n  \n  // Block operations\n  /** Insert: block at a specific index */\n  insertBlock: (block: Block, index?: number) => void;\n  /** Append: block to the end */\n  appendBlock: (block: Block) => void;\n  /** Remove: block by ID */\n  removeBlock: (blockId: string) => void;\n  /** Update: block by ID */\n  updateBlock: (blockId: string, updates: Partial<Omit<Block, 'id' | 'type'>>) => void;\n  /** Move: block to a new index */\n  moveBlock: (blockId: string, newIndex: number) => void;\n  /** Find: block by ID */\n  findBlock: (blockId: string) => Block | undefined;\n  /** Get: index of a block */\n  getBlockIndex: (blockId: string) => number;\n  \n  // Bulk operations\n  /** Clear: all blocks */\n  clearBlocks: () => void;\n  /** Replace: entire document with new blocks */\n  setBlocks: (blocks: Block[]) => void;\n  /** Set: entire document */\n  setDocument: (doc: Document) => void;\n  \n  // Markdown operations\n  /** Get: document as markdown */\n  toMarkdown: () => string;\n  /** Load: markdown into the document */\n  fromMarkdown: (markdown: string) => void;\n  \n  // Metadata operations\n  /** Update: document metadata */\n  updateMeta: (meta: Partial<Document['meta']>) => void;\n}\n\n/**\n * Hook for managing: document with blocks\n * \n * @example\n * ```tsx\n * function Editor() {\n *   const { blocks, appendBlock, toMarkdown } = useDocument();\n *   \n *   const addParagraph = () => {\n *     appendBlock(paragraph('New paragraph'));\n *   };\n *   \n *   return (\n *     <div>\n *       <BlockRenderer blocks={blocks} />\n *       <button onClick={addParagraph}>Add Paragraph</button>\n *       <button onClick={() => console.log(toMarkdown())}>Export</button>\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useDocument(\n  initialBlocks: Block[] = [],\n  options?: DocumentOptions\n): UseDocumentReturn {\n  const [document, setDocument] = useState<Document>(() =>\n    createDocument(initialBlocks, options)\n  );\n  \n  const insert = useCallback((block: Block, index?: number) => {\n    setDocument((doc) => insertBlock(doc, block, index));\n  }, []);\n  \n  const append = useCallback((block: Block) => {\n    setDocument((doc) => appendBlock(doc, block));\n  }, []);\n  \n  const remove = useCallback((blockId: string) => {\n    setDocument((doc) => removeBlock(doc, blockId));\n  }, []);\n  \n  const update = useCallback(\n    (blockId: string, updates: Partial<Omit<Block, 'id' | 'type'>>) => {\n      setDocument((doc) => updateBlock(doc, blockId, updates));\n    },\n    []\n  );\n  \n  const move = useCallback((blockId: string, newIndex: number) => {\n    setDocument((doc) => moveBlock(doc, blockId, newIndex));\n  }, []);\n  \n  const find = useCallback(\n    (blockId: string) => findBlock(document, blockId),\n    [document]\n  );\n  \n  const getIndex = useCallback(\n    (blockId: string) => getBlockIndex(document, blockId),\n    [document]\n  );\n  \n  const clear = useCallback(() => {\n    setDocument((doc) => clearBlocks(doc));\n  }, []);\n  \n  const set = useCallback((blocks: Block[]) => {\n    setDocument((doc) => setBlocks(doc, blocks));\n  }, []);\n  \n  const toMd = useCallback(() => blocksToMarkdown(document.blocks), [document]);\n  \n  const fromMd = useCallback((markdown: string) => {\n    const blocks = markdownToBlocks(markdown);\n    setDocument((doc) => setBlocks(doc, blocks));\n  }, []);\n  \n  const meta = useCallback((newMeta: Partial<Document['meta']>) => {\n    setDocument((doc) => updateMeta(doc, newMeta));\n  }, []);\n  \n  return {\n    document,\n    blocks: document.blocks,\n    insertBlock: insert,\n    appendBlock: append,\n    removeBlock: remove,\n    updateBlock: update,\n    moveBlock: move,\n    findBlock: find,\n    getBlockIndex: getIndex,\n    clearBlocks: clear,\n    setBlocks: set,\n    setDocument,\n    toMarkdown: toMd,\n    fromMarkdown: fromMd,\n    updateMeta: meta,\n  };\n}\n\n// ============================================================================\n// useMarkdown Hook\n// ============================================================================\n\nexport interface UseMarkdownReturn {\n  /** Current markdown string */\n  markdown: string;\n  /** Parsed blocks */\n  blocks: Block[];\n  /** Update: markdown content */\n  setMarkdown: (markdown: string) => void;\n  /** Update: blocks (will update markdown too) */\n  setBlocks: (blocks: Block[]) => void;\n}\n\n/**\n * Hook for bidirectional: markdown/blocks state\n * \n * @example\n * ```tsx\n * function MarkdownEditor() {\n *   const { markdown, blocks, setMarkdown } = useMarkdown('# Hello');\n *   \n *   return (\n *     <div>\n *       <textarea\n *         value={markdown}\n *         onChange={(e) => setMarkdown(e.target.value)}\n *       />\n *       <BlockRenderer blocks={blocks} />\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useMarkdown(initialMarkdown: string = ''): UseMarkdownReturn {\n  const [markdown, setMarkdownState] = useState(initialMarkdown);\n  \n  const blocks = useMemo(() => markdownToBlocks(markdown), [markdown]);\n  \n  const setMarkdown = useCallback((newMarkdown: string) => {\n    setMarkdownState(newMarkdown);\n  }, []);\n  \n  const setBlocksFromBlocks = useCallback((newBlocks: Block[]) => {\n    const newMarkdown = blocksToMarkdown(newBlocks);\n    setMarkdownState(newMarkdown);\n  }, []);\n  \n  return {\n    markdown,\n    blocks,\n    setMarkdown,\n    setBlocks: setBlocksFromBlocks,\n  };\n}\n\n// ============================================================================\n// useBlockEditor Hook\n// ============================================================================\n\nexport interface UseBlockEditorReturn {\n  /** Current selected block ID */\n  selectedBlockId: string | null;\n  /** Current selected block */\n  selectedBlock: Block | undefined;\n  /** Select: block by ID */\n  selectBlock: (blockId: string | null) => void;\n  /** Select: next block */\n  selectNext: () => void;\n  /** Select: previous block */\n  selectPrevious: () => void;\n  /** Delete: selected block */\n  deleteSelected: () => void;\n  /** Update: selected block's content */\n  updateSelectedContent: (content: TextSpan[]) => void;\n  /** Duplicate: selected block */\n  duplicateSelected: () => void;\n  /** Move: selected block up */\n  moveSelectedUp: () => void;\n  /** Move: selected block down */\n  moveSelectedDown: () => void;\n}\n\n/**\n * Hook for: block selection and editing operations\n * \n * @example\n * ```tsx\n * function Editor() {\n *   const doc = useDocument();\n *   const editor = useBlockEditor(doc);\n *   \n *   return (\n *     <div>\n *       {doc.blocks.map((block) => (\n *         <div\n *           key={block.id}\n *           onClick={() => editor.selectBlock(block.id)}\n *           style={{\n *             border: editor.selectedBlockId === block.id ? '2px solid blue' : 'none'\n *           }}\n *         >\n *           <BlockElement block={block} />\n *         </div>\n *       ))}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useBlockEditor(\n  documentHook: UseDocumentReturn\n): UseBlockEditorReturn {\n  const { document, blocks, removeBlock, updateBlock, moveBlock, insertBlock } =\n    documentHook;\n  \n  const [selectedBlockId, setSelectedBlockId] = useState<string | null>(null);\n  \n  const selectedBlock = useMemo(\n    () => (selectedBlockId ? findBlock(document, selectedBlockId) : undefined),\n    [document, selectedBlockId]\n  );\n  \n  const selectBlock = useCallback((blockId: string | null) => {\n    setSelectedBlockId(blockId);\n  }, []);\n  \n  const selectNext = useCallback(() => {\n    if (!selectedBlockId) {\n      if (blocks.length > 0) {\n        setSelectedBlockId(blocks[0].id);\n      }\n      return;\n    }\n    \n    const currentIndex = getBlockIndex(document, selectedBlockId);\n    if (currentIndex < blocks.length - 1) {\n      setSelectedBlockId(blocks[currentIndex + 1].id);\n    }\n  }, [document, blocks, selectedBlockId]);\n  \n  const selectPrevious = useCallback(() => {\n    if (!selectedBlockId) {\n      if (blocks.length > 0) {\n        setSelectedBlockId(blocks[blocks.length - 1].id);\n      }\n      return;\n    }\n    \n    const currentIndex = getBlockIndex(document, selectedBlockId);\n    if (currentIndex > 0) {\n      setSelectedBlockId(blocks[currentIndex - 1].id);\n    }\n  }, [document, blocks, selectedBlockId]);\n  \n  const deleteSelected = useCallback(() => {\n    if (!selectedBlockId) return;\n    \n    const currentIndex = getBlockIndex(document, selectedBlockId);\n    removeBlock(selectedBlockId);\n    \n    // Select next block or previous if at end\n    if (blocks.length > 1) {\n      if (currentIndex < blocks.length - 1) {\n        setSelectedBlockId(blocks[currentIndex + 1].id);\n      } else if (currentIndex > 0) {\n        setSelectedBlockId(blocks[currentIndex - 1].id);\n      }\n    } else {\n      setSelectedBlockId(null);\n    }\n  }, [document, blocks, selectedBlockId, removeBlock]);\n  \n  const updateSelectedContent = useCallback(\n    (content: TextSpan[]) => {\n      if (!selectedBlockId) return;\n      updateBlock(selectedBlockId, { content });\n    },\n    [selectedBlockId, updateBlock]\n  );\n  \n  const duplicateSelected = useCallback(() => {\n    if (!selectedBlockId || !selectedBlock) return;\n    \n    const currentIndex = getBlockIndex(document, selectedBlockId);\n    const clonedBlock: Block = {\n      ...selectedBlock,\n      id: Math.random().toString(36).substring(2, 9),\n    };\n    \n    insertBlock(clonedBlock, currentIndex + 1);\n    setSelectedBlockId(clonedBlock.id);\n  }, [document, selectedBlockId, selectedBlock, insertBlock]);\n  \n  const moveSelectedUp = useCallback(() => {\n    if (!selectedBlockId) return;\n    \n    const currentIndex = getBlockIndex(document, selectedBlockId);\n    if (currentIndex > 0) {\n      moveBlock(selectedBlockId, currentIndex - 1);\n    }\n  }, [document, selectedBlockId, moveBlock]);\n  \n  const moveSelectedDown = useCallback(() => {\n    if (!selectedBlockId) return;\n    \n    const currentIndex = getBlockIndex(document, selectedBlockId);\n    if (currentIndex < blocks.length - 1) {\n      moveBlock(selectedBlockId, currentIndex + 1);\n    }\n  }, [document, blocks, selectedBlockId, moveBlock]);\n  \n  return {\n    selectedBlockId,\n    selectedBlock,\n    selectBlock,\n    selectNext,\n    selectPrevious,\n    deleteSelected,\n    updateSelectedContent,\n    duplicateSelected,\n    moveSelectedUp,\n    moveSelectedDown,\n  };\n}\n"],"mappings":"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","names":["index_exports","__export","BlockElement","BlockRenderer","InlineContent","VERSION","useBlockEditor","useDocument","useMarkdown","__toCommonJS","import_jsx_runtime","BlockRenderer","blocks","className","customRenderers","block","BlockElement","CustomRenderer","ParagraphRenderer","HeadingRenderer","BulletListRenderer","NumberedListRenderer","CheckListRenderer","CodeBlockRenderer","BlockquoteRenderer","TableRenderer","ImageRenderer","DividerRenderer","CalloutRenderer","InlineContent","spans","span","index","SpanElement","content","styles","Tag","child","code","language","headers","rows","alignments","getAlignment","header","i","row","rowIndex","cell","cellIndex","calloutType","colors","colorStyle","import_react","import_core","useDocument","initialBlocks","options","document","setDocument","insert","block","index","doc","append","remove","blockId","update","updates","move","newIndex","find","getIndex","clear","set","blocks","toMd","fromMd","markdown","meta","newMeta","useMarkdown","initialMarkdown","setMarkdownState","setMarkdown","newMarkdown","setBlocksFromBlocks","newBlocks","useBlockEditor","documentHook","removeBlock","updateBlock","moveBlock","insertBlock","selectedBlockId","setSelectedBlockId","selectedBlock","selectBlock","selectNext","currentIndex","selectPrevious","deleteSelected","updateSelectedContent","content","duplicateSelected","clonedBlock","moveSelectedUp","moveSelectedDown","import_core","VERSION"]}

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 = "2.0.0";
 //# sourceMappingURL=index.d.ts.map