Build fixes (#369)

* Update baseHref for production and staging * Include vendor chunk during wc build * More build fixes
hubmapconsortium · May 3, 2024 · 26a84d1 · 26a84d1
1 parent 519cd48
commit 26a84d1
Show file tree

Hide file tree

Showing 15 changed files with 73 additions and 11 deletions.
diff --git a/apps/asctb-reporter/project.json b/apps/asctb-reporter/project.json
@@ -35,6 +35,7 @@
       },
       "configurations": {
         "production": {
+          "baseHref": "/ui/asctb-reporter/",
           "fileReplacements": [
             {
               "replace": "apps/asctb-reporter/src/environments/environment.ts",
@@ -62,6 +63,7 @@
           ]
         },
         "staging": {
+          "baseHref": "/ui--staging/asctb-reporter/",
           "fileReplacements": [
             {
               "replace": "apps/asctb-reporter/src/environments/environment.ts",

diff --git a/apps/asctb-reporter/src/index.html b/apps/asctb-reporter/src/index.html
@@ -3,7 +3,6 @@
   <head>
     <meta charset="utf-8" />
     <title>HuBMAP CCF ASCT+B Reporter</title>
-    <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <!-- Primary Meta Tags -->
     <meta name="title" content="ASCT+B Reporter" />

diff --git a/apps/ccf-body-ui-wc/project.json b/apps/ccf-body-ui-wc/project.json
@@ -33,6 +33,7 @@
       },
       "configurations": {
         "production": {
+          "baseHref": "/ui/ccf-body-ui-wc/",
           "budgets": [
             {
               "type": "initial",
@@ -53,6 +54,34 @@
           ],
           "outputHashing": "none"
         },
+        "staging": {
+          "baseHref": "/ui--staging/ccf-body-ui-wc/",
+          "fileReplacements": [
+            {
+              "replace": "apps/ccf-body-ui-wc/src/environments/environment.ts",
+              "with": "apps/ccf-body-ui-wc/src/environments/environment.staging.ts"
+            }
+          ],
+          "optimization": true,
+          "outputHashing": "none",
+          "sourceMap": false,
+          "namedChunks": false,
+          "extractLicenses": true,
+          "vendorChunk": false,
+          "buildOptimizer": true,
+          "budgets": [
+            {
+              "type": "initial",
+              "maximumWarning": "2mb",
+              "maximumError": "5mb"
+            },
+            {
+              "type": "anyComponentStyle",
+              "maximumWarning": "6kb",
+              "maximumError": "10kb"
+            }
+          ]
+        },
         "development": {
           "buildOptimizer": false,
           "optimization": false,
@@ -71,7 +100,7 @@
           "namedChunks": true
         }
       },
-      "defaultConfiguration": "production"
+      "defaultConfiguration": ""
     },
     "serve": {
       "executor": "@angular-devkit/build-angular:dev-server",

diff --git a/apps/ccf-body-ui-wc/src/index.html b/apps/ccf-body-ui-wc/src/index.html
@@ -3,7 +3,6 @@
   <head>
     <meta charset="utf-8" />
     <title>HuBMAP CCF Body UI</title>
-    <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
   </head>

diff --git a/apps/ccf-eui/project.json b/apps/ccf-eui/project.json
@@ -39,6 +39,7 @@
       },
       "configurations": {
         "production": {
+          "baseHref": "/ui/ccf-eui/",
           "fileReplacements": [
             {
               "replace": "apps/ccf-eui/src/environments/environment.ts",
@@ -66,6 +67,7 @@
           ]
         },
         "staging": {
+          "baseHref": "/ui--staging/ccf-eui/",
           "fileReplacements": [
             {
               "replace": "apps/ccf-eui/src/environments/environment.ts",

diff --git a/apps/ccf-organ-info/project.json b/apps/ccf-organ-info/project.json
@@ -33,6 +33,7 @@
       },
       "configurations": {
         "production": {
+          "baseHref": "/ui/ccf-organ-info/",
           "budgets": [
             {
               "type": "initial",
@@ -54,6 +55,7 @@
           "outputHashing": "none"
         },
         "staging": {
+          "baseHref": "/ui--staging/ccf-organ-info/",
           "budgets": [
             {
               "type": "initial",
@@ -92,7 +94,7 @@
           "namedChunks": true
         }
       },
-      "defaultConfiguration": "production"
+      "defaultConfiguration": ""
     },
     "serve": {
       "executor": "@angular-devkit/build-angular:dev-server",

diff --git a/apps/ccf-organ-info/src/index.html b/apps/ccf-organ-info/src/index.html
@@ -3,7 +3,6 @@
   <head>
     <meta charset="utf-8" />
     <title>HuBMAP CCF Organ Info Component</title>
-    <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap" rel="stylesheet" />

diff --git a/apps/ccf-rui/project.json b/apps/ccf-rui/project.json
@@ -35,6 +35,7 @@
       },
       "configurations": {
         "production": {
+          "baseHref": "/ui/ccf-rui/",
           "fileReplacements": [
             {
               "replace": "apps/ccf-rui/src/environments/environment.ts",
@@ -62,6 +63,7 @@
           ]
         },
         "staging": {
+          "baseHref": "/ui--staging/ccf-rui/",
           "fileReplacements": [
             {
               "replace": "apps/ccf-rui/src/environments/environment.ts",

diff --git a/apps/ccf-rui/src/index.html b/apps/ccf-rui/src/index.html
@@ -3,7 +3,6 @@
   <head>
     <meta charset="utf-8" />
     <title>HuBMAP CCF Registration User Interface (CCF-RUI)</title>
-    <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&amp;display=swap" rel="stylesheet" />

diff --git a/apps/ftu-ui-small-wc/project.json b/apps/ftu-ui-small-wc/project.json
@@ -26,6 +26,7 @@
       },
       "configurations": {
         "production": {
+          "baseHref": "/ui/ftu-ui-small-wc/",
           "budgets": [
             {
               "type": "initial",
@@ -47,6 +48,19 @@
           "extractLicenses": false,
           "sourceMap": true,
           "namedChunks": true
+        },
+        "staging": {
+          "baseHref": "/ui--staging/ftu-ui-small-wc/",
+          "outputHashing": "none"
+        },
+        "preview": {
+          "baseHref": "/apps/ftu-ui-small-wc/",
+          "buildOptimizer": false,
+          "optimization": false,
+          "vendorChunk": true,
+          "extractLicenses": false,
+          "sourceMap": true,
+          "namedChunks": true
         }
       },
       "defaultConfiguration": "production"

diff --git a/apps/ftu-ui/project.json b/apps/ftu-ui/project.json
@@ -25,7 +25,7 @@
       },
       "configurations": {
         "production": {
-          "baseHref": "/hra-ui/apps/ftu-ui/",
+          "baseHref": "/ui/ftu-ui/",
           "outputHashing": "none",
           "budgets": [
             {
@@ -49,7 +49,7 @@
           "namedChunks": true
         },
         "staging": {
-          "baseHref": "/apps/ftu-ui/",
+          "baseHref": "/ui--staging/ftu-ui/",
           "outputHashing": "none"
         },
         "preview": {

diff --git a/apps/humanatlas.io/project.json b/apps/humanatlas.io/project.json
@@ -37,6 +37,7 @@
       },
       "configurations": {
         "production": {
+          "baseHref": "/ui/humanatlas.io/",
           "budgets": [
             {
               "type": "initial",
@@ -66,7 +67,7 @@
           "namedChunks": true
         },
         "staging": {
-          "baseHref": "/apps/humanatlas.io/",
+          "baseHref": "/ui--staging/humanatlas.io/",
           "outputHashing": "none"
         },
         "preview": {

diff --git a/apps/humanatlas.io/src/index.html b/apps/humanatlas.io/src/index.html
@@ -3,7 +3,6 @@
   <head>
     <meta charset="utf-8" />
     <title>Human Reference Atlas Portal</title>
-    <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
     <link rel="preconnect" href="https://fonts.gstatic.com" />

diff --git a/apps/medical-illustration/project.json b/apps/medical-illustration/project.json
@@ -24,6 +24,7 @@
       },
       "configurations": {
         "production": {
+          "baseHref": "/ui/medical-illustration/",
           "budgets": [
             {
               "type": "initial",
@@ -45,9 +46,22 @@
           "extractLicenses": false,
           "sourceMap": true,
           "namedChunks": true
+        },
+        "staging": {
+          "baseHref": "/ui--staging/medical-illustration/",
+          "outputHashing": "none"
+        },
+        "preview": {
+          "baseHref": "/apps/medical-illustration/",
+          "buildOptimizer": false,
+          "optimization": false,
+          "vendorChunk": true,
+          "extractLicenses": false,
+          "sourceMap": true,
+          "namedChunks": true
         }
       },
-      "defaultConfiguration": "production"
+      "defaultConfiguration": ""
     },
     "serve": {
       "executor": "@angular-devkit/build-angular:dev-server",

diff --git a/tools/scripts/build-webcomponent.mjs b/tools/scripts/build-webcomponent.mjs
@@ -11,6 +11,7 @@ async function build(app_name) {
     `${distDir}/runtime*.js`,
     `${distDir}/polyfills*.js`,
     `${distDir}/scripts*.js`,
+    `${distDir}/vendor*.js`,
     `${distDir}/main*.js`,
   ]);