chore(docs): add versioned documentation with auto-detection

Close #675

Author: Killusions

.github/workflows/publish-documentation.yaml

@@ -1,31 +1,305 @@
 name: Publish Documentation
 on:
   push:
-    branches:
-      - main
+    branches: [main]
+  workflow_dispatch:
+    inputs:
+      deploy_as_release:
+        description: 'Deploy as release version (e.g., v1.2.3) - will deploy the docs as if this is a release with this version'
+        required: false
+        type: string
+        default: ''
+      force_deploy:
+        description: 'Force deployment even on non-main branches (for testing)'
+        required: false
+        type: boolean
+        default: false
+      skip_build:
+        description: 'Skip build-and-test job (use existing artifacts)'
+        required: false
+        type: boolean
+        default: false
+  workflow_call:
+    inputs:
+      deploy_as_release:
+        description: 'Deploy as release version (e.g., v1.2.3) - will deploy the docs as if this is a release with this version'
+        required: false
+        type: string
+        default: ''
+      skip_build:
+        description: 'Skip build-and-test job (assumes artifacts already exist)'
+        required: false
+        type: boolean
+        default: false
+    secrets:
+      SIEMENS_NPM_TOKEN:
+        required: false
+      SIEMENS_NPM_USER:
+        required: false
+      MAPTILER_KEY:
+        required: false
+
+env:
+  PYTHON_VERSION: '3.11'
+  NODE_VERSION: '20'
+  VERSIONED_BUCKET_NAME: simpl-element-release
+  CLOUDFRONT_DOMAIN: d2uqfzn4lxgtwv.cloudfront.net
 
 jobs:
   build-and-test:
+    if: ${{ !inputs.skip_build && github.event.inputs.skip_build != 'true' }}
     uses: ./.github/workflows/build-and-test.yaml
     secrets:
       SIEMENS_NPM_TOKEN: ${{ secrets.SIEMENS_NPM_TOKEN }}
       SIEMENS_NPM_USER: ${{ secrets.SIEMENS_NPM_USER }}
       MAPTILER_KEY: ${{ secrets.MAPTILER_KEY }}
 
-  publish-documentation:
+  # Simple deployment for main branch (no versioning)
+  publish-documentation-main:
     runs-on: ubuntu-24.04
+    needs:
+      - build-and-test
+    if: >-
+      ${{
+        needs.build-and-test.result == 'success' &&
+        github.ref == format('refs/heads/{0}', github.event.repository.default_branch) &&
+        !inputs.deploy_as_release
+      }}
     permissions:
+      contents: write
       pages: write
       id-token: write
-    needs:
-      - build-and-test
     steps:
-      - uses: actions/configure-pages@v5
-      - uses: actions/download-artifact@v7
+      - name: Download documentation artifact
+        uses: actions/download-artifact@v7
         with:
           name: pages
           path: dist/design
-      - uses: actions/upload-pages-artifact@v4
+
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+
+      - name: Upload Pages artifact
+        uses: actions/upload-pages-artifact@v4
         with:
           path: 'dist/design'
