azure-pipelines.yml

pr:
  - master

# There's a separate pipeline for CI which also uses this file, but with a trigger override in the UI
# https://dev.azure.com/uifabric/fabricpublic/_apps/hub/ms.vss-ciworkflow.build-ci-hub?_a=edit-build-definition&id=164&view=Tab_Triggers
trigger: none

variables:
  - ${{ if not(startsWith(variables['Build.SourceBranch'], 'refs/heads/')) }}:
      - name: sinceArg
        value: --since $(targetBranch)

  - group: fabric-variables

  - template: .devops/templates/variables.yml

pool: '1ES-Host-Ubuntu'

jobs:
  - job: BuildTestLint
    workspace:
      clean: all
    steps:
      - template: .devops/templates/tools.yml

      - task: Bash@3
        inputs:
          filePath: yarn-ci.sh
        displayName: yarn (install packages)

      - script: |
          yarn nx workspace-lint
          yarn nx run @fluentui/nx-workspace-tools:check-graph
          yarn nx workspace-generator tsconfig-base-all --verify
        displayName: Workspace lint

      - script: |
          # @fluentui/api-docs is used within apps/public-docsite-resources/just.config.ts, thus it needs to be build in advance
          yarn workspace @fluentui/api-docs build
          # @fluentui/digest is used within packages/fluentui/perf-test-northstar/just.config.ts, thus it needs to be build in advance
          yarn workspace @fluentui/digest build
          yarn tsc -p ./tsconfig.json
        displayName: Type-check just.config.ts files

      - script: |
          yarn check:installed-dependencies-versions
        displayName: 'check packages: installed dependencies versions'

      - script: |
          if [[ -n "$(targetBranch)" ]]; then
            yarn format --since $(targetBranch) --check
          else
            yarn format --all --check
          fi
        displayName: check formatting

      ## Danger.js checks for Fluent UI N*
      - script: |
          DANGER_DISABLE_TRANSPILATION="true" yarn danger ci
        displayName: danger
        condition: eq(variables.isPR, true)
        env:
          DANGER_GITHUB_API_TOKEN: $(DANGER_GITHUB_API_TOKEN)

      - script: |
          yarn buildci $(sinceArg)
        displayName: build, test, lint, test-ssr

      - template: .devops/templates/cleanup.yml

  - job: DeployE2E
    displayName: Deploy and E2E
    workspace:
      clean: all
    steps:
      - template: .devops/templates/tools.yml

      - task: Bash@3
        inputs:
          filePath: yarn-ci.sh
        displayName: yarn

      # this also builds FUI N* docs if appropriate
      - script: |
          yarn bundle  $(sinceArg)
        displayName: bundle

      - script: |
          yarn lage build-storybook  --verbose $(sinceArg)
        displayName: build Storybooks

      ## This runs regardless of scope, the app will adapt to the scope as well
      - script: |
          yarn workspace @fluentui/pr-deploy-site generate:site
        displayName: generate PR Deploy Site

      - task: AzureUpload@2
        displayName: Upload PR deploy site
        inputs:
          azureSubscription: $(azureSubscription)
          BlobPrefix: $(deployBasePath)
          ContainerName: '$web'
          SourcePath: 'apps/pr-deploy-site/dist'
          storage: $(azureStorage)

      - task: GithubPRStatus@0
        displayName: 'Update PR deploy site github status'
        inputs:
          githubOwner: microsoft
          githubRepo: fluentui
          githubContext: 'Pull request demo site'
          githubDescription: 'Click "Details" to go to the deployed demo site for this pull request'
          # This MUST have a trailing slash, or the links to PR deploy site assets won't work
          githubTargetLink: $(deployUrl)/

      - script: |
          yarn e2e $(sinceArg)
        displayName: Cypress E2E tests

      - template: .devops/templates/cleanup.yml