fix(client): remove non-letter chart from random id (#1193)

codesandbox · Sep 5, 2024 · c7d4113 · c7d4113
1 parent f7ac596
commit c7d4113
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/sandpack-react/src/presets/CustomSandpack.stories.tsx b/sandpack-react/src/presets/CustomSandpack.stories.tsx
@@ -55,8 +55,8 @@ export const ExperimentalServiceWorker: React.FC = () => {
         `,
       }}
       options={{
-        bundlerURL: "https://nqfrns-3000.csb.app/",
         experimental_enableServiceWorker: true,
+        experimental_enableStableServiceWorkerId: true,
       }}
       template="react"
     />

diff --git a/sandpack-react/src/utils/useAsyncSandpackId.ts b/sandpack-react/src/utils/useAsyncSandpackId.ts
@@ -29,7 +29,10 @@ export const useAsyncSandpackId = (files: SandpackBundlerFiles) => {
         .join("|||");
       const sha = await generateShortId(allCode + reactDomId);
 
-      return ensureLength(sha.replace(/:/g, "sp"), MAX_ID_LENGTH);
+      return ensureLength(
+        sha.replace(/:/g, "sp").replace(/[^a-zA-Z]/g, ""),
+        MAX_ID_LENGTH
+      );
     };
   } else {
     return () => ensureLength(generateRandomId(), MAX_ID_LENGTH);