(#133) Add a token map for widgets

Closes #133

Author: jfrank-nih

.github/workflows/deploy.yml

@@ -33,13 +33,50 @@ jobs:
       # Sets up our deployment 
       - uses: "./.github/workflows/composite/setup"
 
+
+      ########## Widget Package ##########
+
+      # Update widget tokens
+      # Our own solution instead of --tokenMap because we need to replace values inside a JSON object
+      # and Akumina's solution only supports string values
+      - name: Update widget tokens
+        id: tokens
+        if: inputs.deploy-widgets
+        shell: pwsh
+        env:
+          WIDGET_TOKENS: ${{ vars.WIDGET_TOKENS }}
+        run: |
+          $mappingJson = $env:WIDGET_TOKENS
+          $mapping = $mappingJson | ConvertFrom-Json
+
+          $TargetDirectory = "src/js/widgets"
+          $files = Get-ChildItem -Path $TargetDirectory -Recurse -Filter "*.json"
+
+          foreach ($file in $files) {
+              $content = Get-Content $file.FullName -Raw
+              $fileReplacements = 0
+              foreach ($key in $mapping.PSObject.Properties.Name) {
+                  $searchKey = "GHA_$key"
+                  $value = $mapping.$key
+                  if ($content -match [regex]::Escape($searchKey)) {
+                    $content = $content -replace [regex]::Escape($searchKey), $value
+                    $fileReplacements++
+                  }
+              }
+              if ($fileReplacements -gt 0) {
+                Set-Content -Path $file.FullName -Value $content
+                Write-Host "$fileReplacements token(s) replaced with values from GHA environment in $($file.FullName)."
+              }
+          }
+        
       # Package the widgets (must run before build)
-      - name: Package Widgets
+      - name: Package widgets
         if: inputs.deploy-widgets
-        # TO-DO: Implement tokenMap
-        #run: npm run package ${{ inputs.widget_name }} -- --tokenMap ${{ inputs.token_map }}
+        # npm run package -- --tokenMap "${{ steps.tokens.outputs.WIDGET_TOKEN_STRING }}" 
         run: npm run package
 
+      ########## Build ##########
+
       # Runs webpack to copy the source to the build folder
       - name: Build
         run: npm run build${{ inputs.environment == 'Prod' && '-prod-ci' || ''}}
@@ -54,7 +91,7 @@ jobs:
           deployment_type: "cdnassets"
 
       # Runs akumina-widget-builder with the cdnpackage option to prep widgets for deployment
-      - name: Package Widgets for CDN
+      - name: Package widgets for CDN
         if: inputs.deploy-widgets
         run: npm run cdnpackage
 
@@ -80,7 +117,7 @@ jobs:
           deployment_type: "widgets"
 
       # Runs site deployer
-      - name: Deploy Widgets
+      - name: Deploy widgets
         if: inputs.deploy-widgets
         run: npm run deploy
         env:

site/.gitignore

@@ -2,9 +2,10 @@
 # Exclude things copied in via webpack
 build/sitedefinitions/Client/Branding/*
 build/sitedefinitions/Client/CDNAssets/*
+build/sitedefinitions/Client/WidgetPackages/*
 
 # Exclude the distribution widgets
-dist/widgets/*
+dist/*
 
 # Exclude the tools
 tools/*

site/src/js/widgets/BlogsWidget/config/config.json

@@ -16,7 +16,7 @@
       {
         "Name": "blogslatesthomeversion",
         "Path": "/{AssetLibraryName}/DigitalWorkPlace/Content/Templates/BlogsWidget/blogslatesthomeversion.html",
-        "Id":"03b63f18-957c-49b2-af66-595d85eb0639"
+        "Id": "03b63f18-957c-49b2-af66-595d85eb0639"
       }
     ],
     "JS": {
@@ -57,26 +57,26 @@
         {
           "name": "searchrefiners",
           "value": {
-            "termStoreId": "9f6b3be8-ba1a-4111-ae41-3d7d6617b251",
+            "termStoreId": "{GHA_termsetCategoryToken}",
             "terms": [
               {
                 "managedPropertyName": "SPTags",
                 "displayName": "common.tags",
-                "id": "f7fece51-494f-48df-824d-f21cdd9a0146",
+                "id": "{GHA_termTagsToken}",
                 "taxonomyIsTermSet": false,
                 "termSetName": "Category"
               },
               {
                 "managedPropertyName": "Departments",
                 "displayName": "common.departments",
-                "id": "ef90fc48-1b8a-4242-bbda-df722c8b3a47",
+                "id": "{GHA_termLocationsToken}",
                 "taxonomyIsTermSet": false,
                 "termSetName": "Category"
               },
               {
                 "managedPropertyName": "Region",
                 "displayName": "common.regions",
-                "id": "5b1272bd-6012-4a2a-a5c7-8b718ec23521",
+                "id": "{GHA_termDepartmentsToken}",
                 "taxonomyIsTermSet": false,
                 "termSetName": "Category"
               }
@@ -173,26 +173,26 @@
         {
           "name": "searchrefiners",
           "value": {
-            "termStoreId": "",
+            "termStoreId": "{GHA_termsetCategoryToken}",
             "terms": [
               {
                 "managedPropertyName": "SPTags",
                 "displayName": "common.tags",
-                "id": "f7fece51-494f-48df-824d-f21cdd9a0146",
+                "id": "{GHA_termTagsToken}",
                 "taxonomyIsTermSet": false,
                 "termSetName": "Category"
               },
               {
                 "managedPropertyName": "Departments",
                 "displayName": "common.departments",
-                "id": "ef90fc48-1b8a-4242-bbda-df722c8b3a47",
+                "id": "{GHA_termLocationsToken}",
                 "taxonomyIsTermSet": false,
                 "termSetName": "Category"
               },
               {
                 "managedPropertyName": "Region",
                 "displayName": "common.regions",
-                "id": "5b1272bd-6012-4a2a-a5c7-8b718ec23521",
+                "id": "{GHA_termDepartmentsToken}",
                 "taxonomyIsTermSet": false,
                 "termSetName": "Category"
               }
@@ -262,4 +262,4 @@
     "IsDashboardWidget": false,
     "IsAppManagerWidget": false
   }
-}
+}

site/src/js/widgets/LaunchPadWidget/config/config.json

@@ -36,13 +36,13 @@
         {
           "name": "groupby",
           "value": {
-            "termStoreId": "9f6b3be8-ba1a-4111-ae41-3d7d6617b251",
+            "termStoreId": "{GHA_termsetCategoryToken}",
             "termSetName": "Category",
             "terms": {
               "name": "Departments",
               "displayName": "Departments",
               "columnName": "Departments",
-              "id": "19b184fe-a269-44fc-a939-b590dd9379ea"
+              "id": "{GHA_termDepartmentsToken}"
             }
           }
         },
@@ -85,4 +85,4 @@
     "IsDashboardWidget": false,
     "IsAppManagerWidget": false
   }
-}
+}