@codeauradev/ngx-wind-editor 1.0.0 → 1.0.2

package/src/toolbar.ts

@@ -1,53 +0,0 @@
-export const WIND_TOOLS = [
-  'paragraph',
-  'h1',
-  'h2',
-  'bold',
-  'italic',
-  'underline',
-  'strike',
-  'code',
-  'link',
-  'bullet',
-  'ordered',
-  'quote',
-  'codeblock',
-  'rule',
-  'image',
-  'clear',
-  'undo',
-  'redo',
-  'source',
-] as const;
-
-export type WindTool = (typeof WIND_TOOLS)[number];
-
-export type WindToolbarPreset = 'full' | 'writing' | 'basic' | 'minimal';
-
-export const WIND_TOOLBAR_PRESETS: Record<WindToolbarPreset, readonly WindTool[]> = {
-  full: WIND_TOOLS,
-  writing: ['paragraph', 'h1', 'h2', 'bold', 'italic', 'link', 'bullet', 'ordered', 'quote', 'undo', 'redo'],
-  basic: ['bold', 'italic', 'underline', 'strike', 'link', 'bullet', 'ordered', 'undo', 'redo'],
-  minimal: ['bold', 'italic', 'link'],
-};
-
-const KNOWN = new Set<string>(WIND_TOOLS);
-
-export function isWindTool(value: string): value is WindTool {
-  return KNOWN.has(value);
-}
-
-export function isToolbarPreset(value: string): value is WindToolbarPreset {
-  return value === 'full' || value === 'writing' || value === 'basic' || value === 'minimal';
-}
-
-/** A preset name, or an explicit list. Unknown ids are dropped. List order is the button order. */
-export function resolveToolbar(value?: WindToolbarPreset | readonly string[] | null): WindTool[] {
-  if (value == null) return [...WIND_TOOLS];
-  if (typeof value === 'string') return [...(isToolbarPreset(value) ? WIND_TOOLBAR_PRESETS[value] : WIND_TOOLS)];
-  const picked: WindTool[] = [];
-  for (const id of value) {
-    if (isWindTool(id) && !picked.includes(id)) picked.push(id);
-  }
-  return picked;
-}

package/src/types.ts

@@ -1,69 +0,0 @@
-export const BLOCK_TYPES = [
-  'paragraph',
-  'heading',
-  'blockquote',
-  'code',
-  'bullet',
-  'ordered',
-  'rule',
-  'image',
-] as const;
-
-export type BlockType = (typeof BLOCK_TYPES)[number];
-
-export const MARKS = ['bold', 'italic', 'underline', 'strike', 'code'] as const;
-
-export type MarkName = (typeof MARKS)[number];
-
-export interface TextAttrs {
-  bold?: boolean;
-  italic?: boolean;
-  underline?: boolean;
-  strike?: boolean;
-  code?: boolean;
-  href?: string;
-}
-
-export interface DeltaOp {
-  insert: string;
-  attributes?: TextAttrs;
-}
-
-export type Delta = DeltaOp[];
-
-export interface BlockData {
-  id: string;
-  type: BlockType;
-  level: number;
-  src: string;
-  alt: string;
-  delta: Delta;
-}
-
-export interface Point {
-  blockId: string;
-  offset: number;
-}
-
-export interface Selection {
-  anchor: Point;
-  head: Point;
-}
-
-export interface EditorSnapshot {
-  html: string;
-  text: string;
-  words: number;
-  characters: number;
-  blockType: BlockType;
-  level: number;
-  marks: TextAttrs;
-  href: string | null;
-  canUndo: boolean;
-  canRedo: boolean;
-  slash: string | null;
-}
-
-export function isBlockType(value: unknown): value is BlockType {
-  return typeof value === 'string' && (BLOCK_TYPES as readonly string[]).includes(value);
-}

package/src/wind-editor.ts

