@quilted/rollup 0.3.3 → 0.4.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @quilted/rollup
 
+## 0.4.1
+
+### Patch Changes
+
+- [`3a59596`](https://github.com/lemonmade/quilt/commit/3a59596ce09e373cb48da20fa55f360fe815351a) Thanks [@lemonmade](https://github.com/lemonmade)! - Add support for additional Rollup plugins in runtimes
+
+## 0.4.0
+
+### Minor Changes
+
+- [#872](https://github.com/lemonmade/quilt/pull/872) [`8bf65e7`](https://github.com/lemonmade/quilt/commit/8bf65e797f929ee95730323426c229409e65c9a4) Thanks [@lemonmade](https://github.com/lemonmade)! - Replace @quilted/request-router with Hono
+
 ## 0.3.3
 
 ### Patch Changes

package/build/esm/app.mjs

@@ -1,7 +1,7 @@
 import * as path from 'node:path';
 import * as fs from 'node:fs/promises';
 import { createRequire } from 'node:module';
-import { MAGIC_MODULE_ENTRY, MAGIC_MODULE_REQUEST_ROUTER, MAGIC_MODULE_APP_COMPONENT, MAGIC_MODULE_BROWSER_ASSETS } from './constants.mjs';
+import { MAGIC_MODULE_ENTRY, MAGIC_MODULE_HONO, MAGIC_MODULE_APP_COMPONENT, MAGIC_MODULE_BROWSER_ASSETS } from './constants.mjs';
 import { resolveEnvOption } from './features/env.mjs';
 import { multiline } from './shared/strings.mjs';
 import { getNodePlugins, removeBuildFiles, normalizeRollupInput } from './shared/rollup.mjs';
@@ -99,7 +99,7 @@ async function quiltAppBrowser(options = {}) {
     targetsSupportModules(browserGroup.browsers),
     rollupGenerateOptionsForBrowsers(browserGroup.browsers)
   ]);
-  return {
+  const rollupOptions = {
     plugins,
     output: {
       format: isESM ? "esm" : "systemjs",
@@ -117,6 +117,10 @@ async function quiltAppBrowser(options = {}) {
     },
     preserveEntrySignatures: false
   };
+  if (runtime?.browser?.rollup) {
+    rollupOptions.plugins.push(runtime.browser.rollup(rollupOptions));
+  }
+  return rollupOptions;
 }
 async function quiltAppBrowserPlugins({
   root = process.cwd(),
@@ -363,7 +367,7 @@ async function quiltAppServerPlugins({
   app,
   env,
   entry,
-  format = "request-router",
+  format = "hono",
   graphql = true,
   assets,
   output,
@@ -420,12 +424,11 @@ async function quiltAppServerPlugins({
     }),
     magicModuleAppComponent({ entry: app, root: project.root }),
     createMagicModulePlugin({
-      name: "@quilted/request-router",
+      name: "@quilted/hono",
       sideEffects: true,
       module: MAGIC_MODULE_ENTRY,
       source() {
-        const options = { assets: { baseURL } };
-        return runtime.requestRouter?.(options) ?? nodeAppServerRuntime().requestRouter(options);
+        return runtime.hono?.() ?? nodeAppServerRuntime().hono();
       }
     }),
     magicModuleAppRequestRouter({ entry, root: project.root }),
@@ -490,13 +493,13 @@ async function quiltAppServerPlugins({
 function quiltAppServerInput({
   root = process.cwd(),
   entry,
-  format = "request-router"
+  format = "hono"
 } = {}) {
   return {
     name: "@quilted/app-server/input",
     async options(options) {
       const serverEntry = normalizeRollupInput(options.input) ?? await sourceEntryForAppServer({ entry, root });
-      const finalEntry = format === "request-router" ? MAGIC_MODULE_ENTRY : serverEntry ?? MAGIC_MODULE_ENTRY;
+      const finalEntry = format === "hono" ? MAGIC_MODULE_ENTRY : serverEntry ?? MAGIC_MODULE_ENTRY;
       const finalEntryName = typeof serverEntry === "string" ? path.basename(serverEntry).split(".").slice(0, -1).join(".") : "server";
       return {
         ...options,
@@ -665,8 +668,7 @@ function quiltAppServiceWorkerInput({
 function nodeAppServerRuntime({
   host,
   port,
-  format = "module",
-  assets: serveAssets = true
+  format = "module"
 } = {}) {
   const rollupFormat = format === "commonjs" || format === "cjs" ? "cjs" : "esm";
   return {
@@ -676,37 +678,15 @@ function nodeAppServerRuntime({
         format: rollupFormat
       }
     },
-    requestRouter({ assets }) {
-      const { baseURL } = assets;
+    hono() {
       return multiline`
-        ${serveAssets ? `import * as path from 'path';` : ""}
-        ${rollupFormat === "cjs" ? "" : `import {fileURLToPath} from 'url';`}
-        import {createServer} from 'http';
-
-        import requestRouter from ${JSON.stringify(
-        MAGIC_MODULE_REQUEST_ROUTER
-      )};
-
-        import {createHttpRequestListener${serveAssets ? ", serveStatic" : ""}} from '@quilted/quilt/request-router/node';
+        import app from ${JSON.stringify(MAGIC_MODULE_HONO)};
+        import {serve} from '@quilted/hono/node';
 
         const port = ${port ?? "Number.parseInt(process.env.PORT, 10)"};
         const host = ${host ? JSON.stringify(host) : "process.env.HOST"};
 
-        ${serveAssets ? multiline`
-              const dirname = ${rollupFormat === "cjs" ? `__dirname` : `path.dirname(fileURLToPath(import.meta.url))`};
-              const serve = serveStatic(path.resolve(dirname, '../assets'), {
-                baseUrl: ${JSON.stringify(baseURL)},
-              });
-            ` : ""}
-        const listener = createHttpRequestListener(requestRouter);
-      
-        createServer(async (request, response) => {
-          ${serveAssets ? `if (request.url.startsWith(${JSON.stringify(
-        baseURL
-      )})) return serve(request, response);` : ""}
-
-          await listener(request, response);
-        }).listen(port, host);
+        serve({fetch: app.fetch, port, hostname: host});
       `;
     }
   };
@@ -736,13 +716,13 @@ function magicModuleAppRequestRouter({
   root = process.cwd()
 } = {}) {
   return createMagicModulePlugin({
-    name: "@quilted/magic-module/app-request-router",
-    module: MAGIC_MODULE_REQUEST_ROUTER,
+    name: "@quilted/magic-module/app-hono",
+    module: MAGIC_MODULE_HONO,
     alias: () => sourceEntryForAppServer({ entry, root }),
     async source() {
       return multiline`
+        import {Hono} from 'hono';
         import {jsx} from 'preact/jsx-runtime';
-        import {RequestRouter} from '@quilted/quilt/request-router';
         import {renderAppToHTMLResponse} from '@quilted/quilt/server';
 
         import App from ${JSON.stringify(MAGIC_MODULE_APP_COMPONENT)};
@@ -750,11 +730,11 @@ function magicModuleAppRequestRouter({
         MAGIC_MODULE_BROWSER_ASSETS
       )};
 
-        const router = new RequestRouter();
+        const app = new Hono();
         const assets = new BrowserAssets();
 
-        // For all GET requests, render our React application.
-        router.get(async (request) => {
+        app.get(async (c) => {
+          const request = c.req.raw;
           const response = await renderAppToHTMLResponse(jsx(App), {
             request,
             assets,
@@ -763,7 +743,7 @@ function magicModuleAppRequestRouter({
           return response;
         });
 
-        export default router;
+        export default app;
       `;
     }
   });
@@ -1070,4 +1050,4 @@ function getSourceFromCustomEntry(entry) {
   return typeof entry === "object" ? entry.source : entry;
 }
 
-export { MAGIC_MODULE_APP_COMPONENT, MAGIC_MODULE_BROWSER_ASSETS, MAGIC_MODULE_ENTRY, MAGIC_MODULE_REQUEST_ROUTER, additionalEntriesForAppBrowser, magicModuleAppAssetManifests, magicModuleAppBrowserEntry, magicModuleAppComponent, magicModuleAppRequestRouter, nodeAppServerRuntime, quiltApp, quiltAppBrowser, quiltAppBrowserInput, quiltAppBrowserPlugins, quiltAppServer, quiltAppServerInput, quiltAppServerPlugins, quiltAppServiceWorker, quiltAppServiceWorkerInput, quiltAppServiceWorkerPlugins, sourceEntryForAppBrowser, sourceEntryForAppServer, sourceEntryForAppServiceWorker };
+export { MAGIC_MODULE_APP_COMPONENT, MAGIC_MODULE_BROWSER_ASSETS, MAGIC_MODULE_ENTRY, MAGIC_MODULE_HONO, additionalEntriesForAppBrowser, magicModuleAppAssetManifests, magicModuleAppBrowserEntry, magicModuleAppComponent, magicModuleAppRequestRouter, nodeAppServerRuntime, quiltApp, quiltAppBrowser, quiltAppBrowserInput, quiltAppBrowserPlugins, quiltAppServer, quiltAppServerInput, quiltAppServerPlugins, quiltAppServiceWorker, quiltAppServiceWorkerInput, quiltAppServiceWorkerPlugins, sourceEntryForAppBrowser, sourceEntryForAppServer, sourceEntryForAppServiceWorker };

package/build/esm/constants.mjs

@@ -2,6 +2,6 @@ const MAGIC_MODULE_ENV = "quilt:module/env";
 const MAGIC_MODULE_ENTRY = "quilt:module/entry";
 const MAGIC_MODULE_APP_COMPONENT = "quilt:module/app";
 const MAGIC_MODULE_BROWSER_ASSETS = "quilt:module/assets";
-const MAGIC_MODULE_REQUEST_ROUTER = "quilt:module/request-router";
+const MAGIC_MODULE_HONO = "quilt:module/hono";
 
-export { MAGIC_MODULE_APP_COMPONENT, MAGIC_MODULE_BROWSER_ASSETS, MAGIC_MODULE_ENTRY, MAGIC_MODULE_ENV, MAGIC_MODULE_REQUEST_ROUTER };
+export { MAGIC_MODULE_APP_COMPONENT, MAGIC_MODULE_BROWSER_ASSETS, MAGIC_MODULE_ENTRY, MAGIC_MODULE_ENV, MAGIC_MODULE_HONO };

package/build/esm/index.mjs

@@ -3,4 +3,4 @@ export { quiltModule } from './module.mjs';
 export { quiltPackage, quiltPackageESModules, quiltPackageESNext } from './package.mjs';
 export { quiltServer } from './server.mjs';
 export { multiline } from './shared/strings.mjs';
-export { MAGIC_MODULE_APP_COMPONENT, MAGIC_MODULE_BROWSER_ASSETS, MAGIC_MODULE_ENTRY, MAGIC_MODULE_ENV, MAGIC_MODULE_REQUEST_ROUTER } from './constants.mjs';
+export { MAGIC_MODULE_APP_COMPONENT, MAGIC_MODULE_BROWSER_ASSETS, MAGIC_MODULE_ENTRY, MAGIC_MODULE_ENV, MAGIC_MODULE_HONO } from './constants.mjs';

package/build/esm/server.mjs

@@ -3,13 +3,13 @@ import { Project } from './shared/project.mjs';
 import { getNodePlugins, removeBuildFiles } from './shared/rollup.mjs';
 import { multiline } from './shared/strings.mjs';
 import { resolveEnvOption } from './features/env.mjs';
-import { MAGIC_MODULE_ENTRY, MAGIC_MODULE_REQUEST_ROUTER } from './constants.mjs';
+import { MAGIC_MODULE_ENTRY, MAGIC_MODULE_HONO } from './constants.mjs';
 import { createMagicModulePlugin } from './shared/magic-module.mjs';
 
 async function quiltServer({
   root: rootPath = process.cwd(),
   entry,
-  format = "request-router",
+  format = "hono",
   env,
   graphql = true,
   output,
@@ -47,7 +47,7 @@ async function quiltServer({
     })
   ]);
   const serverEntry = entry ? project.resolve(entry) : await sourceForServer(project);
-  const finalEntry = format === "request-router" ? MAGIC_MODULE_ENTRY : serverEntry ?? MAGIC_MODULE_ENTRY;
+  const finalEntry = format === "hono" ? MAGIC_MODULE_ENTRY : serverEntry ?? MAGIC_MODULE_ENTRY;
   const finalEntryName = serverEntry ? path.basename(serverEntry).split(".").slice(0, -1).join(".") : "server";
   const plugins = [
     ...nodePlugins,
@@ -65,19 +65,19 @@ async function quiltServer({
     esnext({ mode, targets: ["current node"] }),
     removeBuildFiles([outputDirectory, reportDirectory], { root: project.root })
   ];
-  if (format === "request-router") {
+  if (format === "hono") {
     plugins.push(
       createMagicModulePlugin({
-        name: "@quilted/magic-module/server-request-router",
-        module: MAGIC_MODULE_REQUEST_ROUTER,
+        name: "@quilted/magic-module/server-hono",
+        module: MAGIC_MODULE_HONO,
         alias: serverEntry
       }),
       createMagicModulePlugin({
-        name: "@quilted/request-router",
+        name: "@quilted/hono",
         sideEffects: true,
         module: MAGIC_MODULE_ENTRY,
         source() {
-          return runtime.requestRouter?.() ?? nodeServerRuntime().requestRouter();
+          return runtime.hono?.() ?? nodeServerRuntime().hono();
         }
       })
     );
@@ -98,7 +98,7 @@ async function quiltServer({
       filename: path.join(reportDirectory, "bundle-visualizer.html")
     })
   );
-  return {
+  const options = {
     input: { [finalEntryName]: finalEntry },
     plugins,
     output: {
@@ -111,6 +111,10 @@ async function quiltServer({
       ...runtime.output?.options
     }
   };
+  if (runtime.rollup) {
+    plugins.push(runtime.rollup(options));
+  }
+  return options;
 }
 function nodeServerRuntime({
   host,
@@ -127,18 +131,31 @@ function nodeServerRuntime({
     resolve: {
       exportConditions: ["node"]
     },
-    requestRouter() {
+    hono() {
       return multiline`
-        import requestRouter from ${JSON.stringify(
-        MAGIC_MODULE_REQUEST_ROUTER
-      )};
+        import app from ${JSON.stringify(MAGIC_MODULE_HONO)};
 
-        import {createHttpServer} from '@quilted/quilt/request-router/node';
+        import {serve} from '@quilted/quilt/hono/node';
 
         const port = ${port ?? "Number.parseInt(process.env.PORT, 10)"};
         const host = ${host ? JSON.stringify(host) : "process.env.HOST"};
-      
-        createHttpServer(requestRouter).listen(port, host);
+
+        const server = serve(app);
+
+        process.on('SIGINT', () => {
+          server.close();
+          process.exit(0);
+        });
+
+        process.on('SIGTERM', () => {
+          server.close((err) => {
+            if (err) {
+              console.error(err);
+              process.exit(1);
+            }
+            process.exit(0);
+          });
+        });
       `;
     }
   };
@@ -159,4 +176,4 @@ async function sourceForServer(project) {
   return possibleSourceFiles[0];
 }
 
-export { MAGIC_MODULE_ENTRY, MAGIC_MODULE_REQUEST_ROUTER, nodeServerRuntime, quiltServer };
+export { MAGIC_MODULE_ENTRY, MAGIC_MODULE_HONO, nodeServerRuntime, quiltServer };