qword 1.1.0 → 1.1.2

package/ChangeLog

@@ -1,3 +1,16 @@
+2026.09.05, v1.1.2
+
+feature:
+- d6b691f qword: add indentWithTab and indentUnit support
+
+2026.09.05, v1.1.1
+
+fix:
+- fc596a1 qword: move codemirror deps to dependencies
+
+feature:
+- 1775dca qword: export indentKeymap for indentWithTab support
+
 2026.09.05, v1.1.0
 
 fix:

package/client/content.d.ts

@@ -5,4 +5,4 @@ export function getValue(view: EditorView): SourceCode;
 export const getDocValue: typeof getValue;
 
 export function setValue(view: EditorView, value: SourceCode): void;
-export const setDocValue: typeof setValue;
+export const setDocValue: typeof setValue;

package/client/create.d.ts

@@ -29,4 +29,5 @@ export type QwordEditorView = EditorView & {
     _historyCompartment: Compartment;
 };
 
-export function createEditor(element: Element, options?: CreateEditorOptions): QwordEditorView;
+export function createEditor(element: Element, options?: CreateEditorOptions): QwordEditorView;
+

package/client/create.js

@@ -10,6 +10,7 @@ import {
     foldGutter,
     codeFolding,
     syntaxHighlighting,
+    indentUnit,
 } from '@codemirror/language';
 import {highlightStyle} from './highlight.js';
 import {
@@ -53,6 +54,7 @@ export function createEditor(element, options = {}) {
         keymapCompartment.of(keymapExtension(keyMap)),
         langCompartment.of(languageExtension(mode)),
         syntaxHighlighting(highlightStyle),
+        indentUnit.of('    '),
         ...lineNumbers
             ? [
                 lineNumbersExtension(),

package/client/decorations.d.ts

@@ -2,7 +2,6 @@ import {
     type Range,
     StateEffect,
     StateField,
-    type Transaction,
 } from '@codemirror/state';
 import {
     Decoration,
@@ -29,12 +28,11 @@ export type MarkHandle = {
     clear: () => void;
 };
 
-export function markText(view: EditorView, from: SourcePosition, to: SourcePosition, {
-    className,
-}: {
+export function markText(view: EditorView, from: SourcePosition, to: SourcePosition, {className}: {
     className: string;
 }): MarkHandle;
 
 export function addLineClass(view: EditorView, line: number, _where: string, className: string): void;
 
-export function removeLineClass(view: EditorView, line: number, _where: string, className: string): void;
+export function removeLineClass(view: EditorView, line: number, _where: string, className: string): void;
+

package/client/dom.d.ts

@@ -4,4 +4,5 @@ export function getView(container: HTMLElement): EditorView | null;
 
 export function refresh(view: EditorView): void;
 
-export function observeResize(view: EditorView, container: Element): () => void;
+export function observeResize(view: EditorView, container: Element): () => void;
+

package/client/editor.d.ts

@@ -1,12 +1,9 @@
-import type {QwordEditorView} from './create.js';
-import type {CreateEditorOptions} from './create.js';
-import type {
-    MarkHandle,
-} from './decorations.js';
-import type {
-    OptionKey,
-    OptionValue,
-} from './options.js';
+import {
+    type QwordEditorView,
+    type CreateEditorOptions,
+} from './create.js';
+import type {MarkHandle} from './decorations.js';
+import type {OptionKey, OptionValue} from './options.js';
 import type {
     SourceCode,
     SourcePosition,
@@ -20,53 +17,30 @@ export type EditorOptions = CreateEditorOptions;
 
 export default class Editor {
     constructor(element: Element, options?: EditorOptions);
-
     getValue(): SourceCode;
-
     setValue(value: SourceCode): this;
-
     getCursorIndex(): CharOffset;
-
     getCursor(): {
         row: number;
         column: number;
     };
-
     posFromIndex(index: CharOffset): SourcePosition;
-
     focus(): this;
-
     moveCursorTo(row: number, column?: number): this;
-
     markRange(from: SourcePosition, to: SourcePosition, className: string): MarkHandle;
-
     addLineClass(line: number, className: string): this;
-
     removeLineClass(line: number, className: string): this;
-
     setOption(name: OptionKey, value: OptionValue): this;
-
     setMode(mode: EditorMode): this;
-
     setTheme(theme: EditorTheme): this;
-
     setKeyMap(name: KeyMap): this;
-
     setModeForPath(path: string): this;
-
     isChanged(): boolean;
-
     clearHistory(): this;
-
     on(event: string, handler: (...args: unknown[]) => void): this;
-
     addListener(event: string, handler: (...args: unknown[]) => void): this;
-
     once(event: string, handler: (...args: unknown[]) => void): this;
-
     removeListener(event: string, handler: (...args: unknown[]) => void): this;
-
     emit(...args: unknown[]): this;
-
-    get _view(): QwordEditorView;
-}
+    _view(): QwordEditorView;
+}

package/client/editor.js

@@ -1,4 +1,5 @@
 import Emitify from 'emitify';
+import {EditorView} from '@codemirror/view';
 import {createEditor} from './create.js';
 import {getValue, setValue} from './content.js';
 import {
@@ -158,6 +159,19 @@ export default class Editor {
         return this;
     }
     
+    setOptions(options = {}) {
+        if (options.fontSize)
+            this._view.dispatch({
+                effects: this._view._themeCompartment.reconfigure(EditorView.theme({
+                    '&': {
+                        fontSize: `${options.fontSize}px`,
+                    },
+                })),
+            });
+        
+        return this;
+    }
+    
     get _view() {
         return this.#view;
     }

package/client/editor.spec.js

@@ -299,6 +299,17 @@ test('Editor: emit calls registered handler', async (t) => {
     t.end();
 });
 
+test('Editor: setOptions sets font size', (t) => {
+    const editor = makeEditor();
+    
+    editor.setOptions({
+        fontSize: 20,
+    });
+    
+    t.ok(editor);
+    t.end();
+});
+
 test('Editor: _view getter returns EditorView', (t) => {
     const editor = makeEditor();
     

package/client/events.d.ts

@@ -4,4 +4,5 @@ export type EventBinding = [string, EventListener];
 
 export function on(view: EditorView, event: string, handler: EventListener): EventBinding;
 
-export function off(view: EditorView, event: string, handler: EventListener): void;
+export function off(view: EditorView, event: string, handler: EventListener): void;
+

package/client/highlight.d.ts

@@ -1,3 +1,3 @@
 import {HighlightStyle} from '@codemirror/language';
 
-export const highlightStyle: HighlightStyle;
+export const highlightStyle: HighlightStyle;

package/client/history.d.ts

@@ -1,4 +1,5 @@
 import type {Compartment} from '@codemirror/state';
 import type {EditorView} from '@codemirror/view';
 
-export function clearHistory(view: EditorView, historyCompartment: Compartment, vimEnabled: boolean): void;
+export function clearHistory(view: EditorView, historyCompartment: Compartment, vimEnabled: boolean): void;
+

package/client/history.js

@@ -6,11 +6,9 @@ export function clearHistory(view, historyCompartment, vimEnabled) {
         return;
     
     view.dispatch({
-        effects: historyCompartment.reconfigure(vimEnabled
-            ? []
-            : [
-                history(),
-                keymap.of(historyKeymap),
-            ]),
+        effects: historyCompartment.reconfigure(vimEnabled ? [] : [
+            history(),
+            keymap.of(historyKeymap),
+        ]),
     });
 }

package/client/index.d.ts

@@ -57,4 +57,4 @@ export type {
     EditorMode,
     EditorTheme,
     KeyMap,
-} from './types.js';
+} from './types.js';

package/client/index.js

@@ -31,6 +31,7 @@ export {
     keymapExtension,
     themeExtension,
     languageExtension,
+    indentKeymap,
     setOption,
 } from './options.js';
 export {clearHistory} from './history.js';

package/client/options.d.ts

@@ -1,4 +1,4 @@
-import {type Compartment, type Extension} from '@codemirror/state';
+import {type Extension} from '@codemirror/state';
 import type {QwordEditorView} from './create.js';
 import type {
     KeyMap,
@@ -27,4 +27,5 @@ export type OptionValue =
     }
     | null;
 
-export function setOption(view: QwordEditorView, key: OptionKey, value: OptionValue): void;
+export function setOption(view: QwordEditorView, key: OptionKey, value: OptionValue): void;
+

package/client/options.js

@@ -7,6 +7,7 @@ import {nord} from '@uiw/codemirror-theme-nord';
 import {
     defaultKeymap,
     emacsStyleKeymap,
+    indentWithTab,
 } from '@codemirror/commands';
 
 export function keymapExtension(name) {
@@ -14,9 +15,9 @@ export function keymapExtension(name) {
         return vim();
     
     if (name === 'emacs')
-        return keymap.of(emacsStyleKeymap);
+        return keymap.of([...emacsStyleKeymap, indentWithTab]);
     
-    return keymap.of(defaultKeymap);
+    return keymap.of([...defaultKeymap, indentWithTab]);
 }
 
 export function themeExtension(name) {
@@ -26,6 +27,8 @@ export function themeExtension(name) {
     return [];
 }
 
+export const indentKeymap = keymap.of([indentWithTab]);
+
 export function languageExtension(mode) {
     const name = typeof mode === 'object' ? mode?.name : mode;
     

package/client/position.d.ts

@@ -1,9 +1,6 @@
 import type {Text} from '@codemirror/state';
 import type {EditorView} from '@codemirror/view';
-import type {
-    CharOffset,
-    SourcePosition,
-} from './types.js';
+import type {CharOffset, SourcePosition} from './types.js';
 
 export function offsetToPosition(document_: Text, offset: CharOffset): SourcePosition;
 
@@ -18,4 +15,5 @@ export function getCursor(view: EditorView): {
     column: number;
 };
 
-export function getCursorIndex(view: EditorView): CharOffset;
+export function getCursorIndex(view: EditorView): CharOffset;
+

package/client/qword.js

@@ -92,6 +92,7 @@ export default class Qword extends Editor {
             return;
         
         const line = this._view.state.doc.line(number);
+        
         this._view.dispatch({
             selection: {
                 anchor: line.from,
@@ -108,6 +109,7 @@ export default class Qword extends Editor {
         
         if (direction === 'right') {
             const end = isCollapsed ? to + 1 : to;
+            
             this._view.dispatch({
                 changes: {
                     from,
@@ -133,6 +135,7 @@ export default class Qword extends Editor {
     
     selectAll() {
         const {doc} = this._view.state;
+        
         this._view.dispatch({
             selection: {
                 anchor: 0,
@@ -172,6 +175,7 @@ export default class Qword extends Editor {
             ._story
             .checkHash(path)
             .catch(() => false);
+        
         return equal ? '' : createPatch(this._savedValue || '', this.getValue());
     }
 }

package/client/scroll.d.ts

@@ -7,4 +7,5 @@ export type ScrollInfo = {
 
 export const getScrollInfo: (view: EditorView) => ScrollInfo;
 
-export function scrollTo(view: EditorView, left: number, top: number): void;
+export function scrollTo(view: EditorView, left: number, top: number): void;
+

package/client/types.d.ts

@@ -18,7 +18,11 @@ export type KeyMap =
     | 'default';
 
 // Editor theme name.
-export type EditorTheme = 'nord' | 'default' | 'dark' | 'one-dark';
+export type EditorTheme =
+    | 'nord'
+    | 'default'
+    | 'dark'
+    | 'one-dark';
 
 // JavaScript/TypeScript source code.
-export type SourceCode = string;
+export type SourceCode = string;