@remyxjs/react 1.0.0-beta

package/create/index.js

@@ -0,0 +1,367 @@
+#!/usr/bin/env node
+
+import { stdin, stdout, argv, exit, cwd } from 'node:process'
+import { createInterface } from 'node:readline'
+import { mkdirSync, writeFileSync, readFileSync, readdirSync, statSync } from 'node:fs'
+import { resolve, join } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+// ── Colors (no dependencies) ────────────────────────────────────
+
+const bold = (s) => `\x1b[1m${s}\x1b[22m`
+const cyan = (s) => `\x1b[36m${s}\x1b[39m`
+const green = (s) => `\x1b[32m${s}\x1b[39m`
+const dim = (s) => `\x1b[2m${s}\x1b[22m`
+const red = (s) => `\x1b[31m${s}\x1b[39m`
+const yellow = (s) => `\x1b[33m${s}\x1b[39m`
+
+// ── Readline prompt ─────────────────────────────────────────────
+
+function createPrompt() {
+  const rl = createInterface({ input: stdin, output: stdout })
+  const ask = (question) =>
+    new Promise((resolve) => rl.question(question, (answer) => resolve(answer.trim())))
+  const close = () => rl.close()
+  return { ask, close }
+}
+
+// ── Plugin catalog ──────────────────────────────────────────────
+
+const PLUGIN_CATALOG = [
+  // Core (selected by default)
+  { name: 'TablePlugin',            group: 'Core',          desc: 'Sortable columns, formulas, cell formatting',      defaultOn: true  },
+  { name: 'SyntaxHighlightPlugin',  group: 'Core',          desc: 'Code block highlighting (11 languages)',           defaultOn: true  },
+
+  // Content
+  { name: 'CommentsPlugin',         group: 'Content',       desc: 'Inline comment threads, @mentions',                defaultOn: false },
+  { name: 'CalloutPlugin',          group: 'Content',       desc: 'Alert blocks (info, warning, error, success)',     defaultOn: false },
+  { name: 'TemplatePlugin',         group: 'Content',       desc: 'Merge tags, conditionals, template library',       defaultOn: false },
+  { name: 'MathPlugin',             group: 'Content',       desc: 'LaTeX math equations, symbol palette',             defaultOn: false },
+
+  // Editing
+  { name: 'KeyboardPlugin',         group: 'Editing',       desc: 'Vim/Emacs modes, multi-cursor, auto-pair',         defaultOn: false },
+  { name: 'DragDropPlugin',         group: 'Editing',       desc: 'Block reorder, drag & drop, drop zones',           defaultOn: false },
+  { name: 'LinkPlugin',             group: 'Editing',       desc: 'Link previews, broken link detection, bookmarks',  defaultOn: false },
+
+  // Analysis
+  { name: 'AnalyticsPlugin',        group: 'Analysis',      desc: 'Readability scores, reading time, SEO hints',      defaultOn: false },
+  { name: 'SpellcheckPlugin',       group: 'Analysis',      desc: 'Grammar & spell checking, writing-style presets',  defaultOn: false },
+  { name: 'TocPlugin',              group: 'Analysis',      desc: 'Auto-generated table of contents',                 defaultOn: false },
+
+  // Collaboration
+  { name: 'CollaborationPlugin',    group: 'Collaboration', desc: 'Real-time co-editing, live cursors',               defaultOn: false },
+]
+
+// ── Version (read from package.json) ────────────────────────────
+
+const __pkg = JSON.parse(readFileSync(join(__dirname, '..', 'package.json'), 'utf-8'))
+
+// ── Main ────────────────────────────────────────────────────────
+
+async function main() {
+  const projectArg = argv[2]
+
+  console.log()
+  console.log(bold(cyan('  create-remyx-app')) + dim(' v' + __pkg.version))
+  console.log()
+
+  const { ask, close } = createPrompt()
+
+  // 1. Project name
+  let projectName = projectArg
+  if (!projectName) {
+    projectName = await ask(bold('  Project name: ') + dim('(remyx-app) '))
+    if (!projectName) projectName = 'remyx-app'
+  }
+
+  // 2. Language
+  console.log()
+  console.log(bold('  Language:'))
+  console.log(`    ${cyan('1.')} JavaScript ${dim('(JSX)')}`)
+  console.log(`    ${cyan('2.')} TypeScript ${dim('(TSX)')}`)
+  console.log()
+  const langChoice = await ask(bold('  Choose (1 or 2): ') + dim('(1) '))
+  const useTypeScript = langChoice === '2'
+  const variant = useTypeScript ? 'typescript' : 'jsx'
+
+  // 3. Theme
+  console.log()
+  console.log(bold('  Theme:'))
+  console.log(`    ${cyan('1.')} Light  ${dim('— clean white (default)')}`)
+  console.log(`    ${cyan('2.')} Dark   ${dim('— neutral dark')}`)
+  console.log(`    ${cyan('3.')} Ocean  ${dim('— deep blue')}`)
+  console.log(`    ${cyan('4.')} Forest ${dim('— green earth-tone')}`)
+  console.log(`    ${cyan('5.')} Sunset ${dim('— warm orange / amber')}`)
+  console.log(`    ${cyan('6.')} Rose   ${dim('— soft pink')}`)
+  console.log()
+  const themeChoice = await ask(bold('  Choose (1-6): ') + dim('(1) '))
+  const themeNames = ['light', 'dark', 'ocean', 'forest', 'sunset', 'rose']
+  const themeIndex = parseInt(themeChoice, 10)
+  const selectedTheme = themeNames[(themeIndex >= 1 && themeIndex <= 6) ? themeIndex - 1 : 0]
+
+  // 4. Install heavy optional deps?
+  console.log()
+  console.log(bold('  Optional features:'))
+  console.log(`    PDF & DOCX import requires ${dim('pdfjs-dist')} and ${dim('mammoth')} (~5 MB)`)
+  console.log()
+  const includeDocsRaw = await ask(bold('  Include PDF/DOCX import? (y/N): ') + dim('(N) '))
+  const includeDocs = includeDocsRaw.toLowerCase() === 'y' || includeDocsRaw.toLowerCase() === 'yes'
+
+  // 5. Plugin selection
+  console.log()
+  console.log(bold('  Plugins:'))
+  console.log(dim('    Choose which plugins to include. Unselected plugins won\'t add to your bundle.'))
+  console.log(dim('    WordCountPlugin, AutolinkPlugin, and PlaceholderPlugin are always included.'))
+  console.log()
+
+  let currentGroup = ''
+  for (let i = 0; i < PLUGIN_CATALOG.length; i++) {
+    const plugin = PLUGIN_CATALOG[i]
+    if (plugin.group !== currentGroup) {
+      currentGroup = plugin.group
+      const groupLabel = currentGroup === 'Core' ? `${currentGroup} ${dim('(selected by default)')}` : currentGroup
+      console.log(`    ${bold(groupLabel)}`)
+    }
+    const marker = plugin.defaultOn ? green('◉') : dim('◯')
+    const num = cyan(`${i + 1}.`.padEnd(4))
+    console.log(`      ${marker} ${num}${plugin.name.padEnd(24)} ${dim('— ' + plugin.desc)}`)
+  }
+
+  console.log()
+  console.log(dim('    Enter numbers separated by commas to toggle selection.'))
+  console.log(dim('    Press Enter to keep defaults, or type "all" for everything, "none" for none.'))
+  console.log()
+
+  const pluginInput = await ask(bold('  Plugins (e.g. 1,2,5,7): ') + dim('(defaults) '))
+
+  // Parse plugin selection
+  const selectedPlugins = resolvePluginSelection(pluginInput)
+
+  close()
+
+  // ── Validate project name ──────────────────────────────────
+
+  // Prevent path traversal: reject names containing ../, absolute paths, or OS-reserved chars
+  if (
+    /\.\.[\\/]/.test(projectName) ||              // directory traversal
+    /^[/\\]/.test(projectName) ||                 // absolute path
+    /^[A-Za-z]:/.test(projectName) ||             // Windows drive letter
+    /[\x00-\x1f<>:"|?*]/.test(projectName)        // null bytes & OS-reserved chars
+  ) {
+    console.error(red(`\n  Error: Invalid project name "${projectName}" — must not contain path traversal or special characters.\n`))
+    exit(1)
+  }
+
+  // ── Scaffold ────────────────────────────────────────────────
+
+  const targetDir = resolve(cwd(), projectName)
+
+  // Ensure resolved path stays within the working directory
+  const cwdResolved = resolve(cwd())
+  if (!targetDir.startsWith(cwdResolved)) {
+    console.error(red(`\n  Error: Project directory would be created outside the current working directory.\n`))
+    exit(1)
+  }
+
+  console.log()
+  console.log(`  ${bold('Scaffolding')} ${cyan(projectName)} ...`)
+  console.log()
+
+  // Copy template (inject selected theme and plugins into App source)
+  const templateDir = join(__dirname, 'templates', variant)
+  copyDir(templateDir, targetDir, { theme: selectedTheme, plugins: selectedPlugins })
+
+  // Write package.json
+  const pkg = buildPackageJson(projectName, useTypeScript, includeDocs)
+  writeFileSync(join(targetDir, 'package.json'), JSON.stringify(pkg, null, 2) + '\n')
+
+  // Write .gitignore (can't include in template as npm strips them)
+  writeFileSync(
+    join(targetDir, '.gitignore'),
+    ['node_modules', 'dist', '.DS_Store', '*.local', ''].join('\n'),
+  )
+
+  // ── Done ──────────────────────────────────────────────────
+
+  console.log(green('  Done!') + ' Created project in ' + dim(targetDir))
+  console.log()
+  console.log('  Next steps:')
+  console.log()
+  console.log(`    ${cyan('cd')} ${projectName}`)
+  console.log(`    ${cyan('npm install')}`)
+  console.log(`    ${cyan('npm run dev')}`)
+  console.log()
+
+  if (selectedPlugins.length > 0) {
+    console.log(dim(`  Plugins: ${selectedPlugins.join(', ')}`))
+  } else {
+    console.log(dim(`  Plugins: none (only built-in defaults)`))
+  }
+
+  if (useTypeScript) {
+    console.log(dim(`  TypeScript types included via @remyxjs/react (ships .d.ts declarations)`))
+  } else {
+    console.log(dim(`  Tip: switch to TypeScript later by renaming .jsx -> .tsx and adding tsconfig.json`))
+  }
+  console.log(dim(`  Theme: ${selectedTheme} — change anytime via the theme prop`))
+  console.log()
+}
+
+// ── Plugin selection resolver ────────────────────────────────────
+
+function resolvePluginSelection(input) {
+  const lowerInput = input.toLowerCase()
+
+  // "all" → select everything
+  if (lowerInput === 'all') {
+    return PLUGIN_CATALOG.map(p => p.name)
+  }
+
+  // "none" → select nothing
+  if (lowerInput === 'none') {
+    return []
+  }
+
+  // Empty input → keep defaults
+  if (!input) {
+    return PLUGIN_CATALOG.filter(p => p.defaultOn).map(p => p.name)
+  }
+
+  // Parse comma-separated numbers
+  const nums = input.split(',')
+    .map(s => parseInt(s.trim(), 10))
+    .filter(n => !isNaN(n) && n >= 1 && n <= PLUGIN_CATALOG.length)
+
+  if (nums.length === 0) {
+    // Invalid input → fall back to defaults
+    return PLUGIN_CATALOG.filter(p => p.defaultOn).map(p => p.name)
+  }
+
+  // Start with defaults, then toggle the specified numbers
+  const selected = new Set(
+    PLUGIN_CATALOG.filter(p => p.defaultOn).map(p => p.name)
+  )
+
+  for (const num of nums) {
+    const plugin = PLUGIN_CATALOG[num - 1]
+    if (selected.has(plugin.name)) {
+      selected.delete(plugin.name) // toggle off
+    } else {
+      selected.add(plugin.name) // toggle on
+    }
+  }
+
+  return Array.from(selected)
+}
+
+// ── Helpers ──────────────────────────────────────────────────────
+
+function buildPackageJson(name, useTypeScript, includeDocs) {
+  // Read versions from this package's own package.json to avoid hardcoding
+  const ownPeer = __pkg.peerDependencies || {}
+  const ownDev = __pkg.devDependencies || {}
+  const coreVersion = ownDev['@remyxjs/core'] || ownPeer['@remyxjs/core'] || __pkg.version
+  const reactVersion = ownDev['react'] || ownPeer['react'] || '>=18.0.0'
+  const reactDomVersion = ownDev['react-dom'] || ownPeer['react-dom'] || '>=18.0.0'
+  const viteVersion = ownDev['vite'] || '>=7.0.0'
+  const pluginReactVersion = ownDev['@vitejs/plugin-react'] || '>=5.0.0'
+
+  const pkg = {
+    name,
+    private: true,
+    version: '0.0.0',
+    type: 'module',
+    scripts: {
+      dev: 'vite',
+      build: 'vite build',
+      preview: 'vite preview',
+    },
+    dependencies: {
+      '@remyxjs/core': '^' + coreVersion,
+      '@remyxjs/react': '^' + coreVersion,
+      react: '^' + reactVersion,
+      'react-dom': '^' + reactDomVersion,
+    },
+    devDependencies: {
+      '@vitejs/plugin-react': '^' + pluginReactVersion,
+      vite: '^' + viteVersion,
+    },
+  }
+
+  if (useTypeScript) {
+    pkg.devDependencies['typescript'] = '^5.8.0'
+    pkg.devDependencies['@types/react'] = '^19.0.0'
+    pkg.devDependencies['@types/react-dom'] = '^19.0.0'
+  }
+
+  if (includeDocs) {
+    // These are peer/optional deps of @remyxjs/core for document import
+    pkg.dependencies['pdfjs-dist'] = '^5.0.0'
+    pkg.dependencies['mammoth'] = '^1.11.0'
+  }
+
+  // Sort devDependencies
+  pkg.devDependencies = Object.fromEntries(
+    Object.entries(pkg.devDependencies).sort(([a], [b]) => a.localeCompare(b)),
+  )
+
+  return pkg
+}
+
+function copyDir(src, dest, opts = {}) {
+  mkdirSync(dest, { recursive: true })
+  for (const entry of readdirSync(src)) {
+    const srcPath = join(src, entry)
+    const destPath = join(dest, entry)
+    try {
+      if (statSync(srcPath).isDirectory()) {
+        copyDir(srcPath, destPath, opts)
+      } else if (/\.(jsx|tsx)$/.test(entry)) {
+        // Inject theme and plugins into React source files
+        let content = readFileSync(srcPath, 'utf-8')
+
+        // Theme injection
+        if (opts.theme && opts.theme !== 'light') {
+          content = content.replace(/theme="light"(?=[\s/>])/g, `theme="${opts.theme}"`)
+        }
+
+        // Plugin injection
+        content = injectPlugins(content, opts.plugins || [])
+
+        writeFileSync(destPath, content)
+      } else {
+        writeFileSync(destPath, readFileSync(srcPath))
+      }
+    } catch (err) {
+      throw new Error(`Failed to copy "${srcPath}" to "${destPath}": ${err.message}`)
+    }
+  }
+}
+
+function injectPlugins(content, plugins) {
+  if (plugins.length > 0) {
+    // Generate import line
+    const importLine = `import { ${plugins.join(', ')} } from '@remyxjs/core'`
+    content = content.replace('/* __PLUGIN_IMPORTS__ */', importLine)
+
+    // Generate plugins prop
+    const pluginCalls = plugins.map(p => `${p}()`).join(', ')
+    content = content.replace(
+      '/* __PLUGIN_ARRAY__ */',
+      `plugins={[${pluginCalls}]}`
+    )
+  } else {
+    // No plugins selected — remove markers cleanly
+    content = content.replace('/* __PLUGIN_IMPORTS__ */\n', '')
+    content = content.replace('\n        /* __PLUGIN_ARRAY__ */', '')
+  }
+
+  return content
+}
+
+main().catch((err) => {
+  console.error(red(`\n  Error: ${err.message}\n`))
+  exit(1)
+})

package/create/templates/jsx/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Remyx Editor</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>

package/create/templates/jsx/src/App.jsx

@@ -0,0 +1,25 @@
+import { useState } from 'react'
+import { RemyxEditor } from '@remyxjs/react'
+/* __PLUGIN_IMPORTS__ */
+import '@remyxjs/core/style.css'
+import '@remyxjs/react/style.css'
+
+function App() {
+  const [content, setContent] = useState('')
+
+  return (
+    <div style={{ maxWidth: 900, margin: '2rem auto', padding: '0 1rem' }}>
+      <h1>Remyx Editor</h1>
+      <RemyxEditor
+        value={content}
+        onChange={setContent}
+        placeholder="Start typing..."
+        height={400}
+        theme="light"
+        /* __PLUGIN_ARRAY__ */
+      />
+    </div>
+  )
+}
+
+export default App

package/create/templates/jsx/src/main.jsx

@@ -0,0 +1,9 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import App from './App.jsx'
+
+createRoot(document.getElementById('root')).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)

