adtec-core-package 3.0.0 → 3.0.1

package/scripts/build-umo.mjs

@@ -0,0 +1,47 @@
+#!/usr/bin/env node
+/**
+ * 在核心包根目录执行 Umo 预编译（须使用本包 vite@6，勿在宿主 postinstall 中调用）。
+ * 升级 editor-main 源码后：pnpm prepare:umo && pnpm run build:umo
+ */
+import { spawnSync } from 'node:child_process'
+import fs from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const packageRoot = path.join(path.dirname(fileURLToPath(import.meta.url)), '..')
+const outJs = path.join(packageRoot, 'prebuilt/umo-editor/umo-editor.js')
+
+if (fs.existsSync(outJs) && process.argv.includes('--force') === false && process.argv.includes('-f') === false) {
+  console.log('[build:umo] skip: prebuilt/umo-editor/umo-editor.js exists (use --force to rebuild)')
+  process.exit(0)
+}
+
+const viteBin = path.join(packageRoot, 'node_modules/vite/bin/vite.js')
+if (!fs.existsSync(viteBin)) {
+  console.error('[build:umo] missing vite in core package; run pnpm install in 前端核心包')
+  process.exit(1)
+}
+
+const patch = spawnSync(process.execPath, ['scripts/patch-tiptap-vue3.mjs'], {
+  cwd: packageRoot,
+  stdio: 'inherit',
+})
+if (patch.status !== 0) process.exit(patch.status ?? 1)
+
+const patchDrager = spawnSync(process.execPath, ['scripts/patch-es-drager-vue35.mjs'], {
+  cwd: packageRoot,
+  stdio: 'inherit',
+})
+if (patchDrager.status !== 0) process.exit(patchDrager.status ?? 1)
+
+const genEntry = spawnSync(process.execPath, ['scripts/generate-umo-entry.mjs'], {
+  cwd: packageRoot,
+  stdio: 'inherit',
+})
+if (genEntry.status !== 0) process.exit(genEntry.status ?? 1)
+
+const build = spawnSync(process.execPath, [viteBin, 'build', '--config', 'vite.config.umo.ts'], {
+  cwd: packageRoot,
+  stdio: 'inherit',
+})
+process.exit(build.status ?? 1)

package/scripts/generate-umo-entry.mjs

@@ -0,0 +1,81 @@
+#!/usr/bin/env node
+/** 生成 umo-build-entry.js：预编译入口 + 全局组件注册表（供 RichTextEditor app.component 注册） */
+import fs from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import fg from 'fast-glob'
+
+const packageRoot = path.join(fileURLToPath(new URL('.', import.meta.url)), '..')
+const srcRoot = path.join(packageRoot, 'src/components/editor-main/src')
+const outFile = path.join(packageRoot, 'src/components/editor-main/umo-build-entry.js')
+
+function capitalize(segment) {
+  return segment.charAt(0).toUpperCase() + segment.slice(1)
+}
+
+function kebabCase(name) {
+  return name.replace(/([a-z0-9])([A-Z])/g, '$1-$2').replace(/_/g, '-').toLowerCase()
+}
+
+function componentNameFromPath(relPath) {
+  const parts = relPath.replace(/\.vue$/, '').split('/')
+  if (parts[0] === 'components' || parts[0] === 'extensions') {
+    parts.shift()
+  }
+  const file = parts[parts.length - 1]
+  if (file === 'index') {
+    parts.pop()
+  }
+  return parts.map(capitalize).join('')
+}
+
+const vueFiles = fg.sync(['components/**/*.vue', 'extensions/**/*.vue'], { cwd: srcRoot }).sort()
+
+const imports = []
+const registryLines = []
+const seenNames = new Set()
+
+for (let i = 0; i < vueFiles.length; i += 1) {
+  const rel = vueFiles[i].replace(/\\/g, '/')
+  const name = componentNameFromPath(rel)
+  if (!name || seenNames.has(name)) continue
+  seenNames.add(name)
+  const importName = `UmoComp${i}`
+  imports.push(`import ${importName} from './src/${rel}'`)
+  registryLines.push(`  '${kebabCase(name)}': ${importName},`)
+  registryLines.push(`  '${name}': ${importName},`)
+}
+
+const content = `// auto-generated by scripts/generate-umo-entry.mjs — do not edit manually
+import './src/assets/styles/index.less'
+import Image from '@tiptap/extension-image'
+
+${imports.join('\n')}
+
+export {
+  default,
+  UmoDialog,
+  UmoEditor,
+  UmoMenuButton,
+  UmoTooltip,
+  useUmoEditor,
+} from './src/components/index.js'
+
+export function buildPlainImageExtension() {
+  return Image.configure({
+    inline: false,
+    allowBase64: true,
+    HTMLAttributes: {
+      class: 'umo-node-image',
+    },
+  })
+}
+
+/** 预编译 bundle 内 resolveComponent('xxx') 依赖的全局组件表 */
+export const umoGlobalComponents = {
+${registryLines.join('\n')}
+}
+`
+
+fs.writeFileSync(outFile, content, 'utf8')
+console.log(`[generate-umo-entry] components=${seenNames.size} -> ${path.relative(packageRoot, outFile)}`)

