fix(react): ensure hidden files even for templates (#231)

* fix(react): ensure hidden files even for templates * fix: types * refacor
codesandbox · Dec 9, 2021 · a1461a0 · a1461a0
1 parent 51be6cf
commit a1461a0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/sandpack-react/src/types.ts b/sandpack-react/src/types.ts
@@ -69,7 +69,7 @@ export type SandpackStatus =
 export type EditorState = "pristine" | "dirty";
 
 export interface SandboxTemplate {
-  files: SandpackBundlerFiles;
+  files: Record<string, SandpackFile>;
   dependencies: Record<string, string>;
   devDependencies?: Record<string, string>;
   entry: string;

diff --git a/sandpack-react/src/utils/sandpackUtils.ts b/sandpack-react/src/utils/sandpackUtils.ts
@@ -56,7 +56,13 @@ export const getSandpackStateFromProps = (
 
   if (openPaths.length === 0) {
     // If no files are received, use the project setup / template
-    openPaths = Object.keys(projectSetup.files);
+    openPaths = Object.keys(projectSetup.files).reduce<string[]>((acc, key) => {
+      if (!projectSetup.files[key].hidden) {
+        acc.push(key);
+      }
+
+      return acc;
+    }, []);
   }
 
   // If no activePath is specified, use the first open file