@quilted/rollup 0.1.7 → 0.1.9

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';
@@ -99,12 +100,13 @@ export interface AppBrowserAssetsOptions {
 
 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';
@@ -114,6 +116,7 @@ export async function quiltAppBrowser({
     {visualizer},
     {assetManifest},
     {sourceCode},
+    {createTSConfigAliasPlugin},
     {css},
     {rawAssets, staticAssets},
     {systemJS},
@@ -122,6 +125,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'),
@@ -137,6 +141,12 @@ export async function quiltAppBrowser({
     staticAssets({baseURL, emit: true}),
   ];
 
+  const tsconfigAliases = await createTSConfigAliasPlugin();
+
+  if (tsconfigAliases) {
+    plugins.push(tsconfigAliases);
+  }
+
   if (env) {
     const {magicModuleEnv, replaceProcessEnv} = await import(
       './features/env.ts'
@@ -151,8 +161,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));
@@ -181,8 +199,17 @@ export async function quiltAppBrowser({
     }),
   );
 
+  const finalEntry =
+    entry ??
+    (await glob('browser.{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 +254,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 +273,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'),
@@ -258,6 +288,12 @@ export async function quiltAppServer({
     staticAssets({emit: false}),
   ];
 
+  const tsconfigAliases = await createTSConfigAliasPlugin();
+
+  if (tsconfigAliases) {
+    plugins.push(tsconfigAliases);
+  }
+
   if (env) {
     const {magicModuleEnv, replaceProcessEnv} = await import(
       './features/env.ts'
@@ -272,12 +308,21 @@ 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());
   plugins.push(magicModuleAppRequestRouter({entry}));
+  plugins.push(magicModuleAppAssetManifests());
 
   if (graphql) {
     const {graphql} = await import('./features/graphql.ts');
@@ -298,9 +343,30 @@ export async function quiltAppServer({
     }),
   );
 
+  const finalEntry =
+    entry ??
+    (await glob('server.{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
+      // include 'use client' directives.
+      if (
+        warning.code === 'MODULE_LEVEL_DIRECTIVE' &&
+        /['"]use client['"]/.test(warning.message)
+      ) {
+        return;
+      }
+
+      defaultWarn(warning);
+    },
     output: {
       // format: isESM ? 'esm' : 'systemjs',
       format: 'esm',
@@ -399,6 +465,7 @@ export function magicModuleAppAssetManifests() {
 
       const manifestFiles = await glob('assets*.json', {
         nodir: true,
+        absolute: true,
         cwd: path.resolve(`build/manifests`),
       });
 

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
+  }
+}