package/create/templates/jsx/vite.config.js

@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig({
+  plugins: [react()],
+})

package/create/templates/typescript/index.html

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Remyx Editor</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/create/templates/typescript/src/App.tsx

@@ -0,0 +1,25 @@
+import { useState } from 'react'
+import { RemyxEditor } from '@remyxjs/react'
+/* __PLUGIN_IMPORTS__ */
+import '@remyxjs/core/style.css'
+import '@remyxjs/react/style.css'
+
+function App() {
+  const [content, setContent] = useState<string>('')
+
+  return (
+    <div style={{ maxWidth: 900, margin: '2rem auto', padding: '0 1rem' }}>
+      <h1>Remyx Editor</h1>
+      <RemyxEditor
+        value={content}
+        onChange={setContent}
+        placeholder="Start typing..."
+        height={400}
+        theme="light"
+        /* __PLUGIN_ARRAY__ */
+      />
+    </div>
+  )
+}
+
+export default App

package/create/templates/typescript/src/main.tsx

@@ -0,0 +1,9 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import App from './App'
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)

package/create/templates/typescript/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/create/templates/typescript/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedIndexedAccess": true
+  },
+  "include": ["src"]
+}

package/create/templates/typescript/vite.config.ts

@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig({
+  plugins: [react()],
+})

