@sectile/dom 0.1.0

package/dist/internal/text-element.js

@@ -0,0 +1,215 @@
+import { isTextCodeUnitBoundary } from '@sectile/core/text';
+export class DOMTextElementBinding {
+    #element;
+    #getState;
+    #dispatch;
+    #handleBeforeInputEvent;
+    #handleInputEvent;
+    #handleCompositionStart;
+    #handleCompositionUpdate;
+    #handleCompositionEnd;
+    #composing = false;
+    #compositionStart = 0;
+    #ignoreNextCompositionInput = false;
+    constructor(options) {
+        this.#element = options.element;
+        this.#getState = options.getState;
+        this.#dispatch = options.dispatch;
+        this.#handleBeforeInputEvent = (event) => {
+            if (this.handleBeforeInput(event))
+                event.preventDefault();
+        };
+        this.#handleInputEvent = (event) => {
+            if (this.#composing)
+                return;
+            const inputEvent = event;
+            const inputType = inputEvent.inputType;
+            const ignoreCompositionTail = this.#ignoreNextCompositionInput
+                && (inputType === 'insertCompositionText' || inputType === undefined);
+            this.#ignoreNextCompositionInput = false;
+            if (ignoreCompositionTail)
+                this.render();
+            else
+                this.#reconcileNativeInput(inputEvent);
+        };
+        this.#handleCompositionStart = (event) => {
+            this.#startComposition(event);
+        };
+        this.#handleCompositionUpdate = (event) => {
+            this.#updateComposition(event);
+        };
+        this.#handleCompositionEnd = (event) => {
+            this.#endComposition(event);
+        };
+        this.#element.addEventListener('beforeinput', this.#handleBeforeInputEvent);
+        this.#element.addEventListener('input', this.#handleInputEvent);
+        this.#element.addEventListener('compositionstart', this.#handleCompositionStart);
+        this.#element.addEventListener('compositionupdate', this.#handleCompositionUpdate);
+        this.#element.addEventListener('compositionend', this.#handleCompositionEnd);
+        this.render();
+    }
+    get isComposing() {
+        return this.#composing;
+    }
+    handleBeforeInput(event) {
+        if (this.#composing || event.isComposing)
+            return false;
+        if (event.cancelable === false)
+            return false;
+        const snapshot = this.#getState().snapshot;
+        let start = this.#element.selectionStart ?? snapshot.selection.startCodeUnitOffset;
+        let end = this.#element.selectionEnd ?? snapshot.selection.endCodeUnitOffset;
+        if (start === end && event.inputType === 'deleteContentBackward') {
+            start = previousCodePointOffset(snapshot.text, start);
+        }
+        else if (start === end && event.inputType === 'deleteContentForward') {
+            end = nextCodePointOffset(snapshot.text, end);
+        }
+        const insertion = event.inputType === 'insertText'
+            || event.inputType === 'insertFromPaste'
+            || event.inputType === 'insertReplacementText';
+        const deletion = event.inputType === 'deleteContentBackward'
+            || event.inputType === 'deleteContentForward'
+            || event.inputType === 'deleteByCut';
+        if (!insertion && !deletion)
+            return false;
+        if (insertion && typeof event.data !== 'string')
+            return false;
+        const text = deletion ? '' : event.data;
+        const offset = start + text.length;
+        const input = {
+            type: 'beforeinput',
+            inputType: event.inputType,
+            data: event.data,
+            startCodeUnitOffset: start,
+            endCodeUnitOffset: end,
+            selection: collapsedSelection(offset),
+        };
+        if (this.#dispatch(input))
+            this.render();
+        return true;
+    }
+    render() {
+        if (this.#composing)
+            return;
+        const snapshot = this.#getState().snapshot;
+        if (this.#element.value !== snapshot.text)
+            this.#element.value = snapshot.text;
+        this.#element.setSelectionRange(snapshot.selection.anchorCodeUnitOffset, snapshot.selection.focusCodeUnitOffset);
+    }
+    disconnect() {
+        this.#element.removeEventListener('beforeinput', this.#handleBeforeInputEvent);
+        this.#element.removeEventListener('input', this.#handleInputEvent);
+        this.#element.removeEventListener('compositionstart', this.#handleCompositionStart);
+        this.#element.removeEventListener('compositionupdate', this.#handleCompositionUpdate);
+        this.#element.removeEventListener('compositionend', this.#handleCompositionEnd);
+    }
+    #reconcileNativeInput(event) {
+        const snapshot = this.#getState().snapshot;
+        const replacement = minimalReplacement(snapshot.text, this.#element.value);
+        const selection = selectionFromElement(this.#element, snapshot.selection);
+        this.#dispatch({
+            type: 'input',
+            inputType: event.inputType,
+            text: replacement.text,
+            startCodeUnitOffset: replacement.startCodeUnitOffset,
+            endCodeUnitOffset: replacement.endCodeUnitOffset,
+            selection,
+        });
+        this.render();
+    }
+    #startComposition(event) {
+        if (this.#composing)
+            return;
+        const snapshot = this.#getState().snapshot;
+        this.#compositionStart = this.#element.selectionStart
+            ?? snapshot.selection.startCodeUnitOffset;
+        const end = this.#element.selectionEnd ?? snapshot.selection.endCodeUnitOffset;
+        this.#composing = true;
+        const text = event.data ?? '';
+        this.#dispatch({
+            type: 'composition-start',
+            text,
+            startCodeUnitOffset: this.#compositionStart,
+            endCodeUnitOffset: end,
+            selection: collapsedSelection(this.#compositionStart + text.length),
+        });
+    }
+    #updateComposition(event) {
+        if (!this.#composing)
+            return;
+        const text = event.data ?? '';
+        this.#dispatch({
+            type: 'composition-update',
+            text,
+            selection: collapsedSelection(this.#compositionStart + text.length),
+        });
+    }
+    #endComposition(event) {
+        if (!this.#composing)
+            return;
+        const current = this.#getState().composition?.composingText ?? '';
+        const text = event.data ?? current;
+        if (text !== current) {
+            this.#dispatch({
+                type: 'composition-update',
+                text,
+                selection: collapsedSelection(this.#compositionStart + text.length),
+            });
+        }
+        this.#composing = false;
+        this.#ignoreNextCompositionInput = true;
+        if (this.#dispatch({ type: 'composition-commit' }))
+            this.render();
+    }
+}
+function minimalReplacement(previous, next) {
+    let start = 0;
+    const sharedLength = Math.min(previous.length, next.length);
+    while (start < sharedLength && previous[start] === next[start])
+        start += 1;
+    while (start > 0 && (!isTextCodeUnitBoundary(previous, start) || !isTextCodeUnitBoundary(next, start)))
+        start -= 1;
+    let previousEnd = previous.length;
+    let nextEnd = next.length;
+    while (previousEnd > start && nextEnd > start && previous[previousEnd - 1] === next[nextEnd - 1]) {
+        previousEnd -= 1;
+        nextEnd -= 1;
+    }
+    while (!isTextCodeUnitBoundary(previous, previousEnd) || !isTextCodeUnitBoundary(next, nextEnd)) {
+        previousEnd += 1;
+        nextEnd += 1;
+    }
+    return Object.freeze({
+        startCodeUnitOffset: start,
+        endCodeUnitOffset: previousEnd,
+        text: next.slice(start, nextEnd),
+    });
+}
+function selectionFromElement(element, fallback) {
+    const start = element.selectionStart ?? fallback.startCodeUnitOffset;
+    const end = element.selectionEnd ?? fallback.endCodeUnitOffset;
+    return element.selectionDirection === 'backward'
+        ? { anchorCodeUnitOffset: end, focusCodeUnitOffset: start }
+        : { anchorCodeUnitOffset: start, focusCodeUnitOffset: end };
+}
+function collapsedSelection(offset) {
+    return Object.freeze({ anchorCodeUnitOffset: offset, focusCodeUnitOffset: offset });
+}
+function previousCodePointOffset(text, offset) {
+    if (offset <= 0)
+        return 0;
+    const previous = text.charCodeAt(offset - 1);
+    if (previous >= 0xdc00 && previous <= 0xdfff && offset >= 2)
+        return offset - 2;
+    return offset - 1;
+}
+function nextCodePointOffset(text, offset) {
+    if (offset >= text.length)
+        return text.length;
+    const current = text.charCodeAt(offset);
+    if (current >= 0xd800 && current <= 0xdbff && offset + 1 < text.length)
+        return offset + 2;
+    return offset + 1;
+}
+//# sourceMappingURL=text-element.js.map

