Boilerplate refactor

Author: CompuIves

…box/boilerplates/default-boilerplates.js …box/boilerplates/default-boilerplates.tspackages/app/src/sandbox/boilerplates/default-boilerplates.js renamed to packages/app/src/sandbox/boilerplates/default-boilerplates.ts packages/app/src/sandbox/boilerplates/default-boilerplates.js renamed to packages/app/src/sandbox/boilerplates/default-boilerplates.ts

@@ -1,7 +1,8 @@
-export const JS = {
-  id: 'js',
+import { IBoilerplate } from '.';
+
+export const JS: IBoilerplate = {
   extension: '.js',
-  condition: '.jsx?$',
+  condition: p => /\.jsx?$/.test(p),
   code: `
 import React from 'react';
 import { render } from 'react-dom';
@@ -13,21 +14,19 @@ export default function(module) {
 `,
 };
 
-export const HTML = {
-  id: 'html',
+export const HTML: IBoilerplate = {
   extension: '.html',
-  condition: '.html$',
+  condition: p => p.endsWith('.html'),
   code: `
 export default function(module) {
   document.body.innerHTML = module
 }
 `,
 };
 
-export const TS = {
-  id: 'ts',
+export const TS: IBoilerplate = {
   extension: '.ts',
-  condition: '.tsx?$',
+  condition: p => /\.tsx?$/.test(p),
   code: `
 import * as React from 'react';
 import { render } from 'react-dom';

…es/app/src/sandbox/boilerplates/index.js …es/app/src/sandbox/boilerplates/index.tspackages/app/src/sandbox/boilerplates/index.js renamed to packages/app/src/sandbox/boilerplates/index.ts packages/app/src/sandbox/boilerplates/index.js renamed to packages/app/src/sandbox/boilerplates/index.ts

@@ -1,5 +1,16 @@
 import { getCurrentManager } from '../compile';
 
+export interface IBoilerplate {
+  extension: string;
+  condition: (path: string) => boolean;
+  code: string;
+  /**
+   * Normally we only execute boilerplates in module mode. By setting this to true we will
+   * execute the boilerplate in any mode.
+   */
+  enabledByDefault?: boolean;
+}
+
 let cachedBoilerplates = [];
 
 export async function evalBoilerplates(boilerplates) {