react-email-rails 0.1.1 → 0.1.3

package/bin/dev.mjs

@@ -4,7 +4,9 @@ import { fail, isolatedViteConfig, loadReactEmailRailsConfig } from "./shared.mj
 import { RENDER_PROTOCOL_VERSION, VERSION } from "../dist/version.js"
 
 if (process.argv.includes("--health")) {
-  process.stdout.write(JSON.stringify({ ok: true, protocolVersion: RENDER_PROTOCOL_VERSION, packageVersion: VERSION }))
+  process.stdout.write(
+    JSON.stringify({ ok: true, protocolVersion: RENDER_PROTOCOL_VERSION, packageVersion: VERSION }),
+  )
   process.exit(0)
 }
 
@@ -19,7 +21,19 @@ const logger = {
   hasWarned: false,
 }
 
+const divertStdout = () => {
+  const write = process.stdout.write.bind(process.stdout)
+  process.stdout.write = (chunk, encoding, callback) => {
+    if (typeof encoding === "function") return process.stderr.write(chunk, encoding)
+    return process.stderr.write(chunk, encoding, callback)
+  }
+  return () => {
+    process.stdout.write = write
+  }
+}
+
 // Load only this plugin and aliases; host dev-server plugins have global side effects.
+const restoreStdout = divertStdout()
 const { userConfig, plugin, vite } = await loadReactEmailRailsConfig({
   command: "serve",
   mode: "development",
@@ -49,6 +63,7 @@ if (!isRunnableDevEnvironment(environment)) {
 
 try {
   const { run } = await environment.runner.import("virtual:react-email-rails/server")
+  restoreStdout()
   await run()
 } finally {
   await server.close()

package/dist/index.js

@@ -4,6 +4,7 @@ const VIRTUAL_SERVER = "virtual:react-email-rails/server";
 const VIRTUAL_MAIN = "virtual:react-email-rails/main";
 const RESOLVED_SERVER = `\0${VIRTUAL_SERVER}`;
 const RESOLVED_MAIN = `\0${VIRTUAL_MAIN}`;
+const VIRTUAL_MODULE_PATTERN = /virtual:react-email-rails\/(?:server|main)$/;
 // The dedicated build environment that emits the server-side email bundle.
 export const EMAIL_ENVIRONMENT = "email";
 const CONFIG_SYMBOL = Symbol.for("react-email-rails.config");
@@ -35,40 +36,48 @@ export function reactEmailRails(options = {}) {
     const globArg = JSON.stringify(globPatterns.length === 1 ? globPatterns[0] : globPatterns);
     const plugin = {
         name: "react-email-rails",
-        resolveId(id) {
-            if (id === VIRTUAL_SERVER)
-                return RESOLVED_SERVER;
-            if (id === VIRTUAL_MAIN)
-                return RESOLVED_MAIN;
+        resolveId: {
+            filter: { id: VIRTUAL_MODULE_PATTERN },
+            handler(id) {
+                if (id === VIRTUAL_SERVER)
+                    return RESOLVED_SERVER;
+                if (id === VIRTUAL_MAIN)
+                    return RESOLVED_MAIN;
+            },
         },
-        load(id) {
-            if (id === RESOLVED_SERVER) {
-                return [
-                    `import { serve, toComponentName } from "react-email-rails/runtime"`,
-                    `const modules = import.meta.glob(${globArg})`,
-                    `const extensions = ${JSON.stringify(extensions)}`,
-                    `const registry = Object.create(null)`,
-                    `for (const path in modules) {`,
-                    `  const extension = extensions.find((extension) => path.endsWith(extension)) ?? path.slice(path.lastIndexOf("."))`,
-                    `  registry[toComponentName(path, ${JSON.stringify(root)}, extension)] = modules[path]`,
-                    `}`,
-                    `export const run = () => serve(registry)`,
-                ].join("\n");
-            }
-            if (id === RESOLVED_MAIN) {
-                return `import { run } from ${JSON.stringify(VIRTUAL_SERVER)}\nrun()\n`;
-            }
+        load: {
+            filter: { id: VIRTUAL_MODULE_PATTERN },
+            handler(id) {
+                if (id === RESOLVED_SERVER) {
+                    return [
+                        `import { serve, toComponentName } from "react-email-rails/runtime"`,
+                        `const modules = import.meta.glob(${globArg})`,
+                        `const extensions = ${JSON.stringify(extensions)}`,
+                        `const registry = Object.create(null)`,
+                        `for (const path in modules) {`,
+                        `  const extension = extensions.find((extension) => path.endsWith(extension)) ?? path.slice(path.lastIndexOf("."))`,
+                        `  registry[toComponentName(path, ${JSON.stringify(root)}, extension)] = modules[path]`,
+                        `}`,
+                        `export const run = () => serve(registry)`,
+                    ].join("\n");
+                }
+                if (id === RESOLVED_MAIN) {
+                    return `import { run } from ${JSON.stringify(VIRTUAL_SERVER)}\nrun()\n`;
+                }
+            },
         },
-        config() {
+        config(_config, env) {
             // Register a dedicated `email` build environment. The official
             // react-email-rails-build bin opts into building it with an isolated
             // plugin stack so host app plugins cannot break email SSR builds.
-            // The environment is a server consumer. Standalone builds inline Node
-            // dependencies by default so Rails runtime images do not need node_modules.
+            // The environment is a server consumer. Production standalone builds inline
+            // Node dependencies by default so Rails runtime images do not need
+            // node_modules; dev rendering keeps dependencies external for Vite's module
+            // runner.
             return {
                 environments: {
                     [EMAIL_ENVIRONMENT]: {
-                        ...(standalone ? { resolve: { noExternal: true } } : {}),
+                        ...(standalone && env.command === "build" ? { resolve: { noExternal: true } } : {}),
                         build: {
                             ssr: true,
                             outDir: OUT_DIR,

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "0.1.1";
+export declare const VERSION = "0.1.3";
 export declare const RENDER_PROTOCOL_VERSION = 1;

package/dist/version.js

@@ -1,2 +1,2 @@
-export const VERSION = "0.1.1";
+export const VERSION = "0.1.3";
 export const RENDER_PROTOCOL_VERSION = 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-email-rails",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Build and send emails using React and Rails",
   "license": "MIT",
   "type": "module",

package/src/index.ts

@@ -1,4 +1,4 @@
-import type { Plugin, UserConfig } from "vite"
+import type { ConfigEnv, Plugin, UserConfig } from "vite"
 
 export type EmailsOption =
   | string
@@ -39,6 +39,7 @@ const VIRTUAL_SERVER = "virtual:react-email-rails/server"
 const VIRTUAL_MAIN = "virtual:react-email-rails/main"
 const RESOLVED_SERVER = `\0${VIRTUAL_SERVER}`
 const RESOLVED_MAIN = `\0${VIRTUAL_MAIN}`
+const VIRTUAL_MODULE_PATTERN = /virtual:react-email-rails\/(?:server|main)$/
 
 // The dedicated build environment that emits the server-side email bundle.
 export const EMAIL_ENVIRONMENT = "email"
@@ -81,41 +82,49 @@ export function reactEmailRails(options: ReactEmailRailsOptions = {}): Plugin {
   const plugin: Plugin = {
     name: "react-email-rails",
 
-    resolveId(id) {
-      if (id === VIRTUAL_SERVER) return RESOLVED_SERVER
-      if (id === VIRTUAL_MAIN) return RESOLVED_MAIN
+    resolveId: {
+      filter: { id: VIRTUAL_MODULE_PATTERN },
+      handler(id) {
+        if (id === VIRTUAL_SERVER) return RESOLVED_SERVER
+        if (id === VIRTUAL_MAIN) return RESOLVED_MAIN
+      },
     },
 
-    load(id) {
-      if (id === RESOLVED_SERVER) {
-        return [
-          `import { serve, toComponentName } from "react-email-rails/runtime"`,
-          `const modules = import.meta.glob(${globArg})`,
-          `const extensions = ${JSON.stringify(extensions)}`,
-          `const registry = Object.create(null)`,
-          `for (const path in modules) {`,
-          `  const extension = extensions.find((extension) => path.endsWith(extension)) ?? path.slice(path.lastIndexOf("."))`,
-          `  registry[toComponentName(path, ${JSON.stringify(root)}, extension)] = modules[path]`,
-          `}`,
-          `export const run = () => serve(registry)`,
-        ].join("\n")
-      }
-
-      if (id === RESOLVED_MAIN) {
-        return `import { run } from ${JSON.stringify(VIRTUAL_SERVER)}\nrun()\n`
-      }
+    load: {
+      filter: { id: VIRTUAL_MODULE_PATTERN },
+      handler(id) {
+        if (id === RESOLVED_SERVER) {
+          return [
+            `import { serve, toComponentName } from "react-email-rails/runtime"`,
+            `const modules = import.meta.glob(${globArg})`,
+            `const extensions = ${JSON.stringify(extensions)}`,
+            `const registry = Object.create(null)`,
+            `for (const path in modules) {`,
+            `  const extension = extensions.find((extension) => path.endsWith(extension)) ?? path.slice(path.lastIndexOf("."))`,
+            `  registry[toComponentName(path, ${JSON.stringify(root)}, extension)] = modules[path]`,
+            `}`,
+            `export const run = () => serve(registry)`,
+          ].join("\n")
+        }
+
+        if (id === RESOLVED_MAIN) {
+          return `import { run } from ${JSON.stringify(VIRTUAL_SERVER)}\nrun()\n`
+        }
+      },
     },
 
-    config() {
+    config(_config, env: ConfigEnv) {
       // Register a dedicated `email` build environment. The official
       // react-email-rails-build bin opts into building it with an isolated
       // plugin stack so host app plugins cannot break email SSR builds.
-      // The environment is a server consumer. Standalone builds inline Node
-      // dependencies by default so Rails runtime images do not need node_modules.
+      // The environment is a server consumer. Production standalone builds inline
+      // Node dependencies by default so Rails runtime images do not need
+      // node_modules; dev rendering keeps dependencies external for Vite's module
+      // runner.
       return {
         environments: {
           [EMAIL_ENVIRONMENT]: {
-            ...(standalone ? { resolve: { noExternal: true } } : {}),
+            ...(standalone && env.command === "build" ? { resolve: { noExternal: true } } : {}),
             build: {
               ssr: true,
               outDir: OUT_DIR,

package/src/runtime.ts

@@ -134,7 +134,9 @@ async function writePersistentResponse(
       return
     }
 
-    write(`${JSON.stringify({ ok: true, ...(await renderEmail(request, registry)), ...protocolMetadata() })}\n`)
+    write(
+      `${JSON.stringify({ ok: true, ...(await renderEmail(request, registry)), ...protocolMetadata() })}\n`,
+    )
   } catch (error) {
     write(
       `${JSON.stringify({

package/src/version.ts

@@ -1,2 +1,2 @@
-export const VERSION = "0.1.1"
+export const VERSION = "0.1.3"
 export const RENDER_PROTOCOL_VERSION = 1