@ternkit/tern 1.1.0 → 1.2.1

package/dist/vite/index.js

@@ -1,7 +1,11 @@
 import { svelte } from '@sveltejs/vite-plugin-svelte';
 import fs from 'node:fs';
+import { createRequire } from 'node:module';
 import path from 'node:path';
+import { goScriptPlugin, goScriptPreprocessor } from './goscript.js';
 import { imagePlugin } from './image.js';
+/** Packages whose browser build works in the server renderer and whose default build needs Node. */
+const BROWSER_BUILDS = ['nanoid'];
 /** Paths shared with the Go code generator; keep in sync with internal/codegen. */
 const CLIENT_ENTRY = '.tern/generated/client.js';
 const SERVER_ENTRY = '.tern/generated/server.js';
@@ -10,6 +14,8 @@ const SW_MODULE = '$service-worker';
 const SERVER_OUT = '.tern/output/server';
 /** The dev endpoint the Go app calls to server-render a page. */
 const RENDER_PATH = '/__tern/render';
+/** The dev endpoint the Go app calls to render an email. */
+const EMAIL_PATH = '/__tern/email';
 /**
  * The Vite plugin for Tern apps. It includes the Svelte plugin, so it is
  * the only plugin a Tern app needs:
@@ -27,6 +33,8 @@ const RENDER_PATH = '/__tern/render';
  */
 export function tern(options = {}) {
     let root = process.cwd();
+    let ssrBuild = false;
+    const browserBuilds = new Set([...BROWSER_BUILDS, ...(options.ssrBrowserBuilds ?? [])]);
     const plugin = {
         name: 'tern',
         config(config, env) {
@@ -38,7 +46,8 @@ export function tern(options = {}) {
                 resolve: {
                     alias: {
                         $lib: path.join(root, 'src/lib'),
-                        $routes: path.join(root, '.tern/generated/routes.js')
+                        $routes: path.join(root, '.tern/generated/routes.js'),
+                        $api: path.join(root, '.tern/generated/api.js')
                     }
                 }
             };
@@ -63,6 +72,7 @@ export function tern(options = {}) {
                 };
             }
             if (env.isSsrBuild) {
+                ssrBuild = true;
                 return {
                     ...shared,
                     publicDir: false,
@@ -78,8 +88,10 @@ export function tern(options = {}) {
                         }
                     },
                     // One self-contained file: the renderer runs in an embedded engine
-                    // without a module loader or Node built-ins.
-                    ssr: { noExternal: true },
+                    // without a module loader or Node built-ins. Without the "node"
+                    // condition, libraries resolve to their portable builds instead of
+                    // ones that use Buffer or node:crypto.
+                    ssr: { noExternal: true, resolve: { conditions: ['module', 'development|production'] } },
                     // Libraries often read process.env.NODE_ENV; the engine has no
                     // process object, so replace it at build time.
                     define: { 'process.env.NODE_ENV': JSON.stringify('production') }
@@ -122,6 +134,17 @@ export function tern(options = {}) {
             return serviceWorkerModule(root, readBasePath(root));
         },
         configureServer(server) {
+            server.middlewares.use(EMAIL_PATH, (req, res) => {
+                void emailInDev(server, req).then((body) => {
+                    res.setHeader('Content-Type', 'application/json');
+                    res.end(body);
+                }, (err) => {
+                    const e = err instanceof Error ? err : new Error(String(err));
+                    server.ssrFixStacktrace(e);
+                    res.statusCode = 500;
+                    res.end(e.stack ?? e.message);
+                });
+            });
             server.middlewares.use(RENDER_PATH, (req, res) => {
                 void renderInDev(server, req).then((body) => {
                     res.setHeader('Content-Type', 'application/json');
@@ -146,7 +169,45 @@ export function tern(options = {}) {
         const mod = (await server.ssrLoadModule(path.join(root, SERVER_ENTRY)));
         return mod.render(payload, href);
     }
-    return [imagePlugin(), ...svelte(options.svelte), plugin];
+    async function emailInDev(server, req) {
+        if (req.method !== 'POST')
+            throw new Error('POST required');
+        const chunks = [];
+        for await (const chunk of req)
+            chunks.push(chunk);
+        const { name, props } = JSON.parse(Buffer.concat(chunks).toString('utf8'));
+        const mod = (await server.ssrLoadModule(path.join(root, SERVER_ENTRY)));
+        if (!mod.renderEmail)
+            return JSON.stringify(name === '' ? {} : { subject: '', html: '', error: 'the app has no src/emails' });
+        return mod.renderEmail(name, props);
+    }
+    // Runs before Vite's own resolver, which would pick the default build.
+    const browserBuildsPlugin = {
+        name: 'tern:ssr-browser-builds',
+        enforce: 'pre',
+        resolveId(id, importer) {
+            if (!ssrBuild || !browserBuilds.has(id))
+                return undefined;
+            return browserBuild(id, importer ?? path.join(root, 'package.json'));
+        }
+    };
+    // Email templates carry their styles in the HTML, since mail clients
+    // can't load the app's stylesheets.
+    const userDynamic = options.svelte?.dynamicCompileOptions;
+    const userPreprocess = options.svelte?.preprocess;
+    const svelteOptions = {
+        ...options.svelte,
+        // <script lang="go"> runs before the user's preprocessors.
+        preprocess: [goScriptPreprocessor(() => root), ...(Array.isArray(userPreprocess) ? userPreprocess : userPreprocess ? [userPreprocess] : [])],
+        dynamicCompileOptions: async (args) => {
+            const user = (await userDynamic?.(args)) ?? undefined;
+            if (args.filename.includes(`${path.sep}src${path.sep}emails${path.sep}`) || args.filename.includes('/src/emails/')) {
+                return { ...user, css: 'injected' };
+            }
+            return user;
+        }
+    };
+    return [browserBuildsPlugin, imagePlugin(), goScriptPlugin(() => root), ...svelte(svelteOptions), plugin];
 }
 /** The $service-worker module: what this build produced, for caching. */
 function serviceWorkerModule(root, base) {
@@ -180,6 +241,24 @@ function serviceWorkerModule(root, base) {
         `export const version = ${JSON.stringify(version)};`
     ].join('\n');
 }
+/** The file a package's "browser" export points to, or undefined to resolve normally. */
+function browserBuild(pkg, importer) {
+    try {
+        const require = createRequire(importer);
+        const manifestPath = require.resolve(`${pkg}/package.json`);
+        const manifest = JSON.parse(fs.readFileSync(manifestPath, 'utf8'));
+        const dot = manifest.exports?.['.'];
+        let target = typeof dot === 'object' && dot !== null ? dot.browser : undefined;
+        if (typeof target === 'object' && target !== null)
+            target = target.default ?? target.import;
+        if (typeof target !== 'string' && typeof manifest.browser === 'string')
+            target = manifest.browser;
+        return typeof target === 'string' ? path.join(path.dirname(manifestPath), target) : undefined;
+    }
+    catch {
+        return undefined;
+    }
+}
 /** Lists files below dir, relative to it, with forward slashes. */
 function walk(dir, prefix = '') {
     let entries;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ternkit/tern",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "description": "Client runtime and Vite plugin for Tern: Svelte on the client, Go on the server",
   "license": "MIT",
   "type": "module",
@@ -29,6 +29,11 @@
       "svelte": "./dist/runtime/client.js",
       "default": "./dist/runtime/client.js"
     },
+    "./goscript": {
+      "types": "./dist/goscript/index.svelte.d.ts",
+      "svelte": "./dist/goscript/index.svelte.js",
+      "default": "./dist/goscript/index.svelte.js"
+    },
     "./server": {
       "types": "./dist/server/index.d.ts",
       "svelte": "./dist/server/index.js",
@@ -55,13 +60,12 @@
     "test": "vitest run"
   },
   "peerDependencies": {
+    "sharp": ">=0.33.0",
     "svelte": "^5.46.4",
-    "vite": "^8.0.0",
-    "sharp": ">=0.33.0"
+    "vite": "^8.0.0"
   },
   "dependencies": {
-    "@sveltejs/vite-plugin-svelte": "^7.3.1",
-    "core-js": "^3.51.0"
+    "@sveltejs/vite-plugin-svelte": "^7.3.1"
   },
   "devDependencies": {
     "@sveltejs/package": "^3.0.2",