feat: add sandbox-id prop to compile (#1015)

codesandbox · Oct 6, 2023 · 600b984 · 600b984 · vercel · Oct 6, 2023
1 parent 013a8df
commit 600b984
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 2 deletions.
diff --git a/sandpack-client/src/clients/runtime/index.ts b/sandpack-client/src/clients/runtime/index.ts
@@ -250,6 +250,7 @@ export class SandpackRuntime extends SandpackClient {
       logLevel: this.options.logLevel ?? SandpackLogLevel.Info,
       customNpmRegistries: this.options.customNpmRegistries,
       teamId: this.options.teamId,
+      sandboxId: this.options.sandboxId,
     });
   }
 

diff --git a/sandpack-client/src/clients/runtime/types.ts b/sandpack-client/src/clients/runtime/types.ts
@@ -79,6 +79,7 @@ export type SandpackRuntimeMessage = BaseSandpackMessage &
         logLevel?: SandpackLogLevel;
         customNpmRegistries?: NpmRegistry[];
         teamId?: string;
+        sandboxId?: string;
       }
     | {
         type: "refresh";

diff --git a/sandpack-client/src/types.ts b/sandpack-client/src/types.ts
@@ -60,6 +60,11 @@ export interface ClientOptions {
    */
   customNpmRegistries?: NpmRegistry[];
 
+  /**
+   * CodeSandbox sandbox id: used internally by codesandbox
+   */
+  sandboxId?: string;
+
   /**
    * CodeSandbox team id: with this information, bundler can connect to CodeSandbox
    * and unlock a few capabilities

diff --git a/sandpack-react/src/contexts/utils/useClient.ts b/sandpack-react/src/contexts/utils/useClient.ts
@@ -69,7 +69,7 @@ type UseClient = (
 ) => [SandpackConfigState, UseClientOperations];
 
 export const useClient: UseClient = (
-  { options, customSetup, teamId },
+  { options, customSetup, teamId, sandboxId },
   filesState
 ) => {
   options ??= {};
@@ -165,7 +165,8 @@ export const useClient: UseClient = (
           showLoadingScreen: false,
           reactDevTools: state.reactDevTools,
           customNpmRegistries: customSetup?.npmRegistries,
-          teamId: teamId,
+          teamId,
+          sandboxId,
         }
       );
 

diff --git a/sandpack-react/src/types.ts b/sandpack-react/src/types.ts
@@ -431,6 +431,7 @@ interface SandpackRootProps<
   customSetup?: SandpackSetup;
   theme?: SandpackThemeProp;
   teamId?: string;
+  sandboxId?: string;
 }
 
 export interface SandpackInternalOptions<