From fc96a4986dfdcdf159eb7ec89e08990221352d82 Mon Sep 17 00:00:00 2001
From: Matthew Walowski <mattwalowski@gmail.com>
Date: Wed, 29 Jan 2025 19:11:48 -0600
Subject: [PATCH 1/3] add local option to frontend

---
 Dockerfile                               |   5 +-
 apps/backend/src/middleware/responses.ts |   1 +
 apps/frontend/public/index.html          |   2 +-
 apps/frontend/webpack.config.mjs         | 171 ++++++++++++-----------
 4 files changed, 95 insertions(+), 84 deletions(-)

diff --git a/Dockerfile b/Dockerfile
index 9a01db16..c5d56d96 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -40,13 +40,14 @@ RUN pnpm install
 # Copy code
 COPY . .
 
-ARG PROJECT_NAME hearing
+ARG PROJECT_NAME=hearing
+ARG BUILD_ENV=production
 # For some reason we need to build types first. Turbo should be able to figure this
 # Build everything, then build the frontend for the specific project
 RUN pnpm run build --filter types
 RUN pnpm run build --filter='!frontend'
 WORKDIR /app/apps/frontend
-RUN pnpm run build:${PROJECT_NAME}
+RUN pnpm run build:${PROJECT_NAME} --env $BUILD_ENV
 
 # -----------------------------------------------
 # Runtime Image
