Use Node 16 module resolution

docs/akte.app.ts

@@ -2,8 +2,8 @@ import { defineAkteApp } from "akte";
 
 import { version } from "../package.json";
 
-import { pages } from "./files/pages";
-import { sitemap } from "./files/sitemap";
+import { pages } from "./files/pages.js";
+import { sitemap } from "./files/sitemap.js";
 
 export const app = defineAkteApp({
 	files: [pages, sitemap],

docs/akte/markdownToHTML.ts

@@ -1,4 +1,4 @@
-import { type Plugin, type Processor, unified } from "unified";
+import { type Plugin, type Processor, unified, } from "unified";
 
 import remarkParse from "remark-parse";
 import remarkGfm from "remark-gfm";
@@ -10,15 +10,11 @@ import remarkRehype from "remark-rehype";
 
 import rehypeSlug from "rehype-slug";
 import rehypeAutolinkHeadings from "rehype-autolink-headings";
-import rehypeToc from "rehype-toc";
+import rehypeToc, { type Options as RehypeTocOptions } from "rehype-toc";
 import rehypeStringify from "rehype-stringify";
 
 import { common, createStarryNight } from "@wooorm/starry-night";
-
-// @ts-expect-error - Cannot resolve type
 import ignoreGrammar from "@wooorm/starry-night/source.gitignore";
-
-// @ts-expect-error - Cannot resolve type
 import tsxGrammar from "@wooorm/starry-night/source.tsx";
 import { visit } from "unist-util-visit";
 import { toString } from "hast-util-to-string";
@@ -177,7 +173,7 @@ export const markdownToHTML = async <TMatter extends Record<string, unknown>>(
 
 			.use(rehypeSlug)
 			.use(rehypeAutolinkHeadings, { behavior: "wrap" })
-			.use(rehypeToc, {
+			.use(rehypeToc as unknown as Plugin<[RehypeTocOptions]>, {
 				headings: ["h2", "h3"],
 				cssClasses: {
 					list: "",

docs/files/pages.ts

@@ -4,8 +4,8 @@ import * as fs from "node:fs/promises";
 import { defineAkteFiles } from "akte";
 import { globby } from "globby";
 
-import { markdownToHTML } from "../akte/markdownToHTML";
-import { base } from "../layouts/base";
+import { markdownToHTML } from "../akte/markdownToHTML.js";
+import { base } from "../layouts/base.js";
 
 const contentDir = path.resolve(__dirname, "../content");
 

docs/tsconfig.json

@@ -3,17 +3,17 @@
 		"strict": true,
 		"skipLibCheck": true,
 
-		"target": "esnext",
-		"module": "esnext",
+		"target": "ES2022",
+		"module": "Node16",
 		"declaration": false,
-		"moduleResolution": "node",
+		"moduleResolution": "Node16",
 		"resolveJsonModule": true,
 		"allowSyntheticDefaultImports": true,
 		"esModuleInterop": true,
 
 		"forceConsistentCasingInFileNames": true,
 		"jsx": "preserve",
-		"lib": ["esnext", "dom"],
+		"lib": ["ES2023", "DOM"],
 		"types": ["node"]
 	},
 	"exclude": ["node_modules", "dist", "examples"]

docs/vite.config.ts

@@ -1,7 +1,7 @@
 import { defineConfig } from "vite";
 import akte from "akte/vite";
 
-import { app } from "./akte.app";
+import { app } from "./akte.app.js";
 
 export default defineConfig({
 	build: {

playground/akte.app.ts

@@ -1,9 +1,9 @@
 import { defineAkteApp } from "akte";
 
-import { index } from "./src/pages/index";
-import { sitemap } from "./src/pages/sitemap";
-import { postsSlug } from "./src/pages/posts/slug";
-import { catchAll } from "./src/pages/catchAll";
+import { index } from "./src/pages/index.js";
+import { sitemap } from "./src/pages/sitemap.js";
+import { postsSlug } from "./src/pages/posts/slug.js";
+import { catchAll } from "./src/pages/catchAll/index.js";
 
 export const app = defineAkteApp({
 	// files: [],

playground/src/pages/catchAll/index.ts

@@ -1,7 +1,7 @@
 import { defineAkteFiles } from "akte";
-import { basic } from "../../layouts/basic";
+import { basic } from "../../layouts/basic.js";
 
-export const catchAll = defineAkteFiles().from({
+export const catchAll = defineAkteFiles<unknown>().from({
 	path: "/catch-all/**",
 	bulkData() {
 		return {

playground/src/pages/index.ts

@@ -1,7 +1,7 @@
 import { defineAkteFile } from "akte";
-import { basic } from "../layouts/basic";
+import { basic } from "../layouts/basic.js";
 
-export const index = defineAkteFile().from({
+export const index = defineAkteFile<unknown, number>().from({
 	path: "/",
 	async data() {
 		await new Promise((resolve) => setTimeout(resolve, 2000));

playground/src/pages/posts/slug.ts

@@ -2,7 +2,7 @@ import { type PrismicDocument, createClient } from "@prismicio/client";
 import fetch from "node-fetch";
 
 import { defineAkteFiles } from "akte";
-import { basic } from "../../layouts/basic";
+import { basic } from "../../layouts/basic.js";
 
 const client = createClient("lihbr", {
 	routes: [

playground/vite.config.ts

@@ -1,7 +1,7 @@
 import { defineConfig } from "vite";
 import akte from "akte/vite";
 
-import { app } from "./akte.app";
+import { app } from "./akte.app.js";
 
 export default defineConfig({
 	root: "src",

src/AkteApp.ts

@@ -3,21 +3,21 @@ import { mkdir, writeFile } from "node:fs/promises";
 
 import { type MatchedRoute, type RadixRouter, createRouter } from "radix3";
 
-import type { AkteFiles } from "./AkteFiles";
-import type { Awaitable, GlobalDataFn } from "./types";
-import { NotFoundError } from "./errors";
-import { runCLI } from "./runCLI";
-import { akteWelcome } from "./akteWelcome";
+import type { AkteFiles } from "./AkteFiles.js";
+import type { Awaitable, GlobalDataFn } from "./types.js";
+import { NotFoundError } from "./errors.js";
+import { runCLI } from "./runCLI.js";
+import { akteWelcome } from "./akteWelcome.js";
 
-import { __PRODUCTION__ } from "./lib/__PRODUCTION__";
-import { createDebugger } from "./lib/createDebugger";
-import { pathToRouterPath } from "./lib/pathToRouterPath";
-import { isCLI } from "./lib/isCLI";
+import { __PRODUCTION__ } from "./lib/__PRODUCTION__.js";
+import { createDebugger } from "./lib/createDebugger.js";
+import { pathToRouterPath } from "./lib/pathToRouterPath.js";
+import { isCLI } from "./lib/isCLI.js";
 
 /* eslint-disable @typescript-eslint/no-unused-vars, unused-imports/no-unused-imports */
 
-import type { defineAkteFile } from "./defineAkteFile";
-import type { defineAkteFiles } from "./defineAkteFiles";
+import type { defineAkteFile } from "./defineAkteFile.js";
+import type { defineAkteFiles } from "./defineAkteFiles.js";
 
 /* eslint-enable @typescript-eslint/no-unused-vars, unused-imports/no-unused-imports */
 

src/AkteFiles.ts

@@ -1,13 +1,13 @@
-import { NotFoundError } from "./errors";
-import { type Awaitable } from "./types";
+import { NotFoundError } from "./errors.js";
+import { type Awaitable } from "./types.js";
 
-import { createDebugger } from "./lib/createDebugger";
-import { pathToFilePath } from "./lib/pathToFilePath";
-import { toReadonlyMap } from "./lib/toReadonlyMap";
+import { createDebugger } from "./lib/createDebugger.js";
+import { pathToFilePath } from "./lib/pathToFilePath.js";
+import { toReadonlyMap } from "./lib/toReadonlyMap.js";
 
 /* eslint-disable @typescript-eslint/no-unused-vars, unused-imports/no-unused-imports */
 
-import type { AkteApp } from "./AkteApp";
+import type { AkteApp } from "./AkteApp.js";
 
 /* eslint-enable @typescript-eslint/no-unused-vars, unused-imports/no-unused-imports */
 

src/akteWelcome.ts

@@ -2,9 +2,9 @@ import * as fs from "node:fs/promises";
 import * as path from "node:path";
 import { createRequire } from "node:module";
 
-import { __PRODUCTION__ } from "./lib/__PRODUCTION__";
-import { defineAkteFiles } from "./defineAkteFiles";
-import { NotFoundError } from "./errors";
+import { __PRODUCTION__ } from "./lib/__PRODUCTION__.js";
+import { defineAkteFiles } from "./defineAkteFiles.js";
+import { NotFoundError } from "./errors.js";
 
 /**
  * Akte welcome page shown in development when the Akte app does not have any

src/defineAkteApp.ts

@@ -1,4 +1,4 @@
-import { AkteApp, type Config } from "./AkteApp";
+import { AkteApp, type Config } from "./AkteApp.js";
 
 /**
  * Creates an Akte app from given configuration.

src/defineAkteFile.ts

@@ -3,8 +3,8 @@ import {
 	type FilesBulkDataFn,
 	type FilesDataFn,
 	type FilesDefinition,
-} from "./AkteFiles";
-import type { Empty } from "./types";
+} from "./AkteFiles.js";
+import type { Empty } from "./types.js";
 
 type FileDefinition<TGlobalData, TData> = Omit<
 	FilesDefinition<TGlobalData, never[], TData>,

src/defineAkteFiles.ts

@@ -3,9 +3,9 @@ import {
 	type FilesBulkDataFn,
 	type FilesDataFn,
 	type FilesDefinition,
-} from "./AkteFiles";
+} from "./AkteFiles.js";
 
-import type { Empty } from "./types";
+import type { Empty } from "./types.js";
 
 /**
  * Creates an Akte files instance.

src/errors.ts

@@ -6,21 +6,25 @@
 export class NotFoundError extends Error {
 	path: string;
 
+	// This property already exists on Error, but TypeScript is unaware
+	declare cause?: unknown;
+
 	constructor(
 		path: string,
 		options?: {
 			cause?: unknown;
 		},
 	) {
-		if (!options?.cause) {
-			super(`Could lookup file for path \`${path}\``, options);
-		} else {
-			super(
-				`Could lookup file for path \`${path}\`\n\n${options.cause.toString()}`,
-				options,
-			);
+		const cause = options?.cause;
+		let message = `Could lookup file for path \`${path}\``;
+
+		if (cause) {
+			message += `\n\n${cause.toString()}`;
 		}
 
+		// @ts-expect-error - TypeScript doesn't know Node 16 has the two argument Error constructor
+		super(message, options);
+
 		this.path = path;
 	}
 }

src/index.ts

@@ -1,8 +1,8 @@
-export type { Config, AkteApp } from "./AkteApp";
-export type { AkteFiles } from "./AkteFiles";
+export type { Config, AkteApp } from "./AkteApp.js";
+export type { AkteFiles } from "./AkteFiles.js";
 
-export { defineAkteApp } from "./defineAkteApp";
-export { defineAkteFile } from "./defineAkteFile";
-export { defineAkteFiles } from "./defineAkteFiles";
+export { defineAkteApp } from "./defineAkteApp.js";
+export { defineAkteFile } from "./defineAkteFile.js";
+export { defineAkteFiles } from "./defineAkteFiles.js";
 
-export { NotFoundError } from "./errors";
+export { NotFoundError } from "./errors.js";

src/lib/createDebugger.ts

@@ -1,6 +1,6 @@
 import debug from "debug";
-import { hasHelp, hasSilent, hasVersion } from "./hasFlag";
-import { isCLI } from "./isCLI";
+import { hasHelp, hasSilent, hasVersion } from "./hasFlag.js";
+import { isCLI } from "./isCLI.js";
 
 type DebuggerFn = (msg: unknown, ...args: unknown[]) => void;
 type Debugger = DebuggerFn & {

src/lib/hasFlag.ts

@@ -1,4 +1,4 @@
-import { commandsAndFlags } from "./commandsAndFlags";
+import { commandsAndFlags } from "./commandsAndFlags.js";
 
 const hasFlag = (...flags: string[]): boolean => {
 	for (const flag of flags) {

src/lib/pathToRouterPath.ts

@@ -1,4 +1,4 @@
-import { pathToFilePath } from "./pathToFilePath";
+import { pathToFilePath } from "./pathToFilePath.js";
 
 export const pathToRouterPath = (path: string): string => {
 	const filePath = pathToFilePath(path);

src/runCLI.ts

@@ -1,9 +1,9 @@
-import { type AkteApp } from "./AkteApp";
+import { type AkteApp } from "./AkteApp.js";
 
-import { commandsAndFlags } from "./lib/commandsAndFlags";
-import { createDebugger } from "./lib/createDebugger";
-import { hasHelp, hasVersion } from "./lib/hasFlag";
-import { pkg } from "./lib/pkg";
+import { commandsAndFlags } from "./lib/commandsAndFlags.js";
+import { createDebugger } from "./lib/createDebugger.js";
+import { hasHelp, hasVersion } from "./lib/hasFlag.js";
+import { pkg } from "./lib/pkg.js";
 
 const debugCLI = createDebugger("akte:cli");
 

src/vite/AkteViteCache.ts

@@ -1,9 +1,9 @@
 import { dirname, resolve } from "node:path";
 import { mkdir, readFile, rm, writeFile } from "node:fs/promises";
 
-import type { AkteFiles } from "../AkteFiles";
-import { type Awaitable } from "../types";
-import { pathToFilePath } from "../lib/pathToFilePath";
+import type { AkteFiles } from "../AkteFiles.js";
+import { type Awaitable } from "../types.js";
+import { pathToFilePath } from "../lib/pathToFilePath.js";
 
 const GLOBAL_DATA = "app.globalData";
 const DATA = "file.data";

src/vite/aktePlugin.ts

@@ -1,9 +1,9 @@
 import { type PluginOption } from "vite";
 
-import { createDebugger } from "../lib/createDebugger";
-import { serverPlugin } from "./plugins/serverPlugin";
-import { buildPlugin } from "./plugins/buildPlugin";
-import type { Options, ResolvedOptions } from "./types";
+import { createDebugger } from "../lib/createDebugger.js";
+import { serverPlugin } from "./plugins/serverPlugin.js";
+import { buildPlugin } from "./plugins/buildPlugin.js";
+import type { Options, ResolvedOptions } from "./types.js";
 
 const MINIFY_HTML_DEFAULT_OPTIONS = {
 	collapseBooleanAttributes: true,

src/vite/createAkteViteCache.ts

@@ -1,4 +1,4 @@
-import { AkteViteCache } from "./AkteViteCache";
+import { AkteViteCache } from "./AkteViteCache.js";
 
 export const createAkteViteCache = (root: string): AkteViteCache => {
 	return new AkteViteCache(root);

src/vite/index.ts

@@ -1,4 +1,4 @@
-import { aktePlugin } from "./aktePlugin";
+import { aktePlugin } from "./aktePlugin.js";
 
 export default aktePlugin;
-export type { Options } from "./types";
+export type { Options } from "./types.js";

src/vite/plugins/buildPlugin.ts

@@ -5,10 +5,10 @@ import { existsSync } from "node:fs";
 
 import type { Plugin } from "vite";
 
-import type { ResolvedOptions } from "../types";
-import { createAkteViteCache } from "../createAkteViteCache";
-import { pkg } from "../../lib/pkg";
-import { createDebugger } from "../../lib/createDebugger";
+import type { ResolvedOptions } from "../types.js";
+import { createAkteViteCache } from "../createAkteViteCache.js";
+import { pkg } from "../../lib/pkg.js";
+import { createDebugger } from "../../lib/createDebugger.js";
 
 let isServerRestart = false;