fix: creating change requests in private cloud UI (#2953)

api/app/templates/.gitignore

@@ -1,4 +1,3 @@
-# Ignore Webpack Templates Folder
-# Front-end production template builds are copied here by webpack. Files in this folder should not be committed to git.
+# Front-end production template builds are copied here by webpack. HTML files in this folder should not be committed to git.
 
-webpack
+webpack/**.html

api/app/views.py

@@ -25,10 +25,7 @@ def index(request):
         return HttpResponse(status=405, content_type="application/json")
 
     template = loader.get_template("webpack/index.html")
-    context = {
-        "linkedin_api_key": settings.LINKEDIN_API_KEY,
-    }
-    return HttpResponse(template.render(context, request))
+    return HttpResponse(template.render(request=request))
 
 
 def project_overrides(request):

frontend/package.json

@@ -20,7 +20,7 @@
     "typecheck": "tsc",
     "dev": "cross-env npm run env && npx nodemon --watch ./api --ignore server/config/config.json --watch webpack --exec node ./api",
     "bundle": "npx webpack --config ./webpack/webpack.config.prod.js",
-    "bundledjango": "mkdir -p ../api/app/templates/webpack/ && npx webpack --config ./webpack/webpack.config.django.prod.js && rm -f ../api/app/templates/webpack/index.html && rm -f ../api/static/static/project-overrides.js && cp ../api/static/index.html ../api/app/templates/webpack/index.html"
+    "bundledjango": "npx webpack --config ./webpack/webpack.config.django.prod.js"
   },
   "engines": {
     "node": "16.x",

frontend/webpack/webpack.config.django.prod.js

@@ -58,8 +58,8 @@ module.exports = {
             ),
 
         ]).concat(require('./pages').map(page => new HtmlWebpackPlugin({
-            filename: `${page}.html`, // output template
-            template: `../api/app/templates/${page}.html`, // template to use
+            filename: `../app/templates/webpack/${page}.html`, // output template (relative from static dir)
+            template: `web/${page}.html`, // template to use (use the same template used for running FE outside of vercel)
             'assets': { // add these script/link tags
                 'client': '/[fullhash].js',
                 'style': 'style.[fullhash].css',