@tessera-editor/core 0.1.0 → 0.2.0

package/src/extensions/history.ts

@@ -1,133 +0,0 @@
-import { Extension } from '@tiptap/core'
-import type { JSONContent } from '@tiptap/core'
-import { Plugin, PluginKey } from '@tiptap/pm/state'
-import { getStorageService, type DocSnapshot } from '../services'
-
-/**
- * Version history capture (v1.1): snapshots the canonical JSON into the
- * injected StorageService. Auto-capture fires after `idleMs` of inactivity
- * (Slite: 5 minutes); manual capture is always available as a command.
- */
-
-export interface HistorySnapshotOptions {
-  /** idle window before auto-capture (default 5 minutes) */
-  idleMs?: number
-  /** minimum ms between two auto-captures (default 60s) */
-  minIntervalMs?: number
-  /** snapshot label source */
-  label?: () => string | undefined
-}
-
-declare module '@tiptap/core' {
-  interface Commands<ReturnType> {
-    tesseraHistory: {
-      captureSnapshot: (label?: string) => ReturnType
-    }
-  }
-  interface EditorEvents {
-    'tessera:snapshotSaved': { snapshot: DocSnapshot }
-  }
-}
-
-export const historyKey = new PluginKey('tesseraHistory')
-
-export const TesseraHistory = Extension.create<HistorySnapshotOptions>({
-  name: 'tesseraHistory',
-
-  addOptions() {
-    return {
-      idleMs: 5 * 60 * 1000,
-      minIntervalMs: 60 * 1000,
-      label: undefined,
-    }
-  },
-
-  addCommands() {
-    return {
-      captureSnapshot:
-        (label?: string) =>
-        ({ editor, state }) => {
-          const storage = getStorageService(editor)
-          if (!storage) {
-            return false
-          }
-          const doc = editor.getJSON() as JSONContent
-          const snapshot: DocSnapshot = {
-            id: `snap-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`,
-            ts: Date.now(),
-            doc,
-            label: label ?? this.options.label?.(),
-          }
-          void storage.saveSnapshot(snapshot).then(() => {
-            editor.emit('tessera:snapshotSaved', { snapshot })
-          })
-          const tr = state.tr.setMeta(historyKey, { type: 'captured', ts: snapshot.ts })
-          editor.view.dispatch(tr)
-          return true
-        },
-    }
-  },
-
-  addProseMirrorPlugins() {
-    const editor = this.editor
-    const options = this.options
-    return [
-      new Plugin({
-        key: historyKey,
-        state: {
-          init: () => ({ lastChange: 0, lastCapture: 0, timer: null as ReturnType<typeof setTimeout> | null }),
-          apply: (tr, prev) => {
-            const meta = tr.getMeta(historyKey) as { type: string; ts?: number } | undefined
-            if (meta?.type === 'captured') {
-              return { ...prev, lastCapture: meta.ts ?? Date.now() }
-            }
-            if (!tr.docChanged) {
-              return prev
-            }
-            return { ...prev, lastChange: Date.now() }
-          },
-        },
-        view() {
-          return {
-            update: (_view, prevState) => {
-              const before = historyKey.getState(prevState)
-              const after = historyKey.getState(editor.state)
-              if (!before || !after || after.lastChange === before.lastChange) {
-                return
-              }
-              const storage = getStorageService(editor)
-              if (!storage) {
-                return
-              }
-              const s = historyKey.getState(editor.state)
-              if (s?.timer) {
-                clearTimeout(s.timer)
-              }
-              const timer = setTimeout(() => {
-                const now = Date.now()
-                const cur = historyKey.getState(editor.state)
-                if (!cur || now - cur.lastChange < options.idleMs! - 50) {
-                  return
-                }
-                if (now - cur.lastCapture < options.minIntervalMs!) {
-                  return
-                }
-                editor.commands.captureSnapshot()
-              }, options.idleMs!)
-              const st = historyKey.getState(editor.state)
-              if (st) {
-                st.timer = timer
-              }
-            },
-            destroy() {
-              const s = historyKey.getState(editor.state)
-              if (s?.timer) {
-                clearTimeout(s.timer)
-              }
-            },
-          }
-        },
-      }),
-    ]
-  },
-})

package/src/marks/placeholder.ts

@@ -1,63 +0,0 @@
-import { Mark, mergeAttributes, Extension } from '@tiptap/core'
-
-/**
- * Placeholder mark (v1.1, Slite's 占位符): dashed-underline token marking a
- * spot to fill in later — text / person / date / doc-link. ⌘⌥P toggles it on
- * a selection; slash items insert ready-made tokens.
- */
-export type PlaceholderKind = 'text' | 'person' | 'date' | 'doc'
-
-export const PlaceholderMark = Mark.create({
-  name: 'tesseraPlaceholder',
-
-  addAttributes() {
-    return {
-      kind: {
-        default: 'text' as PlaceholderKind,
-        parseHTML: element => (element.getAttribute('data-kind') as PlaceholderKind) ?? 'text',
-        renderHTML: attributes => ({ 'data-kind': String(attributes.kind) }),
-      },
-    }
-  },
-
-  parseHTML() {
-    return [{ tag: 'span[data-type="tessera-placeholder"]' }]
-  },
-
-  renderHTML({ HTMLAttributes }) {
-    return ['span', mergeAttributes({ 'data-type': 'tessera-placeholder' }, HTMLAttributes)]
-  },
-})
-
-declare module '@tiptap/core' {
-  interface Commands<ReturnType> {
-    tesseraPlaceholder: {
-      togglePlaceholderMark: (kind?: PlaceholderKind) => ReturnType
-      /** Insert a placeholder token at the caret (selection replaced). */
-      insertPlaceholderToken: (kind: PlaceholderKind, label: string) => ReturnType
-    }
-  }
-}
-
-export const PlaceholderCommands = Extension.create({
-  name: 'tesseraPlaceholderCommands',
-
-  addCommands() {
-    return {
-      togglePlaceholderMark:
-        (kind: PlaceholderKind = 'text') =>
-        ({ commands }) =>
-          commands.toggleMark('tesseraPlaceholder', { kind }),
-      insertPlaceholderToken:
-        (kind: PlaceholderKind, label: string) =>
-        ({ chain }) =>
-          chain()
-            .insertContent({
-              type: 'text',
-              text: label,
-              marks: [{ type: 'tesseraPlaceholder', attrs: { kind } }],
-            })
-            .run(),
-    }
-  },
-})