feat: sandpack template type (#1075)

* fix(type): sandpack template

* chore(deps): remove codesandbox-import-util-types

* docs(type): update sandpack template usage

---------

Co-authored-by: Jimmy Jouanne <jimmy.jouanne@jobteaser.com>

Author: Geminii

sandpack-client/src/clients/runtime/types.ts

@@ -1,5 +1,3 @@
-import type { ITemplate } from "codesandbox-import-util-types";
-
 import type {
   BaseSandpackMessage,
   BundlerState,
@@ -11,6 +9,7 @@ import type {
   SandpackErrorMessage,
   SandpackLogLevel,
   SandpackMessageConsoleMethods,
+  SandpackTemplate,
 } from "../..";
 
 export type SandpackRuntimeMessage = BaseSandpackMessage &
@@ -69,7 +68,7 @@ export type SandpackRuntimeMessage = BaseSandpackMessage &
         externalResources: string[];
         hasFileResolver: boolean;
         disableDependencyPreprocessing?: boolean;
-        template?: string | ITemplate;
+        template?: string | SandpackTemplate;
         showOpenInCodeSandbox: boolean;
         showErrorScreen: boolean;
         showLoadingScreen: boolean;

sandpack-client/src/types.ts

@@ -81,7 +81,7 @@ export interface SandboxSetup {
    * What template we use, if not defined we infer the template from the dependencies or files.
    *
    */
-  template?: Template;
+  template?: SandpackTemplate;
 
   /**
    * Only use unpkg for fetching the dependencies, no preprocessing. It's slower, but doesn't talk
@@ -381,7 +381,7 @@ interface RunTests {
   path: string;
 }
 
-export type Template =
+export type SandpackTemplate =
   | "angular-cli"
   | "create-react-app"
   | "create-react-app-typescript"

sandpack-react/package.json

@@ -65,7 +65,6 @@
     "@stitches/core": "^1.2.6",
     "anser": "^2.1.1",
     "clean-set": "^1.1.2",
-    "codesandbox-import-util-types": "^2.2.3",
     "dequal": "^2.0.2",
     "escape-carriage": "^1.3.1",
     "lz-string": "^1.4.4",

website/docs/src/pages/advanced-usage/client.mdx

@@ -278,7 +278,7 @@ The `getCodeSandboxURL` method creates a sandbox from the current files and retu
   /**
    * The sandbox template to use; this is inferred from the files and package.json if not specified
   **/
-  template?: Template
+  template?: SandpackTemplate
 }
 ```
 

website/docs/src/pages/getting-started/usage.mdx

@@ -15,7 +15,7 @@ By default your `<Sandpack />` instance starts with a predefined `template`. Eac
 
 <Templates />
 
-The `template` prop accepts a `string`, and has a variety of presets. If the template prop is not passed or has an invalid value, it defaults to `vanilla`.
+The `template` property accepts a [defined preset list](https://github.com/codesandbox/sandpack/blob/main/sandpack-client/src/types.ts#L384). If the property is not passed, `vanilla` will be set by default.
 
 ## Files
 

yarn.lock

@@ -6252,11 +6252,6 @@ code-point-at@^1.0.0:
   resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
   integrity sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=
 
-codesandbox-import-util-types@^2.2.3:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/codesandbox-import-util-types/-/codesandbox-import-util-types-2.2.3.tgz#b354b2f732ad130e119ebd9ead3bda3be5981a54"
-  integrity sha512-Qj00p60oNExthP2oR3vvXmUGjukij+rxJGuiaKM6tyUmSyimdZsqHI/TUvFFClAffk9s7hxGnQgWQ8KCce27qQ==
-
 collect-v8-coverage@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/collect-v8-coverage/-/collect-v8-coverage-1.0.1.tgz#cc2c8e94fc18bbdffe64d6534570c8a673b27f59"