@waterwx/dsh-novel-forge 2.0.0-alpha.1 → 2.0.0

package/src/client/mount.tsx._nf

@@ -1,97 +0,0 @@
-/**
- * Panel view mounting — mirrors the family plugins: a container appended
- * inside the conversation grid item, hidden while inactive; toggling is a
- * data attribute on <html>, with cross-plugin activation events.
- */
-import { createRoot, type Root } from 'react-dom/client'
-import type { NovelApi } from './api.ts'
-import type { PanelController } from './panel/controller.ts'
-import { NovelPanel } from './panel/NovelPanel.tsx'
-import css from './panel/panel.module.css'
-
-/** The injected panel container. */
-export const PANEL_VIEW_SELECTOR = '[data-dsh-novelforge-view]'
-
-const CONVERSATION_COLUMN_SELECTOR = '[data-pane="conversation"], [class*="centerCol"]'
-const ACTIVE_ATTR = 'data-dsh-novelforge-active'
-/** Sibling panels' activation attributes (evicted when this panel opens). */
-const OTHER_ACTIVE_ATTRS = ['data-dsh-taskboard-active', 'data-dsh-ssh-active']
-/** Cross-plugin activation event; detail is the activating panel name. */
-const ACTIVATE_EVENT = 'dsh-panel-activate'
-const PANEL_NAME = 'novelforge'
-
-/** Find the center column, or undefined while the frame is not mounted. */
-function conversationColumn(): HTMLElement | undefined {
-  return document.querySelector<HTMLElement>(CONVERSATION_COLUMN_SELECTOR) ?? undefined
-}
-
-/**
- * Mount the panel React tree into the center column and bind visibility to
- * the controller.
- */
-export function mountPanel(controller: PanelController, api: NovelApi): () => void {
-  let root: Root | undefined
-  let container: HTMLDivElement | undefined
-
-  const ensure = (): void => {
-    if (container !== undefined) {
-      if (container.isConnected) return
-      root?.unmount()
-      root = undefined
-      container.remove()
-      container = undefined
-    }
-    const column = conversationColumn()
-    if (column === undefined) return
-    container = document.createElement('div')
-    container.dataset.dshNovelforgeView = 'true'
-    container.className = css.view
-    column.appendChild(container)
-    root = createRoot(container)
-    root.render(<NovelPanel controller={controller} api={api} />)
-  }
-
-  const waitObserver = new MutationObserver(() => { ensure() })
-  waitObserver.observe(document.body, { childList: true, subtree: true })
-
-  const applyActive = (): void => {
-    if (controller.getSnapshot().panelOpen) {
-      for (const attr of OTHER_ACTIVE_ATTRS) document.documentElement.removeAttribute(attr)
-      document.documentElement.setAttribute(ACTIVE_ATTR, '')
-      document.dispatchEvent(new CustomEvent(ACTIVATE_EVENT, { detail: PANEL_NAME }))
-    } else {
-      document.documentElement.removeAttribute(ACTIVE_ATTR)
-    }
-  }
-  const onOtherActivate = (event: Event): void => {
-    const detail = (event as CustomEvent).detail
-    if ((detail === 'taskboard' || detail === 'ssh') && controller.getSnapshot().panelOpen) {
-      controller.close()
-    }
-  }
-  // Jump out on sidebar context clicks.
-  const SIDEBAR_ROW_SELECTOR = '[class*="sessionRow"], [class*="projectRow"], [class*="searchResultRow"], [class*="searchResultWorkspace"], [class*="newSession"]'
-  const onClickSidebarRow = (event: MouseEvent): void => {
-    if (!controller.getSnapshot().panelOpen) return
-    const target = event.target as HTMLElement | null
-    if (target === null) return
-    if (target.closest(SIDEBAR_ROW_SELECTOR) !== null) controller.close()
-  }
-  document.addEventListener('click', onClickSidebarRow, true)
-  document.addEventListener(ACTIVATE_EVENT, onOtherActivate)
-  const unsubscribe = controller.subscribe(applyActive)
-  applyActive()
-  ensure()
-
-  return () => {
-    document.removeEventListener('click', onClickSidebarRow, true)
-    document.removeEventListener(ACTIVATE_EVENT, onOtherActivate)
-    waitObserver.disconnect()
-    unsubscribe()
-    document.documentElement.removeAttribute(ACTIVE_ATTR)
-    root?.unmount()
-    root = undefined
-    container?.remove()
-    container = undefined
-  }
-}

