@quilted/rollup 0.1.9 → 0.1.11

package/build/esnext/app.esnext

@@ -1,12 +1,14 @@
 import * as path from 'node:path';
 import * as fs from 'node:fs/promises';
 import { glob } from 'glob';
+import { fileURLToPath } from 'node:url';
 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({
+  root: rootPath = process.cwd(),
   app,
   entry,
   env,
@@ -14,10 +16,25 @@ async function quiltAppBrowser({
   module,
   graphql = true
 } = {}) {
-  const root = process.cwd();
+  const root = fileURLToPath(rootPath);
   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 normalizedTargetName = targets.name === 'defaults' ? 'default' : targets.name;
+  const targetFilenamePart = normalizedTargetName ? `.${normalizedTargetName}` : '';
   const [{
     visualizer
   }, {
@@ -37,13 +54,16 @@ async function quiltAppBrowser({
   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) {
@@ -86,7 +106,7 @@ async function quiltAppBrowser({
       graphql
     } = await import('./features/graphql.esnext');
     plugins.push(graphql({
-      manifest: path.resolve(`manifests/graphql.json`)
+      manifest: path.resolve(`manifests/graphql${targetFilenamePart}.json`)
     }));
   }
   if (minify) {
@@ -95,18 +115,25 @@ 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${targetFilenamePart}.json`),
+    priority: assets?.priority
   }), visualizer({
     template: 'treemap',
     open: false,
     brotliSize: true,
-    filename: path.resolve(`build/reports/bundle-visualizer.html`)
+    filename: path.resolve(`build/reports/bundle-visualizer${targetFilenamePart}.html`)
   }));
-  const finalEntry = entry ?? (await glob('browser.{ts,tsx,mjs,js,jsx}', {
+  const finalEntry = entry ?? (await glob('{browser,client}.{ts,tsx,mjs,js,jsx}', {
     cwd: root,
     nodir: true,
     absolute: true
@@ -126,9 +153,9 @@ async function quiltAppBrowser({
       // format: isESM ? 'esm' : 'systemjs',
       format: 'esm',
       dir: path.resolve(`build/assets`),
-      entryFileNames: `app.[hash].js`,
-      assetFileNames: `[name].[hash].[ext]`,
-      chunkFileNames: `[name].[hash].js`,
+      entryFileNames: `app${targetFilenamePart}.[hash].js`,
+      assetFileNames: `[name]${targetFilenamePart}.[hash].[ext]`,
+      chunkFileNames: `[name]${targetFilenamePart}.[hash].js`,
       manualChunks: createManualChunksSorter()
     }
   };
@@ -157,12 +184,15 @@ async function quiltAppServer({
     magicModuleRequestRouterEntry
   }, 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) {
@@ -221,10 +251,10 @@ async function quiltAppServer({
   plugins.push(visualizer({
     template: 'treemap',
     open: false,
-    brotliSize: true,
-    filename: path.resolve(`build/reports/bundle-visualizer.html`)
+    brotliSize: false,
+    filename: path.resolve(`build/reports/bundle-visualizer.server.html`)
   }));
-  const finalEntry = entry ?? (await glob('server.{ts,tsx,mjs,js,jsx}', {
+  const finalEntry = entry ?? (await glob('{server,service,backend}.{ts,tsx,mjs,js,jsx}', {
     cwd: root,
     nodir: true,
     absolute: true

package/build/esnext/index.esnext

@@ -1 +1,2 @@
 export { quiltAppBrowser, quiltAppServer } from './app.esnext';
+export { quiltPackageESModules } from './package.esnext';

package/build/esnext/package.esnext

@@ -0,0 +1,91 @@
+import * as path from 'node:path';
+import { glob } from 'glob';
+import { fileURLToPath } from 'node:url';
+import { getNodePlugins, removeBuildFiles } from './shared/rollup.esnext';
+import { loadPackageJSON } from './shared/package-json.esnext';
+
+async function quiltPackageESModules({
+  root: rootPath = process.cwd()
+} = {}) {
+  const root = fileURLToPath(rootPath);
+  const outputDirectory = path.join(root, 'build/esm');
+  const [{
+    sourceCode
+  }, nodePlugins, packageJSON] = await Promise.all([import('./features/source-code.esnext'), getNodePlugins(), loadPackageJSON(root)]);
+  const [entries] = await Promise.all([sourceEntriesForPackage(root, packageJSON)]);
+  let sourceRoot = root;
+  for (const entry of Object.values(entries)) {
+    if (!entry.startsWith(root)) continue;
+    sourceRoot = path.resolve(root, path.relative(root, entry).split(path.sep)[0] ?? '.');
+    break;
+  }
+  const plugins = [...nodePlugins, sourceCode({
+    mode: 'production'
+  }), removeBuildFiles(['build/esm'], {
+    root
+  })];
+  return {
+    input: entries,
+    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: {
+      preserveModules: true,
+      preserveModulesRoot: sourceRoot,
+      format: 'esm',
+      dir: outputDirectory,
+      entryFileNames: `[name].mjs`,
+      assetFileNames: `[name].[ext]`
+      // chunkFileNames: createChunkNamer({
+      //   extension: ESM_EXTENSION,
+      //   sourceRoot: sourceRootDirectory,
+      // }),
+    }
+  };
+}
+
+async function sourceEntriesForPackage(root, packageJSON) {
+  const {
+    main,
+    exports
+  } = packageJSON;
+  const entries = {};
+  if (typeof main === 'string') {
+    entries['.'] = await resolveTargetFileAsSource(main, root);
+  }
+  if (typeof exports === 'string') {
+    entries['.'] = await resolveTargetFileAsSource(exports, root);
+    return entries;
+  } else if (exports == null || typeof exports !== 'object') {
+    return entries;
+  }
+  for (const [exportPath, exportCondition] of Object.entries(exports)) {
+    let targetFile = null;
+    if (exportCondition == null) continue;
+    if (typeof exportCondition === 'string') {
+      targetFile = exportCondition;
+    } else {
+      targetFile ??= exportCondition['source'] ?? exportCondition['quilt:source'] ?? exportCondition['quilt:esnext'] ?? Object.values(exportCondition).find(condition => typeof condition === 'string' && condition.startsWith('./build/'));
+    }
+    if (targetFile == null) continue;
+    const sourceFile = await resolveTargetFileAsSource(targetFile, root);
+    entries[exportPath] = sourceFile;
+  }
+  return entries;
+}
+async function resolveTargetFileAsSource(file, root) {
+  const sourceFile = file.includes('/build/') ? (await glob(file.replace(/[/]build[/][^/]+[/]/, '/*/').replace(/(\.d\.ts|\.[\w]+)$/, '.*'), {
+    cwd: root,
+    absolute: true,
+    ignore: [path.resolve(root, file)]
+  }))[0] : path.resolve(root, file);
+  return sourceFile;
+}
+
+export { quiltPackageESModules };

package/build/esnext/shared/package-json.esnext

@@ -0,0 +1,10 @@
+import * as path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { readFile } from 'node:fs/promises';
+
+async function loadPackageJSON(root) {
+  const file = await readFile(path.join(fileURLToPath(root), 'package.json'), 'utf8');
+  return JSON.parse(file);
+}
+
+export { loadPackageJSON };

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