Refactor code structure for improved readability and maintainability

Author: SMAKSS

.github/workflows/ci.yml

@@ -22,35 +22,32 @@ jobs:
       uses: actions/setup-node@v4
       with:
         node-version: 20
+        cache: pnpm
 
-    - name: Cache dependencies
-      uses: actions/cache@v4
+    - name: Setup pnpm
+      uses: pnpm/action-setup@v4
       with:
-        path: |
-          **/node_modules
-        key: ${{ runner.os }}-node-18-yarn-${{ hashFiles('**/yarn.lock') }}
-        restore-keys: |
-          ${{ runner.os }}-node-18-yarn-
+        version: 10
 
     - name: Install dependencies
-      run: yarn install
+      run: pnpm install --frozen-lockfile
 
     - name: Type check
-      run: yarn typecheck
+      run: pnpm typecheck
 
     - name: Check code quality
       run: |
-        yarn lint
-        yarn format:check
-        yarn run --if-present generate
+        pnpm lint
+        pnpm format:check
+        pnpm run --if-present generate
 
     - name: Security Audit
-      run: yarn audit --level moderate || true
+      run: pnpm audit --audit-level moderate || true
       continue-on-error: true
 
     - name: Security Audit Summary
       if: success() || failure()
-      run: yarn audit --summary
+      run: pnpm audit --audit-level moderate || true
 
     - name: Archive production artifacts
       uses: actions/upload-artifact@v4

.github/workflows/npm-publish.yml

@@ -9,16 +9,20 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 10
       - uses: actions/setup-node@v4
         with:
           node-version: 20
-      - run: yarn
-      - run: yarn generate
+          cache: pnpm
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm generate
       - uses: actions/upload-artifact@v4
         with:
           name: built-package
           path: |
-            ./path-to-your-build-folder
+            ./dist
             package.json
 
   publish-npm:
@@ -29,13 +33,17 @@ jobs:
       - uses: actions/download-artifact@v4
         with:
           name: built-package
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 10
       - uses: actions/setup-node@v4
         with:
           node-version: 18
           registry-url: https://registry.npmjs.org/
           scope: "@smakss"
-      - run: yarn install
-      - run: yarn generate
+          cache: pnpm
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm generate
       - run: |
           if grep -q "beta" package.json; then
             echo "Publishing Beta to npm"
@@ -55,13 +63,17 @@ jobs:
       - uses: actions/download-artifact@v4
         with:
           name: built-package
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 10
       - uses: actions/setup-node@v4
         with:
           node-version: 18
           registry-url: https://npm.pkg.github.com/
           scope: "@smakss"
-      - run: yarn install
-      - run: yarn generate
+          cache: pnpm
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm generate
       - run: |
           if grep -q "beta" package.json; then
             echo "Publishing Beta to GitHub Package Registry"

CONTRIBUTING.md

@@ -12,7 +12,7 @@ First and foremost, thank you for considering contributing to @smakss/react-scro
 Before you start working on your contribution, you need to set up your development environment. After cloning the repository, run the following commands:
 
 ```bash
-yarn setup
+pnpm setup
 ```
 
 This will install all the necessary development dependencies and set up Git hooks using Husky.

Readme.md

@@ -14,12 +14,14 @@ Experience the extended capabilities of `@smakss/react-scroll-direction` on Code
 
 ## Installation
 
-Install `@smakss/react-scroll-direction` via npm or yarn:
+Install `@smakss/react-scroll-direction` via npm, yarn, or pnpm:
 
 ```bash
 npm install @smakss/react-scroll-direction
 # or
 yarn add @smakss/react-scroll-direction
+# or
+pnpm add @smakss/react-scroll-direction
 ```
 
 Then, import it into your project:

lint-staged.config.cjs

@@ -1,4 +1,4 @@
 module.exports = {
-  "*.+(js|jsx|ts|tsx)": ["yarn lint", () => "yarn typecheck"],
-  "*.+(js|jsx|json|yml|yaml|css|ts|tsx|md|graphql|mdx)": ["yarn format"],
+  "*.+(js|jsx|ts|tsx)": ["pnpm lint", () => "pnpm typecheck"],
+  "*.+(js|jsx|json|yml|yaml|css|ts|tsx|md|graphql|mdx)": ["pnpm format"],
 };

package.json

@@ -18,7 +18,7 @@
     "lint-staged": "^16.2.7",
     "prettier": "^3.8.1",
     "typescript": "^5.9.3",
-    "vite": "^6.3.6",
+    "vite": "^6.4.1",
     "vite-plugin-dts": "^4.5.4"
   },
   "engines": {
@@ -42,7 +42,7 @@
     "direction-and-position-detection",
     "scroll-hook",
     "npm",
-    "yarn",
+    "pnpm",
     "react",
     "remix",
     "nextjs",
@@ -74,9 +74,9 @@
     "generate": "vite build",
     "lint": "npx eslint --cache --cache-location ./node_modules/.cache/.eslintcache --max-warnings=0 .",
     "lint:fix": "npx eslint --fix .",
-    "setup": "yarn && husky install",
+    "setup": "pnpm install && husky",
     "typecheck": "tsc -b .",
-    "update:deps": "rm -rf node_modules yarn.lock && npx npm-check-updates -u && yarn"
+    "update:deps": "rm -rf node_modules pnpm-lock.yaml && npx npm-check-updates -u && pnpm install"
   },
   "type": "module",
   "types": "./dist/index.d.ts",