Add .devcontainer + minor changes

source/common/.devcontainer/Dockerfile

@@ -0,0 +1 @@
+FROM local/nodejs/dev:18

source/common/.devcontainer/devcontainer.json

@@ -0,0 +1,7 @@
+{
+	"name": "$(appName)",
+	"workspaceFolder": "/home/project/$(appName)",
+	"dockerComposeFile": "docker-compose.yml",
+	"service": "$(appName)",
+	"postCreateCommand": "sudo chown iamuser:iamuser -R /home/project",
+}

source/common/.devcontainer/docker-compose.yml

@@ -0,0 +1,18 @@
+version: "3"
+
+name: $(appName)
+
+volumes:
+  node_modules:
+  pnpm-store:
+
+services:
+  seedling:
+    build:
+      context: .
+    container_name: $(appName)
+    volumes:
+      - ../:/home/project/$(appName)
+      - node_modules:/home/project/seedling/node_modules
+      - pnpm-store:/home/project/seedling/.pnpm-store
+    command: sleep infinity

source/common/.env

@@ -0,0 +1 @@
+COMPOSE_PROJECT_NAME=$(appName)

source/ui/scripts/webpack-dev.js

@@ -1,7 +1,7 @@
 const { merge } = require('webpack-merge');
 
 const common = require('./webpack-common');
-const myEnv = require('dotenv').config({ path: 'config/local/.env' }).parsed;
+const myEnv = require('dotenv').config({ path: 'config/app/.env.local' }).parsed;
 
 module.exports = (env, args) => {
 	return merge(common(env, args, myEnv), {

source/ui/scripts/webpack-prod.js

@@ -1,6 +1,6 @@
 const { merge } = require('webpack-merge');
 
-const myEnv = require('dotenv').config({ path: 'config/prod/.env' }).parsed;
+const myEnv = require('dotenv').config({ path: 'config/app/.env.prod' }).parsed;
 const common = require('./webpack-common');
 
 // const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');

source/ui/src/types/global.ts

@@ -0,0 +1,13 @@
+declare global {
+	interface Window {
+		__REDUX_DEVTOOLS_EXTENSION_COMPOSE__: any;
+	}
+
+	namespace NodeJS {
+		interface ProcessEnv {
+			ENDPOINT_BASE_URL: string;
+		}
+	}
+}
+
+export default global;