{"_id":"@amplegroup/editor","name":"@amplegroup/editor","dist-tags":{"latest":"1.0.8"},"versions":{"1.0.8":{"name":"@amplegroup/editor","version":"1.0.8","type":"module","license":"MIT","description":"A Notion-like block editor component for React","keywords":["editor","notion","block-editor","rich-text","react","typescript"],"author":{"name":"Ample Capital Global"},"repository":{"type":"git","url":"git+https://github.com/amplecapitalglobal/editor.git"},"main":"./dist/index.cjs","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.cjs"},"./styles":"./dist/style.css","./dist/style.css":"./dist/style.css"},"sideEffects":["**/*.css","./dist/style.css"],"scripts":{"build:css":"npx tailwindcss -i client/src/index.css -o dist/public/style.css","dev":"concurrently \"esbuild client/src/main.tsx --bundle --jsx=automatic --outfile=dist/public/index.js --loader:.tsx=tsx --loader:.ts=ts --alias:@=client/src --sourcemap --watch\" \"tsx watch server/index.ts\"","build":"node scripts/build.js","start":"node dist/index.js","check":"tsc --noEmit","format":"prettier --write ."},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"dependencies":{"@dnd-kit/core":"^6.3.1","@dnd-kit/sortable":"^10.0.0","@dnd-kit/utilities":"^3.2.2","@radix-ui/react-alert-dialog":"^1.1.15","@radix-ui/react-dialog":"^1.1.15","@radix-ui/react-dropdown-menu":"^2.1.16","@radix-ui/react-label":"^2.1.7","@radix-ui/react-progress":"^1.1.7","@radix-ui/react-scroll-area":"^1.2.10","@radix-ui/react-separator":"^1.1.7","@radix-ui/react-slot":"^1.2.3","@radix-ui/react-switch":"^1.2.6","@radix-ui/react-tabs":"^1.1.13","@radix-ui/react-tooltip":"^1.2.8","class-variance-authority":"^0.7.1","clsx":"^2.1.1","express":"^5.2.1","lucide-react":"^0.453.0","next-themes":"^0.4.6","re-resizable":"^6.11.2","sonner":"^2.0.7","tailwind-merge":"^3.3.1"},"devDependencies":{"@tailwindcss/cli":"^4.2.1","@types/express":"4.17.21","@types/node":"^24.7.0","@types/react":"^19.2.1","@types/react-dom":"^19.2.1","concurrently":"^9.1.2","esbuild":"^0.25.0","prettier":"^3.6.2","tailwindcss":"^4.1.14","tsx":"^4.19.1","tw-animate-css":"^1.4.0","typescript":"5.6.3"},"_id":"@amplegroup/editor@1.0.8","gitHead":"708dddfdcbfd0f013256561950b4d7920e9a8e3b","bugs":{"url":"https://github.com/amplecapitalglobal/editor/issues"},"homepage":"https://github.com/amplecapitalglobal/editor#readme","_nodeVersion":"22.18.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-8eRqUzKGY0dCgMef83fl8EGJ9bwCCnPXX0qclIIzDKyetuwXHAYBXUQTxU87wrFcSZsIvLaRQuXU31xZZra6Og==","shasum":"36024e45fd3db8532aa129a8e0a3b84077563dbe","tarball":"https://registry.npmjs.org/@amplegroup/editor/-/editor-1.0.8.tgz","fileCount":14,"unpackedSize":7444339,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCKXh6rvbUAtQh+ftUx8Ve5OR6+12usVFRrwFZMLkwo4gIgWlnsWVvSsE8Dy/KZtNYbTrm8JTjdoSepXQ0u2W6Tbwo="}]},"_npmUser":{"name":"amplegroupglobal","email":"official@amplegroupglobal.com"},"directories":{},"maintainers":[{"name":"amplegroupglobal","email":"official@amplegroupglobal.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/editor_1.0.8_1773210396632_0.05253881205645161"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-11T06:26:36.494Z","1.0.8":"2026-03-11T06:26:36.850Z","modified":"2026-03-11T06:26:37.046Z"},"maintainers":[{"name":"amplegroupglobal","email":"official@amplegroupglobal.com"}],"description":"A Notion-like block editor component for React","homepage":"https://github.com/amplecapitalglobal/editor#readme","keywords":["editor","notion","block-editor","rich-text","react","typescript"],"repository":{"type":"git","url":"git+https://github.com/amplecapitalglobal/editor.git"},"author":{"name":"Ample Capital Global"},"bugs":{"url":"https://github.com/amplecapitalglobal/editor/issues"},"license":"MIT","readme":"# @amplecapitalglobal/editor\r\n\r\nA powerful, Notion-like block editor component for React with drag-and-drop, markdown import/export, code highlighting, math equations, diagrams, and tables.\r\n\r\n**Demo**: https://amg-editor.vercel.app/\r\n\r\n## Installation\r\n\r\n```bash\r\nnpm install @amplecapitalglobal/editor\r\n```\r\n\r\nNo CSS import required — styles are auto-injected.\r\n\r\n## Quick Start\r\n\r\n```tsx\r\nimport { useState } from \"react\";\r\nimport { Editor, Block } from \"@amplecapitalglobal/editor\";\r\n\r\nfunction App() {\r\n const [blocks, setBlocks] = useState([]);\r\n return ;\r\n}\r\n```\r\n\r\n## Features\r\n\r\n- **17 block types**: Text, Headings, Lists, Todo, Quote, Callout, Code (300+ languages), Math (KaTeX), Diagrams (Mermaid), Image, Video, File, Table, Table of Contents, Divider\r\n- **Rich inline formatting**: Bold, Italic, Underline, Strikethrough, Code, Highlight (8 colors), Links\r\n- **Slash menu**: Type `/` to insert any block type\r\n- **Markdown shortcuts**: `# `, `- `, `> `, ` ``` `, `---` auto-detect while typing\r\n- **Keyboard shortcuts**: `Ctrl+B/I/U/K/E`, `Ctrl+Shift+S/H`\r\n- **Drag & drop** block reordering\r\n- **Import/Export**: Markdown, HTML, JSON\r\n- **Dark mode**, focus mode, preview mode\r\n- **Page features**: Title, icon, cover image, word count\r\n\r\n## CDN Dependencies\r\n\r\nAdd to your `index.html` for math, diagrams, and code highlighting:\r\n\r\n```html\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n```\r\n\r\n## Props\r\n\r\n| Prop | Type | Default | Description |\r\n|------|------|---------|-------------|\r\n| `initialBlocks` | `Block[]` | `[]` | Initial content |\r\n| `onChange` | `(blocks: Block[]) => void` | — | Content change callback |\r\n| `readOnly` | `boolean` | `false` | Read-only mode |\r\n| `useLocalStorage` | `boolean` | `false` | Auto-save to localStorage |\r\n| `storageKey` | `string` | `\"editor-content\"` | localStorage key |\r\n| `showPageMenu` | `boolean` | `true` | Show page menu |\r\n| `className` | `string` | — | Custom CSS class |\r\n\r\n## Converter Functions\r\n\r\n```tsx\r\nimport { blocksToMarkdown, blocksToHtml, markdownToBlocks } from \"@amplecapitalglobal/editor\";\r\n\r\nconst markdown = blocksToMarkdown(blocks);\r\nconst html = blocksToHtml(blocks);\r\nconst blocks = markdownToBlocks(markdownString);\r\n```\r\n\r\n## Full Documentation\r\n\r\nSee [AmgEditor-Features-Specs.md](./AmgEditor-Features-Specs.md) for complete specifications, .NET Core integration guide, and API reference.\r\n\r\n## License\r\n\r\nMIT\r\n","readmeFilename":"README.md","_rev":"1-6602e08423dd20ca66a5f49a2e5a5fbc"}