Release Candidate - Materials 1.4

.prettierrc

@@ -1,6 +1,7 @@
 {
   "singleQuote": true,
-  "trailingComma": "none",
+  "trailingComma": "all",
+  "printWidth": 100,
   "objectWrap": "collapse",
   "semi": true,
   "useTabs": false,

materials_devops_pipelines/Materials-PR.yml

@@ -44,7 +44,7 @@ stages:
   - stage: Wait_For_Running_PRs
     displayName: Wait for running PRs
     jobs:
-      - job:
+      - job: Query_Status
         pool:
           name: $(dev-build-agent)
         steps:
@@ -61,7 +61,7 @@ stages:
           name: $(dev-build-agent)
         steps:
           - checkout: self
-            fetchDepth: 0
+            fetchDepth: '0'
 
           - task: PowerShell@2
             inputs:
@@ -187,10 +187,10 @@ stages:
         steps:
 
           # Setup Node.js
-          - task: UseNode@1
+          - task: NodeTool@0
             displayName: "Use Node.js"
             inputs:
-              version: "$(nodeVersion)"
+              versionSpec: "$(nodeVersion)"
 
           - task: Npm@1
             inputs:
@@ -234,19 +234,19 @@ stages:
 
           - script: |
               npx playwright install
-             displayName: 'Install Playwright browsers'
-             condition: ne(variables['PLAYWRIGHT_CACHE_RESTORED'], 'true')
-             workingDirectory: '$(workingDir)'
-             env:
-               PLAYWRIGHT_BROWSERS_PATH: '$(Pipeline.Workspace)/.playwright'
+            displayName: 'Install Playwright browsers'
+            condition: ne(variables['PLAYWRIGHT_CACHE_RESTORED'], 'true')
+            workingDirectory: '$(workingDir)'
+            env:
+              PLAYWRIGHT_BROWSERS_PATH: '$(Pipeline.Workspace)/.playwright'
 
-           - script: |
-               npx playwright install-deps
-             displayName: 'Install Playwright OS dependencies'
-             condition: and(eq(variables['Agent.OS'], 'Linux'), ne(variables['PLAYWRIGHT_CACHE_RESTORED'], 'true'))
-             workingDirectory: '$(workingDir)'
-             env:
-               PLAYWRIGHT_BROWSERS_PATH: '$(Pipeline.Workspace)/.playwright'
+          - script: |
+              npx playwright install-deps
+            displayName: 'Install Playwright OS dependencies'
+            condition: and(eq(variables['Agent.OS'], 'Linux'), ne(variables['PLAYWRIGHT_CACHE_RESTORED'], 'true'))
+            workingDirectory: '$(workingDir)'
+            env:
+              PLAYWRIGHT_BROWSERS_PATH: '$(Pipeline.Workspace)/.playwright'
 
           - script: |
               npx playwright install msedge
@@ -279,19 +279,19 @@ stages:
               VITE_GLOBAL_SCRIPT_URL: $(GLOBAL_SCRIPT_URL)
               VITE_E2E: True
 
-           - task: PublishPipelineArtifact@1
-             displayName: 'Publish E2E Artifact'
-             inputs:
-               targetPath: '$(workingDir)/tests/playwright-report'
-               artifact: 'playwright-report'
-               publishLocation: 'pipeline'
-             condition: succeededOrFailed() 
+          - task: PublishPipelineArtifact@1
+            displayName: 'Publish E2E Artifact'
+            inputs:
+              targetPath: '$(workingDir)/tests/playwright-report'
+              artifact: 'playwright-report'
+              publishLocation: 'pipeline'
+            condition: succeededOrFailed() 
 
-           - task: PublishTestResults@2
-             displayName: 'Publish E2E Test Results (JUnit)'
-             inputs:
-               testResultsFormat: 'JUnit'
-               testResultsFiles: '$(workingDir)/tests/e2e-test-results.xml'
-               testRunTitle: 'E2E Tests'
-               publishRunAttachments: false
-             condition: always()
+          - task: PublishTestResults@2
+            displayName: 'Publish E2E Test Results (JUnit)'
+            inputs:
+              testResultsFormat: 'JUnit'
+              testResultsFiles: '$(workingDir)/tests/e2e-test-results.xml'
+              testRunTitle: 'E2E Tests'
+              publishRunAttachments: false
+            condition: always()

materials_devops_pipelines/Materials-UI-Build-Dev.yml

@@ -26,6 +26,7 @@ variables:
     value: "materials_ui"
   - group: materials-global
   - group: materials-ui-spa-dev
+  - group: materials-kv-dev-terraform
 
 pool:
   name: $(dev-build-agent)
@@ -94,6 +95,9 @@ stages:
               VITE_GLOBAL_SCRIPT_URL: $(GLOBAL_SCRIPT_URL)
               VITE_REDACTION_LOG_URL: $(VITE_REDACTION_LOG_URL)
               VITE_REDACTION_LOG_SCOPE: $(VITE_REDACTION_LOG_SCOPE)
+              VITE_APPLICATIONINSIGHTS_CONNECTION_STRING: $(innovation-development-app-insights-connection-string)
+              VITE_APPLICATIONINSIGHTS_SAMPLING_PERCENTAGE: $(APPLICATIONINSIGHTS_SAMPLING_PERCENTAGE)
+              VITE_APPLICATIONINSIGHTS_CLOUD_ROLE: $(APPLICATIONINSIGHTS_CLOUD_ROLE)
 
           - task: replacetokens@5
             displayName: "Set environment specific CSP in serve.json"

materials_devops_pipelines/Materials-UI-Build-Prod.yml

@@ -26,6 +26,7 @@ variables:
     value: "materials_ui"
   - group: materials-global
   - group: materials-ui-spa-prod
+  - group: materials-kv-prod-terraform
 
 pool:
   name: $(prod-build-agent)
@@ -94,7 +95,10 @@ stages:
               VITE_GLOBAL_SCRIPT_URL: $(GLOBAL_SCRIPT_URL)
               VITE_REDACTION_LOG_URL: $(VITE_REDACTION_LOG_URL)
               VITE_REDACTION_LOG_SCOPE: $(VITE_REDACTION_LOG_SCOPE)
-
+              VITE_APPLICATIONINSIGHTS_CONNECTION_STRING: $(innovation-prod-app-insights-connection-string)
+              VITE_APPLICATIONINSIGHTS_SAMPLING_PERCENTAGE: $(APPLICATIONINSIGHTS_SAMPLING_PERCENTAGE)
+              VITE_APPLICATIONINSIGHTS_CLOUD_ROLE: $(APPLICATIONINSIGHTS_CLOUD_ROLE)
+
           - task: replacetokens@5
             displayName: "Set environment specific CSP in serve.json"
             inputs:

materials_devops_pipelines/Materials-UI-Build-Staging.yml

@@ -26,6 +26,7 @@ variables:
     value: "materials_ui"
   - group: materials-global
   - group: materials-ui-spa-stg
+  - group: materials-kv-stg-terraform
 
 pool:
   name: $(stg-build-agent)
@@ -94,6 +95,9 @@ stages:
               VITE_GLOBAL_SCRIPT_URL: $(GLOBAL_SCRIPT_URL)
               VITE_REDACTION_LOG_URL: $(VITE_REDACTION_LOG_URL)
               VITE_REDACTION_LOG_SCOPE: $(VITE_REDACTION_LOG_SCOPE)
+              VITE_APPLICATIONINSIGHTS_CONNECTION_STRING: $(innovation-qa-app-insights-connection-string)
+              VITE_APPLICATIONINSIGHTS_SAMPLING_PERCENTAGE: $(APPLICATIONINSIGHTS_SAMPLING_PERCENTAGE)
+              VITE_APPLICATIONINSIGHTS_CLOUD_ROLE: $(APPLICATIONINSIGHTS_CLOUD_ROLE)
 
           - task: replacetokens@5
             displayName: "Set environment specific CSP in serve.json"

materials_ui/.env.example

@@ -8,6 +8,10 @@ VITE_POLARIS_GATEWAY_SCOPE=
 VITE_REDACTION_LOG_URL=
 VITE_REDACTION_LOG_SCOPE=
 
+VITE_APPLICATIONINSIGHTS_CONNECTION_STRING=
+VITE_APPLICATIONINSIGHTS_SAMPLING_PERCENTAGE=
+VITE_APPLICATIONINSIGHTS_CLOUD_ROLE=
+
 VITE_GLOBAL_SCRIPT_URL=
 
 VITE_DISABLE_FEATURE_FLAGS=

materials_ui/.prettierrc

@@ -1,7 +1,8 @@
 {
   "plugins": ["prettier-plugin-organize-imports"],
   "singleQuote": true,
-  "trailingComma": "none",
+  "trailingComma": "all",
+  "printWidth": 100,
   "objectWrap": "collapse",
   "semi": true,
   "useTabs": false,

materials_ui/eslint.config.js

@@ -14,20 +14,13 @@ export default [
     plugins: { 'react-hooks': reactHooks, 'react-refresh': reactRefresh },
     rules: {
       ...reactHooks.configs.recommended.rules,
-      'react-refresh/only-export-components': [
-        'warn',
-        { allowConstantExport: true }
-      ],
+      'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
       'react-hooks/exhaustive-deps': 'off',
       '@typescript-eslint/no-unused-vars': [
         'error',
-        {
-          argsIgnorePattern: '^_',
-          varsIgnorePattern: '^_',
-          caughtErrorsIgnorePattern: '^_'
-        }
+        { argsIgnorePattern: '^_', varsIgnorePattern: '^_', caughtErrorsIgnorePattern: '^_' },
       ],
-      '@typescript-eslint/no-explicit-any': 'warn'
-    }
-  }
+      '@typescript-eslint/no-explicit-any': 'warn',
+    },
+  },
 ];