@@ -1,357 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  DestroyRef,
-  ElementRef,
-  ViewEncapsulation,
-  afterNextRender,
-  computed,
-  effect,
-  inject,
-  input,
-  model,
-  signal,
-  viewChild,
-} from '@angular/core';
-import { filterSlash } from './catalog';
-import type { SlashItem } from './catalog';
-import { mountWindSurface } from './surface';
-import type { SurfaceChange, WindMount } from './surface';
-import type { MarkName } from './types';
-import { resolveToolbar } from './toolbar';
-import type { WindTool, WindToolbarPreset } from './toolbar';
-import { WindIcon } from './wind-icon';
-
-interface Tool {
-  id: WindTool;
-  label: string;
-  icon: string;
-}
-
-const TOOLS: Tool[] = [
-  { id: 'paragraph', label: 'Text', icon: 'block' },
-  { id: 'h1', label: 'Heading 1', icon: 'block' },
-  { id: 'h2', label: 'Heading 2', icon: 'block' },
-  { id: 'bold', label: 'Bold', icon: 'bold' },
-  { id: 'italic', label: 'Italic', icon: 'italic' },
-  { id: 'underline', label: 'Underline', icon: 'underline' },
-  { id: 'strike', label: 'Strikethrough', icon: 'strike' },
-  { id: 'code', label: 'Inline code', icon: 'code' },
-  { id: 'link', label: 'Link', icon: 'link' },
-  { id: 'bullet', label: 'Bullet list', icon: 'list' },
-  { id: 'ordered', label: 'Numbered list', icon: 'ordered' },
-  { id: 'quote', label: 'Quote', icon: 'quote' },
-  { id: 'codeblock', label: 'Code block', icon: 'block' },
-  { id: 'rule', label: 'Divider', icon: 'rule' },
-  { id: 'image', label: 'Image', icon: 'image' },
-  { id: 'clear', label: 'Clear formatting', icon: 'clear' },
-  { id: 'undo', label: 'Undo', icon: 'undo' },
-  { id: 'redo', label: 'Redo', icon: 'redo' },
-  { id: 'source', label: 'HTML', icon: 'source' },
-];
-
-@Component({
-  selector: 'wind-editor',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  encapsulation: ViewEncapsulation.None,
-  imports: [WindIcon],
-  styleUrl: './styles/ngx-wind-editor.css',
-  host: { class: 'wind-editor block min-w-0' },
-  template: `
-    <div class="rounded-xl border border-stone-200 bg-white text-stone-900 shadow-sm dark:border-stone-800 dark:bg-stone-950 dark:text-stone-100">
-      @if (showToolbar() && tools().length > 0) {
-        <div class="flex gap-0.5 overflow-x-auto border-b border-stone-200 px-1.5 py-1.5 dark:border-stone-800" role="toolbar" aria-label="Formatting">
-          @for (tool of tools(); track tool.id) {
-            <button
-              type="button"
-              class="inline-flex h-9 shrink-0 items-center justify-center gap-1 rounded-md px-2 text-sm text-stone-600 hover:bg-stone-100 disabled:opacity-40 aria-pressed:bg-teal-700 aria-pressed:text-white dark:text-stone-300 dark:hover:bg-stone-900 dark:aria-pressed:bg-teal-600"
-              [attr.aria-label]="tool.label"
-              [attr.title]="tool.label"
-              [attr.aria-pressed]="pressed(tool.id)"
-              [disabled]="disabled(tool.id)"
-              (mousedown)="$event.preventDefault()"
-              (click)="run(tool.id)"
-            >
-              @if (tool.id === 'paragraph' || tool.id === 'h1' || tool.id === 'h2') {
-                <span class="px-0.5 text-xs font-semibold tracking-wide">{{ tool.id === 'paragraph' ? 'P' : tool.id.toUpperCase() }}</span>
-              } @else {
-                <wind-icon [name]="tool.icon" />
-              }
-            </button>
-          }
-        </div>
-      }
-
-      @if (linkOpen()) {
-        <form class="flex flex-wrap items-center gap-2 border-b border-stone-200 px-3 py-2 dark:border-stone-800" (submit)="applyLink($event)">
-          <label class="sr-only" for="wind-link">Link URL</label>
-          <input
-            id="wind-link"
-            class="h-9 min-w-0 flex-1 rounded-md border border-stone-300 bg-white px-2 text-sm outline-none focus:border-teal-700 dark:border-stone-700 dark:bg-stone-900"
-            [value]="linkDraft()"
-            placeholder="https://"
-            (input)="onDraft($event, 'link')"
-          />
-          <button type="submit" class="h-9 rounded-md bg-teal-700 px-3 text-sm font-medium text-white">Apply</button>
-          <button type="button" class="h-9 rounded-md px-2 text-sm text-stone-600 dark:text-stone-300" (click)="clearLink()">Remove</button>
-        </form>
-      }
-
-      @if (imageOpen()) {
-        <form class="flex flex-wrap items-center gap-2 border-b border-stone-200 px-3 py-2 dark:border-stone-800" (submit)="applyImage($event)">
-          <input class="h-9 min-w-0 flex-1 rounded-md border border-stone-300 bg-white px-2 text-sm outline-none focus:border-teal-700 dark:border-stone-700 dark:bg-stone-900" [value]="imageSrc()" placeholder="Image URL" (input)="onDraft($event, 'src')" />
-          <input class="h-9 w-36 rounded-md border border-stone-300 bg-white px-2 text-sm outline-none focus:border-teal-700 dark:border-stone-700 dark:bg-stone-900" [value]="imageAlt()" placeholder="Alt text" (input)="onDraft($event, 'alt')" />
-          <button type="submit" class="h-9 rounded-md bg-teal-700 px-3 text-sm font-medium text-white">Insert</button>
-        </form>
-      }
-
-      <div class="relative min-h-48" #surface></div>
-
-      @if (slashItems().length > 0 && change()?.slashRect; as rect) {
-        <ul
-          class="fixed z-30 max-h-64 w-56 overflow-auto rounded-lg border border-stone-200 bg-white py-1 shadow-lg dark:border-stone-700 dark:bg-stone-900"
-          role="listbox"
-          [style.top.px]="rect.top"
-          [style.left.px]="rect.left"
-        >
-          @for (item of slashItems(); track item.id; let index = $index) {
-            <li>
-              <button
-                type="button"
-                class="flex w-full items-baseline justify-between gap-3 px-3 py-1.5 text-left text-sm hover:bg-stone-100 dark:hover:bg-stone-800"
-                [class.bg-teal-700]="index === slashIndex()"
-                [class.text-white]="index === slashIndex()"
-                role="option"
-                [attr.aria-selected]="index === slashIndex()"
-                (mousedown)="$event.preventDefault()"
-                (click)="pickSlash(item)"
-              >
-                <span>{{ item.label }}</span>
-                <span class="text-xs opacity-70">{{ item.hint }}</span>
-              </button>
-            </li>
-          }
-        </ul>
-      }
-
-      <footer class="flex items-center justify-between gap-3 border-t border-stone-200 px-3 py-1.5 text-xs text-stone-500 dark:border-stone-800 dark:text-stone-400">
-        <span>{{ change()?.words ?? 0 }} words</span>
-        <span class="text-stone-400">/ for blocks</span>
-      </footer>
-
-      @if (sourceOpen()) {
-        <div class="border-t border-stone-200 p-3 dark:border-stone-800">
-          <textarea
-            class="h-40 w-full resize-y rounded-md border border-stone-300 bg-stone-50 p-2 font-mono text-xs outline-none focus:border-teal-700 dark:border-stone-700 dark:bg-stone-900"
-            [value]="sourceDraft()"
-            spellcheck="false"
-            aria-label="HTML source"
-            (input)="onDraft($event, 'source')"
-          ></textarea>
-          <button type="button" class="mt-2 h-9 rounded-md bg-stone-900 px-3 text-sm text-white dark:bg-stone-100 dark:text-stone-900" (click)="applySource()">Apply HTML</button>
-        </div>
-      }
-    </div>
-  `,
-})
-export class WindEditor {
-  readonly html = model('');
-  readonly placeholder = input('Write something…');
-  readonly readOnly = input(false, { alias: 'readonly' });
-  readonly showToolbar = input(true);
-  /** Preset name, or the buttons to show, in order. */
-  readonly toolbar = input<WindToolbarPreset | readonly WindTool[]>('full');
-
-  protected readonly tools = computed(() => {
-    const byId = new Map(TOOLS.map((tool) => [tool.id, tool]));
-    return resolveToolbar(this.toolbar()).flatMap((id) => {
-      const tool = byId.get(id);
-      return tool ? [tool] : [];
-    });
-  });
-  protected readonly change = signal<SurfaceChange | null>(null);
-  protected readonly linkOpen = signal(false);
-  protected readonly linkDraft = signal('');
-  protected readonly imageOpen = signal(false);
-  protected readonly imageSrc = signal('');
-  protected readonly imageAlt = signal('');
-  protected readonly sourceOpen = signal(false);
-  protected readonly sourceDraft = signal('');
-  protected readonly slashIndex = signal(0);
-
-  protected readonly slashItems = computed(() => {
-    const query = this.change()?.slash;
-    return query === null || query === undefined ? [] : filterSlash(query);
-  });
-
-  private readonly surfaceRef = viewChild<ElementRef<HTMLElement>>('surface');
-  private readonly destroyRef = inject(DestroyRef);
-  private handle: WindMount | null = null;
-  private echo = '';
-
-  constructor() {
-    afterNextRender(() => this.attach());
-    effect(() => {
-      const value = this.placeholder();
-      this.handle?.setPlaceholder(value);
-    });
-    effect(() => {
-      this.handle?.setReadonly(this.readOnly());
-    });
-    effect(() => {
-      const html = this.html();
-      if (html !== this.echo) this.handle?.setHtml(html);
-    });
-    effect(() => {
-      this.slashItems();
-      this.slashIndex.set(0);
-    });
-    this.destroyRef.onDestroy(() => this.handle?.destroy());
-  }
-
-  protected pressed(id: string): boolean {
-    const snap = this.change();
-    if (!snap) return false;
-    if (id === 'bold' || id === 'italic' || id === 'underline' || id === 'strike' || id === 'code') return !!snap.marks[id];
-    if (id === 'link') return !!snap.href;
-    if (id === 'paragraph') return snap.blockType === 'paragraph';
-    if (id === 'h1') return snap.blockType === 'heading' && snap.level === 1;
-    if (id === 'h2') return snap.blockType === 'heading' && snap.level === 2;
-    if (id === 'bullet' || id === 'ordered' || id === 'quote') {
-      const type = id === 'quote' ? 'blockquote' : id;
-      return snap.blockType === type;
-    }
-    if (id === 'codeblock') return snap.blockType === 'code';
-    if (id === 'source') return this.sourceOpen();
-    return false;
-  }
-
-  protected disabled(id: string): boolean {
-    if (this.readOnly() && id !== 'source') return true;
-    const snap = this.change();
-    if (id === 'undo') return !snap?.canUndo;
-    if (id === 'redo') return !snap?.canRedo;
-    return false;
-  }
-
-  protected run(id: string): void {
-    const handle = this.handle;
-    if (!handle) return;
-    if (id === 'bold' || id === 'italic' || id === 'underline' || id === 'strike' || id === 'code') {
-      handle.exec({ type: 'mark', mark: id as MarkName });
-    } else if (id === 'paragraph') handle.exec({ type: 'block', block: 'paragraph' });
-    else if (id === 'h1') handle.exec({ type: 'block', block: 'heading', level: 1 });
-    else if (id === 'h2') handle.exec({ type: 'block', block: 'heading', level: 2 });
-    else if (id === 'bullet' || id === 'ordered') handle.exec({ type: 'block', block: id });
-    else if (id === 'quote') handle.exec({ type: 'block', block: 'blockquote' });
-    else if (id === 'codeblock') handle.exec({ type: 'block', block: 'code' });
-    else if (id === 'rule') handle.exec({ type: 'divider' });
-    else if (id === 'clear') handle.exec({ type: 'clear' });
-    else if (id === 'undo') handle.exec({ type: 'undo' });
-    else if (id === 'redo') handle.exec({ type: 'redo' });
-    else if (id === 'link') {
-      this.linkDraft.set(this.change()?.href ?? '');
-      this.linkOpen.update((open) => !open);
-    } else if (id === 'image') this.imageOpen.update((open) => !open);
-    else if (id === 'source') {
-      this.sourceDraft.set(this.change()?.html ?? this.html());
-      this.sourceOpen.update((open) => !open);
-    }
-  }
-
-  protected pickSlash(item: SlashItem): void {
-    if (item.id === 'image') {
-      this.handle?.exec({ type: 'slash', choice: 'image' });
-      this.imageOpen.set(true);
-      return;
-    }
-    this.handle?.exec({ type: 'slash', choice: item.id });
-  }
-
-  protected applyLink(event: Event): void {
-    event.preventDefault();
-    this.handle?.exec({ type: 'link', href: this.linkDraft().trim() || null });
-    this.linkOpen.set(false);
-  }
-
-  protected clearLink(): void {
-    this.handle?.exec({ type: 'link', href: null });
-    this.linkOpen.set(false);
-  }
-
-  protected applyImage(event: Event): void {
-    event.preventDefault();
-    const src = this.imageSrc().trim();
-    if (!src) return;
-    this.handle?.exec({ type: 'image', src, alt: this.imageAlt().trim() });
-    this.imageOpen.set(false);
-    this.imageSrc.set('');
-    this.imageAlt.set('');
-  }
-
-  protected applySource(): void {
-    this.echo = this.sourceDraft();
-    this.html.set(this.echo);
-    this.handle?.setHtml(this.echo);
-    this.sourceOpen.set(false);
-  }
-
-  protected onDraft(event: Event, field: 'link' | 'src' | 'alt' | 'source'): void {
-    const value = event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement ? event.target.value : '';
-    if (field === 'link') this.linkDraft.set(value);
-    else if (field === 'src') this.imageSrc.set(value);
-    else if (field === 'alt') this.imageAlt.set(value);
-    else this.sourceDraft.set(value);
-  }
-
-  private attach(): void {
-    const element = this.surfaceRef()?.nativeElement;
-    if (!element || this.handle) return;
-    this.handle = mountWindSurface(element, {
-      html: this.html() || undefined,
-      placeholder: this.placeholder(),
-      readonly: this.readOnly(),
-      onChange: (change) => {
-        this.change.set(change);
-        if (change.html !== this.html()) {
-          this.echo = change.html;
-          this.html.set(change.html);
-        }
-      },
-      onLink: () => {
-        this.linkDraft.set(this.change()?.href ?? '');
-        this.linkOpen.set(true);
-      },
-      interceptKey: (event) => this.onKey(event),
-    });
-    this.echo = this.handle.getHtml();
-    if (this.echo !== this.html()) this.html.set(this.echo);
-  }
-
-  private onKey(event: KeyboardEvent): boolean {
-    const items = this.slashItems();
-    if (items.length === 0) return false;
-    if (event.key === 'ArrowDown') {
-      event.preventDefault();
-      this.slashIndex.update((index) => (index + 1) % items.length);
-      return true;
-    }
-    if (event.key === 'ArrowUp') {
-      event.preventDefault();
-      this.slashIndex.update((index) => (index - 1 + items.length) % items.length);
-      return true;
-    }
-    if (event.key === 'Enter' || event.key === 'Tab') {
-      event.preventDefault();
-      const item = items[this.slashIndex()] ?? items[0];
-      if (item) this.pickSlash(item);
-      return true;
-    }
-    if (event.key === 'Escape') {
-      event.preventDefault();
-      this.handle?.session.dismissSlash();
-      return true;
-    }
-    return false;
-  }
-}