-      - uses: actions/deploy-pages@v4
+
+      - name: Deploy to GitHub Pages
+        uses: actions/deploy-pages@v4
+
+  # Versioned deployment for releases (S3 only, not GitHub Pages)
+  publish-documentation-release:
+    runs-on: ubuntu-24.04
+    needs:
+      - build-and-test
+    if: ${{ always() && (needs.build-and-test.result == 'success' || inputs.skip_build) && inputs.deploy_as_release }}
+    permissions:
+      contents: write
+      id-token: write
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Determine deployment targets
+        id: deploy
+        run: |
+          # Initialize all outputs
+          DEPLOY_MAJOR="false"
+          MAJOR_VERSION=""
+          VERSION=""
+          SHOULD_DEPLOY="false"
+
+          DEPLOY_AS_RELEASE="${{ github.event.inputs.deploy_as_release || inputs.deploy_as_release }}"
+
+          # Validate and extract version info
+          if [[ -n "$DEPLOY_AS_RELEASE" ]]; then
+            # Ensure version starts with 'v'
+            if [[ ! "$DEPLOY_AS_RELEASE" =~ ^v[0-9]+\.[0-9]+\.[0-9]+.*$ ]]; then
+              echo "Error: Deploy as release version must be in format 'v1.2.3' or 'v1.2.3-suffix'"
+              echo "Provided: '$DEPLOY_AS_RELEASE'"
+              exit 1
+            fi
+
+            VERSION="${DEPLOY_AS_RELEASE#v}"
+            MAJOR_VERSION="v$(echo "$VERSION" | cut -d. -f1)"
+
+            # Check if it's a pre-release (contains -, like v1.0.0-rc1)
+            IS_PRERELEASE="false"
+            if [[ "$VERSION" =~ -.*$ ]]; then
+              IS_PRERELEASE="true"
+            fi
+
+            # Deploy to major version except for pre/next/rc releases
+            if [[ "$IS_PRERELEASE" == "false" ]]; then
+              DEPLOY_MAJOR="true"
+              SHOULD_DEPLOY="true"
+            fi
+          fi
+
+          echo "deploy_major=$DEPLOY_MAJOR" >> $GITHUB_OUTPUT
+          echo "major_version=$MAJOR_VERSION" >> $GITHUB_OUTPUT
+          echo "version=$VERSION" >> $GITHUB_OUTPUT
+          echo "should_deploy=$SHOULD_DEPLOY" >> $GITHUB_OUTPUT
+
+          echo "DEPLOYMENT PLAN"
+          echo "==============="
+          echo "Branch: ${{ github.ref }}"
+          echo "Trigger: ${{ github.event_name }}"
+          echo "Major ($MAJOR_VERSION): $DEPLOY_MAJOR"
+
+          # Exit early if we should not deploy
+          if [[ "$SHOULD_DEPLOY" != "true" ]]; then
+            echo "Skipping deployment (pre-release version)"
+            exit 1
+          fi
+
+      - name: Download documentation artifact
+        uses: actions/download-artifact@v7
+        with:
+          name: pages
+          path: new-docs
+
+      - name: Configure AWS credentials
+        uses: aws-actions/configure-aws-credentials@v5.1.1
+        with:
+          role-to-assume: arn:aws:iam::974483672234:role/simpl-element-release
+          role-session-name: element-release-docs
+          aws-region: eu-west-1
+
+      - name: List existing versions from S3
+        run: |
+          mkdir -p deploy-site
+
+          # List existing version directories from S3 (no download needed)
+          echo "Listing existing versions from S3..."
+          aws s3 ls s3://${{ env.VERSIONED_BUCKET_NAME }}/ || echo "No existing versions found"
+
+      - name: Update with new version(s)
+        run: |
+          # Deploy to major version directory
+          MAJOR_VERSION="${{ steps.deploy.outputs.major_version }}"
+
+          echo "Updating /$MAJOR_VERSION/..."
+          # Remove old version to ensure clean deployment
+          rm -rf "deploy-site/$MAJOR_VERSION"
+          mkdir -p "deploy-site/$MAJOR_VERSION"
+          cp -r new-docs/* "deploy-site/$MAJOR_VERSION/"
+
+          # Add base tag to docs HTML files only (exclude element-examples, dashboards-demo, coverage)
+          find "deploy-site/$MAJOR_VERSION" -name "*.html" -type f \
+            ! -path "*/element-examples/*" \
+            ! -path "*/dashboards-demo/*" \
+            ! -path "*/coverage/*" \
+            -exec sed -i.bak "s|<head>|<head>\n  <base href=\"/$MAJOR_VERSION/\">|" {} \;
+
+          find "deploy-site/$MAJOR_VERSION" -name "*.bak" -type f -delete
+
+      - name: Generate versions.json
+        run: |
+          # Generate versions.json from S3 directory listing (no download needed)
+          echo "Generating versions.json from S3 directory listing..."
+
+          # Collect all versions from S3
+          ALL_VERSIONS=()
+
+          # List all existing version-specific folders from S3 (v1, v2, v48, etc.)
+          # aws s3 ls lists directories with trailing slashes, e.g., "PRE v1/"
+          aws s3 ls s3://${{ env.VERSIONED_BUCKET_NAME }}/ | grep "PRE v" | awk '{print $2}' | sed 's/\/$//' > s3-versions.txt || true
+
+          # Add the currently deploying version to ensure it's included
+          MAJOR_VERSION="${{ steps.deploy.outputs.major_version }}"
+          echo "$MAJOR_VERSION" >> s3-versions.txt
+
+          # Read all versions and remove duplicates
+          while IFS= read -r version_name; do
+            if [[ -n "$version_name" ]]; then
+              ALL_VERSIONS+=("$version_name")
+            fi
+          done < s3-versions.txt
+
+          # Remove duplicates and sort versions in descending order
+          SORTED_VERSIONS=($(printf '%s\n' "${ALL_VERSIONS[@]}" | sort -u -t 'v' -k 2 -n -r))
+
+          # Find the highest version for "Latest"
+          LATEST_VERSION="${SORTED_VERSIONS[0]}"
+          echo "Latest version: $LATEST_VERSION"
+
+          # Build versions.json with correct order:
+          # 1. Latest (empty version string)
+          # 2. All versions in descending order (v48, v18, v17, etc.)
+          # 3. Preview (redirect to element.siemens.io)
+
+          VERSIONS='[]'
+
+          # Add Latest first (empty version string points to root)
+          latest_num=$(echo "$LATEST_VERSION" | sed 's/^v//')
+          echo "Adding: Latest (${latest_num}.x)"
+          VERSIONS=$(echo "$VERSIONS" | jq '. += [{"version": "", "title": "Latest"}]')
+
+          # Add all versions in descending order
+          for version_name in "${SORTED_VERSIONS[@]}"; do
+            version_num=$(echo "$version_name" | sed 's/^v//')
+            echo "Adding: $version_name (${version_num}.x)"
+            VERSIONS=$(echo "$VERSIONS" | jq --arg version "$version_name" --arg title "${version_num}.x" '. += [{"version": $version, "title": $title}]')
+          done
+
+          # Add Preview last
+          echo "Adding: Preview (redirect to https://element.siemens.io)"
+          VERSIONS=$(echo "$VERSIONS" | jq '. += [{"version": "https://element.siemens.io", "title": "Preview"}]')
+
+          # Write to deploy-site/versions.json
+          mkdir -p deploy-site
+          echo "$VERSIONS" | jq '.' > deploy-site/versions.json
+
+          echo "Generated versions.json:"
+          cat deploy-site/versions.json
+
+      - name: Update canonical URLs
+        run: |
+          SITE_URL="https://element.siemens.io/"
+
+          # Update canonical URLs for version directories
+          MAJOR_VERSION="${{ steps.deploy.outputs.major_version }}"
+          VERSION_URL="${SITE_URL}${MAJOR_VERSION}/"
+
+          find "deploy-site/$MAJOR_VERSION" -name "*.html" -type f -exec sed -i.bak \
+            -e "s|<link rel=\"canonical\" href=\"https://element.siemens.io/|<link rel=\"canonical\" href=\"${VERSION_URL}|g" \
+            {} \;
+
+          # Clean up backup files
+          find deploy-site -name "*.bak" -type f -delete 2>/dev/null || true
+
+      - name: Upload to S3
+        run: |
+          echo "Uploading versioned documentation to S3..."
+
+          MAJOR_VERSION="${{ steps.deploy.outputs.major_version }}"
+
+          # Upload versioned directory
+          echo "Uploading /$MAJOR_VERSION/..."
+          if [[ ! -d "deploy-site/$MAJOR_VERSION" ]]; then
+            echo "Error: deploy-site/$MAJOR_VERSION directory does not exist"
+            exit 1
+          fi
+          aws s3 sync --quiet --no-progress --delete "deploy-site/$MAJOR_VERSION/" "s3://${{ env.VERSIONED_BUCKET_NAME }}/$MAJOR_VERSION/"
+
+          # If on main branch, also copy to root (without version prefix in path)
+          if [[ "${{ github.ref }}" == "refs/heads/${{ github.event.repository.default_branch }}" ]]; then
+            echo "On main branch - copying /$MAJOR_VERSION/ to root..."
+            # Delete old files but exclude version directories and versions.json from sync and deletion
+            aws s3 sync --quiet --no-progress --delete "deploy-site/$MAJOR_VERSION/" "s3://${{ env.VERSIONED_BUCKET_NAME }}/" \
+              --exclude "v*" \
+              --exclude "versions.json"
+          fi
+
+          # Upload versions.json with short cache-control for quick updates
+          if [[ ! -f "deploy-site/versions.json" ]]; then
+            echo "Error: deploy-site/versions.json file does not exist"
+            exit 1
+          fi
+          aws s3 cp deploy-site/versions.json s3://${{ env.VERSIONED_BUCKET_NAME }}/versions.json \
+            --cache-control "max-age=60,public"
+
+          echo "Uploaded versioned documentation to S3 at s3://${{ env.VERSIONED_BUCKET_NAME }}/"

.github/workflows/release.yaml

@@ -16,6 +16,9 @@ jobs:
       - build-and-test
     permissions:
       id-token: write
+    outputs:
+      new_release: ${{ steps.check_release.outputs.new_release }}
+      release_tag: ${{ steps.check_release.outputs.release_tag }}
     steps:
       - uses: actions/checkout@v6
         with:
@@ -30,6 +33,13 @@ jobs:
           name: dist
           path: dist
       - run: npm ci --prefer-offline --no-audit
+
+      - name: Get tag before semantic-release
+        id: before_release
+        run: |
+          BEFORE_TAG=$(git describe --tags --abbrev=0 2>/dev/null || echo "")
+          echo "before_tag=$BEFORE_TAG" >> $GITHUB_OUTPUT
+
       - run: npx semantic-release
         env:
           SKIP_COMMIT: ${{ github.ref_name == 'next' && 'true' || '' }}
@@ -38,3 +48,28 @@ jobs:
           GIT_COMMITTER_NAME: 'Siemens Element Bot'
           GIT_COMMITTER_EMAIL: 'simpl.si@siemens.com'
           GITHUB_TOKEN: ${{ secrets.ELEMENT_BOT_GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - name: Check if new release was created
+        id: check_release
+        run: |
+          AFTER_TAG=$(git describe --tags --abbrev=0 2>/dev/null || echo "")
+          BEFORE_TAG="${{ steps.before_release.outputs.before_tag }}"
+
+          if [[ -n "$AFTER_TAG" && "$AFTER_TAG" != "$BEFORE_TAG" ]]; then
+            echo "release_tag=$AFTER_TAG" >> $GITHUB_OUTPUT
+            echo "new_release=true" >> $GITHUB_OUTPUT
+          else
+            echo "new_release=false" >> $GITHUB_OUTPUT
+            echo "release_tag=" >> $GITHUB_OUTPUT
+          fi
+
+  trigger-documentation:
+    uses: ./.github/workflows/publish-documentation.yaml
+    needs:
+      - publish
+      - build-and-test
+    if: success() && needs.publish.outputs.new_release == 'true'
+    with:
+      deploy_as_release: ${{ needs.publish.outputs.release_tag }}
+      skip_build: true