Merge pull request #8 from schubergphilis/bugfix/date-check

Bugfix/date check

Author: ramonklanke

.github/workflows/deploy-frontend.yml

@@ -22,12 +22,14 @@ jobs:
       - uses: actions/checkout@v4
         with:
             ref: ${{github.head_ref}}
-
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 10
       - uses: actions/setup-node@v4
         with:
           node-version: 22
-          cache: "yarn"
-          cache-dependency-path: "**/yarn.lock"
+          cache: "pnpm"
+          cache-dependency-path: "**/pnpm-lock.yaml"
           always-auth: true
           scope: '@schubergphilis'
           registry-url: 'https://npm.pkg.github.com'
@@ -40,19 +42,19 @@ jobs:
           
       - name: Install dependencies
         working-directory: sbp-frontend-style
-        run: yarn install
+        run: pnpm install
 
       - name: Build component list
         working-directory: sbp-frontend-style
-        run: yarn prebuild
+        run: pnpm prebuild
 
       - name: Run Tests
         working-directory: sbp-frontend-style
-        run: yarn test
+        run: pnpm test
 
       - name: Build project
         working-directory: sbp-frontend-style
-        run: yarn build
+        run: pnpm build
         env:
           GENERATE_SOURCEMAP: "false"
 
@@ -75,7 +77,7 @@ jobs:
       
       - name: Package project
         working-directory: sbp-frontend-style
-        run: yarn pack && yarn publish
+        run: pnpm pack && pnpm publish
         env:
           NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 

.github/workflows/on_all_pull_requests.yml

@@ -21,12 +21,14 @@ jobs:
       - uses: actions/checkout@v4
         with:
           ref: ${{github.head_ref}} 
-
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 10
       - uses: actions/setup-node@v4
         with:
           node-version: 22
-          cache: "yarn"
-          cache-dependency-path: "**/yarn.lock"
+          cache: "pnpm"
+          cache-dependency-path: "**/pnpm-lock.yaml"
           always-auth: true
           scope: '@schubergphilis'
           registry-url: 'https://npm.pkg.github.com'
@@ -39,19 +41,19 @@ jobs:
 
       - name: Install dependencies
         working-directory: sbp-frontend-style
-        run: yarn install
+        run: pnpm install
 
       - name: Build component list
         working-directory: sbp-frontend-style
-        run: yarn prebuild
+        run: pnpm prebuild
 
       - name: Run Tests
         working-directory: sbp-frontend-style
-        run: yarn test  
+        run: pnpm test  
 
       - name: Build project
         working-directory: sbp-frontend-style
-        run: yarn build
+        run: pnpm build
         env:
           GENERATE_SOURCEMAP: "false"
 
@@ -63,7 +65,7 @@ jobs:
 
       - name: Package project
         working-directory: sbp-frontend-style
-        run: yarn pack && yarn publish
+        run: pnpm pack && pnpm publish --no-git-checks
         env:
           NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 

sbp-frontend-style/README.md