package/src/wind-icon.ts

@@ -1,32 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-  selector: 'wind-icon',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  template: `
-    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
-      @switch (name()) {
-        @case ('bold') { <path d="M6 4h8a4 4 0 0 1 0 8H6z" /><path d="M6 12h9a4 4 0 0 1 0 8H6z" /> }
-        @case ('italic') { <line x1="19" y1="4" x2="10" y2="4" /><line x1="14" y1="20" x2="5" y2="20" /><line x1="15" y1="4" x2="9" y2="20" /> }
-        @case ('underline') { <path d="M6 4v6a6 6 0 0 0 12 0V4" /><line x1="4" y1="20" x2="20" y2="20" /> }
-        @case ('strike') { <path d="M16 5c-.5-1.5-2-2.5-4-2.5-2.5 0-4 1.5-4 3.5 0 4 8 2 8 6 0 2-1.8 3.5-4.2 3.5-2.2 0-3.8-1.2-4.3-3" /><line x1="4" y1="12" x2="20" y2="12" /> }
-        @case ('code') { <path d="m8 8-4 4 4 4" /><path d="m16 8 4 4-4 4" /> }
-        @case ('link') { <path d="M10 13a5 5 0 0 0 7.5.5l2-2a5 5 0 0 0-7.1-7.1l-1.1 1.1" /><path d="M14 11a5 5 0 0 0-7.5-.5l-2 2a5 5 0 0 0 7.1 7.1l1.1-1.1" /> }
-        @case ('list') { <line x1="9" y1="6" x2="20" y2="6" /><line x1="9" y1="12" x2="20" y2="12" /><line x1="9" y1="18" x2="20" y2="18" /><circle cx="5" cy="6" r="1" fill="currentColor" stroke="none" /><circle cx="5" cy="12" r="1" fill="currentColor" stroke="none" /><circle cx="5" cy="18" r="1" fill="currentColor" stroke="none" /> }
-        @case ('ordered') { <line x1="10" y1="6" x2="21" y2="6" /><line x1="10" y1="12" x2="21" y2="12" /><line x1="10" y1="18" x2="21" y2="18" /><path d="M4 6h1v4" /><path d="M4 10h2" /><path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1" /> }
-        @case ('quote') { <path d="M8 7H5a2 2 0 0 0-2 2v3h5V7z" /><path d="M17 7h-3a2 2 0 0 0-2 2v3h5V7z" /><path d="M8 12v2a3 3 0 0 1-3 3" /><path d="M17 12v2a3 3 0 0 1-3 3" /> }
-        @case ('block') { <rect x="4" y="4" width="16" height="16" rx="2" /><path d="m9 9-2 3 2 3" /><path d="m15 9 2 3-2 3" /> }
-        @case ('rule') { <line x1="4" y1="12" x2="20" y2="12" /> }
-        @case ('image') { <rect x="3" y="5" width="18" height="14" rx="2" /><circle cx="8.5" cy="10" r="1.5" /><path d="m21 16-5-4-9 8" /> }
-        @case ('undo') { <path d="M3 7v6h6" /><path d="M21 17a9 9 0 0 0-15-6.7L3 13" /> }
-        @case ('redo') { <path d="M21 7v6h-6" /><path d="M3 17a9 9 0 0 1 15-6.7L21 13" /> }
-        @case ('clear') { <path d="M4 7h16" /><path d="M9 7V5h6v2" /><path d="m8 7 1 12h6l1-12" /> }
-        @case ('source') { <path d="M8 6 3 12l5 6" /><path d="m16 6 5 6-5 6" /><path d="m14 4-4 16" /> }
-      }
-    </svg>
-  `,
-  styles: [':host{display:inline-flex} svg{width:1rem;height:1rem;display:block}'],
-})
-export class WindIcon {
-  readonly name = input.required<string>();
-}

