Fix the deployment to text-compare2 on azure (#62)

* Fix the deployment to text-compare2 on azure

* trigger the build

* add deployment config for azure

* add deployment script for netlify and render

* revert to main

Author: jojozhuang

.github/workflows/main_text-compare2.yml

@@ -26,30 +26,31 @@ jobs:
       - name: npm install, build, and test
         run: |
           npm install
-          npm run build --if-present
-          npm run test --if-present
+          npm run build:azure
+          npm run test:headless
 
       - name: Upload artifact for deployment job
         uses: actions/upload-artifact@v4
         with:
           name: node-app
-          path: .
+          path: ./dist/browser
 
   deploy:
     runs-on: ubuntu-latest
     needs: build
-    
+
     steps:
       - name: Download artifact from build job
         uses: actions/download-artifact@v4
         with:
           name: node-app
-      
+
       - name: 'Deploy to Azure Web App'
         id: deploy-to-webapp
         uses: azure/webapps-deploy@v3
         with:
           app-name: 'text-compare2'
           slot-name: 'Production'
           package: .
-          publish-profile: ${{ secrets.AZUREAPPSERVICE_PUBLISHPROFILE_23137CCA3349499E9B3DCC0705F4C348 }}
+          publish-profile: ${{ secrets.AZUREAPPSERVICE_PUBLISHPROFILE_23137CCA3349499E9B3DCC0705F4C348 }}
+          clean: true

angular.json

@@ -42,6 +42,63 @@
             "browser": "src/main.ts"
           },
           "configurations": {
+            "azure": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "namedChunks": false,
+              "extractLicenses": true,
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.azure.ts"
+                }
+              ]
+            },
+            "netlify": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "namedChunks": false,
+              "extractLicenses": true,
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.netlify.ts"
+                }
+              ]
+            },
+            "render": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "namedChunks": false,
+              "extractLicenses": true,
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.render.ts"
+                }
+              ]
+            },
             "nas": {
               "budgets": [
                 {
@@ -90,6 +147,15 @@
             "buildTarget": "text-compare-angular:build"
           },
           "configurations": {
+            "azure": {
+              "buildTarget": "text-compare-angular:build:azure"
+            },
+            "netlify": {
+              "buildTarget": "text-compare-angular:build:netlify"
+            },
+            "render": {
+              "buildTarget": "text-compare-angular:build:render"
+            },
             "nas": {
               "buildTarget": "text-compare-angular:build:nas"
             },

package.json

@@ -12,6 +12,9 @@
     "start:nas": "ng serve --configuration nas",
     "start:mock": "node server.js",
     "build": "ng build --configuration production",
+    "build:azure": "ng build --configuration azure",
+    "build:netlify": "ng build --configuration netlify",
+    "build:render": "ng build --configuration render",
     "build:nas": "ng build --configuration nas",
     "build:cross:env": "rimraf dist compiled && cross-env SOURCE_MAP=0 ng build --configuration production",
     "test": "ng test",

src/environments/environment.azure.ts

@@ -0,0 +1,4 @@
+export const environment = {
+  production: true,
+  env_name: 'Azure'
+};

src/environments/environment.netlify.ts

@@ -0,0 +1,4 @@
+export const environment = {
+  production: true,
+  env_name: 'Netlify'
+};

src/environments/environment.render.ts

@@ -0,0 +1,4 @@
+export const environment = {
+  production: true,
+  env_name: 'Render'
+};