chore: workaround export let count

hi-ogawa · May 28, 2024 · 49ee1b1 · 49ee1b1
1 parent d4afe0e
commit 49ee1b1
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 5 deletions.
diff --git a/examples/react-server/src/features/server-action/server.ts b/examples/react-server/src/features/server-action/server.ts
@@ -7,6 +7,9 @@ export function registerServerReference(
   id: string,
   name: string,
 ) {
+  if (typeof action !== "function") {
+    return action;
+  }
   return ReactServer.registerServerReference(action, id, name);
 }
 

diff --git a/examples/react-server/src/routes/action/_action.tsx b/examples/react-server/src/routes/action/_action.tsx
@@ -1,6 +1,11 @@
 "use server";
 
-export let count1 = 0;
+// TODO: support `export let ...` and preserve reference;
+let count1 = 0;
+
+export function getCount1() {
+  return count1;
+}
 
 export function changeCount1(formData: FormData) {
   count1 += Number(formData.get("value"));

diff --git a/examples/react-server/src/routes/action/page.tsx b/examples/react-server/src/routes/action/page.tsx
@@ -1,4 +1,4 @@
-import { changeCount1, count1 } from "./_action";
+import { changeCount1, getCount1 } from "./_action";
 import { Counter3 } from "./_client";
 
 export default function Page() {
@@ -10,7 +10,7 @@ export default function Page() {
           "use server" file + server component
         </h4>
         <form action={changeCount1} data-testid="counter1">
-          <div>Count: {count1}</div>
+          <div>Count: {getCount1()}</div>
           <button name="value" value={-1}>
             -1
           </button>

diff --git a/examples/react-server/vite.config.ts b/examples/react-server/vite.config.ts
@@ -322,7 +322,6 @@ function vitePluginServerAction(): PluginOption {
           runtime: "$$register",
         });
         if (output.hasChanged()) {
-          console.log({ name: this.environment.name, id }, output.toString());
           manager.serverReferences.add(id);
           output.prepend(
             `import { registerServerReference as $$register } from "/src/features/server-action/server";\n`,
@@ -336,7 +335,6 @@ function vitePluginServerAction(): PluginOption {
           directive: "use server",
         });
         if (output) {
-          console.log({ name: this.environment.name, id }, output);
           manager.serverReferences.add(id);
           const runtime =
             this.environment.name === "client" ? "browser" : "ssr";