package/src/client/mount.tsx._tmp

@@ -1,97 +0,0 @@
-/**
- * Panel view mounting — mirrors the family plugins: a container appended
- * inside the conversation grid item, hidden while inactive; toggling is a
- * data attribute on <html>, with cross-plugin activation events.
- */
-import { createRoot, type Root } from 'react-dom/client'
-import type { NovelApi } from './api.ts'
-import type { PanelController } from './panel/controller.ts'
-import { NovelPanel } from './panel/NovelPanel.tsx'
-import css from './panel/panel.module.css'
-
-/** The injected panel container. */
-export const PANEL_VIEW_SELECTOR = '[data-dsh-novelforge-view]'
-
-const CONVERSATION_COLUMN_SELECTOR = '[data-pane="conversation"], [class*="centerCol"]'
-const ACTIVE_ATTR = 'data-dsh-novelforge-active'
-/** Sibling panels' activation attributes (evicted when this panel opens). */
-const OTHER_ACTIVE_ATTRS = ['data-dsh-taskboard-active', 'data-dsh-ssh-active']
-/** Cross-plugin activation event; detail is the activating panel name. */
-const ACTIVATE_EVENT = 'dsh-panel-activate'
-const PANEL_NAME = 'novelforge'
-
-/** Find the center column, or undefined while the frame is not mounted. */
-function conversationColumn(): HTMLElement | undefined {
-  return document.querySelector<HTMLElement>(CONVERSATION_COLUMN_SELECTOR) ?? undefined
-}
-
-/**
- * Mount the panel React tree into the center column and bind visibility to
- * the controller.
- */
-export function mountPanel(controller: PanelController, api: NovelApi): () => void {
-  let root: Root | undefined
-  let container: HTMLDivElement | undefined
-
-  const ensure = (): void => {
-    if (container !== undefined) {
-      if (container.isConnected) return
-      root?.unmount()
-      root = undefined
-      container.remove()
-      container = undefined
-    }
-    const column = conversationColumn()
-    if (column === undefined) return
-    container = document.createElement('div')
-    container.dataset.dshNovelforgeView = 'true'
-    container.className = css.view
-    column.appendChild(container)
-    root = createRoot(container)
-    root.render(<NovelPanel controller={controller} api={api} />)
-  }
-
-  const waitObserver = new MutationObserver(() => { ensure() })
-  waitObserver.observe(document.body, { childList: true, subtree: true })
-
-  const applyActive = (): void => {
-    if (controller.getSnapshot().panelOpen) {
-      for (const attr of OTHER_ACTIVE_ATTRS) document.documentElement.removeAttribute(attr)
-      document.documentElement.setAttribute(ACTIVE_ATTR, '')
-      document.dispatchEvent(new CustomEvent(ACTIVATE_EVENT, { detail: PANEL_NAME }))
-    } else {
-      document.documentElement.removeAttribute(ACTIVE_ATTR)
-    }
-  }
-  const onOtherActivate = (event: Event): void => {
-    const detail = (event as CustomEvent).detail
-    if ((detail === 'taskboard' || detail === 'ssh') && controller.getSnapshot().panelOpen) {
-      controller.close()
-    }
-  }
-  // Jump out on sidebar context clicks.
-  const SIDEBAR_ROW_SELECTOR = '[class*="sessionRow"], [class*="projectRow"], [class*="searchResultRow"], [class*="searchResultWorkspace"], [class*="newSession"]'
-  const onClickSidebarRow = (event: MouseEvent): void => {
-    if (!controller.getSnapshot().panelOpen) return
-    const target = event.target as HTMLElement | null
-    if (target === null) return
-    if (target.closest(SIDEBAR_ROW_SELECTOR) !== null) controller.close()
-  }
-  document.addEventListener('click', onClickSidebarRow, true)
-  document.addEventListener(ACTIVATE_EVENT, onOtherActivate)
-  const unsubscribe = controller.subscribe(applyActive)
-  applyActive()
-  ensure()
-
-  return () => {
-    document.removeEventListener('click', onClickSidebarRow, true)
-    document.removeEventListener(ACTIVATE_EVENT, onOtherActivate)
-    waitObserver.disconnect()
-    unsubscribe()
-    document.documentElement.removeAttribute(ACTIVE_ATTR)
-    root?.unmount()
-    root = undefined
-    container?.remove()
-    container = undefined
-  }
-}

