create-markdown 0.2.0 → 0.2.2

package/README.md

@@ -13,8 +13,10 @@ A complete block-based markdown notes package with zero dependencies. Parse, cre
 - 🔄 **Bidirectional conversion** - Parse markdown to blocks, serialize blocks to markdown
 - 📝 **Rich inline styles** - Bold, italic, code, links, strikethrough, highlights
 - ⚛️ **React components** - Optional React bindings for rendering and editing
+- ✨ **Live WYSIWYG editing** - Interactive playground with real-time markdown rendering
 - 🪶 **Zero dependencies** - Core package has no runtime dependencies
 - 🔒 **Full TypeScript** - Complete type definitions with generics
+- 🚀 **Framework ready** - Works with Next.js, Vite, Remix, Astro, and more
 
 ## Installation
 
@@ -218,6 +220,36 @@ const content = [
 - `useMarkdown(initialMarkdown?)` - Bidirectional markdown/blocks
 - `useBlockEditor(doc)` - Selection and editing operations
 
+## Integration
+
+For detailed framework-specific setup guides, see the **[Integration Guide](./INTEGRATION.md)**.
+
+Quick links:
+- [Next.js (App Router)](./INTEGRATION.md#nextjs-app-router)
+- [Next.js (Pages Router)](./INTEGRATION.md#nextjs-pages-router)
+- [Vite + React](./INTEGRATION.md#vite--react)
+- [Remix](./INTEGRATION.md#remix)
+- [Astro](./INTEGRATION.md#astro)
+- [Node.js / Server-side](./INTEGRATION.md#nodejs--server-side)
+
+## Playground
+
+The package includes a full WYSIWYG playground editor demonstrating all features:
+
+```bash
+# Run the interactive playground
+bun run playground
+```
+
+**Playground Features:**
+- Click-to-edit blocks with live markdown rendering
+- Markdown shortcuts (`#` headings, `-` lists, `>` quotes, ``` code, `---` dividers)
+- Inline formatting (`**bold**`, `*italic*`, `` `code` ``, `~~strike~~`, `==highlight==`, `[link](url)`)
+- Keyboard shortcuts (Cmd/Ctrl+B, Cmd/Ctrl+I, Cmd/Ctrl+U)
+- List item management with Enter/Backspace/Tab
+- Dark/light theme toggle
+- Export to markdown
+
 ## Development
 
 ```bash
@@ -240,6 +272,15 @@ bun run playground
 - Bun 1.0+ (for development)
 - React 18+ (optional, for React components)
 
+## Documentation
+
+| Document | Description |
+|----------|-------------|
+| [README.md](./README.md) | Quick start and API overview |
+| [INTEGRATION.md](./INTEGRATION.md) | Framework-specific setup guides |
+| [CONTRIBUTING.md](./CONTRIBUTING.md) | Contribution guidelines |
+| [CHANGELOG.md](./CHANGELOG.md) | Version history |
+
 ## Contributing
 
 We welcome contributions! Please see [CONTRIBUTING.md](./CONTRIBUTING.md) for guidelines.

package/dist/index.cjs

@@ -1273,7 +1273,8 @@ function matchLink(text2, start, isImage = false) {
     url = titleMatch[1];
     title = titleMatch[2];
   }
-  const token = isImage ? { type: "image", content: linkText, url, title } : { type: "link", content: linkText, url, title };
+  const children = parseInlineTokens(linkText);
+  const token = isImage ? { type: "image", content: linkText, url, title, children } : { type: "link", content: linkText, url, title, children };
   return {
     token,
     end: isImage ? urlEnd + 1 : urlEnd

package/dist/index.js

@@ -1133,7 +1133,8 @@ function matchLink(text2, start, isImage = false) {
     url = titleMatch[1];
     title = titleMatch[2];
   }
-  const token = isImage ? { type: "image", content: linkText, url, title } : { type: "link", content: linkText, url, title };
+  const children = parseInlineTokens(linkText);
+  const token = isImage ? { type: "image", content: linkText, url, title, children } : { type: "link", content: linkText, url, title, children };
   return {
     token,
     end: isImage ? urlEnd + 1 : urlEnd

package/dist/parsers/inline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inline.d.ts","sourceRoot":"","sources":["../../src/parsers/inline.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAe,MAAM,UAAU,CAAC;AAkBtD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,EAAE,CAO3D;AAmfD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAGrD"}
+{"version":3,"file":"inline.d.ts","sourceRoot":"","sources":["../../src/parsers/inline.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAe,MAAM,UAAU,CAAC;AAkBtD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,EAAE,CAO3D;AAsfD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAGrD"}

package/dist/react/index.cjs

@@ -898,7 +898,8 @@ function matchLink(text, start, isImage = false) {
     url = titleMatch[1];
     title = titleMatch[2];
   }
-  const token = isImage ? { type: "image", content: linkText, url, title } : { type: "link", content: linkText, url, title };
+  const children = parseInlineTokens(linkText);
+  const token = isImage ? { type: "image", content: linkText, url, title, children } : { type: "link", content: linkText, url, title, children };
   return {
     token,
     end: isImage ? urlEnd + 1 : urlEnd

package/dist/react/index.js

@@ -836,7 +836,8 @@ function matchLink(text, start, isImage = false) {
     url = titleMatch[1];
     title = titleMatch[2];
   }
-  const token = isImage ? { type: "image", content: linkText, url, title } : { type: "link", content: linkText, url, title };
+  const children = parseInlineTokens(linkText);
+  const token = isImage ? { type: "image", content: linkText, url, title, children } : { type: "link", content: linkText, url, title, children };
   return {
     token,
     end: isImage ? urlEnd + 1 : urlEnd

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-markdown",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "author": "Val Alexander <val@viewdue.ai>",
   "repository": {
     "type": "git",
@@ -62,8 +62,7 @@
     "build:types": "tsc --emitDeclarationOnly --declaration --outDir dist",
     "dev": "bun run --watch src/index.ts",
     "clean": "rm -rf dist",
-    "prepublish": "bun run clean && bun run build",
-    "publish": "bun publish --access public",
+    "prepublishOnly": "bun run clean && bun run build",
     "deploy": "./deploy.sh",
     "playground": "bun run build && cd playground && bun dev",
     "playground:install": "cd playground && bun install",