fix: don't have client repl code in server

QwikDev · Mar 3, 2024 · 9f40d14 · 9f40d14
1 parent 4d8c3d2
commit 9f40d14
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/docs/src/repl/repl.tsx b/packages/docs/src/repl/repl.tsx
@@ -16,6 +16,7 @@ import { ReplDetailPanel } from './repl-detail-panel';
 import { getReplVersion } from './repl-version';
 import { updateReplOutput } from './repl-output-update';
 import { QWIK_PKG_NAME, bundled, getNpmCdnUrl } from './bundled';
+import { isServer } from '@builder.io/qwik/build';
 
 export const Repl = component$((props: ReplProps) => {
   useStyles$(styles);
@@ -79,6 +80,9 @@ export const Repl = component$((props: ReplProps) => {
 
   useVisibleTask$(
     async () => {
+      if (isServer) {
+        return;
+      }
       // only run on the client
       // Get the version asap, most likely it will be cached.
       const v = await getReplVersion(input.version, true);
@@ -132,6 +136,9 @@ export const receiveMessageFromReplServer = (
   store: ReplStore,
   input: ReplAppInput
 ) => {
+  if (isServer) {
+    return;
+  }
   if (ev.origin !== window.origin) {
     return;
   }
@@ -175,6 +182,9 @@ const getDependencies = (input: ReplAppInput) => {
 };
 
 export const sendUserUpdateToReplServer = (input: ReplAppInput, store: ReplStore) => {
+  if (isServer) {
+    return;
+  }
   if (input.version && store.serverWindow) {
     const msg: ReplUpdateMessage = {
       type: 'update',