package/src/client/panel/BookshelfBar.tsx

@@ -1,170 +0,0 @@
-/**
- * 书架条：显示所有书，点击切换当前书（继续编译），＋ 新建。
- * 新建 = 开书向导：书名 + 大纲（拖拽/选择 docx 或粘贴文本），创建即建项目。
- */
-import { useRef, useState } from 'react'
-import type { NovelApi } from '../api.ts'
-import { extractDocxTextFromBuffer } from '../docx.ts'
-import type { BookshelfSnapshot } from '../../protocol.ts'
-import css from './panel.module.css'
-
-/** Props. */
-export interface BookshelfBarProps {
-  api: NovelApi
-  shelf: BookshelfSnapshot
-  /** 刷新整个面板（切换书后重新拉状态）。 */
-  onSwitch: () => void
-}
-
-/** 书架条。 */
-export function BookshelfBar({ api, shelf, onSwitch }: BookshelfBarProps) {
-  const [creating, setCreating] = useState(false)
-  const [name, setName] = useState('')
-  const [outlineText, setOutlineText] = useState('')
-  const [outlineName, setOutlineName] = useState('')
-  const [busy, setBusy] = useState(false)
-  const [error, setError] = useState('')
-  const outlineFileRef = useRef<HTMLInputElement | null>(null)
-
-  const handlePickOutlineFile = async (file: File | undefined): Promise<void> => {
-    if (file === undefined) return
-    try {
-      const buffer = await file.arrayBuffer()
-      const text = extractDocxTextFromBuffer(buffer)
-      if (text.length < 50) {
-        setError('大纲内容过短（<50 字符），请检查文件')
-        return
-      }
-      setOutlineText(text)
-      setOutlineName(file.name)
-      setError('')
-    } catch (err) {
-      setError(`读取大纲失败：${(err as Error).message}`)
-    }
-  }
-
-  const handleCreate = async (): Promise<void> => {
-    const bookName = name.trim()
-    if (bookName === '') return
-    setBusy(true)
-    setError('')
-    try {
-      await api.bookCreate(bookName, undefined, outlineText.trim() !== '' ? outlineText.trim() : undefined)
-      setCreating(false)
-      setName('')
-      setOutlineText('')
-      setOutlineName('')
-      onSwitch()
-    } catch (err) {
-      setError((err as Error).message)
-    } finally {
-      setBusy(false)
-    }
-  }
-
-  const handleActivate = async (id: string): Promise<void> => {
-    if (id === shelf.activeBookId) return
-    setBusy(true)
-    try {
-      await api.bookActivate(id)
-      onSwitch()
-    } catch (err) {
-      setError((err as Error).message)
-    } finally {
-      setBusy(false)
-    }
-  }
-
-  const handleRemove = async (id: string): Promise<void> => {
-    setBusy(true)
-    try {
-      await api.bookRemove(id)
-      onSwitch()
-    } catch (err) {
-      setError((err as Error).message)
-    } finally {
-      setBusy(false)
-    }
-  }
-
-  return (
-    <div className={css.bookshelf}>
-      <span className={css.bookshelfLabel}>书架</span>
-      <div className={css.bookshelfList}>
-        {shelf.books.map(book => (
-          <div
-            key={book.id}
-            className={`${css.bookChip} ${book.id === shelf.activeBookId ? css.bookChipActive : ''}`}
-            onClick={() => { void handleActivate(book.id) }}
-            title={book.outputDir}
-          >
-            <span className={css.bookChipName}>{book.bookName}</span>
-            <span className={css.bookChipMeta}>{book.hasProject ? `${book.done}/${book.total} 章` : '未开书'}</span>
-            <button
-              type="button"
-              className={css.bookChipRemove}
-              title="从书架移除"
-              onClick={(e) => { e.stopPropagation(); void handleRemove(book.id) }}
-            >
-              ×
-            </button>
-          </div>
-        ))}
-        {!creating ? (
-          <button type="button" className={css.bookAdd} onClick={() => { setCreating(true) }}>
-            ＋ 新书
-          </button>
-        ) : (
-          <div className={css.bookCreateForm}>
-            <input
-              className={css.input}
-              style={{ width: 140 }}
-              placeholder="书名"
-              value={name}
-              onChange={e => { setName(e.target.value) }}
-              onKeyDown={e => { if (e.key === 'Enter') void handleCreate() }}
-              autoFocus
-            />
-            {/* 开书向导：大纲（可选，推荐） */}
-            <div className={css.bookCreateOutline}>
-              <button
-                type="button"
-                className={`${css.button} ${css.buttonSmall}`}
-                onClick={() => { outlineFileRef.current?.click() }}
-              >
-                {outlineName !== '' ? `✓ ${outlineName}` : '📄 选择大纲 docx'}
-              </button>
-              <input
-                ref={outlineFileRef}
-                type="file"
-                accept=".docx,application/vnd.openxmlformats-officedocument.wordprocessingml.document"
-                style={{ display: 'none' }}
-                onChange={e => {
-                  void handlePickOutlineFile(e.target.files?.[0])
-                  e.target.value = ''
-                }}
-              />
-              <textarea
-                className={css.input}
-                style={{ width: 280, minHeight: 64, resize: 'vertical' }}
-                placeholder="或直接粘贴大纲文本（提供大纲后开书即建立项目，书名自动从大纲首行识别）"
-                value={outlineText}
-                onChange={e => { setOutlineText(e.target.value) }}
-              />
-            </div>
-            <div className={css.row}>
-              <button type="button" className={`${css.button} ${css.buttonSmall} ${css.buttonPrimary}`} disabled={busy || name.trim() === ''} onClick={() => { void handleCreate() }}>
-                开书
-              </button>
-              <button type="button" className={`${css.button} ${css.buttonSmall}`} onClick={() => { setCreating(false) }}>
-                取消
-              </button>
-              <span className={css.meta}>{outlineText.length > 0 ? `大纲 ${outlineText.length} 字` : '未提供大纲（稍后在大纲页导入）'}</span>
-            </div>
-          </div>
-        )}
-      </div>
-      {error !== '' && <span style={{ color: 'var(--nf-error)', fontSize: 'var(--nf-fs-12)' }}>{error}</span>}
-    </div>
-  )
-}

