@quilted/rollup 0.2.45 → 0.2.46

package/build/typescript/app.d.ts

@@ -64,11 +64,72 @@ export interface AppBrowserOptions extends AppBaseOptions {
      * The entry module for this browser. This should be an absolute path, or relative
      * path from the root directory containing your project. This entry should be the
      * browser entrypoint. If you don’t provide a module, Quilt will automatically pick
-     *
+     * a default entry module for you, based on the conventions [described here](TODO).
      *
      * @example './browser.tsx'
      */
     entry?: string;
+    /**
+     * Instead of providing a single `entry` module, you can use this option to list multiple
+     * independent entry modules for your browser application. This can be useful if you have
+     * parts of the codebase you want to load separately from one another; for example, as an
+     * inline script or style, or assets loaded inside an iframe rendered by the “main” part of
+     * the application.
+     *
+     * Entries should be defined similarly to how you would define the `exports` field in a Node.js
+     * [`package.json` file](https://nodejs.org/api/packages.html#exports). Keys should be prefixed
+     * with a `./`, and the key names can then be passed to Quilt’s `BrowserAssets` object to retrieve
+     * the built asset names on your server. The values should be relative paths to the source file
+     * that acts as the entrypoint for that asset. Entrypoints can be either JavaScript or CSS files.
+     *
+     * When using this option, you can override the “main” entrypoint by setting one of the keys
+     * of this object to the string: `'.'`. You can do this in addition to providing additional
+     * entry modules, but if you don’t provide the main entrypoint, a default will be used.
+     *
+     * @example
+     * ```js
+     * quiltApp({
+     *   browser: {
+     *     entry: {
+     *       '.': './main.tsx',
+     *       './inline.css': './inline.css',
+     *     },
+     *   },
+     * })
+     * ```
+     *
+     * To inline an asset, you can set the value to an object with a `source` property (for the relative
+     * path) and an `inline` option set to `true`. Note that this option will not inline dependencies of
+     * the entry into the asset manifest, so make sure that the way you load these scripts accounts for
+     * the fact that any dependencies will be loaded as external scripts. Because the whole file’s contents
+     * will be inlined into the asset manifest and server bundles, you should also be careful to only
+     * inline small JavaScript and CSS assets.
+     *
+     * @example
+     * ```js
+     * quiltApp({
+     *   browser: {
+     *     entry: {
+     *       '.': './main.tsx',
+     *       './inline.js': {source: './inline.tsx', inline: true},
+     *     },
+     *   },
+     * })
+     * ```
+     */
+    entries?: Record<string, string | {
+        /**
+         * The relative path to the source file that acts as the entrypoint for this asset.
+         */
+        source: string;
+        /**
+         * Whether to inline the asset into the asset manifest, so that it can be used as an
+         * inline script or style when rendering HTML content on the server.
+         *
+         * @default false
+         */
+        inline?: boolean;
+    }>;
     /**
      * Customizes the magic `quilt:module/entry` module, which can be used as a "magic"
      * entry for your application.
@@ -271,8 +332,8 @@ export declare function quiltAppBrowser(options?: AppBrowserOptions): Promise<{
     };
     preserveEntrySignatures: false;
 }>;
-export declare function quiltAppBrowserPlugins({ root, app, entry, env, assets, module, graphql, }?: AppBrowserOptions): Promise<InputPluginOption[]>;
-export declare function quiltAppBrowserInput({ root, entry, }?: Pick<AppBrowserOptions, 'root' | 'entry'>): {
+export declare function quiltAppBrowserPlugins({ root, app, entry, entries, env, assets, module, graphql, }?: AppBrowserOptions): Promise<InputPluginOption[]>;
+export declare function quiltAppBrowserInput({ root, entry, entries, }?: Pick<AppBrowserOptions, 'root' | 'entry' | 'entries'>): {
     name: string;
     options(this: import("rollup").MinimalPluginContext, options: import("rollup").InputOptions): Promise<{
         input: string[] | {
@@ -454,7 +515,7 @@ export declare function nodeAppServerRuntime({ host, port, format, assets: serve
     env: string;
     output: {
         options: {
-            format: "esm" | "cjs";
+            format: "cjs" | "esm";
         };
     };
     requestRouter({ assets }: {
@@ -512,7 +573,8 @@ export declare function sourceEntryForAppBrowser({ entry, root, }: {
     entry?: string;
     root?: string | URL;
 }): Promise<string | undefined>;
-export declare function additionalEntriesForAppBrowser({ root, }: {
+export declare function additionalEntriesForAppBrowser({ entries, root, }: {
+    entries?: AppBrowserOptions['entries'];
     root?: string | URL;
 }): Promise<Record<string, string>>;
 export declare function sourceEntryForAppServer({ entry, root, }: {

package/build/typescript/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../source/app.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../source/app.ts"],"names":[],"mappings":"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"}

package/build/typescript/features/assets.d.ts

@@ -4,6 +4,7 @@ export interface AssetManifestOptions {
     key?: URLSearchParams;
     base: string;
     priority?: number;
+    inline?: Set<string>;
     moduleID?(details: {
         imported: string;
     }): string;

package/build/typescript/features/assets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"assets.d.ts","sourceRoot":"","sources":["../../../source/features/assets.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAKV,MAAM,EACN,aAAa,EACd,MAAM,QAAQ,CAAC;AAKhB,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,CAAC,OAAO,EAAE;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,GAAG,MAAM,CAAC;CAChD;AAED,wBAAgB,aAAa,CAAC,eAAe,EAAE,oBAAoB,GAAG,MAAM,CAO3E;AAkMD,wBAAgB,SAAS,IAAI,MAAM,CAmBlC;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAW,EACX,OAAa,EACb,UAA4C,EAC5C,WAAkC,EAClC,aAAsC,GACvC,GAAE;IACD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACnB;;;EA+DL"}
+{"version":3,"file":"assets.d.ts","sourceRoot":"","sources":["../../../source/features/assets.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAKV,MAAM,EACN,aAAa,EACd,MAAM,QAAQ,CAAC;AAKhB,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACrB,QAAQ,CAAC,CAAC,OAAO,EAAE;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,GAAG,MAAM,CAAC;CAChD;AAED,wBAAgB,aAAa,CAAC,eAAe,EAAE,oBAAoB,GAAG,MAAM,CAO3E;AA6ND,wBAAgB,SAAS,IAAI,MAAM,CAmBlC;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAW,EACX,OAAa,EACb,UAA4C,EAC5C,WAAkC,EAClC,aAAsC,GACvC,GAAE;IACD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACnB;;;EA+DL"}

package/build/typescript/features/system-js.d.ts

@@ -2,6 +2,7 @@ export declare function systemJS({ minify }?: {
     minify?: boolean | undefined;
 }): {
     name: string;
+    buildStart(this: import("rollup").PluginContext): Promise<void>;
     renderChunk(this: import("rollup").PluginContext, code: string, chunk: import("rollup").RenderedChunk, options: import("rollup").NormalizedOutputOptions): Promise<{
         code: string;
         map: import("magic-string").SourceMap;

package/build/typescript/features/system-js.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"system-js.d.ts","sourceRoot":"","sources":["../../../source/features/system-js.ts"],"names":[],"mappings":"AAQA,wBAAgB,QAAQ,CAAC,EAAC,MAAc,EAAC;;CAAK;;;;;;EAkD7C"}
+{"version":3,"file":"system-js.d.ts","sourceRoot":"","sources":["../../../source/features/system-js.ts"],"names":[],"mappings":"AAQA,wBAAgB,QAAQ,CAAC,EAAC,MAAc,EAAC;;CAAK;;;;;;;EAkD7C"}

package/package.json

@@ -6,7 +6,7 @@
     "access": "public",
     "@quilted/registry": "https://registry.npmjs.org"
   },
-  "version": "0.2.45",
+  "version": "0.2.46",
   "engines": {
     "node": ">=14.0.0"
   },
@@ -143,7 +143,7 @@
     "@rollup/plugin-commonjs": "^25.0.5",
     "@rollup/plugin-json": "^6.0.1",
     "@rollup/plugin-node-resolve": "^15.2.3",
-    "@quilted/assets": "^0.1.4",
+    "@quilted/assets": "^0.1.8",
     "@quilted/babel": "^0.2.2",
     "@quilted/graphql": "^3.3.7",
     "@types/babel__preset-env": "^7.9.0",

package/source/app.ts

@@ -112,12 +112,79 @@ export interface AppBrowserOptions extends AppBaseOptions {
    * The entry module for this browser. This should be an absolute path, or relative
    * path from the root directory containing your project. This entry should be the
    * browser entrypoint. If you don’t provide a module, Quilt will automatically pick
-   *
+   * a default entry module for you, based on the conventions [described here](TODO).
    *
    * @example './browser.tsx'
    */
   entry?: string;
 
+  /**
+   * Instead of providing a single `entry` module, you can use this option to list multiple
+   * independent entry modules for your browser application. This can be useful if you have
+   * parts of the codebase you want to load separately from one another; for example, as an
+   * inline script or style, or assets loaded inside an iframe rendered by the “main” part of
+   * the application.
+   *
+   * Entries should be defined similarly to how you would define the `exports` field in a Node.js
+   * [`package.json` file](https://nodejs.org/api/packages.html#exports). Keys should be prefixed
+   * with a `./`, and the key names can then be passed to Quilt’s `BrowserAssets` object to retrieve
+   * the built asset names on your server. The values should be relative paths to the source file
+   * that acts as the entrypoint for that asset. Entrypoints can be either JavaScript or CSS files.
+   *
+   * When using this option, you can override the “main” entrypoint by setting one of the keys
+   * of this object to the string: `'.'`. You can do this in addition to providing additional
+   * entry modules, but if you don’t provide the main entrypoint, a default will be used.
+   *
+   * @example
+   * ```js
+   * quiltApp({
+   *   browser: {
+   *     entry: {
+   *       '.': './main.tsx',
+   *       './inline.css': './inline.css',
+   *     },
+   *   },
+   * })
+   * ```
+   *
+   * To inline an asset, you can set the value to an object with a `source` property (for the relative
+   * path) and an `inline` option set to `true`. Note that this option will not inline dependencies of
+   * the entry into the asset manifest, so make sure that the way you load these scripts accounts for
+   * the fact that any dependencies will be loaded as external scripts. Because the whole file’s contents
+   * will be inlined into the asset manifest and server bundles, you should also be careful to only
+   * inline small JavaScript and CSS assets.
+   *
+   * @example
+   * ```js
+   * quiltApp({
+   *   browser: {
+   *     entry: {
+   *       '.': './main.tsx',
+   *       './inline.js': {source: './inline.tsx', inline: true},
+   *     },
+   *   },
+   * })
+   * ```
+   */
+  entries?: Record<
+    string,
+    | string
+    | {
+        /**
+         * The relative path to the source file that acts as the entrypoint for this asset.
+         */
+        source: string;
+
+        /**
+         * Whether to inline the asset into the asset manifest, so that it can be used as an
+         * inline script or style when rendering HTML content on the server.
+         *
+         * @default false
+         */
+        inline?: boolean;
+      }
+  >;
+
   /**
    * Customizes the magic `quilt:module/entry` module, which can be used as a "magic"
    * entry for your application.
@@ -462,6 +529,7 @@ export async function quiltAppBrowserPlugins({
   root = process.cwd(),
   app,
   entry,
+  entries,
   env,
   assets,
   module,
@@ -496,6 +564,7 @@ export async function quiltAppBrowserPlugins({
     {workers},
     {esnext},
     nodePlugins,
+    supportsESM,
     supportsModuleWorkers,
   ] = await Promise.all([
     import('rollup-plugin-visualizer'),
@@ -514,13 +583,13 @@ export async function quiltAppBrowserPlugins({
       bundle: true,
       resolve: {exportConditions: ['browser']},
     }),
+    targetsSupportModules(browserGroup.browsers),
     targetsSupportModuleWebWorkers(browserGroup.browsers),
   ]);
 
   const plugins: InputPluginOption[] = [
-    quiltAppBrowserInput({root: project.root, entry}),
+    quiltAppBrowserInput({root: project.root, entry, entries}),
     ...nodePlugins,
-    systemJS({minify}),
     replaceProcessEnv({mode}),
     magicModuleEnv({...resolveEnvOption(env), mode, root: project.root}),
     magicModuleAppComponent({entry: app, root: project.root}),
@@ -577,6 +646,10 @@ export async function quiltAppBrowserPlugins({
     monorepoPackageAliases({root: project.root}),
   ];
 
+  if (!supportsESM) {
+    plugins.push(systemJS({minify}));
+  }
+
   if (assets?.clean ?? true) {
     plugins.push(
       removeBuildFiles(
@@ -612,12 +685,27 @@ export async function quiltAppBrowserPlugins({
     cacheKey.set('browserGroup', browserGroup.name);
   }
 
+  // Always inline the system.js entry, since we’ll load it as an inline script to avoid
+  // an unnecessary JS network waterfall for loading critical, SystemJS-dependent code.
+  // We’ll also add any additional entry that was passed via the `entries` option that is
+  // marked as being `inline`.
+  const inline = new Set(['system.js']);
+
+  if (entries) {
+    for (const [name, entry] of Object.entries(entries)) {
+      if (typeof entry === 'object' && entry.inline) {
+        inline.add(name.startsWith('./') ? name.slice(2) : name);
+      }
+    }
+  }
+
   plugins.push(
     assetManifest({
       key: cacheKey,
       base: baseURL,
       file: path.join(manifestsDirectory, `assets${targetFilenamePart}.json`),
       priority: assets?.priority,
+      inline,
     }),
     visualizer({
       template: 'treemap',
@@ -636,7 +724,8 @@ export async function quiltAppBrowserPlugins({
 export function quiltAppBrowserInput({
   root,
   entry,
-}: Pick<AppBrowserOptions, 'root' | 'entry'> = {}) {
+  entries,
+}: Pick<AppBrowserOptions, 'root' | 'entry' | 'entries'> = {}) {
   const MODULES_TO_ENTRIES = new Map<string, string>();
 
   return {
@@ -644,13 +733,19 @@ export function quiltAppBrowserInput({
     async options(options) {
       const finalEntry =
         normalizeRollupInput(options.input) ??
-        (await sourceEntryForAppBrowser({entry, root})) ??
+        (await sourceEntryForAppBrowser({
+          entry: entry ?? getSourceFromCustomEntry(entries?.['.']),
+          root,
+        })) ??
         MAGIC_MODULE_ENTRY;
       const finalEntryName =
         typeof finalEntry === 'string' && finalEntry !== MAGIC_MODULE_ENTRY
           ? path.basename(finalEntry).split('.').slice(0, -1).join('.')
           : 'browser';
-      const additionalEntries = await additionalEntriesForAppBrowser({root});
+      const additionalEntries = await additionalEntriesForAppBrowser({
+        root,
+        entries,
+      });
 
       if (typeof finalEntry === 'string') {
         MODULES_TO_ENTRIES.set(finalEntry, '.');
@@ -1204,7 +1299,7 @@ export function magicModuleAppRequestRouter({
 
         import {jsx} from 'preact/jsx-runtime';
         import {RequestRouter} from '@quilted/quilt/request-router';
-        import {renderToResponse} from '@quilted/quilt/server';
+        import {renderAppToHTMLResponse} from '@quilted/quilt/server';
 
         import App from ${JSON.stringify(MAGIC_MODULE_APP_COMPONENT)};
         import {BrowserAssets} from ${JSON.stringify(
@@ -1216,7 +1311,7 @@ export function magicModuleAppRequestRouter({
 
         // For all GET requests, render our React application.
         router.get(async (request) => {
-          const response = await renderToResponse(jsx(App), {
+          const response = await renderAppToHTMLResponse(jsx(App), {
             request,
             assets,
           });
@@ -1399,8 +1494,10 @@ const SERVER_EXPORT_CONDITIONS = new Set([
 ]);
 
 export async function additionalEntriesForAppBrowser({
+  entries,
   root = process.cwd(),
 }: {
+  entries?: AppBrowserOptions['entries'];
   root?: string | URL;
 }) {
   const additionalEntries: Record<string, string> = {};
@@ -1428,6 +1525,20 @@ export async function additionalEntriesForAppBrowser({
     }
   }
 
+  if (entries) {
+    for (const [key, value] of Object.entries(entries)) {
+      if (key === '.') continue;
+
+      const name = key.startsWith('./') ? key.slice(2) : key;
+
+      if (typeof value === 'string') {
+        additionalEntries[name] = project.resolve(value);
+      } else {
+        additionalEntries[name] = project.resolve(value.source);
+      }
+    }
+  }
+
   return additionalEntries;
 }
 
@@ -1611,3 +1722,9 @@ function createManualChunksSorter(): GetManualChunk {
     return `${bundleBaseName}-${relativeId.split(path.sep)[0]?.split('.')[0]}`;
   };
 }
+
+function getSourceFromCustomEntry(
+  entry?: string | {source: string; inline?: boolean},
+) {
+  return typeof entry === 'object' ? entry.source : entry;
+}

package/source/features/assets.ts

@@ -19,6 +19,7 @@ export interface AssetManifestOptions {
   key?: URLSearchParams;
   base: string;
   priority?: number;
+  inline?: Set<string>;
   moduleID?(details: {imported: string}): string;
 }
 
@@ -38,6 +39,7 @@ async function writeManifestForBundle(
     file,
     base,
     key,
+    inline,
     priority,
     moduleID: getModuleID = defaultModuleID,
   }: AssetManifestOptions,
@@ -68,7 +70,7 @@ async function writeManifestForBundle(
     let id = assetIdMap.get(file);
 
     if (id == null) {
-      assets.push(loadAsset(file, bundle[file]!));
+      assets.push(loadAsset(file, bundle[file]!, inline));
       id = assets.length - 1;
       assetIdMap.set(file, id);
     }
@@ -87,10 +89,20 @@ async function writeManifestForBundle(
   };
 
   for (const output of outputs) {
-    if (
-      output.type !== 'chunk' ||
-      (!output.isDynamicEntry && !output.isEntry)
-    ) {
+    if (output.type === 'asset') {
+      if (output.name && output.fileName.endsWith('.js')) {
+        manifest.modules[output.name] = createAssetsEntry([output.fileName], {
+          dependencyMap,
+          getAssetId,
+        });
+
+        manifest.entries[`./${output.name}`] = output.name;
+      }
+
+      continue;
+    }
+
+    if (!output.isDynamicEntry && !output.isEntry) {
       continue;
     }
 
@@ -111,9 +123,18 @@ async function writeManifestForBundle(
       manifest.entries[entry] = moduleID;
     }
 
+    const isCSS = moduleID.endsWith('.css');
+    const moduleFiles = [output.fileName, ...output.imports];
+
     manifest.modules[moduleID] = createAssetsEntry(
-      [...output.imports, output.fileName],
-      {dependencyMap, getAssetId},
+      // When an entrypoint is a CSS file, Rollup creates an unnecessary JavaScript file
+      // as the entrypoint of the module. We will exclude the JavaScript file, so only
+      // the CSS file is included in the final manifest.
+      isCSS ? moduleFiles.filter((file) => file.endsWith('.css')) : moduleFiles,
+      {
+        dependencyMap,
+        getAssetId,
+      },
     );
   }
 
@@ -128,17 +149,24 @@ const SRI_ALGORITHM = 'sha384';
 async function loadAsset(
   file: string,
   chunk: OutputChunk | OutputAsset,
+  inline?: Set<string>,
 ): Promise<AssetBuildAsset> {
   const asset: AssetBuildAsset = [file.endsWith('.css') ? 1 : 2, file];
 
-  try {
-    const hash = createHash(SRI_ALGORITHM)
-      .update('code' in chunk ? chunk.code : chunk.source)
-      .digest()
-      .toString('base64');
+  const source = 'code' in chunk ? chunk.code : (chunk.source as string);
 
-    asset[2] = `${SRI_ALGORITHM}-${hash}`;
-  } catch {}
+  if (inline?.has(chunk.name!)) {
+    asset[2] = source;
+  } else {
+    try {
+      const hash = createHash(SRI_ALGORITHM)
+        .update('code' in chunk ? chunk.code : chunk.source)
+        .digest()
+        .toString('base64');
+
+      asset[2] = `${SRI_ALGORITHM}-${hash}`;
+    } catch {}
+  }
 
   return asset;
 }

package/source/features/system-js.ts

@@ -9,29 +9,29 @@ import {multiline} from '../shared/strings';
 export function systemJS({minify = false} = {}) {
   return {
     name: '@quilted/system-js',
-    async renderChunk(code, chunk, options) {
-      if (options.format !== 'system' || !chunk.isEntry) return null;
 
+    async buildStart() {
       const require = createRequire(import.meta.url);
       const systemjs = minify
         ? require.resolve('systemjs/dist/s.min.js')
         : require.resolve('systemjs/dist/s.js');
 
-      // We write the systemjs loader to a dedicated file, and we make it the
-      // "first import" of the chunk so that it is the first file listed in
-      // the manifest.
-      const fileHandle = this.emitFile({
+      // We write the systemjs loader to a dedicated file
+      this.emitFile({
         type: 'asset',
-        name: 'loader.js',
-        source: (await readFile(systemjs, {encoding: 'utf8'})).replace(
-          // Remove the source map comment, if it is present, because we don’t upload the
-          // sourcemap for this file.
-          /\n?[/][/]# sourceMappingURL=s.*\.map\n?$/,
-          '',
-        ),
+        name: 'system.js',
+        source: (await readFile(systemjs, {encoding: 'utf8'}))
+          .replace(
+            // Remove the source map comment, if it is present, because we don’t upload the
+            // sourcemap for this file.
+            /\n?[/][/]# sourceMappingURL=s.*\.map\n?$/m,
+            '',
+          )
+          .trim(),
       });
-
-      chunk.imports.unshift(this.getFileName(fileHandle));
+    },
+    async renderChunk(code, chunk, options) {
+      if (options.format !== 'system' || !chunk.isEntry) return null;
 
       const newCode = new MagicString(code);