package/dist/internal/text-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-element.js","sourceRoot":"","sources":["../../src/internal/text-element.ts"],"names":[],"mappings":"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"}

package/dist/listbox.d.ts

@@ -0,0 +1,103 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result, StableID } from '@sectile/core';
+import { type ListboxCommand, type ListboxEvent, type ListboxPolicies, type ListboxSelectionMode, type ListboxState } from '@sectile/core/listbox';
+import { type Sequence } from '@sectile/core/sequence';
+import { type RevisionResult, type RevisionSnapshot } from '@sectile/core/revision';
+export interface KeyboardInput {
+    readonly key: string;
+    readonly altKey?: boolean;
+    readonly ctrlKey?: boolean;
+    readonly metaKey?: boolean;
+}
+export type ListboxEffect<ID extends StableID = StableID> = {
+    readonly type: 'focus-element';
+    readonly id: ID;
+} | {
+    readonly type: 'dispatch-activation';
+    readonly id: ID;
+};
+export interface ListboxValueChangeDetails<ID extends StableID = StableID> {
+    readonly value: readonly ID[];
+    readonly previousValue: readonly ID[];
+}
+export interface ListboxHighlightChangeDetails<ID extends StableID = StableID> {
+    readonly value: ID | null;
+    readonly previousValue: ID | null;
+}
+export interface ListboxControllerOptions<ID extends StableID = StableID> {
+    readonly domain: Sequence<ID>;
+    readonly policies?: ListboxPolicies<ID>;
+    readonly selectionMode?: ListboxSelectionMode;
+    readonly orientation?: 'horizontal' | 'vertical';
+    readonly disabledItems?: readonly ID[];
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly typeahead?: ListboxTypeaheadOptions<ID>;
+    readonly value?: readonly ID[];
+    readonly defaultValue?: readonly ID[];
+    readonly highlightedValue?: ID | null;
+    readonly defaultHighlightedValue?: ID | null;
+    readonly onValueChange?: (change: ListboxValueChangeDetails<ID>) => void;
+    readonly onHighlightedValueChange?: (change: ListboxHighlightChangeDetails<ID>) => void;
+}
+export interface ListboxTypeaheadOptions<ID extends StableID = StableID> {
+    readonly textValue: (id: ID) => string;
+    readonly normalize?: (text: string) => string;
+    readonly timeoutMs?: number;
+    readonly now?: () => number;
+}
+export interface ListboxControlledValues<ID extends StableID = StableID> {
+    readonly value?: readonly ID[];
+    readonly highlightedValue?: ID | null;
+}
+export interface ListboxController<ID extends StableID = StableID> {
+    getSnapshot(): RevisionSnapshot<ListboxState<ID>>;
+    syncControlledValues(values: ListboxControlledValues<ID>): Result<RevisionSnapshot<ListboxState<ID>>>;
+    handleKeyboardInput(input: KeyboardInput, expectedRevision?: number): RevisionResult<ListboxState<ID>, ListboxEffect<ID>>;
+    handleEvent(event: ListboxEvent<ID>, expectedRevision?: number): RevisionResult<ListboxState<ID>, ListboxEffect<ID>>;
+}
+export interface ListboxTransitionDetails<ID extends StableID = StableID> {
+    readonly event: ListboxEvent<ID> | {
+        readonly type: 'typeahead';
+        readonly query: string;
+    };
+    readonly result: RevisionResult<ListboxState<ID>, ListboxEffect<ID>>;
+}
+export interface ListboxConnectionOptions<ID extends StableID = StableID> {
+    readonly controller: ListboxController<ID>;
+    readonly root: HTMLElement;
+    readonly selectionMode?: ListboxSelectionMode;
+    readonly orientation?: 'horizontal' | 'vertical';
+    readonly disabledItems?: readonly ID[];
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly typeahead?: ListboxTypeaheadOptions<ID>;
+    readonly label?: string;
+    readonly onActivate?: (id: ID) => void;
+    readonly onTransition?: (details: ListboxTransitionDetails<ID>) => void;
+    readonly onUpdate?: () => void;
+}
+export interface ListboxItemAttributes<ID extends StableID = StableID> {
+    readonly id: ID;
+    readonly disabled?: boolean;
+}
+export interface ListboxConnection<ID extends StableID = StableID> {
+    getSnapshot(): RevisionSnapshot<ListboxState<ID>>;
+    syncControlledValues(values: ListboxControlledValues<ID>): Result<RevisionSnapshot<ListboxState<ID>>>;
+    setListboxAttributes(label?: string): void;
+    setItemAttributes(element: HTMLElement, attributes: ListboxItemAttributes<ID>): void;
+    handleEvent(event: ListboxEvent<ID>): boolean;
+    handleKeyboardEvent(event: KeyboardEvent): boolean;
+    focusCurrent(): void;
+    disconnect(): void;
+}
+export type ListboxOptions<ID extends StableID = StableID> = Omit<ListboxControllerOptions<ID>, 'domain'> & Omit<ListboxConnectionOptions<ID>, 'controller'> & {
+    readonly items: readonly ID[];
+};
+export declare function createListboxController<ID extends StableID>(options: ListboxControllerOptions<ID>): Result<ListboxController<ID>>;
+export declare function createListbox<ID extends StableID>(options: ListboxOptions<ID>): FacadeConnection<ListboxConnection<ID>>;
+export declare function tryCreateListbox<ID extends StableID>(options: ListboxOptions<ID>): Result<FacadeConnection<ListboxConnection<ID>>>;
+export declare function connectListbox<ID extends StableID>(options: ListboxConnectionOptions<ID>): ListboxConnection<ID>;
+export declare function toListboxEvent<ID extends StableID = StableID>(input: KeyboardInput, orientation?: 'horizontal' | 'vertical'): ListboxEvent<ID> | null;
+export declare function toListboxEffect<ID extends StableID>(command: ListboxCommand<ID>): ListboxEffect<ID>;
+//# sourceMappingURL=listbox.d.ts.map

package/dist/listbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listbox.d.ts","sourceRoot":"","sources":["../src/listbox.ts"],"names":[],"mappings":"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"}