@quilted/rollup 0.2.32 → 0.2.34

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @quilted/rollup
 
+## 0.2.34
+
+### Patch Changes
+
+- [`087943b`](https://github.com/lemonmade/quilt/commit/087943b0dc93ed23617711f1527a45772177b182) Thanks [@lemonmade](https://github.com/lemonmade)! - Fix errors when `.esnext` dependencies have tsconfig files
+
+## 0.2.33
+
+### Patch Changes
+
+- [`5ba0530`](https://github.com/lemonmade/quilt/commit/5ba053056ed3b8a0f012fbce74e86227468b60df) Thanks [@lemonmade](https://github.com/lemonmade)! - Add basic service worker plugin
+
 ## 0.2.32
 
 ### Patch Changes

package/build/esm/app.mjs

@@ -17,7 +17,8 @@ async function quiltApp({
   graphql,
   assets,
   browser: browserOptions,
-  server: serverOptions,
+  server: serverOptions = true,
+  serviceWorker: serviceWorkerOptions = false,
   runtime
 } = {}) {
   const project = Project.load(root);
@@ -49,20 +50,39 @@ async function quiltApp({
       })
     );
   });
-  optionPromises.push(
-    quiltAppServer({
-      root: project.root,
-      app,
-      graphql,
-      runtime: runtime?.server,
-      ...serverOptions,
-      env: {
-        ...resolveEnvOption(env),
-        ...resolveEnvOption(serverOptions?.env)
-      },
-      assets: { ...assets, ...serverOptions?.assets }
-    })
-  );
+  if (serverOptions) {
+    const serverOptionsObject = typeof serverOptions === "object" ? serverOptions : {};
+    optionPromises.push(
+      quiltAppServer({
+        root: project.root,
+        app,
+        graphql,
+        runtime: runtime?.server,
+        ...serverOptionsObject,
+        env: {
+          ...resolveEnvOption(env),
+          ...resolveEnvOption(serverOptionsObject?.env)
+        },
+        assets: { ...assets, ...serverOptionsObject?.assets }
+      })
+    );
+  }
+  if (serviceWorkerOptions) {
+    const serviceWorkerOptionsObject = typeof serviceWorkerOptions === "object" ? serviceWorkerOptions : {};
+    optionPromises.push(
+      quiltAppServiceWorker({
+        root: project.root,
+        app,
+        graphql,
+        ...serviceWorkerOptionsObject,
+        env: {
+          ...resolveEnvOption(env),
+          ...resolveEnvOption(serviceWorkerOptionsObject?.env)
+        },
+        assets: { ...assets, ...serviceWorkerOptionsObject?.assets }
+      })
+    );
+  }
   return Promise.all(optionPromises);
 }
 async function quiltAppBrowser(options = {}) {
@@ -438,6 +458,163 @@ function quiltAppServerInput({
     }
   };
 }
