React/Vue Typescript Hooks

.gitattributes

@@ -7,6 +7,5 @@
 .gitattributes export-ignore
 .gitignore export-ignore
 .npmignore export-ignore
-.styleci.yml export-ignore
 CHANGELOG.md export-ignore
 RELEASE.md export-ignore

.github/CONTRIBUTING.md

@@ -1,3 +1,44 @@
 # Contribution Guide
 
 The Laravel contributing guide can be found in the [Laravel documentation](https://laravel.com/docs/contributions).
+
+# Installation
+
+This monorepo contains three packages:
+
+-   [laravel-echo](https://www.npmjs.com/package/laravel-echo)
+-   [@laravel/echo-react](https://www.npmjs.com/package/@laravel/echo-react)
+-   [@laravel/echo-vue](https://www.npmjs.com/package/@laravel/echo-vue)
+
+[pnpm](https://pnpm.io/) is used to manage dependencies, the repo is set up as a workspace. Each package lives under `packages/*`
+
+From the root directory, install dependencies for all packages:
+
+```bash
+pnpm i
+```
+
+## Running Tests
+
+Tests are written with [Vitest](https://vitest.dev/).
+
+To run all tests, from the root directory:
+
+```bash
+pnpm -r run test
+```
+
+To run tests for an individual package:
+
+```bash
+cd packages/react
+pnpm run test
+```
+
+## Publishing
+
+This section is really for the benefit of the core maintainers. From the root directory:
+
+```bash
+./release
+```

.github/ISSUE_TEMPLATE/1_Bug_report.yml

@@ -51,5 +51,3 @@ body:
       description: Provide detailed steps to reproduce your issue. If necessary, please provide a GitHub repository to demonstrate your issue using `laravel new bug-report --github="--public"`.
     validations:
       required: true
-
-

.github/ISSUE_TEMPLATE/config.yml

@@ -2,10 +2,10 @@ blank_issues_enabled: false
 contact_links:
   - name: Feature request
     url: https://github.com/laravel/echo/pulls
-    about: 'For ideas or feature requests, send in a pull request'
+    about: "For ideas or feature requests, send in a pull request"
   - name: Support Questions & Other
     url: https://laravel.com/docs/contributions#support-questions
-    about: 'This repository is only for reporting bugs. If you have a question or need help using the library, click:'
+    about: "This repository is only for reporting bugs. If you have a question or need help using the library, click:"
   - name: Documentation issue
     url: https://github.com/laravel/docs
     about: For documentation issues, open a pull request at the laravel/docs repository

.github/workflows/codeql-analysis.yml

@@ -13,12 +13,12 @@ name: codeql
 
 on:
   push:
-    branches: [ master ]
+    branches: [master]
   pull_request:
     # The branches below must be a subset of the branches above
-    branches: [ master ]
+    branches: [master]
   schedule:
-    - cron: '44 23 * * 1'
+    - cron: "44 23 * * 1"
 
 jobs:
   analyze:
@@ -28,40 +28,40 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        language: [ 'javascript' ]
+        language: ["javascript"]
         # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python' ]
         # Learn more:
         # https://docs.github.com/en/free-pro-team@latest/github/finding-security-vulnerabilities-and-errors-in-your-code/configuring-code-scanning#changing-the-languages-that-are-analyzed
 
     steps:
-    - name: Checkout repository
-      uses: actions/checkout@v4
+      - name: Checkout repository
+        uses: actions/checkout@v4
 
-    # Initializes the CodeQL tools for scanning.
-    - name: Initialize CodeQL
-      uses: github/codeql-action/init@v2
-      with:
-        languages: ${{ matrix.language }}
-        # If you wish to specify custom queries, you can do so here or in a config file.
-        # By default, queries listed here will override any specified in a config file.
-        # Prefix the list here with "+" to use these queries and those in the config file.
-        # queries: ./path/to/local/query, your-org/your-repo/queries@main
+      # Initializes the CodeQL tools for scanning.
+      - name: Initialize CodeQL
+        uses: github/codeql-action/init@v2
+        with:
+          languages: ${{ matrix.language }}
+          # If you wish to specify custom queries, you can do so here or in a config file.
+          # By default, queries listed here will override any specified in a config file.
+          # Prefix the list here with "+" to use these queries and those in the config file.
+          # queries: ./path/to/local/query, your-org/your-repo/queries@main
 
-    # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
-    # If this step fails, then you should remove it and run the build manually (see below)
-    - name: Autobuild
-      uses: github/codeql-action/autobuild@v2
+      # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
+      # If this step fails, then you should remove it and run the build manually (see below)
+      - name: Autobuild
+        uses: github/codeql-action/autobuild@v2
 
-    # ℹ️ Command-line programs to run using the OS shell.
-    # 📚 https://git.io/JvXDl
+      # ℹ️ Command-line programs to run using the OS shell.
+      # 📚 https://git.io/JvXDl
 
-    # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
-    #    and modify them (or add more) to build your code if your project
-    #    uses a compiled language
+      # ✏️ If the Autobuild fails above, remove it and uncomment the following three lines
+      #    and modify them (or add more) to build your code if your project
+      #    uses a compiled language
 
-    #- run: |
-    #   make bootstrap
-    #   make release
+      #- run: |
+      #   make bootstrap
+      #   make release
 
-    - name: Perform CodeQL Analysis
-      uses: github/codeql-action/analyze@v2
+      - name: Perform CodeQL Analysis
+        uses: github/codeql-action/analyze@v2

.github/workflows/coding-standards.yml

@@ -0,0 +1,32 @@
+name: fix code styling
+
+on:
+  push:
+    branches:
+      - master
+      - "*.x"
+  pull_request:
+
+jobs:
+  format:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Format code
+        run: pnpm run format
+
+      - name: Commit linted files
+        uses: stefanzweifel/git-auto-commit-action@v5
+        with:
+          commit_message: "Fix code styling"

.github/workflows/tests.yml

@@ -4,27 +4,32 @@ on:
   push:
     branches:
       - master
-      - '*.x'
+      - "*.x"
   pull_request:
   schedule:
-    - cron: '0 0 * * *'
+    - cron: "0 0 * * *"
 
 jobs:
   tests:
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-latest
 
     steps:
       - name: Checkout code
         uses: actions/checkout@v4
 
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10
+
       - name: Install dependencies
-        run: npm install
+        run: pnpm install
+
+      - name: Build
+        run: pnpm build
 
       - name: ESLint
-        run: npm run lint
+        run: pnpm run lint
 
       - name: Execute tests
-        run: npm test
-
-      - name: Run build
-        run: npm run build
+        run: pnpm test

CHANGELOG.md

@@ -4,10 +4,10 @@
 
 ## [v2.0.2](https://github.com/laravel/echo/compare/v2.0.0...v2.0.2) - 2025-02-18
 
-* [2.x] Fix TS errors with `skipLibCheck: false` by [@SanderMuller](https://github.com/SanderMuller) in https://github.com/laravel/echo/pull/416
+- [2.x] Fix TS errors with `skipLibCheck: false` by [@SanderMuller](https://github.com/SanderMuller) in https://github.com/laravel/echo/pull/416
 
 ## v2.0.0 - 2025-02-11
 
-* Fix TypeScript Error in `isConstructor` by [@SanderMuller](https://github.com/SanderMuller) in https://github.com/laravel/echo/pull/412
-* [2.0] Major package upgrades, better TypeScript support, smaller build by [@SanderMuller](https://github.com/SanderMuller) in https://github.com/laravel/echo/pull/413
-* [2.x] move tslib to dev deps by [@SanderMuller](https://github.com/SanderMuller) in https://github.com/laravel/echo/pull/414
+- Fix TypeScript Error in `isConstructor` by [@SanderMuller](https://github.com/SanderMuller) in https://github.com/laravel/echo/pull/412
+- [2.0] Major package upgrades, better TypeScript support, smaller build by [@SanderMuller](https://github.com/SanderMuller) in https://github.com/laravel/echo/pull/413
+- [2.x] move tslib to dev deps by [@SanderMuller](https://github.com/SanderMuller) in https://github.com/laravel/echo/pull/414

package.json

@@ -1,12 +1,5 @@
 {
-    "name": "laravel-echo",
-    "version": "2.0.2",
     "description": "Laravel Echo library for beautiful Pusher and Socket.IO integration",
-    "keywords": [
-        "laravel",
-        "pusher",
-        "ably"
-    ],
     "homepage": "https://github.com/laravel/echo",
     "repository": {
         "type": "git",
@@ -16,67 +9,12 @@
     "author": {
         "name": "Taylor Otwell"
     },
-    "type": "module",
-    "main": "dist/echo.common.js",
-    "module": "dist/echo.js",
-    "types": "dist/echo.d.ts",
     "scripts": {
-        "build": "npm run compile && npm run declarations",
-        "compile": "rollup -c",
-        "declarations": "tsc --emitDeclarationOnly",
-        "lint": "eslint --config eslint.config.mjs",
-        "prepublish": "npm run build",
-        "release": "npm run test && standard-version && git push --follow-tags && npm publish",
-        "test": "jest"
-    },
-    "devDependencies": {
-        "@babel/core": "^7.26.7",
-        "@babel/plugin-proposal-decorators": "^7.25.9",
-        "@babel/plugin-proposal-function-sent": "^7.25.9",
-        "@babel/plugin-proposal-throw-expressions": "^7.25.9",
-        "@babel/plugin-transform-export-namespace-from": "^7.25.9",
-        "@babel/plugin-transform-numeric-separator": "^7.25.9",
-        "@babel/plugin-transform-object-assign": "^7.25.9",
-        "@babel/preset-env": "^7.26.7",
-        "@rollup/plugin-babel": "^6.0.0",
-        "@rollup/plugin-node-resolve": "^16.0.0",
-        "@rollup/plugin-typescript": "^12.1.2",
-        "@types/jest": "^29.5",
-        "@types/node": "^20.0.0",
-        "@typescript-eslint/eslint-plugin": "^8.21.0",
-        "@typescript-eslint/parser": "^8.21.0",
-        "eslint": "^9.0.0",
-        "jest": "^29.7.0",
-        "pusher-js": "^8.0",
-        "rollup": "^3.0.0",
-        "socket.io-client": "^4.0",
-        "standard-version": "^9.3.2",
-        "ts-jest": "^29.2.5",
-        "tslib": "^2.8.1",
-        "typescript": "^5.7.0"
-    },
-    "peerDependencies": {
-        "socket.io-client": "*",
-        "pusher-js": "*"
-    },
-    "typesVersions": {
-        "*": {
-            "socket.io-client": [],
-            "pusher-js": []
-        }
-    },
-    "engines": {
-        "node": ">=20"
-    },
-    "exports": {
-        ".": {
-            "import": "./dist/echo.js",
-            "require": "./dist/echo.common.js",
-            "types": "./dist/echo.d.ts"
-        },
-        "./iife": "./dist/echo.iife.js"
-    },
-    "overrides": {
-        "glob": "^9.0.0"
+        "test": "pnpm -r --if-present run test",
+        "build": "pnpm -r --if-present run build",
+        "lint": "pnpm -r --if-present run lint",
+        "format": "pnpm -r --if-present run format",
+        "compile": "pnpm -r --if-present run compile",
+        "declarations": "pnpm -r --if-present run declarations"
     }
 }

eslint.config.mjs → packages/laravel-echo/eslint.config.mjs

@@ -1,12 +1,10 @@
-import tsParser from "@typescript-eslint/parser";
 import tsPlugin from "@typescript-eslint/eslint-plugin";
+import tsParser from "@typescript-eslint/parser";
 
 const config = [
     {
-        files: [
-            "typings/**/*.ts",
-            "src/**/*.ts"
-        ],
+        ignores: ["dist/**/*"],
+        files: ["src/**/*.ts"],
         languageOptions: {
             parser: tsParser, // Use the imported parser object
             parserOptions: {
@@ -31,7 +29,10 @@ const config = [
             "@typescript-eslint/no-unsafe-function-type": "off",
             "@typescript-eslint/no-unsafe-member-access": "warn",
             "@typescript-eslint/no-unsafe-return": "warn",
-            "@typescript-eslint/no-unused-vars": ["warn", { argsIgnorePattern: "^_" }],
+            "@typescript-eslint/no-unused-vars": [
+                "warn",
+                { argsIgnorePattern: "^_" },
+            ],
             "no-console": "warn",
             "prefer-const": "off",
         },