chore: enable verbatimModuleSyntax (#368)

TypeScript 5.0 introduce a new option
[verbatimModuleSyntax](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-5-0.html#--verbatimmodulesyntax).

.github/workflows/build.yml

@@ -18,7 +18,7 @@ jobs:
         node-version-file: 'package.json'
         cache: 'pnpm'
     - run: pnpm install --frozen-lockfile
-    - run: pnpm tsc
+    - run: pnpm type-checks
     - run: pnpm lint
     - run: pnpm test
     - run: pnpm package

jest.config.cjs

@@ -0,0 +1,11 @@
+/** @type {import('ts-jest').JestConfigWithTsJest} */
+module.exports = {
+  verbose: true,
+  testMatch: ["<rootDir>/test/**/*.test.+(ts|tsx|js|jsx)"],
+  transform: {
+    // Use isolated tsconfig for jest to disable verbatimModuleSyntax
+    // https://github.com/kulshekhar/ts-jest/issues/4081
+    "^.+\\.(ts|tsx)$": ["ts-jest", { tsconfig: "tsconfig.jest.json" }],
+  },
+  setupFiles: ["./test/main.ts"],
+};

src/background/Application.ts

@@ -2,12 +2,12 @@ import { injectable, inject } from "inversify";
 import BackgroundMessageListener from "./messaging/BackgroundMessageListener";
 import FindPortListener from "./messaging/FindPortListener";
 import VersionUseCase from "./usecases/VersionUseCase";
-import FindRepositoryImpl from "./repositories/FindRepository";
-import ReadyFrameRepository from "./repositories/ReadyFrameRepository";
+import type { FindRepository } from "./repositories/FindRepository";
+import type { ReadyFrameRepository } from "./repositories/ReadyFrameRepository";
 import SettingsEventUseCase from "./usecases/SettingsEventUseCase";
-import FrameClient from "./clients/FrameClient";
+import type { FrameClient } from "./clients/FrameClient";
 import AddonEnabledEventUseCase from "./usecases/AddonEnabledEventUseCase";
-import LastSelectedTabRepository from "./repositories/LastSelectedTabRepository";
+import type { LastSelectedTabRepository } from "./repositories/LastSelectedTabRepository";
 import ModeUseCase from "./usecases/ModeUseCase";
 import HintModeUseCase from "./usecases/HintModeUseCase";
 
@@ -19,7 +19,7 @@ export default class Application {
     @inject(VersionUseCase)
     private readonly versionUseCase: VersionUseCase,
     @inject("FindRepository")
-    private readonly findRepository: FindRepositoryImpl,
+    private readonly findRepository: FindRepository,
     @inject("ReadyFrameRepository")
     private readonly frameRepository: ReadyFrameRepository,
     @inject("LastSelectedTabRepository")

src/background/clients/AddonEnabledClient.ts

@@ -1,7 +1,7 @@
 import { injectable } from "inversify";
 import { newSender } from "./ContentMessageSender";
 
-export default interface AddonEnabledClient {
+export interface AddonEnabledClient {
   enable(tabId: number): Promise<void>;
 
   disable(tabId: number): Promise<void>;

src/background/clients/ConsoleClient.ts

@@ -1,7 +1,7 @@
 import { injectable } from "inversify";
 import { newSender } from "./ConsoleMessageSender";
 
-export default interface ConsoleClient {
+export interface ConsoleClient {
   showCommand(tabId: number, command: string): Promise<void>;
 
   showFind(tabId: number): Promise<void>;

src/background/clients/ConsoleFrameClient.ts

@@ -1,7 +1,7 @@
 import { injectable } from "inversify";
 import { newSender } from "./ContentMessageSender";
 
-export default interface ConsoleFrameClient {
+export interface ConsoleFrameClient {
   resize(tabId: number, width: number, height: number): Promise<void>;
 }
 

src/background/clients/ConsoleMessageSender.ts

@@ -1,8 +1,6 @@
 import type { Schema, Key, Request } from "../../messaging/schema/console";
 import { Sender } from "../../messaging";
 
-type ConsoleMessageSender = Sender<Schema>;
-
 export const newSender = (tabId: number, frameId?: number) => {
   const sender = new Sender<Schema>((type: Key, args: Request) => {
     if (process.env.NODE_ENV === "development") {
@@ -17,4 +15,4 @@ export const newSender = (tabId: number, frameId?: number) => {
   return sender;
 };
 
-export default ConsoleMessageSender;
+export type ConsoleMessageSender = Sender<Schema>;

src/background/clients/ContentMessageClient.ts

@@ -1,7 +1,7 @@
 import { injectable } from "inversify";
 import { newSender } from "./ContentMessageSender";
 
-export default interface ContentMessageClient {
+export interface ContentMessageClient {
   scrollTo(
     tabId: number,
     frameId: number,

src/background/clients/ContentMessageSender.ts

@@ -1,8 +1,6 @@
 import type { Schema, Key, Request } from "../../messaging/schema/content";
 import { Sender } from "../../messaging";
 
-type ContentMessageSender = Sender<Schema>;
-
 export const newSender = (tabId: number, frameId?: number) => {
   const sender = new Sender<Schema>((type: Key, args: Request) => {
     if (process.env.NODE_ENV === "development") {
@@ -18,4 +16,4 @@ export const newSender = (tabId: number, frameId?: number) => {
   return sender;
 };
 
-export default ContentMessageSender;
+export type ContentMessageSender = Sender<Schema>;

src/background/clients/FindClient.ts

@@ -1,8 +1,8 @@
 import { injectable } from "inversify";
 import { newSender } from "./ContentMessageSender";
-import type FindQuery from "../../shared/FindQuery";
+import type { FindQuery } from "../../shared/findQuery";
 
-export default interface FindClient {
+export interface FindClient {
   findNext(tabId: number, frameId: number, query: FindQuery): Promise<boolean>;
 
   findPrev(tabId: number, frameId: number, query: FindQuery): Promise<boolean>;

src/background/clients/FrameClient.ts

@@ -1,7 +1,7 @@
 import { injectable } from "inversify";
 import { newSender } from "./ContentMessageSender";
 
-export default interface FrameClient {
+export interface FrameClient {
   notifyFrameId(tabId: number, frameId: number): Promise<void>;
 }
 

src/background/clients/HintClient.ts

@@ -1,6 +1,6 @@
 import { injectable } from "inversify";
 import { newSender } from "./ContentMessageSender";
-import type HTMLElementType from "../../shared/HTMLElementType";
+import type { HTMLElementType } from "../../shared/HTMLElementType";
 
 export type Point = {
   x: number;
@@ -12,7 +12,7 @@ export type Size = {
   height: number;
 };
 
-export default interface HintClient {
+export interface HintClient {
   lookupTargets(
     tabId: number,
     frameId: number,

src/background/clients/ModeClient.ts

@@ -1,8 +1,8 @@
 import { injectable } from "inversify";
 import { newSender } from "./ContentMessageSender";
-import Mode from "../../shared/Mode";
+import { Mode } from "../../shared/mode";
 
-export default interface ModeClient {
+export interface ModeClient {
   setMode(tabid: number, mode: Mode): Promise<void>;
 }
 

src/background/clients/NavigateClient.ts

@@ -1,7 +1,7 @@
 import { injectable } from "inversify";
 import { newSender } from "./ContentMessageSender";
 
-export default interface NavigateClient {
+export interface NavigateClient {
   historyNext(tabId: number): Promise<void>;
 
   historyPrev(tabId: number): Promise<void>;

src/background/clients/TopFrameClient.ts

@@ -11,7 +11,7 @@ export type Point = {
   y: number;
 };
 
-export default interface TopFrameClient {
+export interface TopFrameClient {
   getWindowViewport(tabId: number): Promise<Rect>;
 
   getFramePosition(tabId: number, frameId: number): Promise<Point | undefined>;

src/background/command/AddBookmarkCommand.ts

@@ -1,7 +1,5 @@
-import type Command from "./Command";
-import type { CommandContext } from "./Command";
-import type { Completions } from "./Command";
-import type ConsoleClient from "../clients/ConsoleClient";
+import type { Command, CommandContext, Completions } from "./types";
+import type { ConsoleClient } from "../clients/ConsoleClient";
 
 class AddBookmarkCommand implements Command {
   constructor(private readonly consoleClient: ConsoleClient) {}

src/background/command/BufferCommand.ts

@@ -1,7 +1,5 @@
-import type Command from "./Command";
-import type { CommandContext } from "./Command";
-import type { Completions } from "./Command";
-import type LastSelectedTabRepository from "../repositories/LastSelectedTabRepository";
+import type { Command, CommandContext, Completions } from "./types";
+import type { LastSelectedTabRepository } from "../repositories/LastSelectedTabRepository";
 import BufferCommandHelper from "./BufferCommandHelper";
 
 class BufferCommand implements Command {

src/background/command/BufferCommandHelper.ts

@@ -1,5 +1,5 @@
-import { Completions } from "../../shared/Completions";
-import LastSelectedTabRepository from "../repositories/LastSelectedTabRepository";
+import type { Completions } from "../../shared/completions";
+import type { LastSelectedTabRepository } from "../repositories/LastSelectedTabRepository";
 
 export default class BufferCommandHelper {
   constructor(

src/background/command/BufferDeleteCommand.ts

@@ -1,6 +1,4 @@
-import type Command from "./Command";
-import type { CommandContext } from "./Command";
-import type { Completions } from "./Command";
+import type { Command, CommandContext, Completions } from "./types";
 import type BufferCommandHelper from "./BufferCommandHelper";
 
 class BufferDeleteCommand implements Command {

src/background/command/BufferDeletesCommand.ts

@@ -1,6 +1,4 @@
-import type Command from "./Command";
-import type { CommandContext } from "./Command";
-import type { Completions } from "./Command";
+import type { Command, CommandContext, Completions } from "./types";
 import type BufferCommandHelper from "./BufferCommandHelper";
 
 class BDeletesCommand implements Command {

src/background/command/CommandRegistry.ts

@@ -1,6 +1,6 @@
-import Command from "./Command";
+import type { Command } from "./types";
 
-export default interface CommandRegistry {
+export interface CommandRegistry {
   register(cmd: Command): void;
 
   getCommand(name: string): Command | undefined;

src/background/command/HelpCommand.ts

@@ -1,6 +1,4 @@
-import type Command from "./Command";
-import type { CommandContext } from "./Command";
-import type { Completions } from "./Command";
+import type { Command, CommandContext, Completions } from "./types";
 
 const url = "https://ueokande.github.io/vimmatic/";
 

src/background/command/OpenCommand.ts

@@ -1,8 +1,7 @@
-import type Command from "./Command";
-import type { CommandContext, Completions } from "./Command";
+import type { Command, CommandContext, Completions } from "./types";
 import * as urls from "../../shared/urls";
-import type SearchEngineSettings from "../settings/SearchEngineSettings";
-import type PropertySettings from "../settings/PropertySettings";
+import type { SearchEngineSettings } from "../settings/SearchEngineSettings";
+import type { PropertySettings } from "../settings/PropertySettings";
 import OpenCommandHelper from "./OpenCommandHelper";
 
 class OpenCommand implements Command {

src/background/command/OpenCommandHelper.ts

@@ -1,7 +1,7 @@
-import type { Completions, CompletionItem } from "./Command";
+import type { Completions, CompletionItem } from "./types";
 import * as filters from "./filters";
-import type SearchEngineSettings from "../settings/SearchEngineSettings";
-import type PropertySettings from "../settings/PropertySettings";
+import type { SearchEngineSettings } from "../settings/SearchEngineSettings";
+import type { PropertySettings } from "../settings/PropertySettings";
 
 const COMPLETION_ITEM_LIMIT = 10;
 

src/background/command/QuitAllCommand.ts

@@ -1,5 +1,4 @@
-import type Command from "./Command";
-import type { CommandContext, Completions } from "./Command";
+import type { Command, CommandContext, Completions } from "./types";
 
 class QuitAllCommand implements Command {
   names(): string[] {

src/background/command/QuitCommand.ts

@@ -1,5 +1,4 @@
-import type Command from "./Command";
-import type { CommandContext, Completions } from "./Command";
+import type { Completions, Command, CommandContext } from "./types";
 
 class QuitCommand implements Command {
   names(): string[] {

src/background/command/SetCommand.ts

@@ -1,8 +1,7 @@
-import type Command from "./Command";
-import type { CommandContext, Completions } from "./Command";
-import type PropertySettings from "../settings/PropertySettings";
-import type PropertyRegistry from "../property/PropertyRegistry";
-import type ConsoleClient from "../clients/ConsoleClient";
+import type { Command, CommandContext, Completions } from "./types";
+import type { PropertySettings } from "../settings/PropertySettings";
+import type { PropertyRegistry } from "../property/PropertyRegistry";
+import type { ConsoleClient } from "../clients/ConsoleClient";
 
 const mustNumber = (v: any): number => {
   const num = Number(v);

src/background/command/TabOpenCommand.ts

@@ -1,8 +1,7 @@
-import type Command from "./Command";
-import type { CommandContext, Completions } from "./Command";
+import type { Command, CommandContext, Completions } from "./types";
 import * as urls from "../../shared/urls";
-import type SearchEngineSettings from "../settings/SearchEngineSettings";
-import type PropertySettings from "../settings/PropertySettings";
+import type { SearchEngineSettings } from "../settings/SearchEngineSettings";
+import type { PropertySettings } from "../settings/PropertySettings";
 import OpenCommandHelper from "./OpenCommandHelper";
 
 class TabOpenCommand implements Command {

src/background/command/WindowOpenCommand.ts

@@ -1,8 +1,7 @@
-import type Command from "./Command";
-import type { CommandContext, Completions } from "./Command";
+import type { Completions, Command, CommandContext } from "./types";
 import * as urls from "../../shared/urls";
-import type SearchEngineSettings from "../settings/SearchEngineSettings";
-import type PropertySettings from "../settings/PropertySettings";
+import type { SearchEngineSettings } from "../settings/SearchEngineSettings";
+import type { PropertySettings } from "../settings/PropertySettings";
 import OpenCommandHelper from "./OpenCommandHelper";
 
 class WindowOpenCommand implements Command {

src/background/command/index.ts

@@ -11,12 +11,12 @@ import SetCommand from "./SetCommand";
 import TabOpenCommand from "./TabOpenCommand";
 import WindowOpenCommand from "./WindowOpenCommand";
 import BufferCommandHelper from "./BufferCommandHelper";
-import PropertyRegistry from "../property/PropertyRegistry";
-import PropertySettings from "../settings/PropertySettings";
-import SearchEngineSettings from "../settings/SearchEngineSettings";
-import CommandRegistry, { CommandRegistryImpl } from "./CommandRegistry";
-import LastSelectedTabRepository from "../repositories/LastSelectedTabRepository";
-import ConsoleClient from "../clients/ConsoleClient";
+import type { PropertyRegistry } from "../property/PropertyRegistry";
+import type { PropertySettings } from "../settings/PropertySettings";
+import type { SearchEngineSettings } from "../settings/SearchEngineSettings";
+import { type CommandRegistry, CommandRegistryImpl } from "./CommandRegistry";
+import type { LastSelectedTabRepository } from "../repositories/LastSelectedTabRepository";
+import type { ConsoleClient } from "../clients/ConsoleClient";
 
 @injectable()
 export class CommandRegistryFactory {

src/background/command/Command.ts → src/background/command/types.ts

@@ -2,7 +2,7 @@ import type {
   Completions as CompletionsType,
   CompletionGroup as CompletionGroupType,
   CompletionItem as CompletionItemType,
-} from "../../shared/Completions";
+} from "../../shared/completions";
 
 export type Completions = CompletionsType;
 export type CompletionGroup = CompletionGroupType;
@@ -16,7 +16,7 @@ export type CommandContext = {
   };
 };
 
-interface Command {
+export interface Command {
   names(): string[];
 
   fullname(): string;
@@ -27,5 +27,3 @@ interface Command {
 
   exec(ctx: CommandContext, force: boolean, args: string): Promise<void>;
 }
-
-export default Command;

src/background/controllers/CommandController.ts

@@ -1,7 +1,7 @@
 import { injectable, inject } from "inversify";
-import { Completions } from "../../shared/Completions";
+import type { Completions } from "../../shared/completions";
 import CommandUseCase from "../usecases/CommandUseCase";
-import RequestContext from "../messaging/RequestContext";
+import type { RequestContext } from "../messaging/types";
 
 @injectable()
 export default class CommandController {

src/background/controllers/ConsoleController.ts

@@ -1,6 +1,6 @@
 import { injectable, inject } from "inversify";
 import ConsoleUseCase from "../usecases/ConsoleUseCase";
-import RequestContext from "../messaging/RequestContext";
+import type { RequestContext } from "../messaging/types";
 
 @injectable()
 export default class ConsoleController {

src/background/controllers/FindController.ts

@@ -1,7 +1,7 @@
 import { injectable, inject } from "inversify";
-import { Completions } from "../../shared/Completions";
+import type { Completions } from "../../shared/completions";
 import FindUseCase from "../usecases/FindUseCase";
-import RequestContext from "../messaging/RequestContext";
+import type { RequestContext } from "../messaging/types";
 
 @injectable()
 export default class FindController {