Simplify project config

theatre/devEnv/build.ts

@@ -0,0 +1,32 @@
+import path from 'path'
+import {
+  convertObjectToWebpackDefinePaths,
+  getEnvConfig,
+} from './webpack/createWebpackConfig'
+
+const playgroundDir = path.join(__dirname, '..')
+
+const envConfig = getEnvConfig(true)
+
+require('esbuild').serve(
+  {
+    port,
+    servedir: path.join(playgroundDir, 'src'),
+  },
+  {
+    entryPoints: [path.join(playgroundDir, 'src/index.tsx')],
+    target: ['firefox88'],
+    loader: {'.png': 'file'},
+    // outdir: '.',
+    // watch: true,
+    bundle: true,
+    sourcemap: true,
+    define: {
+      global: 'window',
+      ...convertObjectToWebpackDefinePaths({
+        process: {env: envConfig},
+        'process.env': envConfig,
+      }),
+    },
+  },
+)

theatre/devEnv/webpack/createWebpackConfig.ts

@@ -24,7 +24,6 @@ export default (type: 'playground' | 'development' | 'production') => {
 
   return bundles.map((which) => {
     const envConfig = getEnvConfig(isDev)
-    envConfig.isCore = which === 'core'
     envConfig.version = require('../../package.json').version
     const packageRoot = path.join(
       privatePackageRoot,
@@ -175,12 +174,6 @@ export default (type: 'playground' | 'development' | 'production') => {
       }
     }
 
-    if (which === 'core') {
-      config.plugins!.push(
-        new webpack.DefinePlugin({'$env.isCore': JSON.stringify(true)}),
-      )
-    }
-
     if (!isDev) {
       config.stats = {
         // @ts-ignore
@@ -196,12 +189,12 @@ export default (type: 'playground' | 'development' | 'production') => {
       }
     }
 
-    // defined process.env and $env
+    // defined process.env and process.env
     config.plugins!.push(
       new webpack.DefinePlugin(
         convertObjectToWebpackDefinePaths({
           process: {env: envConfig},
-          $env: envConfig,
+          'process.env': envConfig,
         }),
       ),
     )

theatre/devEnv/webpack/production.js

@@ -2,5 +2,4 @@ require('ts-node').register({transpileOnly: true, skipProject: true})
 
 const createWebpackConfigObject = require('./createWebpackConfig')
 
-// @ts-ignore
 module.exports = createWebpackConfigObject('production')