@dxos/react-ui-editor 0.10.0 → 0.11.0

package/src/extensions/assistant-extension.tsx

@@ -1,223 +0,0 @@
-//
-// Copyright 2026 DXOS.org
-//
-
-import { type Diagnostic, forEachDiagnostic, linter, setDiagnostics } from '@codemirror/lint';
-import { ChangeSet, type Extension } from '@codemirror/state';
-import { EditorView } from '@codemirror/view';
-
-import { log } from '@dxos/log';
-import { safeParseJson, trim } from '@dxos/util';
-
-const DEFAULT_INSTRUCTIONS = trim`
-  Proofread the input text below.
-  Identify typos and grammatical errors. 
-  Return ONLY a valid JSON array of objects with fields: "original" (string), "replacement" (string), "context" (string, 3-5 words around match).
-  --
-`;
-
-export type AssistantOptions = {
-  /**
-   * Invoke the language model with the given prompt and return the raw text response.
-   */
-  generate: (request: { instructions: string; content: string }) => Promise<string>;
-  /**
-   * Instructions to use for the language model.
-   */
-  instructions?: string;
-  /**
-   * Show panel automatically.
-   */
-  autoPanel?: boolean;
-  /**
-   * Debounce delay.
-   */
-  delay?: number;
-};
-
-const underline = (color: string) => {
-  const svg = trim`
-    <svg xmlns="http://www.w3.org/2000/svg" width="6" height="3">
-      <path d="m0 3 l2 -2 l1 0 l2 2 l1 0" stroke="${color}" fill="none" stroke-width="1"/>
-    </svg>
-  `;
-
-  return `url('data:image/svg+xml;base64,${btoa(svg)}') !important`;
-};
-
-export const assistant = (options: AssistantOptions): Extension[] => {
-  const styles = getComputedStyle(document.documentElement);
-  const style = {
-    info: styles.getPropertyValue('--color-green-500').trim(),
-    warning: styles.getPropertyValue('--color-orange-500').trim(),
-    error: styles.getPropertyValue('--color-rose-500').trim(),
-  };
-
-  return [
-    assistantLinter(options),
-    EditorView.baseTheme({
-      '.cm-lintRange-info': {
-        backgroundImage: underline(style.info),
-      },
-      '.cm-lintRange-warning': {
-        backgroundImage: underline(style.warning),
-      },
-      '.cm-lintRange-error': {
-        backgroundImage: underline(style.error),
-      },
-
-      '.cm-panels-bottom': {
-        borderTop: '1px solid var(--color-separator) !important',
-      },
-      '.cm-panel-lint .cm-panel': {
-        outline: 'none !important',
-      },
-      /** @apply dx-button */
-      '.cm-panel button': {
-        color: 'var(--color-base-fg) !important',
-      },
-      '.cm-panel.cm-panel-lint ul': {
-        color: 'var(--color-base-fg) !important',
-        backgroundColor: 'var(--color-base-surface) !important',
-        marginRight: '2rem !important',
-      },
-      '.cm-panel.cm-panel-lint ul [aria-selected]': {
-        color: 'var(--color-base-fg) !important',
-        backgroundColor: 'var(--color-base-surface) !important',
-      },
-      '.cm-panel.cm-panel-lint ul li': {
-        display: 'grid',
-        gridTemplateColumns: '1fr auto',
-        alignItems: 'center',
-      },
-      '.cm-panel.cm-panel-lint ul li .cm-diagnosticText': {
-        paddingRight: '8px !important',
-      },
-      '.cm-panel.cm-panel-lint ul li button.cm-diagnosticAction': {
-        margin: 'none !important',
-      },
-      '.cm-diagnostic': {
-        padding: '0px 8px !important',
-        whiteSpace: 'pre-wrap !important',
-      },
-      '.cm-diagnostic-info': {
-        border: 'none !important',
-      },
-    }),
-  ];
-};
-
-//
-// Linter
-//
-
-type Suggestion = {
-  original: string;
-  replacement: string;
-  context: string;
-};
-
-const isSuggestion = (value: unknown): value is Suggestion =>
-  typeof value === 'object' &&
-  value !== null &&
-  typeof (value as Suggestion).original === 'string' &&
-  typeof (value as Suggestion).replacement === 'string' &&
-  typeof (value as Suggestion).context === 'string';
-
-/**
- * Find the index of `original` within `content`, using `context` to disambiguate when there are multiple occurrences.
- */
-const findSuggestionIndex = (content: string, suggestion: Suggestion): number => {
-  const firstIdx = content.indexOf(suggestion.original);
-  if (firstIdx === -1) {
-    return -1;
-  }
-
-  // Check for duplicate occurrences; use context to disambiguate.
-  const secondIdx = content.indexOf(suggestion.original, firstIdx + 1);
-  if (secondIdx === -1) {
-    return firstIdx;
-  }
-
-  // Find the occurrence whose surrounding text best matches the context.
-  const contextIdx = content.indexOf(suggestion.context);
-  if (contextIdx !== -1) {
-    const contextEnd = contextIdx + suggestion.context.length;
-    if (secondIdx >= contextIdx && secondIdx <= contextEnd) {
-      return secondIdx;
-    }
-  }
-
-  return firstIdx;
-};
-
-const replaceTextAndDropLintAtRange = (view: EditorView, from: number, to: number, insert: string) => {
-  const kept: Diagnostic[] = [];
-  forEachDiagnostic(view.state, (diagnostic, diagnosticFrom, diagnosticTo) => {
-    if (diagnosticFrom < to && diagnosticTo > from) {
-      return;
-    }
-    kept.push({ ...diagnostic, from: diagnosticFrom, to: diagnosticTo });
-  });
-  const changeSet = ChangeSet.of({ from, to, insert }, view.state.doc.length);
-  const next = kept.map((d) => ({
-    ...d,
-    from: changeSet.mapPos(d.from, 1),
-    to: changeSet.mapPos(d.to, -1),
-  }));
-  view.dispatch({
-    changes: { from, to, insert },
-    ...setDiagnostics(view.state, next),
-  });
-};
-
-const assistantLinter = ({
-  generate,
-  instructions = DEFAULT_INSTRUCTIONS,
-  autoPanel = true,
-  delay = 2_000,
-}: AssistantOptions) =>
-  linter(
-    async (view) => {
-      try {
-        const content = view.state.doc.toString();
-        const result = await generate({ instructions, content });
-
-        const [match] = result.match(/\[.*\]/s) ?? [];
-        const parsed = match ? safeParseJson<unknown[]>(match, []) : [];
-        const suggestions = Array.isArray(parsed) ? parsed.filter(isSuggestion) : [];
-        if (suggestions && suggestions.length > 0) {
-          const diagnostics: Diagnostic[] = [];
-          for (const suggestion of suggestions) {
-            const idx = findSuggestionIndex(content, suggestion);
-            if (idx !== -1) {
-              diagnostics.push({
-                from: idx,
-                to: idx + suggestion.original.length,
-                severity: 'info',
-                message: `Suggestion: ${suggestion.replacement}`,
-                actions: [
-                  {
-                    name: 'Apply',
-                    apply: (view, from, to) => {
-                      replaceTextAndDropLintAtRange(view, from, to, suggestion.replacement);
-                    },
-                  },
-                ],
-              });
-            }
-          }
-
-          return diagnostics;
-        }
-      } catch (err) {
-        log.catch(err);
-      }
-
-      return [];
-    },
-    {
-      delay,
-      autoPanel,
-    },
-  );

package/src/extensions/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2026 DXOS.org
-//
-
-export * from './assistant-extension';