@quilted/rollup 0.1.10 → 0.1.11

package/package.json

@@ -6,7 +6,7 @@
     "access": "public",
     "@quilted/registry": "https://registry.npmjs.org"
   },
-  "version": "0.1.10",
+  "version": "0.1.11",
   "engines": {
     "node": ">=14.0.0"
   },

package/source/app.ts

@@ -1,6 +1,7 @@
 import * as path from 'path';
 import * as fs from 'fs/promises';
 import {glob} from 'glob';
+import {fileURLToPath} from 'url';
 
 import type {Plugin, RollupOptions, GetManualChunk} from 'rollup';
 import type {AssetsBuildManifest} from '@quilted/assets';
@@ -18,6 +19,11 @@ import {getNodePlugins, removeBuildFiles} from './shared/rollup.ts';
 import {createMagicModulePlugin} from './shared/magic-module.ts';
 
 export interface AppOptions {
+  /**
+   * The root directory containing the source code for your application.
+   */
+  root?: string | URL;
+
   /**
    * The entry module for this app. This should be an absolute path, or relative
    * path from the root directory containing your project. This entry should just be
@@ -106,6 +112,7 @@ export interface AppBrowserAssetsOptions {
 }
 
 export async function quiltAppBrowser({
+  root: rootPath = process.cwd(),
   app,
   entry,
   env,
@@ -113,7 +120,7 @@ export async function quiltAppBrowser({
   module,
   graphql = true,
 }: AppBrowserOptions = {}) {
-  const root = process.cwd();
+  const root = fileURLToPath(rootPath);
   const mode =
     (typeof env === 'object' ? env?.mode : undefined) ?? 'production';
   const minify = assets?.minify ?? mode === 'production';
@@ -136,6 +143,11 @@ export async function quiltAppBrowser({
       const targetName = targets.name ?? 'defaults';
       return config[targetName] ?? ['defaults'];
     })());
+  const normalizedTargetName =
+    targets.name === 'defaults' ? 'default' : targets.name;
+  const targetFilenamePart = normalizedTargetName
+    ? `.${normalizedTargetName}`
+    : '';
 
   const [
     {visualizer},
@@ -205,11 +217,17 @@ export async function quiltAppBrowser({
 
   if (graphql) {
     const {graphql} = await import('./features/graphql.ts');
-    plugins.push(graphql({manifest: path.resolve(`manifests/graphql.json`)}));
+
+    plugins.push(
+      graphql({
+        manifest: path.resolve(`manifests/graphql${targetFilenamePart}.json`),
+      }),
+    );
   }
 
   if (minify) {
     const {minify} = await import('rollup-plugin-esbuild');
+
     plugins.push(minify());
   }
 
@@ -222,14 +240,16 @@ export async function quiltAppBrowser({
       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`,
+      ),
     }),
   );
 
@@ -261,9 +281,9 @@ export 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(),
     },
   } satisfies RollupOptions;
@@ -373,8 +393,8 @@ export async function quiltAppServer({
     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`),
     }),
   );
 

package/source/index.ts

@@ -5,3 +5,4 @@ export {
   type AppBrowserOptions,
   type AppServerOptions,
 } from './app.ts';
+export {quiltPackageESModules, type PackageOptions} from './package.ts';

package/source/package.ts

@@ -0,0 +1,143 @@
+import * as path from 'path';
+import {Plugin, type RollupOptions} from 'rollup';
+import {glob} from 'glob';
+import {fileURLToPath} from 'url';
+
+import {getNodePlugins, removeBuildFiles} from './shared/rollup.ts';
+import {loadPackageJSON, type PackageJSON} from './shared/package-json.ts';
+
+export interface PackageOptions {
+  /**
+   * The root directory containing the source code for your application.
+   */
+  root?: string | URL;
+}
+
+export async function quiltPackageESModules({
+  root: rootPath = process.cwd(),
+}: PackageOptions = {}) {
+  const root = fileURLToPath(rootPath);
+  const outputDirectory = path.join(root, 'build/esm');
+
+  const [{sourceCode}, nodePlugins, packageJSON] = await Promise.all([
+    import('./features/source-code.ts'),
+    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: Plugin[] = [
+    ...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,
+      // }),
+    },
+  } satisfies RollupOptions;
+}
+
+async function sourceEntriesForPackage(root: string, packageJSON: PackageJSON) {
+  const {main, exports} = packageJSON;
+
+  const entries: Record<string, string> = {};
+
+  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 as Record<string, null | string | Record<string, string>>,
+  )) {
+    let targetFile: string | null | undefined = 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: string, root: string) {
+  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;
+}

package/source/shared/package-json.ts

@@ -0,0 +1,17 @@
+import * as path from 'path';
+import {fileURLToPath} from 'url';
+import {readFile} from 'fs/promises';
+
+export interface PackageJSON {
+  name?: string;
+  [key: string]: unknown;
+}
+
+export async function loadPackageJSON(root: string | URL) {
+  const file = await readFile(
+    path.join(fileURLToPath(root), 'package.json'),
+    'utf8',
+  );
+
+  return JSON.parse(file) as PackageJSON;
+}