@reckona/mreact-router 0.0.105 → 0.0.107

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reckona/mreact-router",
-  "version": "0.0.105",
+  "version": "0.0.107",
   "description": "File-system app router, SSR, actions, and deployment adapters for mreact.",
   "keywords": [
     "jsx",
@@ -105,20 +105,20 @@
   },
   "dependencies": {
     "typescript": "^6.0.3",
-    "@reckona/mreact-compat": "0.0.105",
-    "@reckona/mreact": "0.0.105",
-    "@reckona/mreact-reactive-core": "0.0.105",
-    "@reckona/mreact-devtools": "0.0.105",
-    "@reckona/mreact-query": "0.0.105",
-    "@reckona/mreact-compiler": "0.0.105",
-    "@reckona/mreact-reactive-dom": "0.0.105",
-    "@reckona/mreact-server": "0.0.105",
-    "@reckona/mreact-shared": "0.0.105"
+    "@reckona/mreact-compat": "0.0.107",
+    "@reckona/mreact": "0.0.107",
+    "@reckona/mreact-devtools": "0.0.107",
+    "@reckona/mreact-compiler": "0.0.107",
+    "@reckona/mreact-query": "0.0.107",
+    "@reckona/mreact-reactive-core": "0.0.107",
+    "@reckona/mreact-reactive-dom": "0.0.107",
+    "@reckona/mreact-server": "0.0.107",
+    "@reckona/mreact-shared": "0.0.107"
   },
   "peerDependencies": {
     "vite": ">=8 <9"
   },
   "optionalDependencies": {
-    "@reckona/mreact-router-native": "0.0.105"
+    "@reckona/mreact-router-native": "0.0.107"
   }
 }

package/src/adapters/cloudflare.ts

@@ -328,10 +328,13 @@ export function createCloudflareRouteModuleRenderer<Env = unknown>(
     const component = selectCloudflarePageComponent(pageModule);
 
     if (component === undefined) {
-      return new Response(`No Cloudflare page component registered for ${context.route.file}.`, {
-        headers: { "content-type": "text/plain; charset=utf-8" },
-        status: 500,
-      });
+      return new Response(
+        `No Cloudflare page component registered for ${context.route.file}. Module exports: ${describeCloudflareModuleExports(pageModule)}.`,
+        {
+          headers: { "content-type": "text/plain; charset=utf-8" },
+          status: 500,
+        },
+      );
     }
 
     const loaderContext = {
@@ -470,6 +473,31 @@ function selectCloudflarePageComponent<Data, Env>(
   return undefined;
 }
 
+const cloudflareDiagnosticPageModuleExportNames = ["default", "App", "slots"] as const;
+
+// Fixed names + typeof only (never values) so the 500 response is useful without
+// listing app-specific export names. Accessors are not invoked.
+function describeCloudflareModuleExports(module: object): string {
+  const described = cloudflareDiagnosticPageModuleExportNames.map(
+    (name) => `${name}=${typeofCloudflareModuleExport(module, name)}`,
+  );
+
+  return described.join(", ");
+}
+
+function typeofCloudflareModuleExport(module: object, name: string): string {
+  const descriptor = Object.getOwnPropertyDescriptor(module, name);
+  if (descriptor === undefined) {
+    return "absent";
+  }
+
+  if (!("value" in descriptor)) {
+    return "accessor";
+  }
+
+  return typeof descriptor.value;
+}
+
 async function dispatchCloudflareMetadataRoute(
   module: CloudflareMetadataRouteModule,
   request: Request,
@@ -647,6 +675,7 @@ export function cloudflareClientAssetPaths(
       route.script,
       route.sourceMap,
       route.navigationScript,
+      ...(route.css ?? []),
       ...(route.imports ?? []),
     ]) {
       const path = safeClientAssetPath(prefix, asset);

package/src/build.ts

@@ -2565,7 +2565,7 @@ async function writeCloudflareRouteModules(options: {
 
       const componentImport = `./${componentFile.split("/").pop() ?? componentFile}`;
       routeModuleExports = [
-        `export { default, App, slots } from ${JSON.stringify(componentImport)};`,
+        cloudflarePageRouteFacadeModuleSource(componentImport),
       ];
     } catch (error) {
       throw new Error(
@@ -2608,6 +2608,24 @@ async function writeCloudflareRouteModules(options: {
   return { registryFile: "route-modules.mjs" };
 }
 
+function cloudflarePageRouteFacadeModuleSource(componentImport: string): string {
+  return `import { default as componentDefault, App as componentApp, slots as componentSlots } from ${JSON.stringify(componentImport)};
+
+const routeComponent = typeof componentDefault === "function"
+  ? componentDefault
+  : typeof componentApp === "function"
+    ? componentApp
+    : undefined;
+
+export const App = routeComponent === undefined
+  ? undefined
+  : function CloudflareRouteComponent(props) {
+    return routeComponent(props);
+  };
+export default App;
+export const slots = componentSlots === undefined ? undefined : { ...componentSlots };`;
+}
+
 async function collectCloudflareDirectComponentRoutes(options: {
   requiredRoutes: readonly CloudflareRequiredRoute[];
   routesDir: string;