Enable verbatimModuleSyntax for project

blots/block.ts

@@ -1,12 +1,11 @@
 import {
   AttributorStore,
   BlockBlot,
-  Blot,
   EmbedBlot,
   LeafBlot,
-  Parent,
   Scope,
 } from 'parchment';
+import type { Blot, Parent } from 'parchment';
 import Delta from 'quill-delta';
 import Break from './break';
 import Inline from './inline';

blots/cursor.ts

@@ -1,7 +1,8 @@
-import { EmbedBlot, Parent, Scope, ScrollBlot } from 'parchment';
+import { EmbedBlot, Scope, ScrollBlot } from 'parchment';
+import type { Parent } from 'parchment';
 import Selection from '../core/selection';
 import TextBlot from './text';
-import { EmbedContextRange } from './embed';
+import type { EmbedContextRange } from './embed';
 
 class Cursor extends EmbedBlot {
   static blotName = 'cursor';

blots/inline.ts

@@ -1,4 +1,5 @@
-import { BlotConstructor, EmbedBlot, InlineBlot, Scope } from 'parchment';
+import { EmbedBlot, InlineBlot, Scope } from 'parchment';
+import type { BlotConstructor } from 'parchment';
 import Break from './break';
 import Text from './text';
 

blots/scroll.ts

@@ -1,16 +1,16 @@
 import {
-  Blot,
   ContainerBlot,
   EmbedBlot,
   LeafBlot,
-  Parent,
   ParentBlot,
   Registry,
   Scope,
   ScrollBlot,
 } from 'parchment';
+import type { Blot, Parent } from 'parchment';
 import Delta, { AttributeMap, Op } from 'quill-delta';
-import Emitter, { EmitterSource } from '../core/emitter';
+import Emitter from '../core/emitter';
+import type { EmitterSource } from '../core/emitter';
 import Block, { BlockEmbed } from './block';
 import Break from './break';
 import Container from './container';

core/editor.ts

@@ -1,7 +1,8 @@
 import cloneDeep from 'lodash.clonedeep';
 import isEqual from 'lodash.isequal';
 import merge from 'lodash.merge';
-import { LeafBlot, EmbedBlot, Scope, Blot, ParentBlot } from 'parchment';
+import { LeafBlot, EmbedBlot, Scope, ParentBlot } from 'parchment';
+import type { Blot } from 'parchment';
 import Delta, { AttributeMap, Op } from 'quill-delta';
 import Block, { BlockEmbed, bubbleFormats } from '../blots/block';
 import Break from '../blots/break';

core/quill.ts

@@ -3,20 +3,26 @@ import merge from 'lodash.merge';
 import * as Parchment from 'parchment';
 import Delta, { Op } from 'quill-delta';
 import Block, { BlockEmbed } from '../blots/block';
-import Scroll, { ScrollConstructor } from '../blots/scroll';
+import Scroll from '../blots/scroll';
+import type { ScrollConstructor } from '../blots/scroll';
 import Clipboard from '../modules/clipboard';
 import History from '../modules/history';
 import Keyboard from '../modules/keyboard';
 import Uploader from '../modules/uploader';
 import Editor from './editor';
-import Emitter, { EmitterSource } from './emitter';
+import Emitter from './emitter';
+import type { EmitterSource } from './emitter';
 import instances from './instances';
-import logger, { DebugLevel } from './logger';
+import logger from './logger';
+import type { DebugLevel } from './logger';
 import Module from './module';
-import Selection, { Bounds, Range } from './selection';
+import Selection, { Range } from './selection';
+import type { Bounds } from './selection';
 import Composition from './composition';
-import Theme, { ThemeConstructor } from './theme';
-import scrollRectIntoView, { Rect } from './utils/scrollRectIntoView';
+import Theme from './theme';
+import type { ThemeConstructor } from './theme';
+import scrollRectIntoView from './utils/scrollRectIntoView';
+import type { Rect } from './utils/scrollRectIntoView';
 
 const debug = logger('quill');
 

core/selection.ts

@@ -1,7 +1,8 @@
 import { LeafBlot, Scope } from 'parchment';
 import cloneDeep from 'lodash.clonedeep';
 import isEqual from 'lodash.isequal';
-import Emitter, { EmitterSource } from './emitter';
+import Emitter from './emitter';
+import type { EmitterSource } from './emitter';
 import logger from './logger';
 import Cursor from '../blots/cursor';
 import Scroll from '../blots/scroll';
@@ -173,7 +174,7 @@ class Selection {
     this.update();
   }
 
-  getBounds(index: number, length = 0): Bounds | null {
+  getBounds(index: number, length = 0) {
     const scrollLength = this.scroll.length();
     index = Math.min(index, scrollLength - 1);
     length = Math.min(index + length, scrollLength - 1) - index;

core/theme.ts

@@ -2,7 +2,7 @@ import Quill from '../core';
 import Clipboard from '../modules/clipboard';
 import History from '../modules/history';
 import Keyboard from '../modules/keyboard';
-import { ToolbarProps } from '../modules/toolbar';
+import type { ToolbarProps } from '../modules/toolbar';
 import Uploader from '../modules/uploader';
 
 export interface ThemeOptions {

e2e/history.spec.ts

@@ -1,4 +1,5 @@
-import { Page, expect } from '@playwright/test';
+import { expect } from '@playwright/test';
+import type { Page } from '@playwright/test';
 import { test } from './fixtures';
 import { SHORTKEY } from './utils';
 

modules/clipboard.ts

@@ -9,7 +9,7 @@ import {
 } from 'parchment';
 import Delta from 'quill-delta';
 import { BlockEmbed } from '../blots/block';
-import { EmitterSource } from '../core/emitter';
+import type { EmitterSource } from '../core/emitter';
 import logger from '../core/logger';
 import Module from '../core/module';
 import Quill from '../core/quill';

modules/keyboard.ts

@@ -1,7 +1,8 @@
 import cloneDeep from 'lodash.clonedeep';
 import isEqual from 'lodash.isequal';
 import Delta, { AttributeMap } from 'quill-delta';
-import { BlockBlot, Blot, EmbedBlot, Scope, TextBlot } from 'parchment';
+import { BlockBlot, EmbedBlot, Scope, TextBlot } from 'parchment';
+import type { Blot } from 'parchment';
 import Quill from '../core/quill';
 import logger from '../core/logger';
 import Module from '../core/module';

modules/syntax.ts

@@ -1,5 +1,6 @@
 import Delta from 'quill-delta';
-import { Blot, ClassAttributor, Scope, ScrollBlot } from 'parchment';
+import { ClassAttributor, Scope, ScrollBlot } from 'parchment';
+import type { Blot } from 'parchment';
 import Inline from '../blots/inline';
 import Quill from '../core/quill';
 import Module from '../core/module';

test/fuzz/tableEmbed.spec.ts

@@ -1,5 +1,6 @@
 import Delta, { AttributeMap } from 'quill-delta';
-import TableEmbed, {
+import TableEmbed from '../../modules/tableEmbed';
+import type {
   CellData,
   TableData,
   TableRowColumnOp,

test/unit/core/quill.spec.ts

@@ -1,13 +1,7 @@
 import '../../../quill';
 import Delta from 'quill-delta';
-import {
-  MockedFunction,
-  beforeEach,
-  describe,
-  expect,
-  test,
-  vitest,
-} from 'vitest';
+import { beforeEach, describe, expect, test, vitest } from 'vitest';
+import type { MockedFunction } from 'vitest';
 import Emitter from '../../../core/emitter';
 import Theme from '../../../core/theme';
 import Toolbar from '../../../modules/toolbar';

test/unit/modules/history.spec.ts

@@ -1,7 +1,8 @@
 import Delta from 'quill-delta';
 import { describe, expect, test, vitest } from 'vitest';
 import Quill from '../../../core';
-import { HistoryOptions, getLastChangeIndex } from '../../../modules/history';
+import { getLastChangeIndex } from '../../../modules/history';
+import type { HistoryOptions } from '../../../modules/history';
 import { createRegistry, createScroll } from '../__helpers__/factory';
 import { sleep } from '../__helpers__/utils';
 import Bold from '../../../formats/bold';

test/unit/modules/keyboard.spec.ts

@@ -1,6 +1,13 @@
 import { describe, expect, test } from 'vitest';
 import Keyboard, { SHORTKEY, normalize } from '../../../modules/keyboard';
 
+const assert = <T>(value: T | null | undefined): T => {
+  if (value == null) {
+    throw new Error();
+  }
+  return value;
+};
+
 const createKeyboardEvent = (key: string, override?: Partial<KeyboardEvent>) =>
   new KeyboardEvent('keydown', {
     key,
@@ -17,9 +24,14 @@ describe('Keyboard', () => {
       const binding = normalize({
         key: 'a',
       });
-      expect(Keyboard.match(createKeyboardEvent('a'), binding!)).toBe(true);
+      expect(Keyboard.match(createKeyboardEvent('a'), assert(binding))).toBe(
+        true,
+      );
       expect(
-        Keyboard.match(createKeyboardEvent('A', { altKey: true }), binding!),
+        Keyboard.match(
+          createKeyboardEvent('A', { altKey: true }),
+          assert(binding),
+        ),
       ).toBe(false);
     });
 
@@ -28,9 +40,14 @@ describe('Keyboard', () => {
         key: 'a',
         altKey: true,
       });
-      expect(Keyboard.match(createKeyboardEvent('a'), binding!)).toBe(false);
+      expect(Keyboard.match(createKeyboardEvent('a'), assert(binding))).toBe(
+        false,
+      );
       expect(
-        Keyboard.match(createKeyboardEvent('a', { altKey: true }), binding!),
+        Keyboard.match(
+          createKeyboardEvent('a', { altKey: true }),
+          assert(binding),
+        ),
       ).toBe(true);
     });
 
@@ -39,9 +56,14 @@ describe('Keyboard', () => {
         key: 'a',
         altKey: null,
       });
-      expect(Keyboard.match(createKeyboardEvent('a'), binding!)).toBe(true);
+      expect(Keyboard.match(createKeyboardEvent('a'), assert(binding))).toBe(
+        true,
+      );
       expect(
-        Keyboard.match(createKeyboardEvent('a', { altKey: true }), binding!),
+        Keyboard.match(
+          createKeyboardEvent('a', { altKey: true }),
+          assert(binding),
+        ),
       ).toBe(true);
     });
 
@@ -50,11 +72,13 @@ describe('Keyboard', () => {
         key: 'a',
         shortKey: true,
       });
-      expect(Keyboard.match(createKeyboardEvent('a'), binding!)).toBe(false);
+      expect(Keyboard.match(createKeyboardEvent('a'), assert(binding))).toBe(
+        false,
+      );
       expect(
         Keyboard.match(
           createKeyboardEvent('a', { [SHORTKEY]: true }),
-          binding!,
+          assert(binding),
         ),
       ).toBe(true);
     });
@@ -64,11 +88,13 @@ describe('Keyboard', () => {
         key: 'a',
         [SHORTKEY]: true,
       });
-      expect(Keyboard.match(createKeyboardEvent('a'), binding!)).toBe(false);
+      expect(Keyboard.match(createKeyboardEvent('a'), assert(binding))).toBe(
+        false,
+      );
       expect(
         Keyboard.match(
           createKeyboardEvent('a', { [SHORTKEY]: true }),
-          binding!,
+          assert(binding),
         ),
       ).toBe(true);
     });

