@quilted/rollup 0.1.8 → 0.1.10

package/build/esnext/app.esnext

@@ -1,27 +1,44 @@
 import * as path from 'node:path';
 import * as fs from 'node:fs/promises';
+import { glob } from 'glob';
 import { MAGIC_MODULE_ENTRY, MAGIC_MODULE_APP_COMPONENT, MAGIC_MODULE_REQUEST_ROUTER, MAGIC_MODULE_BROWSER_ASSETS } from './constants.esnext';
 import { multiline } from './shared/strings.esnext';
-import { getNodePlugins } from './shared/rollup.esnext';
+import { getNodePlugins, removeBuildFiles } from './shared/rollup.esnext';
 import { createMagicModulePlugin } from './shared/magic-module.esnext';
 
 async function quiltAppBrowser({
   app,
-  entry = MAGIC_MODULE_ENTRY,
+  entry,
   env,
   assets,
   module,
   graphql = true
 } = {}) {
+  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
   }, {
@@ -29,18 +46,25 @@ async function quiltAppBrowser({
     staticAssets
   }, {
     systemJS
-  }, nodePlugins] = await Promise.all([import('rollup-plugin-visualizer'), import('@quilted/assets/rollup'), import('./features/source-code.esnext'), import('./features/css.esnext'), import('./features/assets.esnext'), import('./features/system-js.esnext'), getNodePlugins()]);
+  }, nodePlugins] = await Promise.all([import('rollup-plugin-visualizer'), import('@quilted/assets/rollup'), import('./features/source-code.esnext'), import('./features/typescript.esnext'), import('./features/css.esnext'), import('./features/assets.esnext'), import('./features/system-js.esnext'), getNodePlugins()]);
   const plugins = [...nodePlugins, systemJS({
     minify
   }), sourceCode({
-    mode
+    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,
@@ -62,9 +86,14 @@ async function quiltAppBrowser({
       }));
     }
   }
-  if (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: app
+      entry: appEntry
     }));
   }
   plugins.push(magicModuleAppBrowserEntry(module));
@@ -82,19 +111,31 @@ async function quiltAppBrowser({
     } = await import('rollup-plugin-esbuild');
     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`)
+    path: path.resolve(`build/manifests/assets.json`),
+    priority: assets?.priority
   }), visualizer({
     template: 'treemap',
     open: false,
     brotliSize: true,
     filename: path.resolve(`build/reports/bundle-visualizer.html`)
   }));
+  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
@@ -118,15 +159,18 @@ async function quiltAppBrowser({
 async function quiltAppServer({
   app,
   env,
+  entry,
   graphql = true,
-  entry = MAGIC_MODULE_ENTRY,
   minify = false
 } = {}) {
+  const root = process.cwd();
   const mode = (typeof env === 'object' ? env?.mode : undefined) ?? 'production';
   const [{
     visualizer
   }, {
     sourceCode
+  }, {
+    createTSConfigAliasPlugin
   }, {
     css
   }, {
@@ -134,15 +178,22 @@ async function quiltAppServer({
     staticAssets
   }, {
     magicModuleRequestRouterEntry
-  }, nodePlugins] = await Promise.all([import('rollup-plugin-visualizer'), import('./features/source-code.esnext'), import('./features/css.esnext'), import('./features/assets.esnext'), import('./features/request-router.esnext'), getNodePlugins()]);
+  }, nodePlugins] = await Promise.all([import('rollup-plugin-visualizer'), import('./features/source-code.esnext'), import('./features/typescript.esnext'), import('./features/css.esnext'), import('./features/assets.esnext'), import('./features/request-router.esnext'), getNodePlugins()]);
   const plugins = [...nodePlugins, sourceCode({
-    mode
+    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,
@@ -164,9 +215,14 @@ async function quiltAppServer({
       }));
     }
   }
-  if (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: app
+      entry: appEntry
     }));
   }
   plugins.push(magicModuleRequestRouterEntry());
@@ -194,8 +250,13 @@ async function quiltAppServer({
     brotliSize: true,
     filename: path.resolve(`build/reports/bundle-visualizer.html`)
   }));
+  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/build/esnext/features/typescript.esnext

@@ -0,0 +1,34 @@
+import * as path from 'node:path';
+import * as fs from 'node:fs';
+
+async function createTSConfigAliasPlugin({
+  root = process.cwd()
+} = {}) {
+  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')
+      };
+    })
+  });
+}
+async function getTSConfig(root) {
+  const tsconfigPath = path.join(root, 'tsconfig.json');
+  if (!fs.existsSync(tsconfigPath)) {
+    return undefined;
+  }
+  try {
+    const tsconfig = JSON.parse(await fs.promises.readFile(tsconfigPath, 'utf8'));
+    return tsconfig;
+  } catch {
+    // intentional noop
+  }
+}
+
+export { createTSConfigAliasPlugin };

package/build/esnext/shared/rollup.esnext

@@ -1,3 +1,5 @@
+import * as fs from 'node:fs/promises';
+import { glob } from 'glob';
 import replace from '@rollup/plugin-replace';
 
 function smartReplace(values, options) {
@@ -9,6 +11,23 @@ function smartReplace(values, options) {
     values
   });
 }
+function removeBuildFiles(patterns, {
+  root = process.cwd()
+} = {}) {
+  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
+      })));
+    }
+  };
+}
 async function getNodePlugins() {
   const [{
     default: commonjs
@@ -27,4 +46,4 @@ async function getNodePlugins() {
   }), commonjs(), json()];
 }
 
-export { getNodePlugins, smartReplace };
+export { getNodePlugins, removeBuildFiles, smartReplace };