diff --git a/apps/backend/src/middleware/responses.ts b/apps/backend/src/middleware/responses.ts
index d63b1b47..d245ef75 100644
--- a/apps/backend/src/middleware/responses.ts
+++ b/apps/backend/src/middleware/responses.ts
@@ -7,6 +7,7 @@ const SRC_SELF = ["'self'", 'blob:', 'data:']
 // Describes cognito origins
 const SRC_COGNITO = [
     'https://cognito-idp.eu-north-1.amazonaws.com/',
+    'https://3dp4me-dev.auth.eu-north-1.amazoncognito.com/oauth2/token',
     'https://3dp4me-users.auth.eu-north-1.amazoncognito.com/oauth2/token',
     'https://3dp4me-prosthetic-users.auth.eu-north-1.amazoncognito.com/oauth2/token',
     'https://cognito-identity.eu-north-1.amazonaws.com/',
diff --git a/apps/frontend/public/index.html b/apps/frontend/public/index.html
index f2dbe3fb..17554a40 100644
--- a/apps/frontend/public/index.html
+++ b/apps/frontend/public/index.html
@@ -24,7 +24,7 @@
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-        <link rel="manifest" href="/manifest.json" />
+        <!-- <link rel="manifest" href="/manifest.json" /> -->
         <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
diff --git a/apps/frontend/webpack.config.mjs b/apps/frontend/webpack.config.mjs
index 275ac24e..492ccf17 100644
--- a/apps/frontend/webpack.config.mjs
+++ b/apps/frontend/webpack.config.mjs
@@ -1,103 +1,112 @@
 import Dotenv from "dotenv-webpack";
-// const path = require("path")
-import path from "path";
-// import { Configuration } from "webpack";
 import CopyWebpackPlugin from "copy-webpack-plugin";
 import HtmlWebpackPlugin from "html-webpack-plugin";
-import nodeExternals from "webpack-node-externals"
 
-const config = {
-  mode: "production",
-  entry: "./src/index.tsx",
-  module: {
-    rules: [
-      {
-        test: /\.(js|jsx)$/,
-        exclude: /node_modules/,
-        use: {
-          loader: 'babel-loader',
-        }
-      },
+const config = (env) => {
+  let frontendUrl = 'http://localhost:8080';
+  if (env.production)
+    frontendUrl = `https://${process.env.PROJECT_NAME}.3dp4me-software.org/`
 
-      {
-        test: /\.s[ac]ss$/i,
-        use: [
-          // Creates `style` nodes from JS strings
-          "style-loader",
-          // Translates CSS into CommonJS
-          "css-loader",
-          // Compiles Sass to CSS
-          "sass-loader",
-        ],
-      },
+  let envPrefix = "development"
+  if (env.production)
+      envPrefix = "production"
 
-      {
-        test: /\.(gif|png|jpe?g|svg)$/i,
-        use: [
-          'file-loader',
-          {
-            loader: 'image-webpack-loader',
-            options: {
-              disable: true,
-            },
-          },
-        ],
-      },
-
-      { test: /\.([cm]?ts|tsx)$/, loader: "ts-loader", exclude: /node_modules/ },
+  const dotenvPath = `./${envPrefix}.${process.env.PROJECT_NAME}.env`
 
-      {
-        test: /\.css$/,
-        use: ["style-loader", "css-loader"],
-      },
+  return {
+    mode: "production",
+    entry: "./src/index.tsx",
+    module: {
+      rules: [
+        {
+          test: /\.(js|jsx)$/,
+          exclude: /node_modules/,
+          use: {
+            loader: 'babel-loader',
+          }
+        },
 
-      {
-        test: /\.m?js/,
-        resolve: {
-            fullySpecified: false
-        }
-      },
-    ],
-  },
-  resolve: {
-    extensions: [".tsx", ".ts", ".js"],
-    extensionAlias: {
-      ".js": [".js", ".ts"],
-      ".cjs": [".cjs", ".cts"],
-      ".mjs": [".mjs", ".mts"]
-    }
-  },
-  output: {
-    filename: "bundle.js",
-  },
-  plugins: [
-    new CopyWebpackPlugin({
-      patterns: [
         {
-          from: "public/3dp4me_logo.png",
+          test: /\.s[ac]ss$/i,
+          use: [
+            // Creates `style` nodes from JS strings
+            "style-loader",
+            // Translates CSS into CommonJS
+            "css-loader",
+            // Compiles Sass to CSS
+            "sass-loader",
+          ],
         },
+
         {
-          from: "public/favicon.ico",
+          test: /\.(gif|png|jpe?g|svg)$/i,
+          use: [
+            'file-loader',
+            {
+              loader: 'image-webpack-loader',
+              options: {
+                disable: true,
+              },
+            },
+          ],
         },
+
+        { test: /\.([cm]?ts|tsx)$/, loader: "ts-loader", exclude: /node_modules/ },
+
         {
-          from: "public/robots.txt",
+          test: /\.css$/,
+          use: ["style-loader", "css-loader"],
         },
+
         {
-          from: "public/manifest.json",
+          test: /\.m?js/,
+          resolve: {
+            fullySpecified: false
+          }
         },
       ],
-    }),
+    },
+    resolve: {
+      extensions: [".tsx", ".ts", ".js"],
+      extensionAlias: {
+        ".js": [".js", ".ts"],
+        ".cjs": [".cjs", ".cts"],
+        ".mjs": [".mjs", ".mts"]
+      }
+    },
+    output: {
+      filename: "bundle.js",
+    },
+    plugins: [
+      new CopyWebpackPlugin({
+        patterns: [
+          {
+            from: "public/3dp4me_logo.png",
+          },
+          {
+            from: "public/favicon.ico",
+          },
+          {
+            from: "public/robots.txt",
+          },
+          {
+            from: "public/manifest.json",
+          },
+        ],
+      }),
+
 
-    new HtmlWebpackPlugin({
-      template: "./public/index.html",
-      base: `https://${process.env.PROJECT_NAME}.3dp4me-software.org/`
-    }),
+      new HtmlWebpackPlugin({
+        template: "./public/index.html",
+        base: frontendUrl
+      }),
 
-    new Dotenv({
-      path: `./production.${process.env.PROJECT_NAME}.env`,
-      safe: true,
-    }),
-  ],
+      new Dotenv({
+        path: dotenvPath,
+        safe: true,
+      }),
+    ],
+  }
 };
 
 export default config;
\ No newline at end of file

From 9ae1f44ef6f74dcc15b81245c760ae992151c912 Mon Sep 17 00:00:00 2001
From: Matthew Walowski <mattwalowski@gmail.com>
Date: Wed, 29 Jan 2025 19:12:19 -0600
Subject: [PATCH 2/3] add .env

---
 apps/frontend/development.hearing.env | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 apps/frontend/development.hearing.env

diff --git a/apps/frontend/development.hearing.env b/apps/frontend/development.hearing.env
new file mode 100644
index 00000000..ed5c5e2e
--- /dev/null
+++ b/apps/frontend/development.hearing.env
@@ -0,0 +1,19 @@
+# This file was automatically generated by [Doppler](doppler.com)
+# Project Name: frontend
+# Project Description: 
+# Config Name: dev
+# Last Updated: Sat Jan 04 2025 16:19:54 GMT+0000 (GMT)
+# Link: https://dashboard.doppler.com/workplace/6feba8570cce3edf8a4b/projects/frontend/configs/dev
+
+
+DOPPLER_CONFIG="dev"
+DOPPLER_ENVIRONMENT="dev"
+DOPPLER_PROJECT="frontend"
+REACT_APP_BACKEND_BASE_URL="http://localhost:8080/api"
+REACT_APP_CALLBACK_URL="http://localhost:8080"
+REACT_APP_COGNITO_IDENTITY_POOL_ID="eu-north-1:a1c808b0-fb7e-43ea-9e1d-d92d407a5aaf"
+REACT_APP_COGNITO_REGION="eu-north-1"
+REACT_APP_COGNITO_USER_POOL_ID="eu-north-1_9y4klV5OF"
+REACT_APP_COGNITO_WEB_CLIENT_ID="2l6qlh6f8vv8tfelur0s0vkojo"
+REACT_APP_GOOGLE_MAPS_API_KEY="AIzaSyDMLKE536wFJnis6T_0p7xdkdzpcHyghBU"
+REACT_APP_OAUTH_DOMAIN="3dp4me-dev.auth.eu-north-1.amazoncognito.com"
\ No newline at end of file

From 55a9d5f97d2b5abe16d082b906328794f72876eb Mon Sep 17 00:00:00 2001
From: Matthew Walowski <mattwalowski@gmail.com>
Date: Wed, 29 Jan 2025 19:13:27 -0600
Subject: [PATCH 3/3] add manifest back

---
 apps/frontend/public/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/frontend/public/index.html b/apps/frontend/public/index.html
index 17554a40..f2dbe3fb 100644
--- a/apps/frontend/public/index.html
+++ b/apps/frontend/public/index.html
@@ -24,7 +24,7 @@
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-        <!-- <link rel="manifest" href="/manifest.json" /> -->
+        <link rel="manifest" href="/manifest.json" />
         <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.