Add a default TypeScript boilerplate for Current Module View (codesandbox#2713)

* Add a default ts boilerplate

* Add @tanem as a contributor


Co-authored-by: Sara Vieira <[email protected]>

Author: tanem

.all-contributorsrc

@@ -1403,6 +1403,15 @@
         "code"
       ]
     },
+    {
+      "login": "tanem",
+      "name": "Tane Morgan",
+      "avatar_url": "https://avatars3.githubusercontent.com/u/464864?v=4",
+      "profile": "https://github.com/tanem",
+       "contributions": [
+        "code"
+       ]
+     },
     {
       "login": "hetpatel33",
       "name": "Het Patel",

README.md

@@ -229,9 +229,7 @@ Thanks goes to these wonderful people
     <td align="center"><a href="http://ThomasDillard.com"><img src="https://avatars1.githubusercontent.com/u/12449668?v=4" width="100px;" alt="Thomas Dillard"/><br /><sub><b>Thomas Dillard</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=HTMLGhozt" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/chinmay17"><img src="https://avatars2.githubusercontent.com/u/7131231?v=4" width="100px;" alt="Chinmay Chaudhary"/><br /><sub><b>Chinmay Chaudhary</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=chinmay17" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/Sakthivel"><img src="https://avatars3.githubusercontent.com/u/205201?v=4" width="100px;" alt="Sakthivel Sengodan Sapient"/><br /><sub><b>Sakthivel Sengodan Sapient</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=sakthivel" title="Code">💻</a></td>
-    <td align="center"><a href="https://github.com/vanya829"><img src="https://avatars0.githubusercontent.com/u/1397979?v=4" width="100px;" alt="vanya829"/><br /><sub><b>vanya829</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=vanya829" title="Code">💻</a></td>
-      <td align="center"><a href="https://github.com/NabeelahY"><img src="https://avatars1.githubusercontent.com/u/35764602?v=4" width="100px;" alt=""/><br /><sub><b>Nabeelah</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=NabeelahY" title="Code">💻</a></td>
-  </tr>
+</tr>
   <tr>
     <td align="center"><a href="http://hetpatel33.github.io"><img src="https://avatars0.githubusercontent.com/u/13877514?v=4" width="100px;" alt="Het Patel"/><br /><sub><b>Het Patel</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=hetpatel33" title="Code">💻</a></td>
     <td align="center"><a href="https://twitter.com/ivandevp"><img src="https://avatars3.githubusercontent.com/u/9284690?v=4" width="100px;" alt="Ivan Medina"/><br /><sub><b>Ivan Medina</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=ivandevp" title="Code">💻</a></td>
@@ -240,9 +238,14 @@ Thanks goes to these wonderful people
     <td align="center"><a href="https://armujahid.me"><img src="https://avatars1.githubusercontent.com/u/3725386?v=4" width="100px;" alt="Abdul Rauf"/><br /><sub><b>Abdul Rauf</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=armujahid" title="Code">💻</a> <a href="https://github.com/codesandbox/codesandbox-client/commits?author=armujahid" title="Documentation">📖</a></td>
     <td align="center"><a href="https://github.com/milap1296"><img src="https://avatars2.githubusercontent.com/u/19545730?v=4" width="100px;" alt="milap1296"/><br /><sub><b>milap1296</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=milap1296" title="Code">💻</a></td>
     <td align="center"><a href="http://yevhenorlov.com"><img src="https://avatars2.githubusercontent.com/u/17388747?v=4" width="100px;" alt="yevhen orlov"/><br /><sub><b>yevhen orlov</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=yevhenorlov" title="Code">💻</a></td>
+</tr>
+  <tr>
+    <td align="center"><a href="https://github.com/vanya829"><img src="https://avatars0.githubusercontent.com/u/1397979?v=4" width="100px;" alt="vanya829"/><br /><sub><b>vanya829</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=vanya829" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/NabeelahY"><img src="https://avatars1.githubusercontent.com/u/35764602?v=4" width="100px;" alt=""/><br /><sub><b>Nabeelah</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=NabeelahY" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/NileshPatel17"><img src="https://avatars2.githubusercontent.com/u/27020381?v=4" width="100px;" alt="Nilesh Patel"/><br /><sub><b>Nilesh Patel</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=NileshPatel17" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/22PoojaGaur"><img src="https://avatars2.githubusercontent.com/u/43316760?v=4" width="100px;" alt="Pooja Gaur"/><br /><sub><b>Pooja Gaur</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=22PoojaGaur" title="Code">💻</a></td>
     <td align="center"><a href="https://github.com/sajadhsm"><img src="https://avatars3.githubusercontent.com/u/20022818?v=4" width="100px;" alt="Sajad Hashemian"/><br /><sub><b>Sajad Hashemian</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=sajadhsm" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/tanem"><img src="https://avatars3.githubusercontent.com/u/464864?v=4" width="100px;" alt="Tane Morgan"/><br /><sub><b>Tane Morgan</b></sub></a><br /><a href="https://github.com/codesandbox/codesandbox-client/commits?author=tanem" title="Code">💻</a></td>
   </tr>
 </table>
 

packages/app/src/sandbox/boilerplates/default-boilerplates.js

@@ -24,4 +24,19 @@ export default function(module) {
 `,
 };
 
-export default [JS, HTML];
+export const TS = {
+  id: 'ts',
+  extension: '.ts',
+  condition: '.tsx?$',
+  code: `
+import * as React from 'react';
+import { render } from 'react-dom';
+export default function(module) {
+  const node = document.createElement('div');
+  document.body.appendChild(node);
+  render(React.createElement(module.default), node);
+}
+`,
+};
+
+export default [JS, HTML, TS];