+async function quiltAppServiceWorker(options = {}) {
+  const { output, root = process.cwd() } = options;
+  const project = Project.load(root);
+  const hash = output?.hash ?? "async-only";
+  const plugins = await quiltAppServiceWorkerPlugins({
+    ...options,
+    root
+  });
+  return {
+    plugins,
+    output: {
+      format: "iife",
+      dir: project.resolve(`build/service-worker`),
+      entryFileNames: `[name]${hash === true ? `.[hash]` : ""}.js`,
+      chunkFileNames: `[name]${hash === true || hash === "async-only" ? `.[hash]` : ""}.js`,
+      assetFileNames: `[name]${hash === true ? `.[hash]` : ""}.[ext]`,
+      generatedCode: "es2015"
+    }
+  };
+}
+async function quiltAppServiceWorkerPlugins({
+  root = process.cwd(),
+  app,
+  env,
+  entry,
+  graphql = true,
+  assets,
+  output
+} = {}) {
+  const project = Project.load(root);
+  const mode = (typeof env === "object" ? env?.mode : env) ?? "production";
+  const baseURL = assets?.baseURL ?? "/assets/";
+  const assetsInline = assets?.inline ?? true;
+  const outputDirectory = project.resolve("build/service-worker");
+  const reportsDirectory = path.resolve(outputDirectory, "../reports");
+  const bundle = output?.bundle;
+  const minify = output?.minify ?? false;
+  const [
+    { visualizer },
+    { magicModuleEnv, replaceProcessEnv },
+    { sourceCode },
+    { react },
+    { tsconfigAliases },
+    { monorepoPackageAliases },
+    { css },
+    { rawAssets, staticAssets },
+    { asyncModules },
+    { esnext },
+    nodePlugins
+  ] = await Promise.all([
+    import('rollup-plugin-visualizer'),
+    import('./features/env.mjs'),
+    import('./features/source-code.mjs'),
+    import('./features/react.mjs'),
+    import('./features/typescript.mjs'),
+    import('./features/node.mjs'),
+    import('./features/css.mjs'),
+    import('./features/assets.mjs'),
+    import('./features/async.mjs'),
+    import('./features/esnext.mjs'),
+    getNodePlugins({
+      bundle,
+      resolve: { exportConditions: ["browser"] }
+    })
+  ]);
+  const plugins = [
+    quiltAppServiceWorkerInput({ root: project.root, entry }),
+    ...nodePlugins,
+    replaceProcessEnv({ mode }),
+    magicModuleEnv({
+      ...resolveEnvOption(env),
+      mode,
+      root: project.root
+    }),
+    magicModuleAppComponent({ entry: app, root: project.root }),
+    magicModuleAppAssetManifests(),
+    sourceCode({
+      mode,
+      // TODO
+      targets: ["defaults and not dead"],
+      babel: {
+        options(options) {
+          return {
+            ...options,
+            plugins: [
+              ...options?.plugins ?? [],
+              require.resolve("@quilted/babel/async"),
+              [require.resolve("@quilted/babel/workers"), { noop: true }]
+            ]
+          };
+        }
+      }
+    }),
+    react(),
+    esnext({
+      mode,
+      // TODO
+      targets: ["defaults and not dead"]
+    }),
+    css({ emit: false, minify }),
+    rawAssets(),
+    staticAssets({
+      emit: false,
+      baseURL,
+      inlineLimit: assetsInline ? typeof assetsInline === "boolean" ? void 0 : assetsInline?.limit : Number.POSITIVE_INFINITY
+    }),
+    asyncModules({
+      baseURL,
+      preload: false,
+      moduleID: ({ imported }) => path.relative(project.root, imported)
+    }),
+    removeBuildFiles([outputDirectory], { root: project.root }),
+    tsconfigAliases({ root: project.root }),
+    monorepoPackageAliases({ root: project.root })
+  ];
+  if (graphql) {
+    const { graphql: graphql2 } = await import('./features/graphql.mjs');
+    plugins.push(graphql2({ manifest: false }));
+  }
+  if (minify) {
+    const { minify: minify2 } = await import('rollup-plugin-esbuild');
+    plugins.push(minify2());
+  }
+  plugins.push(
+    visualizer({
+      template: "treemap",
+      open: false,
+      brotliSize: false,
+      filename: path.join(
+        reportsDirectory,
+        `bundle-visualizer.service-worker.html`
+      )
+    })
+  );
+  return plugins;
+}
+function quiltAppServiceWorkerInput({
+  root = process.cwd(),
+  entry
+} = {}) {
+  return {
+    name: "@quilted/app-server/input",
+    async options(options) {
+      const serviceWorkerEntry = normalizeRollupInput(options.input) ?? await sourceEntryForAppServiceWorker({ entry, root });
+      if (serviceWorkerEntry == null) {
+        throw new Error(
+          `No service worker entry found. Please provide a \`service.entry\` option pointing to your service worker\u2019s source code.`
+        );
+      }
+      const finalEntryName = typeof serviceWorkerEntry === "string" ? path.basename(serviceWorkerEntry).split(".").slice(0, -1).join(".") : "service-worker";
+      return {
+        ...options,
+        input: typeof serviceWorkerEntry === "string" ? { [finalEntryName]: serviceWorkerEntry } : serviceWorkerEntry
+      };
+    }
+  };
+}
 function nodeAppServerRuntime({
   host,
   port,
@@ -690,6 +867,24 @@ async function sourceEntryForAppServer({
     return files[0];
   }
 }
+async function sourceEntryForAppServiceWorker({
+  entry,
+  root = process.cwd()
+}) {
+  const project = Project.load(root);
+  if (entry) {
+    return project.resolve(entry);
+  } else {
+    const files = await project.glob(
+      "{sw,service-worker}.{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";
@@ -766,4 +961,4 @@ function createManualChunksSorter() {
   };
 }
 
-export { MAGIC_MODULE_APP_COMPONENT, MAGIC_MODULE_BROWSER_ASSETS, MAGIC_MODULE_ENTRY, MAGIC_MODULE_REQUEST_ROUTER, appServerEntry, magicModuleAppAssetManifests, magicModuleAppBrowserEntry, magicModuleAppComponent, magicModuleAppRequestRouter, nodeAppServerRuntime, quiltApp, quiltAppBrowser, quiltAppBrowserInput, quiltAppBrowserPlugins, quiltAppServer, quiltAppServerInput, quiltAppServerPlugins, sourceEntryForAppBrowser, sourceEntryForAppServer };
+export { MAGIC_MODULE_APP_COMPONENT, MAGIC_MODULE_BROWSER_ASSETS, MAGIC_MODULE_ENTRY, MAGIC_MODULE_REQUEST_ROUTER, appServerEntry, magicModuleAppAssetManifests, magicModuleAppBrowserEntry, magicModuleAppComponent, magicModuleAppRequestRouter, nodeAppServerRuntime, quiltApp, quiltAppBrowser, quiltAppBrowserInput, quiltAppBrowserPlugins, quiltAppServer, quiltAppServerInput, quiltAppServerPlugins, quiltAppServiceWorker, quiltAppServiceWorkerInput, quiltAppServiceWorkerPlugins, sourceEntryForAppBrowser, sourceEntryForAppServer, sourceEntryForAppServiceWorker };

package/build/esm/features/esnext.mjs

@@ -15,7 +15,8 @@ function esnext({
       target: "es2022",
       loaders: {
         ".esnext": "js"
-      }
+      },
+      tsconfig: false
     });
   }
   let babelOptions = {