@@ -24,7 +24,7 @@ Using these components you only need to add this package to your project
 ### Install
 
 ```bash
-yarn add @schubergphilis/sbp-frontend-style
+pnpm add @schubergphilis/sbp-frontend-style
 
 # Or with npm:
 
@@ -72,20 +72,20 @@ Within the CloudStyle component it is possible to make changes to the overall co
 
 In the project directory, you can run:
 
-### `yarn start`
+### `pnpm start`
 
 Runs the app in the development mode.\
 Open [https://localhost:3005](https://localhost:3005) to view it in the browser.
 
 The page will reload if you make edits.\
 You will also see any lint errors in the console.
 
-### `yarn test`
+### `pnpm test`
 
 Launches the test runner in the interactive watch mode.\
 See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
 
-### `yarn build`
+### `pnpm build`
 
 Builds the app for production to the `build` folder.\
 It correctly bundles React in production mode and optimizes the build for the best performance.

sbp-frontend-style/__tests__/App.test.tsx

@@ -12,6 +12,29 @@ global.ResizeObserver = jest.fn().mockImplementation(() => ({
 	disconnect: jest.fn()
 }))
 
+jest.mock('react-syntax-highlighter', () => {
+	const MockLight = jest.fn(({ children, language }) => (
+		<div data-testid="syntax-highlighter" data-language={language}>
+			{children}
+		</div>
+	)) as any
+	MockLight.registerLanguage = jest.fn()
+
+	return {
+		Light: MockLight
+	}
+})
+
+jest.mock(
+	'react-syntax-highlighter/dist/esm/languages/hljs/typescript',
+	() => ({})
+)
+jest.mock('react-syntax-highlighter/dist/esm/languages/hljs/xml', () => ({}))
+jest.mock(
+	'react-syntax-highlighter/dist/esm/styles/hljs/atom-one-dark',
+	() => ({})
+)
+
 describe('App', () => {
 	it('should render the app', async () => {
 		await act(async () => {

sbp-frontend-style/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@schubergphilis/sbp-frontend-style",
-	"version": "1.8.0",
+	"version": "1.8.1-3",
 	"license": "MIT",
 	"type": "module",
 	"types": "./dist/index.d.ts",
@@ -19,13 +19,13 @@
 		"url": "git://github.com/schubergphilis/sbp-frontend-style.git"
 	},
 	"scripts": {
-		"predev": "yarn prebuild",
+		"predev": "pnpm prebuild",
 		"dev": "vite --port 3005",
 		"prebuild": "node --trace-warnings component-list.js",
 		"lint": "eslint ./src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
 		"preview": "vite preview",
 		"clean": "rimraf dist",
-		"build": "yarn clean && rollup -c",
+		"build": "pnpm clean && rollup -c",
 		"release": "standard-version",
 		"test": "jest --coverage --colors --silent --verbose --watchAll=false",
 		"test:debug": "jest --watchAll --coverage --color --detectOpenHandles --silent false --verbose true --debug",
@@ -34,69 +34,69 @@
 		"test:clear": "jest --clearCache"
 	},
 	"peerDependencies": {
-		"react": "^19.1.1",
-		"react-dom": "^19.1.1"
+		"react": "^19.2.3",
+		"react-dom": "^19.2.3"
 	},
 	"dependencies": {
-		"styled-components": "^6.1.19"
+		"styled-components": "^6.3.5"
 	},
 	"devDependencies": {
-		"@eslint/compat": "^1.3.2",
-		"@eslint/eslintrc": "^3.3.1",
-		"@eslint/js": "^9.35.0",
-		"@inrupt/jest-jsdom-polyfills": "^4.0.5",
-		"@reduxjs/toolkit": "^2.9.0",
-		"@rollup/plugin-commonjs": "^28.0.6",
-		"@rollup/plugin-node-resolve": "^16.0.1",
+		"@eslint/compat": "^2.0.1",
+		"@eslint/eslintrc": "^3.3.3",
+		"@eslint/js": "^9.39.2",
+		"@inrupt/jest-jsdom-polyfills": "^4.0.8",
+		"@reduxjs/toolkit": "^2.11.2",
+		"@rollup/plugin-commonjs": "^29.0.0",
+		"@rollup/plugin-node-resolve": "^16.0.3",
 		"@rollup/plugin-sucrase": "^5.0.2",
 		"@rollup/plugin-typescript": "^11.1.2",
 		"@testing-library/dom": "^10.4.1",
-		"@testing-library/jest-dom": "^6.8.0",
-		"@testing-library/react": "^16.3.0",
+		"@testing-library/jest-dom": "^6.9.1",
+		"@testing-library/react": "^16.3.1",
 		"@testing-library/user-event": "^14.6.1",
 		"@types/jest": "^30.0.0",
-		"@types/node": "^24.3.1",
-		"@types/react": "^19.1.12",
-		"@types/react-dom": "^19.1.9",
+		"@types/node": "^25.0.6",
+		"@types/react": "^19.2.8",
+		"@types/react-dom": "^19.2.3",
 		"@types/react-redux": "^7.1.34",
 		"@types/react-syntax-highlighter": "^15.5.13",
-		"@types/styled-components": "^5.1.34",
-		"@typescript-eslint/eslint-plugin": "^8.43.0",
-		"@typescript-eslint/parser": "^8.43.0",
-		"@vitejs/plugin-react": "^5.0.2",
-		"@vitejs/plugin-react-swc": "^4.0.1",
+		"@types/styled-components": "^5.1.36",
+		"@typescript-eslint/eslint-plugin": "^8.52.0",
+		"@typescript-eslint/parser": "^8.52.0",
+		"@vitejs/plugin-react": "^5.1.2",
+		"@vitejs/plugin-react-swc": "^4.2.2",
 		"directory-tree": "^3.5.2",
-		"eslint": "9.35.0",
-		"eslint-config-prettier": "10.1.5",
+		"eslint": "9.39.2",
+		"eslint-config-prettier": "10.1.8",
 		"eslint-plugin-prettier": "5.5.4",
 		"eslint-plugin-react": "^7.37.5",
-		"eslint-plugin-react-hooks": "^5.2.0",
-		"eslint-plugin-react-refresh": "^0.4.20",
-		"globals": "^16.3.0",
-		"html-react-parser": "^5.2.6",
-		"jest": "^30.1.3",
-		"jest-environment-jsdom": "^30.1.2",
-		"jest-environment-node": "^30.1.2",
-		"prettier": "^3.6.2",
-		"prettier-plugin-organize-imports": "^4.2.0",
-		"react": "^19.1.1",
-		"react-dom": "^19.1.1",
+		"eslint-plugin-react-hooks": "^7.0.1",
+		"eslint-plugin-react-refresh": "^0.4.26",
+		"globals": "^17.0.0",
+		"html-react-parser": "^5.2.11",
+		"jest": "^30.2.0",
+		"jest-environment-jsdom": "^30.2.0",
+		"jest-environment-node": "^30.2.0",
+		"prettier": "^3.7.4",
+		"prettier-plugin-organize-imports": "^4.3.0",
+		"react": "^19.2.3",
+		"react-dom": "^19.2.3",
 		"react-element-to-jsx-string": "^17.0.1",
 		"react-redux": "^9.2.0",
-		"react-router-dom": "^7.8.2",
-		"react-syntax-highlighter": "^15.6.6",
-		"rimraf": "^6.0.1",
-		"rollup": "^4.50.1",
-		"rollup-plugin-delete": "^3.0.1",
-		"rollup-plugin-dts": "^6.2.3",
+		"react-router-dom": "^7.12.0",
+		"react-syntax-highlighter": "^16.1.0",
+		"rimraf": "^6.1.2",
+		"rollup": "^4.55.1",
+		"rollup-plugin-delete": "^3.0.2",
+		"rollup-plugin-dts": "^6.3.0",
 		"rollup-plugin-peer-deps-external": "^2.2.4",
 		"rollup-plugin-terser": "^7.0.2",
 		"rollup-plugin-tsconfig-paths": "^1.5.2",
 		"standard-version": "^9.5.0",
-		"ts-jest": "^29.4.1",
-		"typescript": "5.9.2",
-		"vite": "^7.1.5",
-		"vite-tsconfig-paths": "^5.1.4",
+		"ts-jest": "^29.4.6",
+		"typescript": "5.9.3",
+		"vite": "^7.3.1",
+		"vite-tsconfig-paths": "^6.0.4",
 		"web-vitals": "^5.1.0"
 	},
 	"release": {
@@ -147,6 +147,5 @@
 		"transformIgnorePatterns": [
 			"<rootDir>/node_modules/(?!variables|react-syntax-highlighter)"
 		]
-	},
-	"packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+	}
 }