@reckona/mreact-router 0.0.109 → 0.0.111

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reckona/mreact-router",
-  "version": "0.0.109",
+  "version": "0.0.111",
   "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": "0.0.109",
-    "@reckona/mreact-compat": "0.0.109",
-    "@reckona/mreact-query": "0.0.109",
-    "@reckona/mreact-reactive-core": "0.0.109",
-    "@reckona/mreact-devtools": "0.0.109",
-    "@reckona/mreact-compiler": "0.0.109",
-    "@reckona/mreact-reactive-dom": "0.0.109",
-    "@reckona/mreact-server": "0.0.109",
-    "@reckona/mreact-shared": "0.0.109"
+    "@reckona/mreact": "0.0.111",
+    "@reckona/mreact-compat": "0.0.111",
+    "@reckona/mreact-devtools": "0.0.111",
+    "@reckona/mreact-query": "0.0.111",
+    "@reckona/mreact-reactive-core": "0.0.111",
+    "@reckona/mreact-compiler": "0.0.111",
+    "@reckona/mreact-reactive-dom": "0.0.111",
+    "@reckona/mreact-shared": "0.0.111",
+    "@reckona/mreact-server": "0.0.111"
   },
   "peerDependencies": {
     "vite": ">=8 <9"
   },
   "optionalDependencies": {
-    "@reckona/mreact-router-native": "0.0.109"
+    "@reckona/mreact-router-native": "0.0.111"
   }
 }

package/src/build.ts

@@ -2609,8 +2609,11 @@ async function writeCloudflareRouteModules(options: {
 }
 
 function cloudflarePageRouteFacadeModuleSource(componentImport: string): string {
-  return `import { default as componentDefault, App as componentApp, slots as componentSlots } from ${JSON.stringify(componentImport)};
+  return `import * as componentModule from ${JSON.stringify(componentImport)};
 
+const componentDefault = readComponentModuleExport(componentModule, "default");
+const componentApp = readComponentModuleExport(componentModule, "App");
+const componentSlots = readComponentModuleExport(componentModule, "slots");
 const routeComponent = typeof componentDefault === "function"
   ? componentDefault
   : typeof componentApp === "function"
@@ -2624,7 +2627,20 @@ export const App = routeComponent === undefined
   };
 export default App;
 export const CloudflareRouteComponent = App;
-export const slots = componentSlots === undefined ? undefined : { ...componentSlots };`;
+export const slots = componentSlots === undefined ? undefined : { ...componentSlots };
+
+function readComponentModuleExport(module, name) {
+  const descriptor = Object.getOwnPropertyDescriptor(module, name);
+  if (descriptor === undefined) {
+    return undefined;
+  }
+
+  if ("value" in descriptor) {
+    return descriptor.value;
+  }
+
+  return descriptor.get?.call(module);
+}`;
 }
 
 async function collectCloudflareDirectComponentRoutes(options: {
@@ -2953,8 +2969,10 @@ ${shellModules.join("\n")}
 const pageComponent = selectComponent(pageModule, ${JSON.stringify(options.filename)});
 const shells = [${shellDefinitions.join(", ")}];
 export const slots = pageModule.slots;
-export const App = renderCloudflareStringRoute;
-export default renderCloudflareStringRoute;
+export function App(props) {
+  return renderCloudflareStringRoute(props);
+}
+export default App;
 
 async function renderCloudflareStringRoute(props) {
   const slotHtml = await renderRouteSlots(pageModule.slots, props);
@@ -3124,8 +3142,10 @@ ${shellImports.join("\n")}
 const pageComponent = selectComponent(pageModule, ${JSON.stringify(options.filename)});
 const shells = [${shellDefinitions.join(", ")}];
 export const slots = pageModule.slots;
-export const App = renderCloudflareStringRoute;
-export default renderCloudflareStringRoute;
+export function App(props) {
+  return renderCloudflareStringRoute(props);
+}
+export default App;
 
 async function renderCloudflareStringRoute(props) {
   const slotHtml = await renderRouteSlots(pageModule.slots, props);