chore: update imports to node16-style imports

packages/create-root/src/root-version.ts

@@ -1,2 +1,2 @@
 // This file is autogenerated by update-root-version.mjs.
-export const ROOT_VERSION = '1.0.0-rc.42';
+export const ROOT_VERSION = '1.0.3';

packages/root-password-protect/src/components/PasswordPage/PasswordPage.tsx

@@ -1,4 +1,4 @@
-import {CSS} from './PasswordPage.css';
+import {CSS} from './PasswordPage.css.js';
 
 export interface PasswordPageProps {
   nonce: string;

packages/root-password-protect/src/core/core.ts

@@ -1 +1 @@
-export * from './password';
+export * from './password.js';

packages/root-password-protect/src/plugin/plugin.tsx

@@ -1,7 +1,7 @@
 import {Request, Response, NextFunction, Plugin, Server} from '@blinkk/root';
 import bodyParser from 'body-parser';
 import micromatch from 'micromatch';
-import renderToString from 'preact-render-to-string';
+import {renderToString} from 'preact-render-to-string';
 import {
   PasswordPage,
   PasswordPageProps,

packages/root/src/cli/cli.ts

@@ -1,10 +1,10 @@
 import {Command} from 'commander';
 import {bgGreen, black} from 'kleur/colors';
-import {build} from './build';
-import {createPackage} from './create-package';
-import {dev, createDevServer} from './dev';
-import {preview, createPreviewServer} from './preview';
-import {start, createProdServer} from './start';
+import {build} from './build.js';
+import {createPackage} from './create-package.js';
+import {dev, createDevServer} from './dev.js';
+import {preview, createPreviewServer} from './preview.js';
+import {start, createProdServer} from './start.js';
 
 class CliRunner {
   private name: string;

packages/root/src/cli/create-package.ts

@@ -9,8 +9,8 @@ import {
   makeDir,
   rmDir,
   writeJson,
-} from '../utils/fsutils';
-import {build as rootBuild} from './build';
+} from '../utils/fsutils.js';
+import {build as rootBuild} from './build.js';
 
 type DeployTarget = 'appengine' | 'firebase';
 

packages/root/src/cli/preview.ts

@@ -6,25 +6,25 @@ import {default as express} from 'express';
 import {dim} from 'kleur/colors';
 import sirv from 'sirv';
 
-import {RootConfig} from '../core/config';
-import {configureServerPlugins} from '../core/plugin';
+import {RootConfig} from '../core/config.js';
+import {configureServerPlugins} from '../core/plugin.js';
 import {Request, Response, NextFunction, Server} from '../core/types.js';
-import {hooksMiddleware} from '../middleware/hooks';
+import {hooksMiddleware} from '../middleware/hooks.js';
 import {
   headersMiddleware,
   rootProjectMiddleware,
   trailingSlashMiddleware,
-} from '../middleware/middleware';
-import {redirectsMiddleware} from '../middleware/redirects';
-import {sessionMiddleware} from '../middleware/session';
+} from '../middleware/middleware.js';
+import {redirectsMiddleware} from '../middleware/redirects.js';
+import {sessionMiddleware} from '../middleware/session.js';
 import {ElementGraph} from '../node/element-graph.js';
-import {loadBundledConfig} from '../node/load-config';
+import {loadBundledConfig} from '../node/load-config.js';
 import {
   BuildAssetManifest,
   BuildAssetMap,
-} from '../render/asset-map/build-asset-map';
-import {fileExists, loadJson} from '../utils/fsutils';
-import {randString} from '../utils/rand';
+} from '../render/asset-map/build-asset-map.js';
+import {fileExists, loadJson} from '../utils/fsutils.js';
+import {randString} from '../utils/rand.js';
 
 type RenderModule = typeof import('../render/render.js');
 

packages/root/src/cli/start.ts

@@ -6,25 +6,25 @@ import {default as express} from 'express';
 import {dim} from 'kleur/colors';
 import sirv from 'sirv';
 
-import {RootConfig} from '../core/config';
-import {configureServerPlugins} from '../core/plugin';
+import {RootConfig} from '../core/config.js';
+import {configureServerPlugins} from '../core/plugin.js';
 import {Request, Response, NextFunction, Server} from '../core/types.js';
