Remove all create-react-app-typescript references

Author: MichaelDeBoey

contributor-docs/adding-template.md

@@ -110,7 +110,6 @@ In order to understand how this configuration works, we recommend you to take a
 
 Examples:
 
-- [create-react-app-typescript](https://github.com/codesandbox/codesandbox-client/blob/master/packages/app/src/sandbox/eval/presets/create-react-app-typescript/index.js) (most basic one)
 - [CxJS](https://github.com/codesandbox/codesandbox-client/blob/master/packages/app/src/sandbox/eval/presets/cxjs/index.js)
 - [vue-cli](https://github.com/codesandbox/codesandbox-client/blob/master/packages/app/src/sandbox/eval/presets/vue-cli/index.js)
 

packages/app/src/app/overmind/effects/utils/create-zip/create-react-app-typescript/files.zip

@@ -3,7 +3,6 @@ import { saveAs } from 'file-saver';
 import { Sandbox, Module, Directory } from '@codesandbox/common/lib/types';
 import {
   react,
-  reactTs,
   vue,
   preact,
   svelte,
@@ -209,7 +208,6 @@ export async function createZip(
 
   if (
     sandbox.template !== vue.name &&
-    sandbox.template !== reactTs.name &&
     directories.find(m => m.title === 'src' && m.directoryShortid == null)
   ) {
     // This is a full project, with all files already in there. We need to create
@@ -219,10 +217,6 @@ export async function createZip(
     promise = import(
       /* webpackChunkName: 'create-react-app-zip' */ './create-react-app'
     ).then(generator => generator.default(zip, sandbox, modules, directories));
-  } else if (sandbox.template === reactTs.name) {
-    promise = import(
-      /* webpackChunkName: 'create-react-app-typescript-zip' */ './create-react-app-typescript'
-    ).then(generator => generator.default(zip, sandbox, modules, directories));
   } else if (sandbox.template === vue.name) {
     try {
       const packageJSONModule = sandbox.modules.find(

packages/app/src/app/overmind/effects/utils/create-zip/create-react-app-typescript/index.ts

@@ -5,7 +5,6 @@ import { saveAs } from 'file-saver';
 import type { Sandbox, Module, Directory } from '@codesandbox/common/lib/types';
 import {
   react,
-  reactTs,
   vue,
   preact,
   svelte,
@@ -209,7 +208,6 @@ export async function createZip(
 
   if (
     sandbox.template !== vue.name &&
-    sandbox.template !== reactTs.name &&
     directories.find(m => m.title === 'src' && m.directoryShortid == null)
   ) {
     // This is a full project, with all files already in there. We need to create
@@ -221,12 +219,6 @@ export async function createZip(
     ).then(generator =>
       generator.default(zip, sandbox, modules, directories, downloadBlobs)
     );
-  } else if (sandbox.template === reactTs.name) {
-    promise = import(
-      /* webpackChunkName: 'create-react-app-typescript-zip' */ './create-react-app-typescript'
-    ).then(generator =>
-      generator.default(zip, sandbox, modules, directories, downloadBlobs)
-    );
   } else if (sandbox.template === vue.name) {
     try {
       const packageJSONModule = sandbox.modules.find(

packages/app/src/app/overmind/effects/utils/create-zip/index.ts

@@ -5,7 +5,6 @@ import {
   parcel,
   svelte,
   preact,
-  reactTs,
   angular,
   cxjs,
   babel,
@@ -15,7 +14,6 @@ import {
 } from '@codesandbox/common/lib/templates';
 
 import reactPreset from './presets/create-react-app';
-import reactTsPreset from './presets/create-react-app-typescript';
 import vuePreset from './presets/vue-cli';
 import preactPreset from './presets/preact-cli';
 import sveltePreset from './presets/svelte';
@@ -31,8 +29,6 @@ export default function getPreset(template: string) {
   switch (template) {
     case react.name:
       return reactPreset();
-    case reactTs.name:
-      return reactTsPreset();
     case reason.name:
       return reasonPreset();
     case vue.name:

packages/app/src/app/store/providers/Utils/create-zip/index.js

@@ -1,5 +1,5 @@
 import { dispatch, actions, listen } from 'codesandbox-api';
-import { react, reactTs } from '@codesandbox/common/lib/templates';
+import { react } from '@codesandbox/common/lib/templates';
 import expect from 'jest-matchers';
 import jestMock from 'jest-mock';
 import jestTestHooks from 'jest-circus';
@@ -248,8 +248,6 @@ export default class TestRunner {
             this.manager.resolveModule('./src/setupTests.ts', '/'),
           ];
         }
-      } else if (this.manager.preset.name === reactTs.name) {
-        testModules = [this.manager.resolveModule('./src/setupTests.ts', '/')];
       } else if (this.manager.configurations.package) {
         const { parsed } = this.manager.configurations.package;
 

packages/app/src/sandbox/eval/index.js

@@ -15,42 +15,6 @@ const config: ConfigurationFile = {
     template: string,
     resolveModule: (path: string) => { code: string } | undefined
   ) => {
-    if (template === 'create-react-app-typescript') {
-      return JSON.stringify(
-        {
-          compilerOptions: {
-            outDir: 'build/dist',
-            module: 'esnext',
-            target: 'es5',
-            lib: ['es6', 'dom'],
-            sourceMap: true,
-            allowJs: true,
-            jsx: 'react',
-            moduleResolution: 'node',
-            rootDir: 'src',
-            forceConsistentCasingInFileNames: true,
-            noImplicitReturns: true,
-            noImplicitThis: true,
-            noImplicitAny: true,
-            strictNullChecks: true,
-            suppressImplicitAnyIndexErrors: true,
-            noUnusedLocals: true,
-          },
-          exclude: [
-            'node_modules',
-            'build',
-            'scripts',
-            'acceptance-tests',
-            'webpack',
-            'jest',
-            'src/setupTests.ts',
-          ],
-        },
-        null,
-        2
-      );
-    }
-
     if (template === 'parcel') {
       const tsconfig = {
         compilerOptions: {

packages/app/src/sandbox/eval/presets/create-react-app-typescript/index.js

@@ -29,7 +29,6 @@ import {
   ember,
   vue,
   preact,
-  reactTs,
   svelte,
   angular,
   parcel,
@@ -70,8 +69,6 @@ export default function getIcon(theme: TemplateType): ReturnedIcon {
       return Vue;
     case preact.name:
       return Preact;
-    case reactTs.name:
-      return React;
     case svelte.name:
       return Svelte;
     case angular.name:

packages/app/src/sandbox/eval/tests/jest-lite.ts

@@ -5,7 +5,6 @@ import parcel from './parcel';
 import preact from './preact';
 import reason from './reason';
 import react from './react';
-import reactTs from './react-ts';
 import svelte from './svelte';
 import vue from './vue';
 import ember from './ember';
@@ -42,7 +41,6 @@ export {
   parcel,
   preact,
   react,
-  reactTs,
   reason,
   svelte,
   vue,
@@ -62,7 +60,6 @@ export type TemplateType =
   | 'vue-cli'
   | 'preact-cli'
   | 'svelte'
-  | 'create-react-app-typescript'
   | 'angular-cli'
   | 'parcel'
   | 'cxjs'
@@ -91,8 +88,6 @@ export default function getDefinition(theme: TemplateType) {
       return vue;
     case preact.name:
       return preact;
-    case reactTs.name:
-      return reactTs;
     case svelte.name:
       return svelte;
     case angular.name:

packages/common/src/templates/configuration/tsconfig/index.ts

@@ -44,7 +44,7 @@ export interface CodeSandboxerProps {
    * Allow codesandboxer to accept more extensions like .jsx
    **/
   extensions?: string[];
-  template?: 'create-react-app' | 'create-react-app-typescript';
+  template?: 'create-react-app';
 }
 
 export interface Props {

packages/common/src/templates/icons.ts

@@ -37,7 +37,6 @@ export interface Props {
   skipEval?: boolean;
   template?:
     | 'create-react-app'
-    | 'create-react-app-typescript'
     | 'parcel'
     | 'vue-cli'
     | 'angular-cli'