package/test/editor.test.ts

@@ -1,58 +0,0 @@
-import assert from 'node:assert/strict';
-import { describe, it } from 'node:test';
-import * as Y from 'yjs';
-import { parseHtml, safeUrl, serializeBlocks } from '../src/html.ts';
-import { readBlocks, WindSession } from '../src/session.ts';
-import { resolveToolbar } from '../src/toolbar.ts';
-
-describe('html', () => {
-  it('round-trips marks, lists, and headings', () => {
-    const html = '<h1>Wind</h1><p>Hello <strong>bold</strong> and <em>italic</em> <a href="https://example.com">link</a></p><ul><li>One</li><li>Two</li></ul><pre><code>a < b</code></pre>';
-    const again = serializeBlocks(parseHtml(html));
-    assert.equal(again, html.replace('a < b', 'a < b'));
-    assert.match(serializeBlocks(parseHtml(again)), /a < b/);
-  });
-
-  it('rejects unsafe urls', () => {
-    assert.equal(safeUrl('javascript:alert(1)'), null);
-    assert.equal(safeUrl('https://example.com/a'), 'https://example.com/a');
-    const blocks = parseHtml('<p><a href="javascript:alert(1)">x</a></p>');
-    assert.equal(serializeBlocks(blocks), '<p>x</p>');
-  });
-
-  it('keeps newlines inside code', () => {
-    const html = '<pre><code>one\ntwo</code></pre>';
-    assert.equal(serializeBlocks(parseHtml(html)), html);
-  });
-});
-
-describe('session', () => {
-  it('types, formats, splits, and undoes', () => {
-    const doc = new Y.Doc();
-    const session = new WindSession(doc);
-    session.insertText('Hello');
-    const id = readBlocks(doc)[0]?.id ?? '';
-    session.select({ anchor: { blockId: id, offset: 0 }, head: { blockId: id, offset: 5 } });
-    session.toggleMark('bold');
-    assert.equal(session.html, '<p><strong>Hello</strong></p>');
-    session.select({ anchor: { blockId: id, offset: 5 }, head: { blockId: id, offset: 5 } });
-    session.split('enter');
-    session.insertText('Next');
-    assert.equal(readBlocks(doc).length, 2);
-    assert.match(session.html, /Next/);
-    session.undo();
-    assert.equal(session.html.includes('Next'), false);
-  });
-});
-
-describe('toolbar', () => {
-  it('resolves presets and custom lists', () => {
-    assert.deepEqual(resolveToolbar('minimal'), ['bold', 'italic', 'link']);
-    assert.equal(resolveToolbar('writing').includes('quote'), true);
-    assert.equal(resolveToolbar('writing').includes('image'), false);
-    assert.equal(resolveToolbar('basic').includes('h1'), false);
-    assert.deepEqual(resolveToolbar(['link', 'bold', 'nope', 'bold']), ['link', 'bold']);
-    assert.deepEqual(resolveToolbar(undefined), resolveToolbar('full'));
-    assert.equal(resolveToolbar('full').includes('source'), true);
-  });
-});

package/tsconfig.json

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "module": "ES2022",
-    "moduleResolution": "bundler",
-    "lib": ["ES2022", "DOM"],
-    "strict": true,
-    "declaration": true,
-    "skipLibCheck": true,
-    "experimentalDecorators": true,
-    "useDefineForClassFields": false,
-    "importHelpers": true,
-    "isolatedModules": true,
-    "sourceMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial",
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  },
-  "files": ["src/public-api.ts"],
-  "include": ["src/**/*.ts"],
-  "exclude": ["test/**"]
-}