package/dist/AttachmentModal--6T-vYJt.js

@@ -0,0 +1,21 @@
+import{jsxs as e,jsx as a,Fragment as r}from"react/jsx-runtime";import{useState as l,useRef as t}from"react";import{P as n}from"./index-C720tbJA.js";import{M as o}from"./ModalOverlay-CLvRNHmp.js";const i=/^\s*(javascript|vbscript|data\s*:\s*text\/html)\s*:/i;function m({open:n,onClose:m,engine:s}){const[d,c]=l("url"),[p,u]=l(""),[h,x]=l(""),[b,f]=l(null),[N,v]=l(!1),[y,g]=l(""),C=t(null),F=!!s?.options?.uploadHandler,U=()=>{m(),u(""),x(""),f(null),v(!1),g(""),c("url")};/* @__PURE__ */
+return e(o,{title:"Attach File",open:n,onClose:U,children:[
+/* @__PURE__ */e("div",{className:"rmx-tabs",children:[
+/* @__PURE__ */a("button",{type:"button",className:"rmx-tab "+("url"===d?"rmx-active":""),onClick:()=>c("url"),children:"URL"}),
+/* @__PURE__ */a("button",{type:"button",className:"rmx-tab "+("upload"===d?"rmx-active":""),onClick:()=>c("upload"),children:"Upload"})]}),"upload"===d&&/* @__PURE__ */a("div",{className:"rmx-upload-area",children:F?/* @__PURE__ */e(r,{children:[
+/* @__PURE__ */a("input",{ref:C,type:"file",onChange:e=>{const a=e.target.files[0];a&&(x(a.name),f(a.size),s.options.uploadHandler&&(v(!0),g(""),s.options.uploadHandler(a).then((e=>{u(e),c("url"),v(!1)})).catch((e=>{g(e.message||"File upload failed. Please try again."),v(!1)}))))},style:{display:"none"}}),
+/* @__PURE__ */a("button",{type:"button",className:"rmx-btn rmx-btn-upload",onClick:()=>C.current?.click(),disabled:N,children:N?/* @__PURE__ */e(r,{children:[
+/* @__PURE__ */a("span",{className:"rmx-spinner","aria-hidden":"true"})," Uploading…"]}):"Choose File"}),
+/* @__PURE__ */a("p",{className:"rmx-upload-hint",children:"or drag and drop a file into the editor"})]}):/* @__PURE__ */e("p",{className:"rmx-upload-hint",children:["File upload is not available. Provide an ",
+/* @__PURE__ */a("code",{children:"uploadHandler"})," prop to enable uploads, or use the URL tab to link to a file directly."]})}),y&&/* @__PURE__ */a("div",{className:"rmx-form-group rmx-form-error",children:y}),
+/* @__PURE__ */e("form",{onSubmit:e=>{if(e.preventDefault(),!p.trim())return;let a;try{a=decodeURIComponent(p.trim())}catch{a=p.trim()}i.test(a)||(s.executeCommand("insertAttachment",{url:p,filename:h||"file",filesize:b}),U())},className:"rmx-modal-form",children:["url"===d&&/* @__PURE__ */e("div",{className:"rmx-form-group",children:[
+/* @__PURE__ */a("label",{className:"rmx-form-label",htmlFor:"rmx-attachment-url",children:"File URL"}),
+/* @__PURE__ */a("input",{id:"rmx-attachment-url",type:"url",className:"rmx-form-input",value:p,onChange:e=>u(e.target.value),placeholder:"https://example.com/document.pdf",required:!0,autoFocus:!0})]}),
+/* @__PURE__ */e("div",{className:"rmx-form-group",children:[
+/* @__PURE__ */a("label",{className:"rmx-form-label",htmlFor:"rmx-attachment-name",children:"Display Name"}),
+/* @__PURE__ */a("input",{id:"rmx-attachment-name",type:"text",className:"rmx-form-input",value:h,onChange:e=>x(e.target.value),placeholder:"document.pdf"})]}),
+/* @__PURE__ */e("div",{className:"rmx-modal-actions",children:[
+/* @__PURE__ */a("button",{type:"button",className:"rmx-btn",onClick:U,children:"Cancel"}),
+/* @__PURE__ */a("button",{type:"submit",className:"rmx-btn rmx-btn-primary",disabled:!p.trim()||N,children:N?/* @__PURE__ */e(r,{children:[
+/* @__PURE__ */a("span",{className:"rmx-spinner","aria-hidden":"true"})," Uploading…"]}):"Insert"})]})]})]})}m.propTypes={open:n.bool.isRequired,onClose:n.func.isRequired,engine:n.object};export{m as AttachmentModal};
+//# sourceMappingURL=AttachmentModal--6T-vYJt.js.map

