@codesandbox/sandpack-react
Version:
<img style="width:100%" src="https://user-images.githubusercontent.com/4838076/143581035-ebee5ba2-9cb1-4fe8-a05b-2f44bd69bb4b.gif" alt="Component toolkit for live running code editing experiences" />
549 lines (548 loc) • 13.1 kB
TypeScript
export { ASTRO_TEMPLATE } from "./node/astro";
export { ANGULAR_TEMPLATE } from "./runtime/angular";
export { REACT_TEMPLATE } from "./runtime/react";
export { REACT_TYPESCRIPT_TEMPLATE } from "./runtime/react-typescript";
export { SOLID_TEMPLATE } from "./runtime/solid";
export { SVELTE_TEMPLATE } from "./runtime/svelte";
export { TEST_TYPESCRIPT_TEMPLATE } from "./runtime/tests-ts";
export { VANILLA_TEMPLATE } from "./runtime/vanilla";
export { VANILLA_TYPESCRIPT_TEMPLATE } from "./runtime/vanilla-typescript";
export { VUE_TEMPLATE } from "./runtime/vue";
export declare const SANDBOX_TEMPLATES: {
static: {
files: {
"/index.html": {
code: string;
};
"/package.json": {
code: string;
};
"/styles.css": {
code: string;
};
};
main: string;
environment: string;
};
angular: {
files: {
"/src/app/app.component.css": {
code: string;
};
"/src/app/app.component.html": {
code: string;
};
"/src/app/app.component.ts": {
code: string;
};
"/src/app/app.module.ts": {
code: string;
};
"/src/index.html": {
code: string;
};
"/src/main.ts": {
code: string;
};
"/src/polyfills.ts": {
code: string;
};
"/package.json": {
code: string;
};
};
main: string;
environment: string;
};
react: {
files: {
"/App.js": {
code: string;
};
"/index.js": {
code: string;
};
"/public/index.html": {
code: string;
};
"/package.json": {
code: string;
};
"/styles.css": {
code: string;
};
};
main: string;
environment: string;
};
"react-ts": {
files: {
"tsconfig.json": {
code: string;
};
"/App.tsx": {
code: string;
};
"/index.tsx": {
code: string;
};
"/public/index.html": {
code: string;
};
"/package.json": {
code: string;
};
"/styles.css": {
code: string;
};
};
main: string;
environment: string;
};
solid: {
files: {
"/App.tsx": {
code: string;
};
"/index.tsx": {
code: string;
};
"/index.html": {
code: string;
};
"/package.json": {
code: string;
};
"/styles.css": {
code: string;
};
};
main: string;
environment: string;
};
svelte: {
files: {
"/App.svelte": {
code: string;
};
"/index.js": {
code: string;
};
"/public/index.html": {
code: string;
};
"/package.json": {
code: string;
};
"/styles.css": {
code: string;
};
};
main: string;
environment: string;
};
"test-ts": {
files: {
"tsconfig.json": {
code: string;
};
"/add.ts": {
code: string;
};
"/add.test.ts": {
code: string;
};
"package.json": {
code: string;
};
};
main: string;
environment: string;
mode: string;
};
"vanilla-ts": {
files: {
"tsconfig.json": {
code: string;
};
"/index.ts": {
code: string;
};
"/index.html": {
code: string;
};
"/package.json": {
code: string;
};
"/styles.css": {
code: string;
};
};
main: string;
environment: string;
};
vanilla: {
files: {
"/index.js": {
code: string;
};
"/index.html": {
code: string;
};
"/package.json": {
code: string;
};
"/styles.css": {
code: string;
};
};
main: string;
environment: string;
};
vue: {
files: {
"/src/styles.css": {
code: string;
};
"/src/App.vue": {
code: string;
};
"/src/main.js": {
code: string;
};
"/public/index.html": {
code: string;
};
"/package.json": {
code: string;
};
};
main: string;
environment: string;
};
"vue-ts": {
files: {
"/src/styles.css": {
code: string;
};
"/src/App.vue": {
code: string;
};
"/src/main.ts": {
code: string;
};
"/src/shims-vue.d.ts": string;
"/public/index.html": {
code: string;
};
"/package.json": {
code: string;
};
"/tsconfig.json": {
code: string;
};
};
main: string;
environment: string;
};
node: {
files: {
"/index.js": {
code: string;
};
"/package.json": {
code: string;
};
};
main: string;
environment: string;
};
nextjs: {
files: {
"/pages/_app.js": {
code: string;
};
"/pages/index.js": {
code: string;
};
"/next.config.js": {
code: string;
};
"/package.json": {
code: string;
};
"/styles.css": {
code: string;
};
};
main: string;
environment: string;
};
vite: {
files: {
"/index.js": {
code: string;
};
"/index.html": {
code: string;
};
"/package.json": {
code: string;
};
"/styles.css": {
code: string;
};
};
main: string;
environment: string;
};
"vite-react": {
files: {
"/App.jsx": {
code: string;
};
"/index.jsx": {
code: string;
};
"/index.html": {
code: string;
};
"/package.json": {
code: string;
};
"/vite.config.js": {
code: string;
};
"/styles.css": {
code: string;
};
};
main: string;
environment: string;
};
"vite-react-ts": {
files: {
"/App.tsx": {
code: string;
};
"/index.tsx": {
code: string;
};
"/index.html": {
code: string;
};
"/tsconfig.json": {
code: string;
};
"/tsconfig.node.json": {
code: string;
};
"/package.json": {
code: string;
};
"/vite-env.d.ts": {
code: string;
};
"/vite.config.ts": {
code: string;
};
"/styles.css": {
code: string;
};
};
main: string;
environment: string;
};
"vite-preact": {
files: {
"/App.jsx": {
code: string;
};
"/index.jsx": {
code: string;
};
"/index.html": {
code: string;
};
"/package.json": {
code: string;
};
"/vite.config.js": {
code: string;
};
"/styles.css": {
code: string;
};
};
main: string;
environment: string;
};
"vite-preact-ts": {
files: {
"/App.tsx": {
code: string;
};
"/index.tsx": {
code: string;
};
"/index.html": {
code: string;
};
"/tsconfig.json": {
code: string;
};
"/tsconfig.node.json": {
code: string;
};
"/package.json": {
code: string;
};
"/vite-env.d.ts": {
code: string;
};
"/vite.config.ts": {
code: string;
};
"/styles.css": {
code: string;
};
};
main: string;
environment: string;
};
"vite-vue": {
files: {
"/src/styles.css": {
code: string;
};
"/src/App.vue": {
code: string;
};
"/src/main.js": {
code: string;
};
"/index.html": {
code: string;
};
"/vite.config.js": {
code: string;
};
"/package.json": {
code: string;
};
};
main: string;
environment: string;
};
"vite-vue-ts": {
files: {
"/src/styles.css": {
code: string;
};
"/src/App.vue": {
code: string;
};
"/src/main.ts": {
code: string;
};
"/index.html": {
code: string;
};
"/vite-env.d.ts": {
code: string;
};
"/vite.config.ts": {
code: string;
};
"tsconfig.json": {
code: string;
};
"tsconfig.node.json": {
code: string;
};
"/package.json": {
code: string;
};
};
main: string;
environment: string;
};
"vite-svelte": {
files: {
"/src/styles.css": {
code: string;
};
"/src/App.svelte": {
code: string;
};
"/src/main.js": {
code: string;
};
"/index.html": {
code: string;
};
"/vite.config.js": {
code: string;
};
"/package.json": {
code: string;
};
};
main: string;
environment: string;
};
"vite-svelte-ts": {
files: {
"/src/styles.css": {
code: string;
};
"/src/App.svelte": {
code: string;
};
"/src/main.ts": {
code: string;
};
"/index.html": {
code: string;
};
"/vite-env.d.ts": {
code: string;
};
"svelte.config.js": {
code: string;
};
"/vite.config.ts": {
code: string;
};
"tsconfig.json": {
code: string;
};
"tsconfig.node.json": {
code: string;
};
"/package.json": {
code: string;
};
};
main: string;
environment: string;
};
astro: {
files: {
"/src/styles.css": {
code: string;
};
"/src/pages/index.astro": {
code: string;
};
".env": {
code: string;
};
"/package.json": {
code: string;
};
};
main: string;
environment: string;
};
};