-import {hooksMiddleware} from '../middleware/hooks';
+import {hooksMiddleware} from '../middleware/hooks.js';
 import {
   headersMiddleware,
   rootProjectMiddleware,
   trailingSlashMiddleware,
-} from '../middleware/middleware';
-import {redirectsMiddleware} from '../middleware/redirects';
-import {sessionMiddleware} from '../middleware/session';
-import {ElementGraph} from '../node/element-graph';
-import {loadBundledConfig} from '../node/load-config';
+} from '../middleware/middleware.js';
+import {redirectsMiddleware} from '../middleware/redirects.js';
+import {sessionMiddleware} from '../middleware/session.js';
+import {ElementGraph} from '../node/element-graph.js';
+import {loadBundledConfig} from '../node/load-config.js';
 import {
   BuildAssetManifest,
   BuildAssetMap,
-} from '../render/asset-map/build-asset-map';
-import {fileExists, loadJson} from '../utils/fsutils';
-import {randString} from '../utils/rand';
+} from '../render/asset-map/build-asset-map.js';
+import {fileExists, loadJson} from '../utils/fsutils.js';
+import {randString} from '../utils/rand.js';
 
 type RenderModule = typeof import('../render/render.js');
 

packages/root/src/core/components/Body.tsx

@@ -1,7 +1,6 @@
 import {ComponentChildren, FunctionalComponent} from 'preact';
 import {useContext} from 'preact/hooks';
