@ripple-ts/vite-plugin 0.2.214 → 0.2.216

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @ripple-ts/vite-plugin
 
+## 0.2.216
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ripple-ts/adapter@0.2.216
+
+## 0.2.215
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @ripple-ts/adapter@0.2.215
+
 ## 0.2.214
 
 ### Patch Changes

package/package.json

@@ -3,7 +3,7 @@
   "description": "Vite plugin for Ripple",
   "license": "MIT",
   "author": "Dominic Gannaway",
-  "version": "0.2.214",
+  "version": "0.2.216",
   "type": "module",
   "module": "src/index.js",
   "main": "src/index.js",
@@ -32,12 +32,12 @@
     "url": "https://github.com/Ripple-TS/ripple/issues"
   },
   "dependencies": {
-    "@ripple-ts/adapter": "0.2.214"
+    "@ripple-ts/adapter": "0.2.216"
   },
   "devDependencies": {
     "type-fest": "^5.1.0",
     "vite": "^7.1.9",
-    "ripple": "0.2.214"
+    "ripple": "0.2.216"
   },
   "publishConfig": {
     "access": "public"

package/src/index.js

@@ -607,6 +607,51 @@ export function ripple(inlineOptions = {}) {
 				};
 			},
 
+			/**
+			 * Handle HMR for files that Vite's default module HMR can't
+			 * properly refresh.
+			 *
+			 * .ripple components self-accept HMR and swap their component
+			 * function. For changes to their OWN code this works perfectly.
+			 * But for changes to DEPENDENCIES (e.g. .md files imported via
+			 * import.meta.glob), the self-accept handler can't refresh
+			 * static imports cached in the browser's ESM module registry.
+			 *
+			 * Strategy:
+			 * - If all changed modules self-accept → they can hot-replace
+			 *   themselves (e.g. .ripple components, CSS). Let Vite handle.
+			 * - Otherwise, check the SSR module graph. If the file is there,
+			 *   invalidate SSR cache and trigger a full page reload.
+			 */
+			hotUpdate({ file, modules, server }) {
+				if (this.environment.name !== 'client') return;
+
+				// If all changed modules self-accept, they can hot-replace
+				// themselves (.ripple components, CSS modules). Let Vite
+				// handle without intervention.
+				if (modules.length > 0 && modules.every((m) => m.isSelfAccepting)) {
+					return;
+				}
+
+				// Check if this file is part of the SSR module graph.
+				const ssr = server.environments.ssr;
+				if (!ssr) return;
+
+				const ssr_modules = ssr.moduleGraph.getModulesByFile(file);
+				if (!ssr_modules || ssr_modules.size === 0) return;
+
+				// Invalidate SSR modules so the server re-reads the file
+				// on next request instead of serving stale cached content.
+				for (const mod of ssr_modules) {
+					ssr.moduleGraph.invalidateModule(mod);
+				}
+
+				// Full reload — the only reliable way to pick up the change
+				// for files that don't self-accept but are consumed by the app.
+				this.environment.hot.send({ type: 'full-reload' });
+				return [];
+			},
+
 			/**
 			 * Inject the hydration script into the HTML template during build.
 			 * In dev mode, this is handled by render-route.js instead.
@@ -978,9 +1023,12 @@ import { hydrate, mount } from 'ripple';
 					const filename = id.replace(root, '');
 					const ssr = opts?.ssr === true || this.environment.config.consumer === 'server';
 
+					const is_dev = config?.command === 'serve';
+
 					const { js, css } = await compile(code, filename, {
 						mode: ssr ? 'server' : 'client',
-						dev: config?.command === 'serve',
+						dev: is_dev,
+						hmr: is_dev && !ssr,
 					});
 
 					// Track modules with #server blocks for RPC (client build only)

package/src/server/production.js

@@ -50,7 +50,7 @@ export function createHandler(manifest, options) {
 	const { render, getCss, htmlTemplate, executeServerFunction } = options;
 	const router = createRouter(manifest.routes);
 	const globalMiddlewares = manifest.middlewares;
-	const trustProxy = manifest.trustProxy;
+	const trustProxy = manifest.trustProxy ?? false;
 	const clientAssets = manifest.clientAssets || {};
 
 	// Use adapter's runtime primitives for platform-agnostic operation
@@ -63,9 +63,9 @@ export function createHandler(manifest, options) {
 
 	// Create async context and patch fetch for relative URL resolution in #server blocks
 	const asyncContext = runtime.createAsyncContext();
-	patch_global_fetch(asyncContext);
+	const fetchHandle = patch_global_fetch(asyncContext);
 
-	return async function handler(request) {
+	const handler = async function handler(/** @type {Request} */ request) {
 		const url = new URL(request.url);
 		const method = request.method;
 
@@ -114,6 +114,13 @@ export function createHandler(manifest, options) {
 			return new Response('Internal Server Error', { status: 500 });
 		}
 	};
+
+	// Enable same-origin fetch short-circuit: server-side fetch() calls that
+	// resolve to the same origin are routed directly through this handler
+	// in-process, instead of making a real network request.
+	fetchHandle.set_handler(handler);
+
+	return handler;
 }
 
 // ============================================================================

package/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "allowJs": true,
+    "noEmit": true
+  },
+  "include": ["./src/**/*", "./tests/**/*"],
+  "exclude": ["dist", "node_modules"]
+}