@quilted/rollup 0.1.8 → 0.1.10

package/source/app.ts

@@ -1,5 +1,6 @@
 import * as path from 'path';
 import * as fs from 'fs/promises';
+import {glob} from 'glob';
 
 import type {Plugin, RollupOptions, GetManualChunk} from 'rollup';
 import type {AssetsBuildManifest} from '@quilted/assets';
@@ -13,7 +14,7 @@ import {
 import type {MagicModuleEnvOptions} from './features/env.ts';
 
 import {multiline} from './shared/strings.ts';
-import {getNodePlugins} from './shared/rollup.ts';
+import {getNodePlugins, removeBuildFiles} from './shared/rollup.ts';
 import {createMagicModulePlugin} from './shared/magic-module.ts';
 
 export interface AppOptions {
@@ -95,25 +96,52 @@ export interface AppBrowserAssetsOptions {
   minify?: boolean;
 
   baseURL?: string;
+  targets?:
+    | string[]
+    | {
+        name?: string;
+        browsers?: string[];
+      };
+  priority?: number;
 }
 
 export async function quiltAppBrowser({
   app,
-  entry = MAGIC_MODULE_ENTRY,
+  entry,
   env,
   assets,
   module,
   graphql = true,
 }: AppBrowserOptions = {}) {
+  const root = process.cwd();
   const mode =
     (typeof env === 'object' ? env?.mode : undefined) ?? 'production';
   const minify = assets?.minify ?? mode === 'production';
   const baseURL = assets?.baseURL ?? '/assets/';
 
+  const assetTargets = assets?.targets ?? {};
+  const targets = Array.isArray(assetTargets)
+    ? {
+        browsers: assetTargets,
+      }
+    : assetTargets;
+  const targetBrowsers =
+    targets.browsers ??
+    (await (async () => {
+      const {default: browserslist} = await import('browserslist');
+      const config = browserslist.findConfig(root);
+
+      if (config == null) return ['defaults'];
+
+      const targetName = targets.name ?? 'defaults';
+      return config[targetName] ?? ['defaults'];
+    })());
+
   const [
     {visualizer},
     {assetManifest},
     {sourceCode},
+    {createTSConfigAliasPlugin},
     {css},
     {rawAssets, staticAssets},
     {systemJS},
@@ -122,6 +150,7 @@ export async function quiltAppBrowser({
     import('rollup-plugin-visualizer'),
     import('@quilted/assets/rollup'),
     import('./features/source-code.ts'),
+    import('./features/typescript.ts'),
     import('./features/css.ts'),
     import('./features/assets.ts'),
     import('./features/system-js.ts'),
@@ -131,12 +160,21 @@ export async function quiltAppBrowser({
   const plugins: Plugin[] = [
     ...nodePlugins,
     systemJS({minify}),
-    sourceCode({mode}),
+    sourceCode({mode, targets: targetBrowsers}),
     css({minify, emit: true}),
     rawAssets(),
     staticAssets({baseURL, emit: true}),
+    removeBuildFiles(['build/assets', 'build/manifests', 'build/reports'], {
+      root,
+    }),
   ];
 
+  const tsconfigAliases = await createTSConfigAliasPlugin();
+
+  if (tsconfigAliases) {
+    plugins.push(tsconfigAliases);
+  }
+
   if (env) {
     const {magicModuleEnv, replaceProcessEnv} = await import(
       './features/env.ts'
@@ -151,8 +189,16 @@ export async function quiltAppBrowser({
     }
   }
 
-  if (app) {
-    plugins.push(magicModuleAppComponent({entry: app}));
+  const appEntry =
+    app ??
+    (await glob('{App,app,input}.{ts,tsx,mjs,js,jsx}', {
+      cwd: root,
+      nodir: true,
+      absolute: true,
+    }).then((files) => files[0]));
+
+  if (appEntry) {
+    plugins.push(magicModuleAppComponent({entry: appEntry}));
   }
 
   plugins.push(magicModuleAppBrowserEntry(module));
@@ -167,11 +213,17 @@ export async function quiltAppBrowser({
     plugins.push(minify());
   }
 
+  const cacheKey = targets.name ? {browserTarget: targets.name} : undefined;
+  const id = targets.name ? targets.name : undefined;
+
   plugins.push(
     // @ts-expect-error The plugin still depends on Rollup 3
     assetManifest({
+      id,
+      cacheKey,
       baseUrl: baseURL,
       path: path.resolve(`build/manifests/assets.json`),
+      priority: assets?.priority,
     }),
     visualizer({
       template: 'treemap',
@@ -181,8 +233,17 @@ export async function quiltAppBrowser({
     }),
   );
 
+  const finalEntry =
+    entry ??
+    (await glob('{browser,client}.{ts,tsx,mjs,js,jsx}', {
+      cwd: root,
+      nodir: true,
+      absolute: true,
+    }).then((files) => files[0])) ??
+    MAGIC_MODULE_ENTRY;
+
   return {
-    input: entry,
+    input: finalEntry,
     plugins,
     onwarn(warning, defaultWarn) {
       // Removes annoying warnings for React-focused libraries that
@@ -227,16 +288,18 @@ export interface AppServerOptions extends AppOptions {
 export async function quiltAppServer({
   app,
   env,
+  entry,
   graphql = true,
-  entry = MAGIC_MODULE_ENTRY,
   minify = false,
 }: AppServerOptions = {}) {
+  const root = process.cwd();
   const mode =
     (typeof env === 'object' ? env?.mode : undefined) ?? 'production';
 
   const [
     {visualizer},
     {sourceCode},
+    {createTSConfigAliasPlugin},
     {css},
     {rawAssets, staticAssets},
     {magicModuleRequestRouterEntry},
@@ -244,6 +307,7 @@ export async function quiltAppServer({
   ] = await Promise.all([
     import('rollup-plugin-visualizer'),
     import('./features/source-code.ts'),
+    import('./features/typescript.ts'),
     import('./features/css.ts'),
     import('./features/assets.ts'),
     import('./features/request-router.ts'),
@@ -252,12 +316,19 @@ export async function quiltAppServer({
 
   const plugins: Plugin[] = [
     ...nodePlugins,
-    sourceCode({mode}),
+    sourceCode({mode, targets: ['current node']}),
     css({emit: false, minify}),
     rawAssets(),
     staticAssets({emit: false}),
+    removeBuildFiles(['build/server'], {root}),
   ];
 
+  const tsconfigAliases = await createTSConfigAliasPlugin();
+
+  if (tsconfigAliases) {
+    plugins.push(tsconfigAliases);
+  }
+
   if (env) {
     const {magicModuleEnv, replaceProcessEnv} = await import(
       './features/env.ts'
@@ -272,8 +343,16 @@ export async function quiltAppServer({
     }
   }
 
-  if (app) {
-    plugins.push(magicModuleAppComponent({entry: app}));
+  const appEntry =
+    app ??
+    (await glob('{App,app,input}.{ts,tsx,mjs,js,jsx}', {
+      cwd: root,
+      nodir: true,
+      absolute: true,
+    }).then((files) => files[0]));
+
+  if (appEntry) {
+    plugins.push(magicModuleAppComponent({entry: appEntry}));
   }
 
   plugins.push(magicModuleRequestRouterEntry());
@@ -299,8 +378,17 @@ export async function quiltAppServer({
     }),
   );
 
+  const finalEntry =
+    entry ??
+    (await glob('{server,service,backend}.{ts,tsx,mjs,js,jsx}', {
+      cwd: root,
+      nodir: true,
+      absolute: true,
+    }).then((files) => files[0])) ??
+    MAGIC_MODULE_ENTRY;
+
   return {
-    input: entry,
+    input: finalEntry,
     plugins,
     onwarn(warning, defaultWarn) {
       // Removes annoying warnings for React-focused libraries that

package/source/features/typescript.ts

@@ -0,0 +1,49 @@
+import * as path from 'path';
+import * as fs from 'fs';
+
+export async function createTSConfigAliasPlugin({
+  root = process.cwd(),
+}: {root?: string} = {}) {
+  const [{default: alias}, tsconfig] = await Promise.all([
+    import('@rollup/plugin-alias'),
+    getTSConfig(root),
+  ]);
+
+  const tsconfigPaths = tsconfig?.compilerOptions?.paths;
+
+  if (tsconfigPaths == null) return undefined;
+
+  return alias({
+    entries: Object.entries(tsconfigPaths).map(([name, aliases]) => {
+      return {
+        find: name.includes('*')
+          ? new RegExp(`^${name.replace(/\*/, '(.*)')}$`)
+          : name,
+        replacement: aliases[0]!.replace('*', '$1'),
+      };
+    }),
+  });
+}
+
+interface TSConfig {
+  compilerOptions?: {paths?: Record<string, string[]>};
+  references?: [{path: string}];
+}
+
+async function getTSConfig(root: string) {
+  const tsconfigPath = path.join(root, 'tsconfig.json');
+
+  if (!fs.existsSync(tsconfigPath)) {
+    return undefined;
+  }
+
+  try {
+    const tsconfig = JSON.parse(
+      await fs.promises.readFile(tsconfigPath, 'utf8'),
+    ) as TSConfig;
+
+    return tsconfig;
+  } catch {
+    // intentional noop
+  }
+}

package/source/shared/rollup.ts

@@ -1,4 +1,7 @@
-import type {InputOptions} from 'rollup';
+import * as fs from 'fs/promises';
+import {glob} from 'glob';
+
+import type {Plugin, InputOptions} from 'rollup';
 import replace, {type RollupReplaceOptions} from '@rollup/plugin-replace';
 
 export function smartReplace(
@@ -17,6 +20,25 @@ export function smartReplace(
   });
 }
 
+export function removeBuildFiles(
+  patterns: string | string[],
+  {root = process.cwd()}: {root?: string} = {},
+) {
+  return {
+    name: '@quilt/remove-build-files',
+    async buildStart() {
+      const matches = await glob(patterns, {
+        cwd: root,
+        absolute: true,
+      });
+
+      await Promise.all(
+        matches.map((file) => fs.rm(file, {recursive: true, force: true})),
+      );
+    },
+  } satisfies Plugin;
+}
+
 export async function getNodePlugins() {
   const [
     {default: commonjs},