-
-import {HTML_CONTEXT} from './Html';
+import {HTML_CONTEXT} from './Html.js';
 
 export type BodyProps = preact.JSX.HTMLAttributes<HTMLBodyElement> & {
   children?: ComponentChildren;

packages/root/src/core/components/Head.ts

@@ -1,7 +1,6 @@
 import {ComponentChildren, FunctionalComponent} from 'preact';
 import {useContext} from 'preact/hooks';
-
-import {HTML_CONTEXT} from './Html';
+import {HTML_CONTEXT} from './Html.js';
 
 export type HeadProps = preact.JSX.HTMLAttributes<HTMLHeadElement> & {
   children?: ComponentChildren;

packages/root/src/core/components/Script.ts

@@ -1,7 +1,6 @@
 import {FunctionalComponent} from 'preact';
 import {useContext} from 'preact/hooks';
-
-import {HTML_CONTEXT} from './Html';
+import {HTML_CONTEXT} from './Html.js';
 
 export type ScriptProps = preact.JSX.HTMLAttributes<HTMLScriptElement>;
 

packages/root/src/core/config.ts

@@ -1,10 +1,8 @@
 import {UserConfig as ViteUserConfig} from 'vite';
-
-import {HtmlMinifyOptions} from '../render/html-minify';
-import {HtmlPrettyOptions} from '../render/html-pretty';
-
-import {Plugin} from './plugin';
-import {RequestMiddleware} from './types';
+import {HtmlMinifyOptions} from '../render/html-minify.js';
+import {HtmlPrettyOptions} from '../render/html-pretty.js';
+import {Plugin} from './plugin.js';
+import {RequestMiddleware} from './types.js';
 
 export interface RootUserConfig {
   /**

packages/root/src/core/core.ts

@@ -1,14 +1,14 @@
-export * from './config';
-export {Body} from './components/Body';
-export {Head} from './components/Head';
-export {Html, HTML_CONTEXT} from './components/Html';
-export {Script} from './components/Script';
+export * from './config.js';
+export {Body} from './components/Body.js';
+export {Head} from './components/Head.js';
+export {Html, HTML_CONTEXT} from './components/Html.js';
+export {Script} from './components/Script.js';
 export {
   I18nContext,
   useI18nContext,
   getTranslations,
-} from './hooks/useI18nContext';
-export {RequestContext, useRequestContext} from './hooks/useRequestContext';
-export {useTranslations} from './hooks/useTranslations';
-export * from './plugin';
-export * from './types';
+} from './hooks/useI18nContext.js';
+export {RequestContext, useRequestContext} from './hooks/useRequestContext.js';
+export {useTranslations} from './hooks/useTranslations.js';
+export * from './plugin.js';
+export * from './types.js';

packages/root/src/core/hooks/useI18nContext.ts

@@ -1,5 +1,4 @@
 import path from 'node:path';
-
 import {createContext} from 'preact';
 import {useContext} from 'preact/hooks';
 

packages/root/src/core/hooks/useRequestContext.ts

@@ -1,7 +1,6 @@
 import {createContext} from 'preact';
 import {useContext} from 'preact/hooks';
-
-import {Route} from '../types';
+import {Route} from '../types.js';
 
 export interface RequestContext {
   /**

packages/root/src/core/hooks/useTranslations.ts

@@ -1,4 +1,4 @@
-import {I18nContext, useI18nContext} from './useI18nContext';
+import {I18nContext, useI18nContext} from './useI18nContext.js';
 
 /**
  * A hook that returns a function that can be used to translate a string, and

packages/root/src/core/pages/DevErrorPage.tsx

@@ -1,6 +1,5 @@
-import {Request, Route, RouteParams} from '../types';
-
-import {ErrorPage} from './ErrorPage';
+import {Request, Route, RouteParams} from '../types.js';
+import {ErrorPage} from './ErrorPage.js';
 
 interface DevErrorPageProps {
   req: Request;

packages/root/src/core/pages/DevNotFoundPage.tsx

@@ -1,6 +1,5 @@
-import {Request, Route} from '../types';
-
-import {ErrorPage} from './ErrorPage';
+import {Request, Route} from '../types.js';
+import {ErrorPage} from './ErrorPage.js';
 
 interface DevNotFoundPageProps {
   req: Request;

packages/root/src/core/plugin.ts

@@ -1,7 +1,6 @@
 import {ViteDevServer, PluginOption as VitePlugin} from 'vite';
-
-import {RootConfig} from './config';
-import {Server} from './types';
+import {RootConfig} from './config.js';
+import {Server} from './types.js';
 
 type MaybePromise<T> = T | Promise<T>;
 

packages/root/src/core/types.ts

@@ -6,12 +6,10 @@ import {
 } from 'express';
 import {ComponentType} from 'preact';
 import {ViteDevServer} from 'vite';
-
-import {Hooks} from '../middleware/hooks';
-import {Session} from '../middleware/session';
-import {Renderer} from '../render/render';
-
-import {RootConfig} from './config';
+import {Hooks} from '../middleware/hooks.js';
+import {Session} from '../middleware/session.js';
+import {Renderer} from '../render/render.js';
+import {RootConfig} from './config.js';
 
 /**
  * Param values from the route, e.g. a route like `/route/[slug].tsx` will pass

packages/root/src/functions/functions.ts

@@ -1 +1 @@
-export * from './server';
+export * from './server.js';

packages/root/src/functions/server.ts

@@ -1,7 +1,7 @@
 import path from 'node:path';
 import {HttpsOptions, onRequest} from 'firebase-functions/v2/https';
-import {createPreviewServer, createProdServer} from '../cli/cli';
-import {Server} from '../core/types';
+import {createPreviewServer, createProdServer} from '../cli/cli.js';
+import {Server} from '../core/types.js';
 
 export interface ProdServerOptions {
   rootDir?: string;

packages/root/src/middleware/common.ts

@@ -1,7 +1,7 @@
 import path from 'node:path';
 import micromatch from 'micromatch';
-import {RootConfig} from '../core/config';
-import {Request, Response, NextFunction} from '../core/types';
+import {RootConfig} from '../core/config.js';
+import {Request, Response, NextFunction} from '../core/types.js';
 
 /**
  * Middleware that injects the root.js project config into the request context.

packages/root/src/middleware/hooks.ts

@@ -1,4 +1,4 @@
-import {Request, Response, NextFunction} from '../core/types';
+import {Request, Response, NextFunction} from '../core/types.js';
 
 export function hooksMiddleware() {
   return (req: Request, res: Response, next: NextFunction) => {

packages/root/src/middleware/middleware.ts

@@ -1,3 +1,3 @@
-export * from './common';
-export * from './multipart';
-export * from './session';
+export * from './common.js';
+export * from './multipart.js';
+export * from './session.js';

packages/root/src/middleware/multipart.ts

@@ -1,6 +1,6 @@
 import busboy from 'busboy';
 import {RequestHandler} from 'express';
-import {Request, Response, NextFunction, MultipartFile} from '../core/types';
+import {Request, Response, NextFunction, MultipartFile} from '../core/types.js';
 
 const DEFAULT_MAX_FILE_SIZE = 10 * 1024 * 1024; // 10MB
 

packages/root/src/middleware/redirects.ts

@@ -1,6 +1,6 @@
-import {RootRedirectConfig} from '../core/config';
-import {NextFunction, Request, Response} from '../core/types';
-import {RouteTrie} from '../render/route-trie';
+import {RootRedirectConfig} from '../core/config.js';
+import {NextFunction, Request, Response} from '../core/types.js';
+import {RouteTrie} from '../render/route-trie.js';
 
 export interface RedirectsMiddlewareOptions {
   redirects: RootRedirectConfig[];

packages/root/src/middleware/session.ts

@@ -1,4 +1,4 @@
-import {NextFunction, Request, Response} from '../core/types';
+import {NextFunction, Request, Response} from '../core/types.js';
 
 export const SESSION_COOKIE = '__session';
 

packages/root/src/node/element-graph.ts

@@ -1,12 +1,10 @@
 import fs from 'node:fs';
 import path from 'node:path';
-
 import glob from 'tiny-glob';
 import {searchForWorkspaceRoot} from 'vite';
-
-import {RootConfig} from '../core/config';
-import {isValidTagName, parseTagNames} from '../utils/elements';
-import {directoryContains, isDirectory, isJsFile} from '../utils/fsutils';
+import {RootConfig} from '../core/config.js';
+import {isValidTagName, parseTagNames} from '../utils/elements.js';
+import {directoryContains, isDirectory, isJsFile} from '../utils/fsutils.js';
 
 interface ElementSourceFile {
   /** Full file path. */

packages/root/src/node/load-config.ts

@@ -1,8 +1,8 @@
 import path from 'node:path';
 import {bundleRequire} from 'bundle-require';
 import {build} from 'esbuild';
-import {RootConfig} from '../core/config';
-import {fileExists, loadJson} from '../utils/fsutils';
+import {RootConfig} from '../core/config.js';
+import {fileExists, loadJson} from '../utils/fsutils.js';
 
 export interface ConfigOptions {
   command: string;

packages/root/src/node/node.ts

@@ -1,2 +1,2 @@
-export * from './load-config';
-export * from './vite';
+export * from './load-config.js';
+export * from './vite.js';

packages/root/src/render/asset-map/build-asset-map.ts

@@ -1,13 +1,10 @@
 import fs from 'node:fs';
 import path from 'node:path';
-
 import {Manifest} from 'vite';
-
-import {RootConfig} from '../../core/config';
-import {ElementGraph} from '../../node/element-graph';
-import {isJsFile} from '../../utils/fsutils';
-
-import {Asset, AssetMap} from './asset-map';
+import {RootConfig} from '../../core/config.js';
+import {ElementGraph} from '../../node/element-graph.js';
+import {isJsFile} from '../../utils/fsutils.js';
+import {Asset, AssetMap} from './asset-map.js';
 
 export type BuildAssetManifest = Record<
   string,

packages/root/src/render/asset-map/dev-asset-map.ts

@@ -1,11 +1,8 @@
 import path from 'node:path';
-
 import {ModuleGraph, ModuleNode, searchForWorkspaceRoot} from 'vite';
-
-import {RootConfig} from '../../core/config';
-import {directoryContains} from '../../utils/fsutils';
-
-import {Asset, AssetMap} from './asset-map';
+import {RootConfig} from '../../core/config.js';
+import {directoryContains} from '../../utils/fsutils.js';
+import {Asset, AssetMap} from './asset-map.js';
 
 export class DevServerAssetMap implements AssetMap {
   private rootConfig: RootConfig;

packages/root/src/render/html-minify.test.ts

@@ -1,6 +1,5 @@
 import {expect, test} from 'vitest';
-
-import {htmlMinify} from './html-minify';
+import {htmlMinify} from './html-minify.js';
 
 test('minify html', async () => {
   const input = `

packages/root/src/render/i18n-fallbacks.ts

@@ -4,8 +4,8 @@
  * https://firebase.google.com/docs/hosting/i18n-rewrites
  */
 
-import {Request} from '../core/types';
-import {parseAcceptLanguage} from './accept-language';
+import {Request} from '../core/types.js';
+import {parseAcceptLanguage} from './accept-language.js';
 
 export const UNKNOWN_COUNTRY = 'zz';
 export const ES_419_COUNTRIES = [