package/src/client/panel/FlowGuide.tsx

@@ -1,84 +0,0 @@
-/**
- * 漫剧工作台·全流程步骤条（唯一导航，方案X）：
- * ①创建方案 → ②一键生成 → ③分镜 → ④角色定妆 → ⑤场景底图 → ⑥导出使用。
- * 每个步骤对应一个独立页面主体；完成度自动判定（读 project 现有字段）。
- */
-import type { ProjectState } from '../../protocol.ts'
-import css from './panel.module.css'
-
-/** 步骤 → 页面主体的一一对应目标。 */
-export type FlowTarget =
-  | 'plan'      // ① 创建方案页
-  | 'rules'     // ② 视觉规则页
-  | 'skeleton'  // ③ 剧情骨架页（分镜·骨架）
-  | 'table'     // ④ 分镜表页（分镜·分镜表）
-  | 'import'    // ⑤ 导入角色页（角色·导入）
-  | 'makeup'    // ⑥ 角色定妆页（角色·卡片）
-  | 'prompts'   // ⑦ 视频提示词页（分镜·提示词）
-  | 'scenes'    // ⑧ 场景库页
-  | 'props'     // ⑨ 道具库页
-  | 'export'    // ⑩ 导出使用页
-
-export interface FlowStep {
-  no: number
-  label: string
-  hint: string
-  done: boolean
-  target: FlowTarget
-}
-
-/** 依据 project 数据计算 6 步完成度（与存储顺序无关，按生产顺序排列）。 */
-export function computeFlowSteps(project: ProjectState | null, exported?: boolean): FlowStep[] {
-  const plans = project?.mangaPlans ?? []
-  const rules = project?.visualRules ?? []
-  const sbs = project?.storyboards ?? []
-  const manga = project?.mangaRoles ?? []
-  const scenes = project?.scenes ?? []
-  const props = project?.props ?? []
-  const hasSkeleton = sbs.some(e => e.skeleton !== undefined)
-  const hasTable = sbs.some(e => e.table !== undefined)
-  const hasPrompts = sbs.some(e => (e.prompts ?? []).length > 0)
-  return [
-    { no: 1, label: '创建方案', hint: '选基底风格+题材并命名；此后所有提示词按此风格生成', done: plans.length > 0, target: 'plan' },
-    { no: 2, label: '一键生成', hint: '选章节后自动做 剧情骨架→分镜表→角色导入；视频提示词留到⑤', done: hasTable, target: 'import' },
-    { no: 3, label: '角色库', hint: '主要角色定妆图提示词→去即梦出图→建智能角色', done: manga.some(c => c.status === 'anchored'), target: 'makeup' },
-    { no: 4, label: '场景库', hint: '（选做）从正文提炼场景卡并出场景参考图，提示词自动引用', done: scenes.length > 0, target: 'scenes' },
-    { no: 5, label: '道具库', hint: '（选做）从正文提炼常驻道具，提示词里道具外观跨镜头统一', done: props.length > 0, target: 'props' },
-    { no: 6, label: '分镜·提示词', hint: '生成逐镜即梦提示词（可粘贴）→复制去即梦；含导出存档', done: hasPrompts, target: 'prompts' },
-  ]
-}
-
-export function FlowGuide({
-  project,
-  onNavigate,
-  exported,
-}: {
-  project: ProjectState | null
-  onNavigate: (target: FlowTarget) => void
-  exported?: boolean
-}) {
-  const steps = computeFlowSteps(project, exported)
-  const doneCount = steps.filter(s => s.done).length
-  return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: 'var(--nf-space-6)', marginTop: 'var(--nf-space-8)' }}>
-      <div className={css.row} style={{ justifyContent: 'space-between', flexWrap: 'wrap' }}>
-        <span className={css.meta}>🧭 全流程（{doneCount}/{steps.length}）：每步一个页面，完成自动打勾</span>
-        <span className={css.meta}>点击步骤打开对应页面</span>
-      </div>
-      <div style={{ display: 'flex', flexWrap: 'wrap', gap: 'var(--nf-space-6)' }}>
-        {steps.map(s => (
-          <button
-            key={s.no}
-            type="button"
-            title={s.hint}
-            className={css.button + ' ' + css.buttonSmall + (s.done ? ' ' + css.buttonPrimary : '')}
-            style={{ minWidth: 0 }}
-            onClick={() => { onNavigate(s.target) }}
-          >
-            {s.done ? '✓ ' : s.no + '. '}{s.label}
-          </button>
-        ))}
-      </div>
-    </div>
-  )
-}