package/scripts/inject-umo-composable-imports.mjs

@@ -0,0 +1,66 @@
+#!/usr/bin/env node
+/** 为 editor-main 的 .vue 文件补全 composable import（预编译 build 前） */
+import fs from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const rootDir = path.join(fileURLToPath(new URL('.', import.meta.url)), '..')
+const srcRoot = path.join(rootDir, 'src/components/editor-main/src')
+
+const COMPOSABLES = [
+  { name: 'useState', from: 'composables/state.js', pattern: /\buseState\s*\(/ },
+  { name: 'useAlert', from: 'composables/dialog.js', pattern: /\buseAlert\s*\(/ },
+  { name: 'useConfirm', from: 'composables/dialog.js', pattern: /\buseConfirm\s*\(/ },
+  { name: 'useSelect', from: 'composables/select.js', pattern: /\buseSelect\s*\(/ },
+]
+
+function walk(dir, out = []) {
+  for (const name of fs.readdirSync(dir)) {
+    const full = path.join(dir, name)
+    if (fs.statSync(full).isDirectory()) {
+      if (name === 'node_modules' || name === 'dist') continue
+      walk(full, out)
+    } else if (name.endsWith('.vue')) {
+      out.push(full)
+    }
+  }
+  return out
+}
+
+function relImport(fromFile, targetFrom) {
+  let rel = path.relative(path.dirname(fromFile), path.join(srcRoot, targetFrom)).replace(/\\/g, '/')
+  if (!rel.startsWith('.')) rel = `./${rel}`
+  return rel
+}
+
+function injectFile(file) {
+  let code = fs.readFileSync(file, 'utf8')
+  let changed = false
+
+  for (const spec of COMPOSABLES) {
+    if (!spec.pattern.test(code)) continue
+    if (new RegExp(`import\\s+\\{[^}]*\\b${spec.name}\\b`).test(code)) continue
+
+    const rel = relImport(file, spec.from)
+    const line = `import { ${spec.name} } from '${rel}';\n`
+    const scriptMatch = code.match(/<script setup[^>]*>/)
+    if (!scriptMatch) continue
+    const idx = scriptMatch.index + scriptMatch[0].length
+    code = `${code.slice(0, idx)}\n${line}${code.slice(idx)}`
+    changed = true
+  }
+
+  if (changed) {
+    fs.writeFileSync(file, code, 'utf8')
+    return true
+  }
+  return false
+}
+
+let count = 0
+for (const file of walk(srcRoot)) {
+  if (injectFile(file)) {
+    count += 1
+  }
+}
+console.log(`[inject-umo-imports] done, ${count} vue file(s)`)

package/scripts/patch-es-drager-vue35.mjs

@@ -0,0 +1,68 @@
+#!/usr/bin/env node
+/**
+ * Vue 3.5 下 es-drager 的 props: $e 为模块级共享对象，经 mergeOptions 污染后
+ * normalizePropsOrEmits 可能对数组 props 无限 reduce → 栈溢出。
+ * 修复：克隆 props 并将 markline 等简写改为显式 type 对象。
+ */
+import fs from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const packageRoot = path.join(path.dirname(fileURLToPath(import.meta.url)), '..')
+
+const BUG_MARKLINE = '  markline: [Boolean, Function]'
+const FIX_MARKLINE = '  markline: { type: [Boolean, Function] }'
+
+const BUG_PROPS = '  props: $e,'
+const FIX_PROPS = '  props: { ...$e },'
+
+function patchFile(file) {
+  if (!fs.existsSync(file)) return false
+  let code = fs.readFileSync(file, 'utf-8')
+  let changed = false
+
+  if (code.includes(BUG_MARKLINE)) {
+    code = code.replace(BUG_MARKLINE, FIX_MARKLINE)
+    changed = true
+  }
+
+  if (code.includes(BUG_PROPS)) {
+    code = code.replace(BUG_PROPS, FIX_PROPS)
+    changed = true
+  }
+
+  if (!changed) return false
+  fs.writeFileSync(file, code, 'utf-8')
+  return true
+}
+
+function patchInRoot(rootDir) {
+  const pnpmDir = path.join(rootDir, 'node_modules/.pnpm')
+  if (!fs.existsSync(pnpmDir)) return 0
+
+  let patched = 0
+  for (const dir of fs.readdirSync(pnpmDir)) {
+    if (!dir.startsWith('es-drager@')) continue
+    const file = path.join(pnpmDir, dir, 'node_modules/es-drager/lib/index.es.js')
+    if (patchFile(file)) {
+      patched += 1
+      console.log('[patch-es-drager-vue35] patched', file)
+    }
+  }
+
+  const hoisted = path.join(rootDir, 'node_modules/es-drager/lib/index.es.js')
+  if (patchFile(hoisted)) {
+    patched += 1
+    console.log('[patch-es-drager-vue35] patched', hoisted)
+  }
+
+  return patched
+}
+
+const roots = [...new Set([process.cwd(), packageRoot])]
+let total = 0
+for (const root of roots) {
+  total += patchInRoot(root)
+}
+
+console.log(`[patch-es-drager-vue35] done, ${total} file(s)`)

package/scripts/patch-tiptap-vue3.mjs

@@ -0,0 +1,117 @@
+#!/usr/bin/env node
+/** 由宿主 postinstall 调用：process.cwd() 为宿主根；核心包 postinstall 也会 patch 本包 node_modules */
+import fs from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const scriptDir = path.dirname(fileURLToPath(import.meta.url))
+const packageRoot = path.join(scriptDir, '..')
+
+const RAW_PROP_KEYS = [
+  'editor',
+  'node',
+  'view',
+  'extension',
+  'mark',
+  'decorations',
+  'innerDecorations',
+]
+
+const REACTIVE_PROPS_BUG = 'this.props = reactive(props);'
+const REACTIVE_PROPS_FIX = `this.props = markRaw2(Object.fromEntries(Object.entries(props).map(([key, value]) => [key, value != null && ${JSON.stringify(RAW_PROP_KEYS)}.includes(key) ? markRaw2(value) : value])));`
+
+const UPDATE_PROPS_BUG = `Object.entries(props).forEach(([key, value]) => {
+      this.props[key] = value;
+    });`
+const UPDATE_PROPS_FIX = `Object.entries(props).forEach(([key, value]) => {
+      this.props[key] = value != null && ${JSON.stringify(RAW_PROP_KEYS)}.includes(key) ? markRaw2(value) : value;
+    });`
+
+const BROKEN_MARKRAW_END = 'markRaw2(value) : value]));'
+const FIXED_MARKRAW_END = 'markRaw2(value) : value])));'
+
+/** 预编译/宿主集成时 EditorContent 可能晚于 appContext；仅 contentComponent 门禁会导致 NodeView 永久回退裸 img */
+const CONTENT_COMPONENT_GUARD_BUG = `if (!props.editor.contentComponent) {
+      return {};
+    }`
+const CONTENT_COMPONENT_GUARD_FIX = `if (!props.editor.contentComponent && !props.editor.appContext) {
+      return {};
+    }`
+
+function patchCode(code) {
+  let next = code
+  let changed = false
+
+  if (
+    next.includes('this.props = markRaw2(Object.fromEntries(Object.entries(props)') &&
+    next.includes(BROKEN_MARKRAW_END) &&
+    !next.includes(FIXED_MARKRAW_END)
+  ) {
+    next = next.replace(BROKEN_MARKRAW_END, FIXED_MARKRAW_END)
+    changed = true
+  }
+
+  if (next.includes(REACTIVE_PROPS_BUG)) {
+    next = next.replace(REACTIVE_PROPS_BUG, REACTIVE_PROPS_FIX)
+    changed = true
+  } else if (
+    next.includes('this.props = Object.fromEntries(Object.entries(props)') &&
+    !next.includes('this.props = markRaw2(Object.fromEntries(Object.entries(props)')
+  ) {
+    next = next.replace(
+      'this.props = Object.fromEntries(Object.entries(props)',
+      'this.props = markRaw2(Object.fromEntries(Object.entries(props)',
+    )
+    next = next.replace(BROKEN_MARKRAW_END, FIXED_MARKRAW_END)
+    changed = true
+  }
+
+  if (next.includes(UPDATE_PROPS_BUG)) {
+    next = next.replace(UPDATE_PROPS_BUG, UPDATE_PROPS_FIX)
+    changed = true
+  }
+
+  if (next.includes(CONTENT_COMPONENT_GUARD_BUG)) {
+    next = next.replaceAll(CONTENT_COMPONENT_GUARD_BUG, CONTENT_COMPONENT_GUARD_FIX)
+    changed = true
+  }
+
+  return changed ? next : null
+}
+
+function patchFile(file) {
+  const code = fs.readFileSync(file, 'utf-8')
+  const next = patchCode(code)
+  if (!next || next === code) return false
+  fs.writeFileSync(file, next, 'utf-8')
+  return true
+}
+
+function patchInRoot(rootDir) {
+  const pnpmDir = path.join(rootDir, 'node_modules/.pnpm')
+  if (!fs.existsSync(pnpmDir)) {
+    console.log('[patch-tiptap-vue3] skip: no pnpm dir at', rootDir)
+    return 0
+  }
+
+  let patched = 0
+  for (const dir of fs.readdirSync(pnpmDir)) {
+    if (!dir.startsWith('@tiptap+vue-3@3.')) continue
+    for (const ext of ['index.js', 'index.cjs']) {
+      const file = path.join(pnpmDir, dir, 'node_modules/@tiptap/vue-3/dist', ext)
+      if (fs.existsSync(file) && patchFile(file)) {
+        patched += 1
+        console.log('[patch-tiptap-vue3] patched', file)
+      }
+    }
+  }
+  return patched
+}
+
+const roots = [...new Set([process.cwd(), packageRoot])]
+let total = 0
+for (const rootDir of roots) {
+  total += patchInRoot(rootDir)
+}
+
+console.log(`[patch-tiptap-vue3] done, ${total} file(s)`)

package/scripts/prepare-umo-source.mjs

@@ -0,0 +1,122 @@
+#!/usr/bin/env node
+/**
+ * 一次性（或升级 Umo 上游后）将 editor-main 预处理为可被宿主 Vite 直接编译的标准 Vue 源码：
+ * - @/ → 相对路径
+ * - $ref/$computed → 标准 ref/computed
+ * - 补全 vue / @vueuse / composables 的 import
+ */
+import fs from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { parse } from '@vue/compiler-sfc'
+import ReactivityTransform from '@vue-macros/reactivity-transform/vite'
+import AutoImport from 'unplugin-auto-import/vite'
+
+const rootDir = path.join(fileURLToPath(new URL('.', import.meta.url)), '..')
+const editorRoot = path.join(rootDir, 'src/components/editor-main')
+const srcRoot = path.join(editorRoot, 'src')
+
+const macroPlugin = ReactivityTransform()
+const autoPlugin = AutoImport({
+  imports: ['vue', '@vueuse/core'],
+  dirs: [path.join(srcRoot, 'composables')],
+  dts: false,
+})
+
+function walk(dir, out = []) {
+  for (const name of fs.readdirSync(dir)) {
+    const full = path.join(dir, name)
+    const stat = fs.statSync(full)
+    if (stat.isDirectory()) {
+      if (name === 'node_modules' || name === 'dist') continue
+      walk(full, out)
+    } else {
+      out.push(full)
+    }
+  }
+  return out
+}
+
+function fixAllAlias(file, code) {
+  if (!code.includes('@/')) return code
+  let prefix = path.relative(path.dirname(file), srcRoot).replace(/\\/g, '/')
+  if (prefix === '') prefix = '.'
+  else if (!prefix.startsWith('.')) prefix = `./${prefix}`
+  return code.replace(/@\/([A-Za-z0-9_./-]+)/g, (_, sub) => {
+    let rel = path.posix.normalize(path.posix.join(prefix, sub))
+    if (!rel.startsWith('.')) rel = `./${rel}`
+    return rel
+  })
+}
+
+function fixAliasImports(file, code) {
+  return fixAllAlias(file, code)
+}
+
+async function autoImportScript(script, file, isSetup) {
+  const scriptId = `${file}?vue&type=script${isSetup ? '&setup=true' : ''}&lang.js`
+  const handler = autoPlugin.transform?.handler ?? autoPlugin.transform
+  const result = await handler(script, scriptId)
+  return result?.code ?? script
+}
+
+async function prepareVueFile(file) {
+  let code = fs.readFileSync(file, 'utf8')
+  code = fixAliasImports(file, code)
+
+  const macroResult = await macroPlugin.transform(code, file)
+  if (macroResult?.code) code = macroResult.code
+
+  const { descriptor, errors } = parse(code)
+  if (errors.length) {
+    throw new Error(`${file}: ${errors[0].message}`)
+  }
+
+  if (descriptor.scriptSetup) {
+    const block = descriptor.scriptSetup
+    let script = await autoImportScript(block.content, file, true)
+    code = `${code.slice(0, block.loc.start.offset)}${script}${code.slice(block.loc.end.offset)}`
+  } else if (descriptor.script) {
+    const block = descriptor.script
+    let script = await autoImportScript(block.content, file, false)
+    code = `${code.slice(0, block.loc.start.offset)}${script}${code.slice(block.loc.end.offset)}`
+  }
+
+  fs.writeFileSync(file, code, 'utf8')
+}
+
+async function main() {
+  const files = walk(srcRoot)
+  let vueCount = 0
+  let jsCount = 0
+
+  for (const file of files) {
+    if (file.endsWith('.vue')) {
+      await prepareVueFile(file)
+      vueCount += 1
+    } else if (file.endsWith('.js') || file.endsWith('.less') || file.endsWith('.css')) {
+      if (file.endsWith('/register.js')) continue
+      const raw = fs.readFileSync(file, 'utf8')
+      const next = fixAllAlias(file, raw)
+      if (next !== raw) {
+        fs.writeFileSync(file, next, 'utf8')
+        jsCount += 1
+      }
+    }
+  }
+
+  const indexJs = path.join(srcRoot, 'components/index.js')
+  let indexCode = fs.readFileSync(indexJs, 'utf8')
+  indexCode = indexCode.replace(
+    "import 'virtual:svg-icons-register'",
+    "import '../assets/icons/register.js'",
+  )
+  fs.writeFileSync(indexJs, indexCode, 'utf8')
+
+  console.log(`[prepare-umo-source] vue=${vueCount}, js alias fixed=${jsCount}`)
+}
+
+main().catch((err) => {
+  console.error(err)
+  process.exit(1)
+})