Introduce more sensible defaults for preact

Author: CompuIves

packages/app/src/sandbox/eval/presets/preact-cli/index.js

@@ -27,6 +27,45 @@ export default function initialize() {
   preactPreset.registerTranspiler(module => /\.jsx?$/.test(module.path), [
     {
       transpiler: babelTranspiler,
+      options: {
+        isV7: false,
+        compileNodeModulesWithEnv: true,
+        config: {
+          presets: [
+            [
+              'env',
+              {
+                loose: true,
+                uglify: true,
+                modules: false,
+                exclude: [
+                  'transform-regenerator',
+                  'transform-es2015-typeof-symbol',
+                ],
+              },
+            ],
+          ],
+
+          plugins: [
+            'babel-plugin-syntax-dynamic-import',
+            'babel-plugin-transform-object-assign',
+            'babel-plugin-transform-decorators-legacy',
+            'babel-plugin-transform-class-properties',
+            'babel-plugin-transform-export-extensions',
+            'babel-plugin-transform-object-rest-spread',
+            'babel-plugin-transform-react-constant-elements',
+            ['babel-plugin-transform-react-jsx', { pragma: 'h' }],
+            [
+              'babel-plugin-jsx-pragmatic',
+              {
+                module: 'preact',
+                export: 'h',
+                import: 'h',
+              },
+            ],
+          ],
+        },
+      },
     },
   ]);
 

packages/common/src/templates/preact.ts

@@ -13,5 +13,6 @@ export default new Template(
     extraConfigurations: {
       '/.babelrc': configurations.babelrc,
     },
+    defaultOpenedFile: ['/src/app.js'],
   }
 );

packages/common/src/templates/template.ts

@@ -22,6 +22,7 @@ export type Options = {
   main?: boolean;
   backgroundColor?: () => string;
   mainFile?: string[];
+  defaultOpenedFile?: string[];
 };
 
 export type ConfigurationFiles = {
@@ -96,6 +97,7 @@ export default class Template {
   showCube: boolean;
   isServer: boolean;
   mainFile: undefined | string[];
+  defaultOpenedFile: string[];
 
   constructor(
     name: TemplateType,
@@ -131,6 +133,7 @@ export default class Template {
     this.backgroundColor = options.backgroundColor;
 
     this.showCube = options.showCube != null ? options.showCube : true;
+    this.defaultOpenedFile = options.defaultOpenedFile || [];
   }
 
   // eslint-disable-next-line
@@ -184,7 +187,7 @@ export default class Template {
   getDefaultOpenedFiles(
     configurationFiles: ParsedConfigurationFiles
   ): string[] {
-    return this.getEntries(configurationFiles);
+    return [...this.defaultOpenedFile, ...this.getEntries(configurationFiles)];
   }
 
   /**