feat: Added ts task to .codesandbox/tasks.json

Added 'ts' task with command 'yarn typecheck' to .codesandbox/tasks.json

.codesandbox/tasks.json

@@ -30,6 +30,10 @@
       "command": "yarn build",
       "runAtStart": true
     },
+    "ts": {
+      "name": "Typecheck",
+      "command": "yarn typecheck"
+    },
     "build:client": {
       "name": "Build: client",
       "command": "yarn workspace @codesandbox/sandpack-client build",
@@ -71,10 +75,7 @@
       "name": "Install",
       "command": "yarn install",
       "restartOn": {
-        "files": [
-          "yarn.lock",
-          "**/package.json"
-        ],
+        "files": ["yarn.lock", "**/package.json"],
         "branch": false,
         "resume": false
       }

sandpack-react/src/types.ts

@@ -388,7 +388,7 @@ export type SandpackThemeProp =
  */
 
 export type TemplateFiles<Name extends SandpackPredefinedTemplate> =
-  keyof (typeof SANDBOX_TEMPLATES)[Name]["files"];
+  keyof typeof SANDBOX_TEMPLATES[Name]["files"];
 
 export interface SandpackInternal {
   <
@@ -618,7 +618,7 @@ export type SandpackStatus =
 export type EditorState = "pristine" | "dirty";
 
 export interface SandboxTemplate {
-  files: SandpackFiles;
+  files: SandpackBundlerFiles;
   dependencies: Record<string, string>;
   devDependencies?: Record<string, string>;
   entry?: string;

sandpack-react/src/utils/sandpackUtils.ts

@@ -44,7 +44,7 @@ export const getSandpackStateFromProps = (
   });
 
   // visibleFiles and activeFile override the setup flags
-  let visibleFiles = normalizePath(props.options?.visibleFiles ?? []);
+  let visibleFiles: string[] = normalizePath(props.options?.visibleFiles ?? []);
   let activeFile = props.options?.activeFile
     ? resolveFile(props.options?.activeFile, projectSetup.files)
     : undefined;