Refactor DocumentationVersionHint component and update styles

- Simplified the DocumentationVersionHint component by removing KolAlert and restructuring the JSX.
- Updated the styles for version hint to improve visibility and user experience.
- Modified HomepageFeatures to dynamically link to documentation based on VERSION_ID.
- Created a new index page for the homepage with structured layout and buttons for navigation.
- Removed unused DocItem and DocVersionBadge components to clean up the codebase.
- Integrated DocumentationVersionHint into the Navbar for consistent version display.
- Updated TypeScript configuration to include additional types for better type checking.

Author: deleonio

.github/actions/pnpm-setup/action.yml

@@ -5,16 +5,16 @@
 name: pnpm Setup
 description: Install Node and pnpm, install dependencies
 runs:
-  using: "composite"
+  using: 'composite'
   steps:
     - uses: pnpm/action-setup@v4
       with:
-        version: 9
+        version: 10
         run_install: false
 
     - uses: actions/setup-node@v4
       with:
-        node-version: '20'
+        node-version: '22'
         cache: 'pnpm'
 
     - run: pnpm install

.github/workflows/ci.yml

@@ -16,7 +16,7 @@ jobs:
       - uses: ./.github/actions/pnpm-setup
 
       - name: Lint
-        run: pnpm run lint:hard
+        run: pnpm run lint
 
       - name: Build
         run: pnpm run build

.github/workflows/dod-checker.yml

@@ -4,12 +4,12 @@ on:
     types: [opened, edited, synchronize]
 
 concurrency:
-  group: pr-{{ github.event.pull_request.number }}
+  group: 'pr-${{ github.event.pull_request.number }}'
   cancel-in-progress: true
 
 jobs:
   check-dod:
-    runs-on: ubuntu-20.04
+    runs-on: ubuntu-latest
     steps:
       - name: Print Pull Request ID
         run: |

.github/workflows/draft-deploy.yml

@@ -21,7 +21,7 @@ jobs:
         shell: bash
         run: |
           mkdir -p dist/docs
-          mv build dist/docs/2.2/
+          mv build dist/v2/
 
       - name: Netlify Deploy
         uses: netlify/actions/cli@master
@@ -47,6 +47,6 @@ jobs:
           issue-number: ${{ github.event.pull_request.number }}
           body: |
             Netlify Draft Deployment
-            URL: ${{ steps.netlify.outputs.NETLIFY_URL }}/docs/2.2
+            URL: ${{ steps.netlify.outputs.NETLIFY_URL }}/v2
             Logs: ${{ steps.netlify.outputs.NETLIFY_LOGS_URL }}
           edit-mode: replace

.github/workflows/publish.yml

@@ -35,7 +35,7 @@ jobs:
 
       - name: Bump version
         shell: bash
-        run: pnpm version patch --no-git-tag-version
+        run: pnpm version prerelease --no-git-tag-version
 
       - name: Commit and push changes
         uses: stefanzweifel/git-auto-commit-action@v5

.kolibri.config.json

@@ -0,0 +1,5 @@
+{
+	"printWidth": 120,
+	"singleQuote": true,
+	"useTabs": true
+}

.npmrc

@@ -3,14 +3,14 @@
 
 const { themes } = require('prism-react-renderer');
 
-const PUBLIC_BASE_URL = 'https://public-ui.github.io/';
+const PUBLIC_BASE_URL = 'https://public-ui.github.io';
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
 	title: 'KoliBri - Public UI',
 	tagline: 'The accessible Web Component Library',
-	url: 'https://public-ui.github.io',
-	baseUrl: '/docs/2.2/',
+	url: PUBLIC_BASE_URL,
+	baseUrl: '/v2/',
 	onBrokenLinks: 'throw',
 	trailingSlash: false,
 	onBrokenMarkdownLinks: 'warn',
@@ -33,9 +33,9 @@ const config = {
 		[
 			'classic',
 			/** @type {import('@docusaurus/preset-classic').Options} */
-			({
+			{
 				docs: {
-					routeBasePath: '/',
+					routeBasePath: '/docs',
 					sidebarCollapsible: true,
 					sidebarPath: require.resolve('./sidebars.js'),
 					// Remove this to remove the "edit this page" links.
@@ -49,7 +49,6 @@ const config = {
 					// },
 				},
 				blog: false,
-				pages: false,
 				sitemap: {
 					changefreq: 'daily',
 					priority: 0.5,
@@ -59,13 +58,13 @@ const config = {
 				theme: {
 					customCss: require.resolve('./src/css/custom.css'),
 				},
-			}),
+			},
 		],
 	],
 
 	themeConfig:
 		/** @type {import('@docusaurus/preset-classic').ThemeConfig} */
-		({
+		{
 			navbar: {
 				title: 'KoliBri',
 				logo: {
@@ -78,24 +77,28 @@ const config = {
 						position: 'left',
 						dropdownActiveClassDisabled: true,
 						dropdownItemsAfter: [
+							{
+								type: 'html',
+								className: 'dropdown-archived-versions',
+								value: '<strong class="dropdown__link">Version 2</strong>',
+							},
 							{
 								type: 'html',
 								value: '<hr class="dropdown-separator">',
 							},
 							{
 								type: 'html',
 								className: 'dropdown-archived-versions',
-								value: '<b>Archive</b>',
+								value: '<span class="dropdown__link">Version 1</span>',
 							},
-							{ to: `${PUBLIC_BASE_URL}docs/2.2/`, label: '2.2' },
 						],
 					},
 					{
 						label: 'Dokumentation',
-						to: '/',
+						to: '/docs',
 						position: 'left',
 					},
-					{ to: `${PUBLIC_BASE_URL}blog`, label: 'Blog', position: 'left' },
+					{ to: `${PUBLIC_BASE_URL}/blog`, label: 'Blog', position: 'left' },
 					{ type: 'search', position: 'right' },
 					// {
 					// 	href: 'https://public-ui.github.io/designer',
@@ -120,15 +123,15 @@ const config = {
 						items: [
 							{
 								label: 'Dokumentation',
-								to: '/',
+								to: '/docs',
 							},
 							{
 								label: 'Blog',
-								to: `${PUBLIC_BASE_URL}blog`,
+								to: `${PUBLIC_BASE_URL}/blog`,
 							},
 							{
 								label: 'Impressum',
-								to: `${PUBLIC_BASE_URL}docs/impressum`,
+								to: `${PUBLIC_BASE_URL}/docs/impressum`,
 							},
 						],
 					},
@@ -180,7 +183,7 @@ const config = {
 					dark: 'forest',
 				},
 			},
-		}),
+		},
 	markdown: {
 		mermaid: true,
 	},