themes/base.ts

@@ -1,7 +1,8 @@
 import merge from 'lodash.merge';
 import Quill from '../core/quill';
 import Emitter from '../core/emitter';
-import Theme, { ThemeOptions } from '../core/theme';
+import Theme from '../core/theme';
+import type { ThemeOptions } from '../core/theme';
 import ColorPicker from '../ui/color-picker';
 import IconPicker from '../ui/icon-picker';
 import Picker from '../ui/picker';

themes/bubble.ts

@@ -1,11 +1,13 @@
 import merge from 'lodash.merge';
 import Emitter from '../core/emitter';
 import BaseTheme, { BaseTooltip } from './base';
-import { Bounds, Range } from '../core/selection';
+import { Range } from '../core/selection';
+import type { Bounds } from '../core/selection';
 import icons from '../ui/icons';
 import Quill from '../core';
-import { ThemeOptions } from '../core/theme';
-import Toolbar, { ToolbarConfig } from '../modules/toolbar';
+import type { ThemeOptions } from '../core/theme';
+import Toolbar from '../modules/toolbar';
+import type { ToolbarConfig } from '../modules/toolbar';
 
 const TOOLBAR_CONFIG: ToolbarConfig = [
   ['bold', 'italic', 'link'],

themes/snow.ts

@@ -5,9 +5,10 @@ import LinkBlot from '../formats/link';
 import { Range } from '../core/selection';
 import icons from '../ui/icons';
 import Quill from '../core';
-import { Context } from '../modules/keyboard';
-import Toolbar, { ToolbarConfig } from '../modules/toolbar';
-import { ThemeOptions } from '../core/theme';
+import type { Context } from '../modules/keyboard';
+import Toolbar from '../modules/toolbar';
+import type { ToolbarConfig } from '../modules/toolbar';
+import type { ThemeOptions } from '../core/theme';
 
 const TOOLBAR_CONFIG: ToolbarConfig = [
   [{ header: ['1', '2', '3', false] }],

tsconfig.json

@@ -9,6 +9,7 @@
     "noEmit": true,
     "strictNullChecks": true,
     "noImplicitAny": true,
+    "verbatimModuleSyntax": true,
     "noUnusedLocals": true
   },
   "include": ["./**/*"]

ui/tooltip.ts

@@ -1,5 +1,5 @@
 import Quill from '../core';
-import { Bounds } from '../core/selection';
+import type { Bounds } from '../core/selection';
 
 const isScrollable = (el: Element) => {
   const { overflowY } = getComputedStyle(el, null);