Merge branch 'main' into docs-added-further-vscode-extension-suggestions

.config/.jscpd.json

@@ -3,6 +3,7 @@
 	"reporters": ["console"],
 	"minTokens": 65,
 	"ignore": [
+		"**/.angular/**",
 		".history/**",
 		"**/__snapshots__/**",
 		"**/.github/**",

.config/.lintstagedrc-prettier.js

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

.config/.lintstagedrc.js

@@ -1,5 +1,9 @@
 export default {
 	'*.md': 'markdownlint -c .config/.markdown-lint.yml',
-	'*.{css,scss}': 'stylelint --fix --allow-empty-input',
+	// In case that we're changing the stylelints configuration files content, we would need to validate it
+	'.stylelintrc.*': 'stylelint --validate',
+	'stylelint.config.*': 'stylelint --validate',
+	// and elsewhere we don't, compare to https://github.com/stylelint/stylelint/pull/8009
+	'*.{css,scss}': 'stylelint --fix --allow-empty-input --no-validate',
 	'*.{js,ts,tsx,jsx,mjs,cjs}': 'xo --fix'
 };

.eslintignore

@@ -10,4 +10,4 @@
 /showcases/nuxt-showcase/**
 build-outputs/
 build-showcases/
-/output/vue/scripts/fix-any-types.ts
+/output/**

.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

@@ -29,7 +29,6 @@ updates:
         update-types: ["version-update:semver-major"]
       - dependency-name: "react-dom"
         update-types: ["version-update:semver-major"]
-
       - dependency-name: "typescript"
         update-types: ["version-update:semver-major"]
       - dependency-name: "ng-packagr"
@@ -39,6 +38,9 @@ updates:
         update-types: ["version-update:semver-minor"]
       # There is an issue with sass:1.77.5 and additional colors in foundations we ignore updates for now
       - dependency-name: "sass"
+      # We currently need to ignore eslint@v9
+      - dependency-name: "eslint"
+        update-types: ["version-update:semver-major"]
     pull-request-branch-name:
       separator: "-"
     # https://github.com/dependabot/dependabot-core/issues/5226#issuecomment-1179434437
@@ -73,3 +75,13 @@ updates:
       builder.io:
         patterns:
           - "@builder.io/mitosis*"
+      inquirer:
+        patterns:
+          - "@inquirer/*"
+          - "inquirer"
+      mdx-js:
+        patterns:
+          - "@mdx-js/*"
+      guidepup:
+        patterns:
+          - "@guidepup/*"

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

@@ -15,8 +15,8 @@ echo "📦 Unpack Tar"
 tar -zxf gh-pages -C public --strip-components 1
 
 if [[ $RELEASE == "true" ]]; then
-	echo "🔃 Change redirect"
-	echo "<meta http-equiv=\"refresh\" content=\"0; URL=https://"$OWNER_NAME".github.io/"$REPO_NAME"/version/"$NAME"\" />" > public/index.html
+	echo "🔃 Create redirect"
+	echo "<meta http-equiv=\"refresh\" content=\"0; URL=https://"$OWNER_NAME".github.io/"$REPO_NAME"/version/latest\" />" > public/index.html
 fi
 
 echo "👣 Move out dir"
@@ -29,6 +29,15 @@ if [[ $PRE_RELEASE == "true" || $RELEASE == "true" ]]; then
 		echo "    Remove dir ./public/version/$NAME"
 		rm -rf ./public/version/"$NAME"
 	fi
+	if [[ $RELEASE == "true" ]]; then
+		if [[ -d ./public/version/latest ]]; then
+			echo "    Remove dir ./public/version/latest"
+			rm -rf ./public/version/latest
+		fi
+		mkdir ./public/version/latest
+		cp -RT ./out ./public/version/latest
+		echo "    Copied dir out to ./public/version/latest"
+	fi
 	mv ./out ./public/version/"$NAME"
 	echo "    Moved dir out to ./public/version/$NAME"
 else

.github/scripts/cleanup-gh-pages.js

@@ -13,7 +13,8 @@ const removeOldFromPath = (isTag, data) => {
 	) {
 		const dirsToDelete = FS.readdirSync(path)
 			.filter((file) => !data.find((branch) => branch.name === file))
-			.filter((file) => file !== 'main');
+			// Let's not clean up specific folders
+			.filter((file) => !['main', 'latest'].includes(file));
 		if (dirsToDelete?.length > 0) {
 			console.log(
 				TAG,

.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,8 +58,9 @@ 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"
-		npm publish --tag "$TAG" db-ui-"$PACKAGE"-"$VALID_SEMVER_VERSION".tgz
+		# https://docs.npmjs.com/generating-provenance-statements#example-github-actions-workflow
+		npm publish --tag "$TAG" db-ui-"$PACKAGE"-"$VALID_SEMVER_VERSION".tgz --provenance
 	done
 done

.github/workflows/00-init.yml

@@ -8,9 +8,6 @@ jobs:
     name: Init
     runs-on: ubuntu-latest
     steps:
-      - name: 🛑 Cancel Previous Runs
-        uses: styfle/[email protected]
-
       - name: ⏬ Checkout repo
         uses: actions/checkout@v4
 

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

@@ -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

@@ -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
+    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/02-e2e-regenerate.yml

@@ -9,6 +9,9 @@ on:
       type:
         required: true
         type: string
+      path:
+        required: false
+        type: string
 
 permissions:
   actions: write
@@ -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

@@ -19,14 +19,14 @@ jobs:
       fail-fast: false
       matrix:
         os: [macos-13, windows-2022]
-        shardIndex: [1, 2]
-        shardTotal: [2]
+        shardIndex: [1, 2, 3, 4]
+        shardTotal: [4]
     steps:
       - name: ⏬ Checkout repo
         uses: actions/checkout@v4
 
       - name: 🦮 Guidepup Setup
-        uses: guidepup/setup-action@0.16.0
+        uses: guidepup/setup-action@0.17.2
         with:
           record: true