Merge pull request #48 from sectsect/update-dependencies

chore(deps): update dependencies

Author: sectsect

README.md

@@ -6,7 +6,7 @@
 
 [![Release](https://github.com/sectsect/solid-hiding-header/actions/workflows/release.yml/badge.svg)](https://github.com/sectsect/solid-hiding-header/actions/workflows/release.yml) [![codecov](https://codecov.io/gh/sectsect/solid-hiding-header/branch/main/graph/badge.svg?token=JKS41JGTAV)](https://codecov.io/gh/sectsect/solid-hiding-header) [![CodeQL](https://github.com/sectsect/solid-hiding-header/actions/workflows/github-code-scanning/codeql/badge.svg)](https://github.com/sectsect/solid-hiding-header/actions/workflows/github-code-scanning/codeql) [![npm version](https://badge.fury.io/js/@sect%2Fsolid-hiding-header.svg)](https://badge.fury.io/js/@sect%2Fsolid-hiding-header) ![NPM](https://img.shields.io/npm/l/@sect/solid-hiding-header)
 
-Forked from [Hiding Header React](https://github.com/FilipChalupa/hiding-header-react) by [Filip Chalupa](https://github.com/FilipChalupa).
+A port of [Hiding Header React](https://github.com/FilipChalupa/hiding-header-react) by [Filip Chalupa](https://github.com/FilipChalupa).
 
 ## Demo
 Toggles header visibility on scroll. [Demo](https://filipchalupa.cz/hiding-header/demo).

apps/solidjs-boilerplate/.eslintrc

@@ -31,7 +31,7 @@
         "@typescript-eslint",
         "solid",
         "unused-imports",
-        "tailwindcss",
+        // "tailwindcss",
         // "simple-import-sort",
         "eslint-plugin-tsdoc",
         "import",
@@ -44,7 +44,7 @@
         "plugin:@typescript-eslint/recommended",
         "plugin:solid/typescript",
         "plugin:jsx-a11y/recommended",
-        "plugin:tailwindcss/recommended",
+        // "plugin:tailwindcss/recommended",
         "plugin:prettier/recommended"
       ],
       "parser": "@typescript-eslint/parser",
@@ -117,7 +117,7 @@
         ],
         "no-underscore-dangle": "off", // We use _id in our database
         "solid/no-innerhtml": "off",
-        "tailwindcss/no-custom-classname": "off",
+        // "tailwindcss/no-custom-classname": "off",
         "tsdoc/syntax": "warn"
       }
     },

apps/solidjs-boilerplate/commitlint.config.js

@@ -0,0 +1,8 @@
+import type { UserConfig } from '@commitlint/types';
+
+const configuration: UserConfig = {
+  extends: ['@commitlint/config-conventional'],
+};
+
+// eslint-disable-next-line import/no-default-export
+export default configuration;

apps/solidjs-boilerplate/commitlint.config.ts

@@ -0,0 +1,7 @@
+export default {
+  '*': ['secretlint'],
+  'src/**/*.{js,jsx,ts,tsx}': ['eslint --fix', 'eslint'],
+  'src/**/*.ts?(x)': () => 'npm run type-check',
+  'src/**/*{,.*}.{css,scss}': ['stylelint --fix', 'stylelint'],
+  'src/**/*.json': ['prettier --write'],
+};

apps/solidjs-boilerplate/lint-staged.config.js

@@ -12,8 +12,8 @@
     "coverage": "vitest run --coverage",
     "test:e2e": "playwright test",
     "test:e2e:report": "playwright show-report",
-    "lint": "eslint --ext .ts,tsx",
-    "lint:fix": "eslint --fix --ext .ts,tsx",
+    "lint": "eslint --ext .ts,tsx src",
+    "lint:fix": "eslint --fix --ext .ts,tsx src",
     "lint:css": "stylelint src/**/*{,.*}.{css,scss} --fix",
     "type-check": "tsc --noEmit --pretty",
     "type-check:watch": "npm run type-check -- --watch",
@@ -24,77 +24,77 @@
   "devDependencies": {
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
-    "@playwright/test": "^1.53.1",
-    "@secretlint/secretlint-rule-preset-recommend": "^10.1.0",
+    "@commitlint/types": "^19.8.1",
+    "@playwright/test": "^1.53.2",
+    "@secretlint/secretlint-rule-preset-recommend": "^10.1.1",
     "@solidjs/testing-library": "^0.8.10",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^24.0.3",
+    "@types/node": "^24.0.10",
     "@types/testing-library__jest-dom": "^6.0.0",
     "@typescript-eslint/eslint-plugin": "^6.19.0",
     "@typescript-eslint/parser": "^6.19.0",
     "@vitest/coverage-v8": "^3.2.4",
     "babel-preset-solid": "^1.9.6",
-    "eslint": "8.56.0",
+    "eslint": "8.57.1",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-airbnb-typescript": "^17.1.0",
     "eslint-config-prettier": "^10.1.5",
-    "eslint-import-resolver-typescript": "^4.4.3",
+    "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-plugin-deprecation": "^3.0.0",
-    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jest": "^29.0.1",
     "eslint-plugin-jest-dom": "^5.5.0",
     "eslint-plugin-jest-formatting": "^3.1.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-playwright": "^2.2.0",
-    "eslint-plugin-prettier": "^5.5.0",
+    "eslint-plugin-prettier": "^5.5.1",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-solid": "^0.14.5",
-    "eslint-plugin-tailwindcss": "^3.18.0",
     "eslint-plugin-testing-library": "^7.5.3",
     "eslint-plugin-tsdoc": "^0.4.0",
     "eslint-plugin-unused-imports": "^4.1.4",
     "eslint-plugin-vitest": "^0.5.4",
     "husky": "^9.1.7",
     "jsdom": "^26.1.0",
     "lint-staged": "^16.1.2",
-    "msw": "^2.3.1",
+    "msw": "^2.7.6",
     "postcss": "^8.5.6",
     "postcss-calc": "^10.1.1",
     "postcss-combine-duplicated-selectors": "^10.0.3",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-hexrgba": "^2.1.0",
     "postcss-import": "^16.1.1",
     "postcss-nesting": "^13.0.2",
-    "postcss-preset-env": "^10.2.3",
+    "postcss-preset-env": "^10.2.4",
     "postcss-pseudo-is": "^0.3.0",
     "postcss-pxtorem": "^6.1.0",
     "postcss-reporter": "^7.1.0",
     "postcss-sort-media-queries": "^5.2.0",
-    "prettier": "^3.5.3",
-    "secretlint": "^10.1.0",
-    "stylelint": "^16.21.0",
+    "prettier": "^3.6.2",
+    "secretlint": "^10.1.1",
+    "stylelint": "^16.21.1",
     "stylelint-config-recess-order": "^7.1.0",
     "stylelint-config-standard": "^38.0.0",
     "stylelint-prettier": "^5.0.3",
-    "tailwindcss": "^4.1.10",
+    "tailwindcss": "^4.1.11",
     "typescript": "^5.8.3",
-    "vite": "^6.3.5",
-    "vite-plugin-solid": "^2.11.6",
+    "vite": "^7.0.2",
+    "vite-plugin-solid": "^2.11.7",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.2.4"
   },
   "dependencies": {
     "@sect/solid-hiding-header": "workspace:*",
     "@solidjs/meta": "^0.29.4",
     "@solidjs/router": "^0.15.3",
-    "@tailwindcss/vite": "^4.1.10",
-    "@tanstack/solid-query": "^5.80.10",
+    "@tailwindcss/vite": "^4.1.11",
+    "@tanstack/solid-query": "^5.81.5",
     "escape-goat": "^4.0.0",
     "isomorphic-dompurify": "^2.25.0",
-    "solid-devtools": "^0.34.2",
+    "solid-devtools": "^0.34.3",
     "solid-js": "^1.9.7",
     "solid-toast": "^0.5.0",
     "striptags": "^3.2.0",

apps/solidjs-boilerplate/lint-staged.config.mjs

@@ -0,0 +1,7 @@
+const config = {
+  singleQuote: true,
+  trailingComma: 'all',
+  arrowParens: 'avoid',
+};
+
+export default config;

apps/solidjs-boilerplate/package.json

@@ -1,7 +1,9 @@
+import type { JSX } from 'solid-js';
+
+import { MetaProvider } from '@solidjs/meta';
 import { render } from '@solidjs/testing-library';
 import { expect, describe, test, vi } from 'vitest';
-import { MetaProvider } from '@solidjs/meta';
-import type { JSX } from 'solid-js';
+
 import Head from './Head';
 
 // Mock the AppConfig to avoid import issues
@@ -11,91 +13,99 @@ vi.mock('@/constants/AppConfig', () => ({
     description: 'Test description',
     og: {
       image: {
-        url: 'https://example.com/default-og-image.jpg'
-      }
-    }
-  }
+        url: 'https://example.com/default-og-image.jpg',
+      },
+    },
+  },
 }));
 
 describe('Head component', () => {
   const renderWithMeta = (component: () => JSX.Element) => {
-    return render(() => (
-      <MetaProvider>
-        {component()}
-      </MetaProvider>
-    ));
+    return render(() => <MetaProvider>{component()}</MetaProvider>);
   };
 
   test('should render with default title and description', () => {
     const { unmount } = renderWithMeta(() => <Head />);
-    
+
     // Check if document head contains the expected meta tags
     expect(document.title).toBe('Test Site');
-    
-    const metaDescription = document.querySelector('meta[name="description"]');
+
+    // eslint-disable-next-line testing-library/no-node-access
+    const metaDescription = document.head.querySelector(
+      'meta[name="description"]',
+    );
     expect(metaDescription?.getAttribute('content')).toBe('Test description');
-    
+
     unmount();
   });
 
   test('should render with custom title and description', () => {
     const customTitle = 'Custom Page';
     const customDescription = 'Custom page description';
-    
+
     const { unmount } = renderWithMeta(() => (
       <Head title={customTitle} description={customDescription} />
     ));
-    
+
     expect(document.title).toBe('Custom Page | Test Site');
-    
-    const metaDescription = document.querySelector('meta[name="description"]');
+
+    // eslint-disable-next-line testing-library/no-node-access
+    const metaDescription = document.head.querySelector(
+      'meta[name="description"]',
+    );
     expect(metaDescription?.getAttribute('content')).toBe(customDescription);
-    
+
     unmount();
   });
 
   test('should use website type when canonical is undefined', () => {
     const { unmount } = renderWithMeta(() => <Head />);
-    
-    const ogType = document.querySelector('meta[property="og:type"]');
+
+    // eslint-disable-next-line testing-library/no-node-access
+    const ogType = document.head.querySelector('meta[property="og:type"]');
     expect(ogType?.getAttribute('content')).toBe('website');
-    
+
     unmount();
   });
 
   test('should use article type when canonical is provided', () => {
     const { unmount } = renderWithMeta(() => <Head canonical="/test" />);
-    
-    const ogType = document.querySelector('meta[property="og:type"]');
+
+    // eslint-disable-next-line testing-library/no-node-access
+    const ogType = document.head.querySelector('meta[property="og:type"]');
     expect(ogType?.getAttribute('content')).toBe('article');
-    
+
     unmount();
   });
 
   test('should use custom OG image when provided', () => {
     const customOgImage = {
       og: {
         image: {
-          url: '/custom-image.jpg'
-        }
-      }
+          url: '/custom-image.jpg',
+        },
+      },
     };
-    
+
     const { unmount } = renderWithMeta(() => <Head {...customOgImage} />);
-    
-    const ogImage = document.querySelector('meta[property="og:image"]');
+
+    // eslint-disable-next-line testing-library/no-node-access
+    const ogImage = document.head.querySelector('meta[property="og:image"]');
     // The actual implementation prepends siteUrl, but since siteUrl is empty in test, it just returns the path
     expect(ogImage?.getAttribute('content')).toContain('custom-image.jpg');
-    
+
     unmount();
   });
 
   test('should use default OG image when custom image is not provided', () => {
     const { unmount } = renderWithMeta(() => <Head />);
-    
-    const ogImage = document.querySelector('meta[property="og:image"]');
-    expect(ogImage?.getAttribute('content')).toBe('https://example.com/default-og-image.jpg');
-    
+
+    // eslint-disable-next-line testing-library/no-node-access
+    const ogImage = document.head.querySelector('meta[property="og:image"]');
+    expect(ogImage?.getAttribute('content')).toBe(
+      'https://example.com/default-og-image.jpg',
+    );
+
     unmount();
   });
-}); 
+});