Merge branch 'main' into 3421-add-autofocus-for-db-input-components

.config/.lintstagedrc-prettier.js

@@ -0,0 +1,3 @@
+export default {
+	'**/*': 'prettier --write --ignore-unknown'
+};

.github/PULL_REQUEST_TEMPLATE.md

@@ -7,11 +7,11 @@
 <!-- What types of changes does your code introduce?
 _Put an `x` in the boxes that apply_ -->
 
--   [ ] Bugfix (non-breaking change which fixes an issue)
--   [ ] New feature (non-breaking change which adds functionality)
--   [ ] Refactoring (fix on existing components or architectural decisions)
--   [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
--   [ ] Documentation Update (if none of the other choices apply)
+- [ ] Bugfix (non-breaking change which fixes an issue)
+- [ ] New feature (non-breaking change which adds functionality)
+- [ ] Refactoring (fix on existing components or architectural decisions)
+- [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
+- [ ] Documentation Update (if none of the other choices apply)
 
 <!-- ## Checklist
 

.github/actions/npm-cache/action.yml

@@ -13,7 +13,7 @@ inputs:
   nodeVersion:
     description: "Node version"
     required: false
-    default: "20"
+    default: "22"
 runs:
   using: "composite"
   steps:

.github/dependabot.yml

@@ -82,3 +82,6 @@ updates:
       mdx-js:
         patterns:
           - "@mdx-js/*"
+      guidepup:
+        patterns:
+          - "@guidepup/*"

.github/scripts/build-gh-page.sh

@@ -30,7 +30,7 @@ if [[ $PRE_RELEASE == "true" || $RELEASE == "true" ]]; then
 		rm -rf ./public/version/"$NAME"
 	fi
 	if [[ $RELEASE == "true" ]]; then
- 		if [[ -d ./public/version/latest ]]; then
+		if [[ -d ./public/version/latest ]]; then
 			echo "    Remove dir ./public/version/latest"
 			rm -rf ./public/version/latest
 		fi

.github/scripts/publish-npm.sh

@@ -17,13 +17,13 @@ echo "goto build-outputs"
 cd build-outputs || exit 1
 
 # TODO: Add other build as well
-for PACKAGE in 'foundations' 'components' 'ngx-components' 'react-components' 'v-components' 'web-components'; do
+for PACKAGE in 'foundations' 'migration' 'components' 'ngx-components' 'react-components' 'v-components' 'web-components'; do
 	echo "Start $PACKAGE bundle:"
 
 	echo "🆚 Update Version"
 	npm version --no-git-tag-version "$VALID_SEMVER_VERSION" --workspace=@db-ui/"$PACKAGE"
 
-	if [[ $PACKAGE != 'foundations' ]]; then
+	if [[ $PACKAGE != 'foundations' && $PACKAGE != 'migration' ]]; then
 		echo "🕵️‍ Set foundations dependency"
 		npm pkg set dependencies.@db-ui/foundations="$VALID_SEMVER_VERSION" --workspace=@db-ui/"$PACKAGE"
 		if [[ $PACKAGE != 'components' ]]; then
@@ -58,7 +58,7 @@ for REGISTRY in 'GITHUB' 'NPM'; do
 	fi
 
 	# TODO: Add other build as well
-	for PACKAGE in 'foundations' 'components' 'ngx-components' 'react-components' 'v-components' 'web-components'; do
+	for PACKAGE in 'foundations' 'migration' 'components' 'ngx-components' 'react-components' 'v-components' 'web-components'; do
 		echo "⤴ Publish $PACKAGE with tag $TAG to $REGISTRY"
 		# https://docs.npmjs.com/generating-provenance-statements#example-github-actions-workflow
 		npm publish --tag "$TAG" db-ui-"$PACKAGE"-"$VALID_SEMVER_VERSION".tgz --provenance

.github/workflows/00-init.yml

@@ -6,7 +6,7 @@ on:
 jobs:
   init:
     name: Init
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     steps:
       - name: ⏬ Checkout repo
         uses: actions/checkout@v4

.github/workflows/00-scan-secrets.yml

@@ -5,7 +5,7 @@ on:
 
 jobs:
   TruffleHog:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     steps:
       - name: ⏬ Checkout repo
         uses: actions/checkout@v4

.github/workflows/01-build-outputs.yml

@@ -7,7 +7,7 @@ on:
 jobs:
   build-showcases:
     name: Build outputs
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     steps:
       - name: ⏬ Checkout repo
         uses: actions/checkout@v4
@@ -27,6 +27,12 @@ jobs:
           name: db-ui-components-build
           path: packages/components/build
 
+      - name: ⏬ Download migration build
+        uses: actions/download-artifact@v4
+        with:
+          name: db-ui-migration-build
+          path: packages/migration/build
+
       - name: ⏬ Download output
         uses: actions/download-artifact@v4
         with:

.github/workflows/01-build-packages.yml

@@ -7,7 +7,7 @@ on:
 jobs:
   build-stencil-targets:
     name: Build Packages
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     steps:
       - name: ⏬ Checkout repo
         uses: actions/checkout@v4
@@ -36,6 +36,12 @@ jobs:
           name: db-ui-components-build
           path: packages/components/build
 
+      - name: ⏫ Upload migration build
+        uses: actions/upload-artifact@v4
+        with:
+          name: db-ui-migration-build
+          path: packages/migration/build
+
       - name: 💀 Killing me softly
         uses: ./.github/actions/cancel-workflow
         if: failure()

.github/workflows/01-build-patternhub.yml

@@ -12,11 +12,17 @@ on:
         required: false
         default: "false"
         type: string
+    outputs:
+      path:
+        description: "Base path for patternhub"
+        value: ${{ jobs.build-patternhub.outputs.path }}
 
 jobs:
   build-patternhub:
     name: Build Patternhub
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
+    outputs:
+      path: ${{ steps.build.outputs.path }}
     steps:
       - name: ⏬ Checkout repo
         uses: actions/checkout@v4
@@ -78,11 +84,13 @@ jobs:
             return `/${context?.payload?.repository?.name}/${path}/${process.env.NAME}`
 
       - name: 🔨 Build Patternhub
+        id: build
         env:
           NEXT_PUBLIC_BASE_PATH: ${{ steps.base-path.outputs.result }}
         run: |
           npx --no tsx scripts/md-resolve-svg.ts
           npm run build --workspace=patternhub
+          echo "path=${NEXT_PUBLIC_BASE_PATH}" >> $GITHUB_OUTPUT
 
       - name: ⏫ Upload Patternhub
         uses: actions/upload-artifact@v4

.github/workflows/01-build-showcases.yml

@@ -11,7 +11,7 @@ on:
 jobs:
   build-showcases:
     name: Build Showcase ${{ inputs.showcase }}
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     steps:
       - name: ⏬ Checkout repo
         uses: actions/checkout@v4

.github/workflows/01-get-playwright-version.yml

@@ -11,7 +11,7 @@ on:
 jobs:
   playwright-version:
     name: Get and save publish version
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     outputs:
       version: ${{ steps.version.outputs.result }}
     steps:

.github/workflows/01-get-publish-version.yml

@@ -18,7 +18,7 @@ on:
 jobs:
   publish:
     name: Get and save publish version
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     outputs:
       release: ${{ steps.releaseCheck.outputs.release }}
       preRelease: ${{ steps.releaseCheck.outputs.preRelease }}

.github/workflows/01-lint.yml

@@ -6,7 +6,7 @@ on:
 jobs:
   lint:
     name: Lint
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     steps:
       - name: ⏬️ Checkout repo
         uses: actions/checkout@v4

.github/workflows/01-test.yml

@@ -6,7 +6,7 @@ on:
 jobs:
   test:
     name: Test
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     steps:
       - name: ⏬️ Checkout repo
         uses: actions/checkout@v4

.github/workflows/02-e2e-foundations.yml

@@ -14,7 +14,7 @@ permissions:
 jobs:
   playwright-foundations:
     name: 🧪🎭 - foundations
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     container:
       image: mcr.microsoft.com/playwright:v${{ inputs.version }}
     steps:

.github/workflows/02-e2e-regenerate.yml

@@ -9,6 +9,9 @@ on:
       type:
         required: true
         type: string
+      path:
+        required: false
+        type: string
 
 permissions:
   actions: write
@@ -17,7 +20,7 @@ permissions:
 jobs:
   regenerate-snapshots:
     name: 🧪🎭 - Regenerate snapshots ${{ inputs.type }}
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04 # Use Ubuntu 24.04 explicitly
     container:
       image: mcr.microsoft.com/playwright:v${{ inputs.version }}
     steps:
@@ -67,43 +70,46 @@ jobs:
         env:
           HOME: /root
           TYPE: ${{ inputs.type }}
+          NEXT_PUBLIC_BASE_PATH: ${{ inputs.path }}
         run: |
           if [[ $TYPE == "components" ]]; then
             npm run regenerate:screenshots --workspace=@db-ui/react-components
           elif [[ $TYPE == "foundations" ]]; then
             npm run regenerate:screenshots --workspace=@db-ui/foundations
           elif [[ $TYPE == "patternhub" ]]; then
+            mkdir -p ./build-showcases${{ inputs.path }}
+            cp -RT ./build-showcases/${{ inputs.type }} ./build-showcases${{ inputs.path }}
             npm run regenerate:screenshots --workspace=patternhub
           else
             npm run regenerate:screenshots --workspace=react-showcase
           fi
 
       - name: 🆙 Upload components
-        if: inputs.type == 'components'
+        if: always() && inputs.type == 'components'
         uses: actions/upload-artifact@v4
         with:
           name: snapshots-${{ inputs.type }}
           path: ./__snapshots__/*/component
           retention-days: 30
 
       - name: 🆙 Upload foundations
-        if: inputs.type == 'foundations'
+        if: always() && inputs.type == 'foundations'
         uses: actions/upload-artifact@v4
         with:
           name: snapshots-${{ inputs.type }}
           path: ./__snapshots__/foundations
           retention-days: 30
 
       - name: 🆙 Upload patternhub
-        if: inputs.type == 'patternhub'
+        if: always() && inputs.type == 'patternhub'
         uses: actions/upload-artifact@v4
         with:
           name: snapshots-${{ inputs.type }}
           path: ./__snapshots__/*/patternhub
           retention-days: 30
 
       - name: 🆙 Upload showcase
-        if: inputs.type == 'showcases'
+        if: always() && inputs.type == 'showcases'
         uses: actions/upload-artifact@v4
         with:
           name: snapshots-${{ inputs.type }}

.github/workflows/02-e2e-screen-reader.yml

@@ -26,7 +26,7 @@ jobs:
         uses: actions/checkout@v4
 
       - name: 🦮 Guidepup Setup
-        uses: guidepup/[email protected].0
+        uses: guidepup/[email protected].2
         with:
           record: true