package/dist/AttachmentModal--6T-vYJt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentModal--6T-vYJt.js","sources":["../src/components/Modals/AttachmentModal.jsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { ModalOverlay } from './ModalOverlay.jsx'\n\nconst DANGEROUS_PROTOCOL = /^\\s*(javascript|vbscript|data\\s*:\\s*text\\/html)\\s*:/i\n\nexport function AttachmentModal({ open, onClose, engine }) {\n  const [tab, setTab] = useState('url')\n  const [url, setUrl] = useState('')\n  const [filename, setFilename] = useState('')\n  const [filesize, setFilesize] = useState(null)\n  const [uploading, setUploading] = useState(false)\n  const [error, setError] = useState('')\n  const fileInputRef = useRef(null)\n\n  const hasUploadHandler = !!engine?.options?.uploadHandler\n\n  const handleSubmit = (e) => {\n    e.preventDefault()\n    if (!url.trim()) return\n    // Decode percent-encoding before validation to prevent bypasses like java%73cript:\n    let decoded\n    try {\n      decoded = decodeURIComponent(url.trim())\n    } catch {\n      decoded = url.trim()\n    }\n    if (DANGEROUS_PROTOCOL.test(decoded)) return\n    engine.executeCommand('insertAttachment', {\n      url,\n      filename: filename || 'file',\n      filesize,\n    })\n    handleClose()\n  }\n\n  const handleClose = () => {\n    onClose()\n    setUrl('')\n    setFilename('')\n    setFilesize(null)\n    setUploading(false)\n    setError('')\n    setTab('url')\n  }\n\n  const handleFileChange = (e) => {\n    const file = e.target.files[0]\n    if (!file) return\n\n    setFilename(file.name)\n    setFilesize(file.size)\n\n    if (engine.options.uploadHandler) {\n      setUploading(true)\n      setError('')\n      engine.options.uploadHandler(file)\n        .then((resultUrl) => {\n          setUrl(resultUrl)\n          setTab('url')\n          setUploading(false)\n        })\n        .catch((err) => {\n          console.error('File upload failed:', err)\n          setError(err.message || 'File upload failed. Please try again.')\n          setUploading(false)\n        })\n    }\n  }\n\n  return (\n    <ModalOverlay title=\"Attach File\" open={open} onClose={handleClose}>\n      <div className=\"rmx-tabs\">\n        <button\n          type=\"button\"\n          className={`rmx-tab ${tab === 'url' ? 'rmx-active' : ''}`}\n          onClick={() => setTab('url')}\n        >\n          URL\n        </button>\n        <button\n          type=\"button\"\n          className={`rmx-tab ${tab === 'upload' ? 'rmx-active' : ''}`}\n          onClick={() => setTab('upload')}\n        >\n          Upload\n        </button>\n      </div>\n\n      {tab === 'upload' && (\n        <div className=\"rmx-upload-area\">\n          {hasUploadHandler ? (\n            <>\n              <input\n                ref={fileInputRef}\n                type=\"file\"\n                onChange={handleFileChange}\n                style={{ display: 'none' }}\n              />\n              <button\n                type=\"button\"\n                className=\"rmx-btn rmx-btn-upload\"\n                onClick={() => fileInputRef.current?.click()}\n                disabled={uploading}\n              >\n                {uploading ? (\n                  <>\n                    <span className=\"rmx-spinner\" aria-hidden=\"true\" />\n                    {' Uploading\\u2026'}\n                  </>\n                ) : 'Choose File'}\n              </button>\n              <p className=\"rmx-upload-hint\">or drag and drop a file into the editor</p>\n            </>\n          ) : (\n            <p className=\"rmx-upload-hint\">\n              File upload is not available. Provide an <code>uploadHandler</code> prop to enable uploads, or use the URL tab to link to a file directly.\n            </p>\n          )}\n        </div>\n      )}\n\n      {error && (\n        <div className=\"rmx-form-group rmx-form-error\">\n          {error}\n        </div>\n      )}\n\n      <form onSubmit={handleSubmit} className=\"rmx-modal-form\">\n        {tab === 'url' && (\n          <div className=\"rmx-form-group\">\n            <label className=\"rmx-form-label\" htmlFor=\"rmx-attachment-url\">File URL</label>\n            <input\n              id=\"rmx-attachment-url\"\n              type=\"url\"\n              className=\"rmx-form-input\"\n              value={url}\n              onChange={(e) => setUrl(e.target.value)}\n              placeholder=\"https://example.com/document.pdf\"\n              required\n              autoFocus\n            />\n          </div>\n        )}\n        <div className=\"rmx-form-group\">\n          <label className=\"rmx-form-label\" htmlFor=\"rmx-attachment-name\">Display Name</label>\n          <input\n            id=\"rmx-attachment-name\"\n            type=\"text\"\n            className=\"rmx-form-input\"\n            value={filename}\n            onChange={(e) => setFilename(e.target.value)}\n            placeholder=\"document.pdf\"\n          />\n        </div>\n        <div className=\"rmx-modal-actions\">\n          <button type=\"button\" className=\"rmx-btn\" onClick={handleClose}>Cancel</button>\n          <button type=\"submit\" className=\"rmx-btn rmx-btn-primary\" disabled={!url.trim() || uploading}>\n            {uploading ? (\n              <>\n                <span className=\"rmx-spinner\" aria-hidden=\"true\" />\n                {' Uploading\\u2026'}\n              </>\n            ) : 'Insert'}\n          </button>\n        </div>\n      </form>\n    </ModalOverlay>\n  )\n}\n\nAttachmentModal.propTypes = {\n  open: PropTypes.bool.isRequired,\n  onClose: PropTypes.func.isRequired,\n  engine: PropTypes.object,\n}\n"],"names":["DANGEROUS_PROTOCOL","AttachmentModal","open","onClose","engine","tab","setTab","useState","url","setUrl","filename","setFilename","filesize","setFilesize","uploading","setUploading","error","setError","fileInputRef","useRef","hasUploadHandler","options","uploadHandler","handleClose","ModalOverlay","title","children","jsxs","className","jsx","type","onClick","Fragment","ref","onChange","e","file","target","files","name","size","then","resultUrl","catch","err","message","style","display","current","click","disabled","onSubmit","preventDefault","trim","decoded","decodeURIComponent","test","executeCommand","htmlFor","id","value","placeholder","required","autoFocus","propTypes","PropTypes","bool","isRequired","func","object"],"mappings":"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"}

package/dist/AttachmentModal-D-uxbXvb.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index-Dc63uIP0.cjs"),r=require("./ModalOverlay-BDsGgv3_.cjs"),l=/^\s*(javascript|vbscript|data\s*:\s*text\/html)\s*:/i;function s({open:t,onClose:s,engine:n}){const[o,i]=a.useState("url"),[m,d]=a.useState(""),[c,u]=a.useState(""),[p,x]=a.useState(null),[h,b]=a.useState(!1),[j,f]=a.useState(""),y=a.useRef(null),g=!!n?.options?.uploadHandler,N=()=>{s(),d(""),u(""),x(null),b(!1),f(""),i("url")};return e.jsxs(r.ModalOverlay,{title:"Attach File",open:t,onClose:N,children:[e.jsxs("div",{className:"rmx-tabs",children:[e.jsx("button",{type:"button",className:"rmx-tab "+("url"===o?"rmx-active":""),onClick:()=>i("url"),children:"URL"}),e.jsx("button",{type:"button",className:"rmx-tab "+("upload"===o?"rmx-active":""),onClick:()=>i("upload"),children:"Upload"})]}),"upload"===o&&e.jsx("div",{className:"rmx-upload-area",children:g?e.jsxs(e.Fragment,{children:[e.jsx("input",{ref:y,type:"file",onChange:e=>{const a=e.target.files[0];a&&(u(a.name),x(a.size),n.options.uploadHandler&&(b(!0),f(""),n.options.uploadHandler(a).then((e=>{d(e),i("url"),b(!1)})).catch((e=>{f(e.message||"File upload failed. Please try again."),b(!1)}))))},style:{display:"none"}}),e.jsx("button",{type:"button",className:"rmx-btn rmx-btn-upload",onClick:()=>y.current?.click(),disabled:h,children:h?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"rmx-spinner","aria-hidden":"true"})," Uploading…"]}):"Choose File"}),e.jsx("p",{className:"rmx-upload-hint",children:"or drag and drop a file into the editor"})]}):e.jsxs("p",{className:"rmx-upload-hint",children:["File upload is not available. Provide an ",e.jsx("code",{children:"uploadHandler"})," prop to enable uploads, or use the URL tab to link to a file directly."]})}),j&&e.jsx("div",{className:"rmx-form-group rmx-form-error",children:j}),e.jsxs("form",{onSubmit:e=>{if(e.preventDefault(),!m.trim())return;let a;try{a=decodeURIComponent(m.trim())}catch{a=m.trim()}l.test(a)||(n.executeCommand("insertAttachment",{url:m,filename:c||"file",filesize:p}),N())},className:"rmx-modal-form",children:["url"===o&&e.jsxs("div",{className:"rmx-form-group",children:[e.jsx("label",{className:"rmx-form-label",htmlFor:"rmx-attachment-url",children:"File URL"}),e.jsx("input",{id:"rmx-attachment-url",type:"url",className:"rmx-form-input",value:m,onChange:e=>d(e.target.value),placeholder:"https://example.com/document.pdf",required:!0,autoFocus:!0})]}),e.jsxs("div",{className:"rmx-form-group",children:[e.jsx("label",{className:"rmx-form-label",htmlFor:"rmx-attachment-name",children:"Display Name"}),e.jsx("input",{id:"rmx-attachment-name",type:"text",className:"rmx-form-input",value:c,onChange:e=>u(e.target.value),placeholder:"document.pdf"})]}),e.jsxs("div",{className:"rmx-modal-actions",children:[e.jsx("button",{type:"button",className:"rmx-btn",onClick:N,children:"Cancel"}),e.jsx("button",{type:"submit",className:"rmx-btn rmx-btn-primary",disabled:!m.trim()||h,children:h?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"rmx-spinner","aria-hidden":"true"})," Uploading…"]}):"Insert"})]})]})]})}s.propTypes={open:t.PropTypes.bool.isRequired,onClose:t.PropTypes.func.isRequired,engine:t.PropTypes.object},exports.AttachmentModal=s;
+//# sourceMappingURL=AttachmentModal-D-uxbXvb.cjs.map

package/dist/AttachmentModal-D-uxbXvb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentModal-D-uxbXvb.cjs","sources":["../src/components/Modals/AttachmentModal.jsx"],"sourcesContent":["import { useState, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { ModalOverlay } from './ModalOverlay.jsx'\n\nconst DANGEROUS_PROTOCOL = /^\\s*(javascript|vbscript|data\\s*:\\s*text\\/html)\\s*:/i\n\nexport function AttachmentModal({ open, onClose, engine }) {\n  const [tab, setTab] = useState('url')\n  const [url, setUrl] = useState('')\n  const [filename, setFilename] = useState('')\n  const [filesize, setFilesize] = useState(null)\n  const [uploading, setUploading] = useState(false)\n  const [error, setError] = useState('')\n  const fileInputRef = useRef(null)\n\n  const hasUploadHandler = !!engine?.options?.uploadHandler\n\n  const handleSubmit = (e) => {\n    e.preventDefault()\n    if (!url.trim()) return\n    // Decode percent-encoding before validation to prevent bypasses like java%73cript:\n    let decoded\n    try {\n      decoded = decodeURIComponent(url.trim())\n    } catch {\n      decoded = url.trim()\n    }\n    if (DANGEROUS_PROTOCOL.test(decoded)) return\n    engine.executeCommand('insertAttachment', {\n      url,\n      filename: filename || 'file',\n      filesize,\n    })\n    handleClose()\n  }\n\n  const handleClose = () => {\n    onClose()\n    setUrl('')\n    setFilename('')\n    setFilesize(null)\n    setUploading(false)\n    setError('')\n    setTab('url')\n  }\n\n  const handleFileChange = (e) => {\n    const file = e.target.files[0]\n    if (!file) return\n\n    setFilename(file.name)\n    setFilesize(file.size)\n\n    if (engine.options.uploadHandler) {\n      setUploading(true)\n      setError('')\n      engine.options.uploadHandler(file)\n        .then((resultUrl) => {\n          setUrl(resultUrl)\n          setTab('url')\n          setUploading(false)\n        })\n        .catch((err) => {\n          console.error('File upload failed:', err)\n          setError(err.message || 'File upload failed. Please try again.')\n          setUploading(false)\n        })\n    }\n  }\n\n  return (\n    <ModalOverlay title=\"Attach File\" open={open} onClose={handleClose}>\n      <div className=\"rmx-tabs\">\n        <button\n          type=\"button\"\n          className={`rmx-tab ${tab === 'url' ? 'rmx-active' : ''}`}\n          onClick={() => setTab('url')}\n        >\n          URL\n        </button>\n        <button\n          type=\"button\"\n          className={`rmx-tab ${tab === 'upload' ? 'rmx-active' : ''}`}\n          onClick={() => setTab('upload')}\n        >\n          Upload\n        </button>\n      </div>\n\n      {tab === 'upload' && (\n        <div className=\"rmx-upload-area\">\n          {hasUploadHandler ? (\n            <>\n              <input\n                ref={fileInputRef}\n                type=\"file\"\n                onChange={handleFileChange}\n                style={{ display: 'none' }}\n              />\n              <button\n                type=\"button\"\n                className=\"rmx-btn rmx-btn-upload\"\n                onClick={() => fileInputRef.current?.click()}\n                disabled={uploading}\n              >\n                {uploading ? (\n                  <>\n                    <span className=\"rmx-spinner\" aria-hidden=\"true\" />\n                    {' Uploading\\u2026'}\n                  </>\n                ) : 'Choose File'}\n              </button>\n              <p className=\"rmx-upload-hint\">or drag and drop a file into the editor</p>\n            </>\n          ) : (\n            <p className=\"rmx-upload-hint\">\n              File upload is not available. Provide an <code>uploadHandler</code> prop to enable uploads, or use the URL tab to link to a file directly.\n            </p>\n          )}\n        </div>\n      )}\n\n      {error && (\n        <div className=\"rmx-form-group rmx-form-error\">\n          {error}\n        </div>\n      )}\n\n      <form onSubmit={handleSubmit} className=\"rmx-modal-form\">\n        {tab === 'url' && (\n          <div className=\"rmx-form-group\">\n            <label className=\"rmx-form-label\" htmlFor=\"rmx-attachment-url\">File URL</label>\n            <input\n              id=\"rmx-attachment-url\"\n              type=\"url\"\n              className=\"rmx-form-input\"\n              value={url}\n              onChange={(e) => setUrl(e.target.value)}\n              placeholder=\"https://example.com/document.pdf\"\n              required\n              autoFocus\n            />\n          </div>\n        )}\n        <div className=\"rmx-form-group\">\n          <label className=\"rmx-form-label\" htmlFor=\"rmx-attachment-name\">Display Name</label>\n          <input\n            id=\"rmx-attachment-name\"\n            type=\"text\"\n            className=\"rmx-form-input\"\n            value={filename}\n            onChange={(e) => setFilename(e.target.value)}\n            placeholder=\"document.pdf\"\n          />\n        </div>\n        <div className=\"rmx-modal-actions\">\n          <button type=\"button\" className=\"rmx-btn\" onClick={handleClose}>Cancel</button>\n          <button type=\"submit\" className=\"rmx-btn rmx-btn-primary\" disabled={!url.trim() || uploading}>\n            {uploading ? (\n              <>\n                <span className=\"rmx-spinner\" aria-hidden=\"true\" />\n                {' Uploading\\u2026'}\n              </>\n            ) : 'Insert'}\n          </button>\n        </div>\n      </form>\n    </ModalOverlay>\n  )\n}\n\nAttachmentModal.propTypes = {\n  open: PropTypes.bool.isRequired,\n  onClose: PropTypes.func.isRequired,\n  engine: PropTypes.object,\n}\n"],"names":["DANGEROUS_PROTOCOL","AttachmentModal","open","onClose","engine","tab","setTab","useState","url","setUrl","filename","setFilename","filesize","setFilesize","uploading","setUploading","error","setError","fileInputRef","useRef","hasUploadHandler","options","uploadHandler","handleClose","ModalOverlay","title","children","jsxs","className","jsx","type","onClick","Fragment","ref","onChange","e","file","target","files","name","size","then","resultUrl","catch","err","message","style","display","current","click","disabled","onSubmit","preventDefault","trim","decoded","decodeURIComponent","test","executeCommand","htmlFor","id","value","placeholder","required","autoFocus","propTypes","PropTypes","bool","isRequired","func","object"],"mappings":"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"}

package/dist/CommandPalette-DXWyTGOU.js

@@ -0,0 +1,19 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import a,{useRef as n,useState as r,useMemo as o,useEffect as c,useCallback as l}from"react";import{filterSlashItems as m,recordRecentCommand as i,getCustomCommandItems as d,SLASH_COMMAND_ITEMS as s,TOOLTIP_MAP as p,SHORTCUT_MAP as u,MODAL_COMMANDS as h,getShortcutLabel as x}from"@remyxjs/core";const v=a.memo((function({open:a,onClose:v,engine:g,onOpenModal:f,slashCommandItems:y}){const b=n(null),N=n(null),[k,w]=r(""),[D,C]=r(0),A=o((()=>function(e,t){const a=t||s,n=d(),r=[...a];for(const l of n)r.some((e=>e.id===l.id))||r.push(l);const o=new Set(r.map((e=>e.id))),c=[];if(e){const t=e.commands.getAll();for(const e of t){if(o.has(e))continue;if("undo"===e||"redo"===e||"removeFormat"===e)continue;const t=p[e];if(!t)continue;const a=u[e],n=e in h;c.push({id:e,label:t,description:"",icon:a?x(e).charAt(0):"•",keywords:[e],category:"Commands",shortcutLabel:a?x(e):null,action:n?(t,a)=>a?.(h[e]):t=>t.executeCommand(e)}),o.add(e)}}return[...r.map((e=>({...e,shortcutLabel:u[e.id]?x(e.id):null}))),...c]}(g,y)),[g,y]),L=o((()=>m(A,k)),[A,k]);c((()=>{a&&(w(""),C(0),requestAnimationFrame((()=>b.current?.focus())))}),[a]),c((()=>{C(0)}),[k]),c((()=>{if(!N.current)return;const e=N.current.querySelector(".rmx-command-palette-item.rmx-active");e&&e.scrollIntoView({block:"nearest"})}),[D]);const q=l((e=>{v(),i(e.id),requestAnimationFrame((()=>{e.action(g,f)}))}),[g,v,f]),E=l((e=>"Escape"===e.key?(e.preventDefault(),void v()):"ArrowDown"===e.key?(e.preventDefault(),void C((e=>0===L.length?0:(e+1)%L.length))):"ArrowUp"===e.key?(e.preventDefault(),void C((e=>0===L.length?0:(e-1+L.length)%L.length))):void("Enter"===e.key&&(e.preventDefault(),L.length>0&&D<L.length&&q(L[D])))),[L,D,q,v]),F=l((e=>{"Tab"===e.key&&e.preventDefault()}),[]);if(!a)return null;const M=[];let T=null;for(let e=0;e<L.length;e++){const t=L[e];t.category!==T&&(M.push({category:t.category,items:[]}),T=t.category),M[M.length-1].items.push({item:t,index:e})}/* @__PURE__ */
+return e("div",{className:"rmx-command-palette-overlay",onMouseDown:e=>{e.target===e.currentTarget&&(e.preventDefault(),v())},onKeyDown:F,children:/* @__PURE__ */t("div",{className:"rmx-command-palette",role:"dialog","aria-label":"Command palette",children:[
+/* @__PURE__ */t("div",{className:"rmx-command-palette-input-wrap",children:[
+/* @__PURE__ */e("span",{className:"rmx-command-palette-search-icon","aria-hidden":"true",children:"/"}),
+/* @__PURE__ */e("input",{ref:b,className:"rmx-command-palette-input",type:"text",placeholder:"Type a command...",value:k,onChange:e=>w(e.target.value),onKeyDown:E,"aria-activedescendant":L[D]?`rmx-cmd-item-${L[D].id}`:void 0,role:"combobox","aria-expanded":"true","aria-controls":"rmx-command-palette-list","aria-autocomplete":"list"})]}),
+/* @__PURE__ */e("div",{ref:N,className:"rmx-command-palette-list",id:"rmx-command-palette-list",role:"listbox",children:0===L.length?/* @__PURE__ */e("div",{className:"rmx-command-palette-empty",children:"No matching commands"}):M.map((a=>/* @__PURE__ */t("div",{children:[
+/* @__PURE__ */e("div",{className:"rmx-command-palette-category",children:a.category}),a.items.map((({item:a,index:n})=>/* @__PURE__ */t("div",{id:`rmx-cmd-item-${a.id}`,className:"rmx-command-palette-item"+(n===D?" rmx-active":""),role:"option","aria-selected":n===D,onMouseEnter:()=>C(n),onClick:()=>q(a),children:[
+/* @__PURE__ */e("div",{className:"rmx-command-palette-item-icon",children:a.icon}),
+/* @__PURE__ */t("div",{className:"rmx-command-palette-item-text",children:[
+/* @__PURE__ */e("div",{className:"rmx-command-palette-item-label",children:a.label}),a.description&&/* @__PURE__ */e("div",{className:"rmx-command-palette-item-desc",children:a.description})]}),a.shortcutLabel&&/* @__PURE__ */e("span",{className:"rmx-command-palette-shortcut",children:a.shortcutLabel})]},a.id)))]},a.category)))}),
+/* @__PURE__ */t("div",{className:"rmx-command-palette-hint",children:[
+/* @__PURE__ */t("span",{children:[
+/* @__PURE__ */e("kbd",{children:"↑"}),
+/* @__PURE__ */e("kbd",{children:"↓"})," navigate"]}),
+/* @__PURE__ */t("span",{children:[
+/* @__PURE__ */e("kbd",{children:"↵"})," select"]}),
+/* @__PURE__ */t("span",{children:[
+/* @__PURE__ */e("kbd",{children:"esc"})," close"]})]})]})})}));export{v as CommandPalette};
+//# sourceMappingURL=CommandPalette-DXWyTGOU.js.map