@quilted/rollup 0.2.5 → 0.2.7

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @quilted/rollup
 
+## 0.2.7
+
+### Patch Changes
+
+- [`6c7371f7`](https://github.com/lemonmade/quilt/commit/6c7371f7a34ce89383adec9501ca31db5ce4d3c7) Thanks [@lemonmade](https://github.com/lemonmade)! - Fix asset references during development
+
+- [`807b8e66`](https://github.com/lemonmade/quilt/commit/807b8e6644ef79d00dc631da4633647d119f0cd6) Thanks [@lemonmade](https://github.com/lemonmade)! - Add support for multi-entry modules
+
+- [`274e09ea`](https://github.com/lemonmade/quilt/commit/274e09eaf9ecd0626298941a68a9984b6ca6f488) Thanks [@lemonmade](https://github.com/lemonmade)! - Fix monorepo aliases plugin
+
+- [`85c21b4f`](https://github.com/lemonmade/quilt/commit/85c21b4f35b1b7949fe445f25b25282f326d4833) Thanks [@lemonmade](https://github.com/lemonmade)! - Clean up internal imports in apps and packages
+
+## 0.2.6
+
+### Patch Changes
+
+- [`e77a644c`](https://github.com/lemonmade/quilt/commit/e77a644cfaf528cd635f4bc26814c7ccb654e515) Thanks [@lemonmade](https://github.com/lemonmade)! - Add more development features to Vite plugin
+
 ## 0.2.5
 
 ### Patch Changes

package/build/esm/app.mjs

@@ -85,7 +85,8 @@ async function quiltAppBrowserOptions(options = {}) {
       assetFileNames: `[name]${targetFilenamePart}.[hash].[ext]`,
       chunkFileNames: `[name]${targetFilenamePart}.[hash].js`,
       manualChunks: createManualChunksSorter(),
-      generatedCode
+      generatedCode,
+      minifyInternalExports: true
     }
   };
 }
@@ -142,6 +143,8 @@ async function quiltAppBrowser({
     systemJS({ minify }),
     replaceProcessEnv({ mode }),
     magicModuleEnv({ ...resolveEnvOption(env), mode }),
+    magicModuleAppComponent({ entry: app, root: project.root }),
+    magicModuleAppBrowserEntry(module),
     sourceCode({
       mode,
       targets: browserGroup.browsers,
@@ -197,11 +200,6 @@ async function quiltAppBrowser({
       })
     );
   }
-  const appEntry = await resolveAppEntry(app, project);
-  if (appEntry) {
-    plugins.push(magicModuleAppComponent({ entry: appEntry }));
-  }
-  plugins.push(magicModuleAppBrowserEntry(module));
   if (graphql) {
     const { graphql: graphql2 } = await import('./features/graphql.mjs');
     plugins.push(
@@ -239,17 +237,13 @@ async function quiltAppBrowser({
   return plugins;
 }
 function quiltAppBrowserInput({
-  root = process.cwd(),
+  root,
   entry
 } = {}) {
-  const project = Project.load(root);
   return {
     name: "@quilted/app-browser/input",
     async options(options) {
-      const finalEntry = normalizeRollupInput(options.input) ?? (entry ? project.resolve(entry) : await project.glob("{browser,client,web}.{ts,tsx,mjs,js,jsx}", {
-        nodir: true,
-        absolute: true
-      }).then((files) => files[0])) ?? MAGIC_MODULE_ENTRY;
+      const finalEntry = normalizeRollupInput(options.input) ?? await sourceEntryForAppBrowser({ entry, root }) ?? MAGIC_MODULE_ENTRY;
       return {
         ...options,
         // If we are using the "magic entry", give it an explicit name of `browser`.
@@ -323,6 +317,12 @@ async function quiltAppServer({
     ...nodePlugins,
     replaceProcessEnv({ mode }),
     magicModuleEnv({ ...resolveEnvOption(env), mode }),
+    magicModuleAppComponent({ entry: app, root: project.root }),
+    magicModuleAppServerEntry({
+      assets: { baseURL }
+    }),
+    magicModuleAppRequestRouter({ entry, root: project.root }),
+    magicModuleAppAssetManifests(),
     sourceCode({
       mode,
       targets: ["current node"],
@@ -360,21 +360,6 @@ async function quiltAppServer({
     tsconfigAliases({ root: project.root }),
     monorepoPackageAliases({ root: project.root })
   ];
-  const appEntry = await resolveAppEntry(app, project);
-  if (appEntry) {
-    plugins.push(magicModuleAppComponent({ entry: appEntry }));
-  }
-  const serverEntry = entry ? project.resolve(entry) : await project.glob("{server,service,backend}.{ts,tsx,mjs,js,jsx}", {
-    nodir: true,
-    absolute: true
-  }).then((files) => files[0]);
-  plugins.push(
-    magicModuleAppServerEntry({
-      assets: { baseURL }
-    }),
-    magicModuleAppRequestRouter({ entry: serverEntry }),
-    magicModuleAppAssetManifests()
-  );
   if (graphql) {
     const { graphql: graphql2 } = await import('./features/graphql.mjs');
     plugins.push(graphql2({ manifest: false }));
@@ -419,48 +404,80 @@ function quiltAppServerInput({
     }
   };
 }
-function magicModuleAppComponent({ entry }) {
+function magicModuleAppComponent({
+  entry,
+  root = process.cwd()
+}) {
   return createMagicModulePlugin({
     name: "@quilted/magic-module/app",
     module: MAGIC_MODULE_APP_COMPONENT,
-    alias: entry
+    alias: entry ?? async function magicModuleApp() {
+      const project = Project.load(root);
+      const { packageJSON } = project;
+      if (typeof packageJSON.raw.main === "string") {
+        return project.resolve(packageJSON.raw.main);
+      }
+      const rootEntry = packageJSON.raw.exports?.["."];
+      if (typeof rootEntry === "string") {
+        return project.resolve(rootEntry);
+      }
+      const globbed = await project.glob(
+        "{App,app,index}.{ts,tsx,mjs,js,jsx}",
+        {
+          nodir: true,
+          absolute: true
+        }
+      );
+      return globbed[0];
+    }
   });
 }
 function magicModuleAppRequestRouter({
-  entry
+  entry,
+  root = process.cwd()
 } = {}) {
   return createMagicModulePlugin({
     name: "@quilted/magic-module/app-request-router",
     module: MAGIC_MODULE_REQUEST_ROUTER,
-    alias: entry,
-    source: entry ? void 0 : async function source() {
+    alias: entry ?? async function magicModuleRequestRouter() {
+      const project = Project.load(root);
+      const globbed = await project.glob(
+        "{server,service,backend}.{ts,tsx,mjs,js,jsx}",
+        {
+          nodir: true,
+          absolute: true
+        }
+      );
+      return globbed[0];
+    },
+    async source() {
       return multiline`
-            import '@quilted/quilt/globals';
+        import '@quilted/quilt/globals';
 
-            import {jsx} from 'react/jsx-runtime';
-            import {RequestRouter} from '@quilted/quilt/request-router';
-            import {renderToResponse} from '@quilted/quilt/server';
+        import {jsx} from 'react/jsx-runtime';
+        import {RequestRouter} from '@quilted/quilt/request-router';
+        import {renderToResponse} from '@quilted/quilt/server';
 
-            import App from ${JSON.stringify(MAGIC_MODULE_APP_COMPONENT)};
-            import {BrowserAssets} from ${JSON.stringify(
+        import App from ${JSON.stringify(MAGIC_MODULE_APP_COMPONENT)};
+        import {BrowserAssets} from ${JSON.stringify(
         MAGIC_MODULE_BROWSER_ASSETS
       )};
 
-            const router = new RequestRouter();
-            const assets = new BrowserAssets();
+        const router = new RequestRouter();
+        const assets = new BrowserAssets();
 
-            // For all GET requests, render our React application.
-            router.get(async (request) => {
-              const response = await renderToResponse(jsx(App), {
-                request,
-                assets,
-              });
+        // For all GET requests, render our React application.
+        router.get(async (request) => {
+          const response = await renderToResponse(jsx(App), {
+            request,
+            assets,
+          });
 
-              return response;
-            });
+          return response;
+        });
 
-            export default router;
-          `;
+        export default router;
+      `;
     }
   });
 }
@@ -593,6 +610,24 @@ function magicModuleAppAssetManifests() {
     }
   });
 }
+async function sourceEntryForAppBrowser({
+  entry,
+  root = process.cwd()
+}) {
+  const project = Project.load(root);
+  if (entry) {
+    return project.resolve(entry);
+  } else {
+    const files = await project.glob(
+      "{browser,client,web}.{ts,tsx,mjs,js,jsx}",
+      {
+        nodir: true,
+        absolute: true
+      }
+    );
+    return files[0];
+  }
+}
 const FRAMEWORK_CHUNK_NAME = "framework";
 const POLYFILLS_CHUNK_NAME = "polyfills";
 const VENDOR_CHUNK_NAME = "vendor";
@@ -668,23 +703,5 @@ function createManualChunksSorter() {
     return `${bundleBaseName}-${relativeId.split(path.sep)[0]?.split(".")[0]}`;
   };
 }
-async function resolveAppEntry(entry, project) {
-  if (entry) {
-    return project.resolve(entry);
-  }
-  const { packageJSON } = project;
-  if (typeof packageJSON.raw.main === "string") {
-    return project.resolve(packageJSON.raw.main);
-  }
-  const rootEntry = packageJSON.raw.exports?.["."];
-  if (typeof rootEntry === "string") {
-    return project.resolve(rootEntry);
-  }
-  const globbed = await project.glob("{App,app,index}.{ts,tsx,mjs,js,jsx}", {
-    nodir: true,
-    absolute: true
-  });
-  return globbed[0];
-}
 
-export { MAGIC_MODULE_APP_COMPONENT, MAGIC_MODULE_BROWSER_ASSETS, MAGIC_MODULE_ENTRY, MAGIC_MODULE_REQUEST_ROUTER, magicModuleAppAssetManifests, magicModuleAppBrowserEntry, magicModuleAppComponent, magicModuleAppRequestRouter, magicModuleAppServerEntry, quiltAppBrowser, quiltAppBrowserInput, quiltAppBrowserOptions, quiltAppOptions, quiltAppServer, quiltAppServerInput, quiltAppServerOptions };
+export { MAGIC_MODULE_APP_COMPONENT, MAGIC_MODULE_BROWSER_ASSETS, MAGIC_MODULE_ENTRY, MAGIC_MODULE_REQUEST_ROUTER, magicModuleAppAssetManifests, magicModuleAppBrowserEntry, magicModuleAppComponent, magicModuleAppRequestRouter, magicModuleAppServerEntry, quiltAppBrowser, quiltAppBrowserInput, quiltAppBrowserOptions, quiltAppOptions, quiltAppServer, quiltAppServerInput, quiltAppServerOptions, sourceEntryForAppBrowser };

package/build/esm/features/node.mjs

@@ -42,7 +42,7 @@ async function monorepoPackageAliases({
   for (const { project: project2, entries } of projectsWithEntries) {
     const { name } = project2;
     for (const [entry, source] of Object.entries(entries)) {
-      const entryName = entry === "." ? name : `${name}/${entry}`;
+      const entryName = entry === "." ? name : `${name}/${entry.startsWith("./") ? entry.slice(2) : entry}`;
       aliases.push({
         find: new RegExp(`^${entryName}$`),
         replacement: source

package/build/esm/module.mjs

@@ -1,4 +1,4 @@
-import { Project } from './shared/project.mjs';
+import { Project, sourceEntriesForProject } from './shared/project.mjs';
 import { getNodePlugins, removeBuildFiles } from './shared/rollup.mjs';
 import { getBrowserGroupTargetDetails, rollupGenerateOptionsForBrowsers } from './shared/browserslist.mjs';
 import { resolveEnvOption } from './features/env.mjs';
@@ -48,8 +48,7 @@ async function quiltModule({
     tsconfigAliases({ root: project.root }),
     monorepoPackageAliases({ root: project.root }),
     esnext({ mode, targets: browserGroup.browsers }),
-    react(),
-    removeBuildFiles(["build/assets", "build/reports"], { root: project.root })
+    react()
   ];
   if (graphql) {
     const { graphql: graphql2 } = await import('./features/graphql.mjs');
@@ -59,6 +58,13 @@ async function quiltModule({
     const { minify: minify2 } = await import('rollup-plugin-esbuild');
     plugins.push(minify2());
   }
+  if (assets?.clean ?? true) {
+    plugins.push(
+      removeBuildFiles(["build/assets", "build/reports"], {
+        root: project.root
+      })
+    );
+  }
   plugins.push(
     visualizer({
       template: "treemap",
@@ -80,27 +86,40 @@ async function quiltModule({
       assetFileNames: `[name]${targetFilenamePart}${hash === true ? `.[hash]` : ""}.[ext]`,
       generatedCode: await rollupGenerateOptionsForBrowsers(
         browserGroup.browsers
-      )
+      ),
+      minifyInternalExports: minify
     }
   };
 }
 async function resolveModuleEntry(entry, project) {
   if (entry) {
-    return project.resolve(entry);
+    if (typeof entry === "string") {
+      const absolutePath = project.resolve(entry);
+      return { [project.relative(absolutePath)]: absolutePath };
+    } else {
+      return Object.fromEntries(
+        Object.entries(entry).map(([key, value]) => [
+          normalizeEntryName(key),
+          project.resolve(value)
+        ])
+      );
+    }
   }
-  const { main, exports } = project.packageJSON.raw;
-  const entryFromPackageJSON = main ?? exports?.["."];
-  if (entryFromPackageJSON) {
-    return project.resolve(entryFromPackageJSON);
+  const entries = await sourceEntriesForProject(project);
+  const entryArray = Object.entries(entries);
+  if (entryArray.length > 0) {
+    return Object.fromEntries(
+      entryArray.map(([key, value]) => [normalizeEntryName(key), value])
+    );
   }
-  const possibleSourceFiles = await project.glob(
-    "{index,module,entry,input}.{ts,tsx,mjs,js,jsx}",
-    {
-      nodir: true,
-      absolute: true
-    }
-  );
-  return possibleSourceFiles[0];
+  const sourceFile = (await project.glob("{index,module,entry,input}.{ts,tsx,mjs,js,jsx}", {
+    nodir: true,
+    absolute: true
+  }))[0];
+  return { [normalizeEntryName(project.relative(sourceFile))]: sourceFile };
+}
+function normalizeEntryName(name) {
+  return name === "." ? "index" : name.startsWith("./") ? name.slice(2) : name;
 }
 
 export { quiltModule };

package/build/esm/package.mjs

@@ -102,6 +102,7 @@ async function quiltPackageESModules({
       entryFileNames: `[name].mjs`,
       assetFileNames: `[name].[ext]`,
       generatedCode,
+      minifyInternalExports: false,
       // We only want to preserve the original directory structure if there
       // are actual package entries.
       ...hasEntries ? {
@@ -118,7 +119,8 @@ async function quiltPackageESModules({
       assetFileNames: `[name].[ext]`,
       preserveModules: true,
       preserveModulesRoot: source.root,
-      generatedCode
+      generatedCode,
+      minifyInternalExports: false
     });
   }
   const options = {

package/build/esm/shared/magic-module.mjs

@@ -7,18 +7,20 @@ function createMagicModulePlugin({
   source: getSource,
   sideEffects = false
 }) {
+  const virtualModuleAlias = `${VIRTUAL_MODULE_PREFIX}${module}${VIRTUAL_MODULE_POSTFIX}`;
   return {
     name,
-    resolveId(id) {
+    async resolveId(id) {
       if (id !== module)
         return null;
+      const resolved = (typeof alias === "function" ? await alias() : alias) ?? virtualModuleAlias;
       return {
-        id: alias,
+        id: resolved,
         moduleSideEffects: sideEffects ? "no-treeshake" : void 0
       };
     },
     load: getSource ? async function load(source) {
-      if (source !== alias)
+      if (source !== virtualModuleAlias)
         return null;
       const code = await getSource.call(this);
       return {

package/build/esm/shared/project.mjs

@@ -32,6 +32,9 @@ class Project {
   resolve(...segments) {
     return path.resolve(this.root, ...segments);
   }
+  relative(to) {
+    return path.relative(this.root, to);
+  }
   glob(pattern, options) {
     return glob(pattern, {
       ...options,