refactor(workspaces): migrate sources to javascript workspace

* refactor(workspaces): migrate sources to javascript workspace

* ci(workspaces): update workflows for javascript workspace publishing

* Rename ESLint config and update references

Renamed .eslintrc.js to .eslintrc.cjs and updated all npm scripts in package.json to reference the new config file. Also added a features section to the JavaScript package README to highlight key capabilities.

---------

Co-authored-by: Peter Savchenko <[email protected]>

Author: Reversean

.eslintrc.js .eslintrc.cjs.eslintrc.js renamed to .eslintrc.cjs

@@ -6,6 +6,7 @@ module.exports = {
     'node_modules/',
     'package.json',
     'tsconfig.json',
+    'packages/*/dist/',
   ],
   env: {
     browser: true,

.github/workflows/npm-publish.yml

@@ -17,7 +17,7 @@ jobs:
       - run: yarn
       - run: yarn lint-test
       - run: yarn build
-      - run: yarn publish --access=public
+      - run: yarn workspace @hawk.so/javascript publish --access=public
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
   notify:
@@ -28,6 +28,8 @@ jobs:
       - name: Get package info
         id: package
         uses: codex-team/action-nodejs-package-info@v1
+        with:
+          path: packages/javascript
       - name: Send a message
         uses: codex-team/action-codexbot-notify@v1
         with:

README.md

@@ -1,4 +1,4 @@
-# Hawk JavaScript Catcher
+# Hawk JavaScript
 
 Error tracking for JavaScript/TypeScript applications.
 
@@ -18,210 +18,9 @@ Error tracking for JavaScript/TypeScript applications.
 - <img src="https://cdn.svglogos.dev/logos/vue.svg" width="16" height="16"> &nbsp;Vue support
 - <img src="https://cdn.svglogos.dev/logos/react.svg" width="16" height="16">  &nbsp;React support
 
-## Installation
+## Packages
 
-We recommend adding Hawk script to page above others to prevent missing any errors.
-
-### Install via NPM or Yarn
-
-Install package
-
-```shell
-npm install @hawk.so/javascript --save
-```
-
-```shell
-yarn add @hawk.so/javascript
-```
-
-Then import `@hawk.so/javascript` module to your code.
-
-```js
-import HawkCatcher from '@hawk.so/javascript';
-````
-
-### Load from CDN
-
-Get the newest bundle path from [@hawk.so/javascript](https://www.jsdelivr.com/package/npm/@hawk.so/javascript) — open site and get the link to latest distributed JS bundle.
-
-Then require this script on your site.
-
-```
-<script src="..." async></script>
-```
-
-## Usage
-
-### Get an Integration Token
-
-First of all, you should register an account on [hawk.so](https://garage.hawk.so/sign-up).
-
-Then create a Workspace and a Project in there. You'll get an Integration Token.
-
-### Initialize Catcher
-
-Create `HawkCatcher` class instance when script will be ready and pass your Integration Token:
-
-```js
-const hawk = new HawkCatcher({token: 'INTEGRATION_TOKEN'});
-
-// or
-
-const hawk = new HawkCatcher('INTEGRATION_TOKEN');
-```
-
-Alternately, add `onload="const hawk = new HawkCatcher({token: 'INTEGRATION_TOKEN'})"` attribute to the `<script>` tag.
-
-```html
-<script src="https://cdn.rawgit.com/codex-team/hawk.javascript/master/hawk.js" onload="const hawk = new HawkCatcher({token: 'INTEGRATION_TOKEN'})"></script>
-```
-
-Initialization settings:
-
-| name | type | required | description |
-| -- | -- | -- | -- |
-| `token` | string | **required** | Your project's Integration Token |
-| `release` | string/number | optional | Unique identifier of the release. Used for source map consuming (see below) |
-| `user` | {id: string, name?: string, image?: string, url?: string} | optional | Current authenticated user |
-| `context` | object | optional | Any data you want to pass with every message. Has limitation of length. |
-| `vue` | Vue constructor | optional | Pass Vue constructor to set up the [Vue integration](#integrate-to-vue-application) |
-| `disableGlobalErrorsHandling` | boolean | optional | Do not initialize global errors handling |
-| `disableVueErrorHandler` | boolean | optional | Do not initialize Vue errors handling |
-| `consoleTracking` | boolean | optional | Initialize console logs tracking |
-| `beforeSend` | function(event) => event | optional | This Method allows you to filter any data you don't want sending to Hawk |
-
-Other available [initial settings](types/hawk-initial-settings.d.ts) are described at the type definition.
-
-## Manual sending
-
-You can send errors or other messages to the Hawk manually, for example at your `catch` blocks or any debug conditions.
-
-Use the `.send(message, context)` method for that. This method accepts the `message` of type `Error` or `string`
-as the first parameter. The second parameter is optional, it allows passing any additional data with the event.
-If you specify the `context` with the `HawkCatcher` constructor, it will be merged with the context passed to the `send` method.
-
-```js
-// init Hawk Catcher instance
-const hawk = new HawkCatcher({token: 'INTEGRATION_TOKEN'});
-
-// somewhere in try-catch block or other custom place
-hawk.send(new Error('Something went wrong'), {
-  myOwnDebugInfo: '1234',
-});
-```
-
-## User Management
-
-You can dynamically manage user information after the catcher is initialized:
-
-```js
-const hawk = new HawkCatcher({ token: 'INTEGRATION_TOKEN' });
-
-// Set user information
-hawk.setUser({
-  id: 'user123',
-  name: 'John Doe',
-  url: '/users/123',
-  image: 'https://example.com/avatar.jpg',
-});
-
-// Clear user (revert to generated user)
-hawk.clearUser();
-```
-
-## Context Management
-
-You can dynamically update context data that will be sent with all events:
-
-```js
-const hawk = new HawkCatcher({ token: 'INTEGRATION_TOKEN' });
-
-// Set context data
-hawk.setContext({
-  feature: 'user-dashboard',
-  version: '2.1.0',
-  environment: 'production',
-});
-```
-
-## Source maps consuming
-
-If your bundle is minified, it is useful to pass source-map files to the Hawk. After that you will see beautiful original source code lines in Hawk Garage instead of minified code.
-
-To enable source map consuming you should do two things:
-
-- Send the source map and the release identifier to the Hawk after you build a new version of the script. For example with the [Hawk Webpack Plugin](https://github.com/codex-team/hawk.webpack.plugin) or with cURL request.
-- Pass the release identifier to the Hawk Catcher using `release` option.
-
-## Testing and server responses
-
-To make sure that Hawk is working right, call `test()` method from `HawkCatcher` class instance in browser's console.
-`test()` method sends fake error to server. Then, open Hawk and find a test event at the Project's page.
-
-## Sensitive data filtering
-
-You can filter any data that you don't want to send to Hawk. Use the `beforeSend()` hook for that reason.
-
-```js
-window.hawk = new HawkCatcher({
-  token: 'INTEGRATION TOKEN',
-  beforeSend(event){
-    if (event.user && event.user.name){
-      delete event.user.name;
-    }
-
-    return event;
-  }
-})
-```
-
-## Dismiss error
-
-You can use the `beforeSend()` hook to prevent sending a particular event. Return `false` for that.
-
-## Usage with &nbsp; <img src="https://cdn.svglogos.dev/logos/vue.svg" width="22"> &nbsp;Vue.js
-
-Vue apps have their own error handler, so if you want to catcher errors thrown inside Vue components, you should set up a Vue integration.
-
-Pass the Vue constructor with the initial settings:
-
-```js
-import Vue from 'vue';
-
-const hawk = new HawkCatcher({
-  token: 'INTEGRATION_TOKEN',
-  vue: Vue // the Vue constructor you tweak
-});
-```
-
-or pass it any moment after Hawk Catcher was instantiated:
-
-
-```js
-import Vue from 'vue';
-
-const hawk = new HawkCatcher({
-  token: 'INTEGRATION_TOKEN',
-});
-
-hawk.connectVue(Vue)
-```
-
-
-## Usage with &nbsp; <img src="https://cdn.svglogos.dev/logos/react.svg" width="22"> &nbsp;React
-
-React is suppported out of the box. No additional setup required.
-
-Create the Hawk Catcher instance in a `index.js` file of your project.
-
-
-```js
-import HawkCatcher from '@hawk.so/javascript';
-
-const hawk = new HawkCatcher({
-  token: 'INTEGRATION_TOKEN'
-});
-```
+- **[@hawk.so/javascript](./packages/javascript)** - Core JavaScript/TypeScript error tracking SDK
 
 ## License
 

package.json

@@ -1,54 +1,29 @@
 {
-  "name": "@hawk.so/javascript",
-  "type": "commonjs",
-  "version": "3.2.12",
-  "description": "JavaScript errors tracking for Hawk.so",
-  "files": [
-    "dist"
+  "private": true,
+  "name": "hawk.javascript",
+  "type": "module",
+  "version": "0.0.0",
+  "workspaces": [
+    "packages/*"
   ],
-  "main": "./dist/hawk.umd.js",
-  "module": "./dist/hawk.mjs",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/hawk.mjs",
-      "require": "./dist/hawk.umd.js"
-    }
-  },
   "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "stats": "size-limit > stats.txt",
-    "lint": "eslint -c ./.eslintrc.js src/ --ext .ts,.js --fix",
-    "lint-test": "eslint -c ./.eslintrc.js src/ --ext .ts,.js"
+    "dev": "yarn workspace @hawk.so/javascript dev",
+    "build": "yarn workspace @hawk.so/javascript build",
+    "stats": "yarn workspace @hawk.so/javascript stats",
+    "lint": "eslint -c ./.eslintrc.cjs packages/*/src --ext .ts,.js --fix",
+    "lint-test": "eslint -c ./.eslintrc.cjs packages/*/src --ext .ts,.js"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/codex-team/hawk.javascript.git"
   },
-  "author": {
-    "name": "CodeX",
-    "email": "[email protected]"
-  },
-  "license": "AGPL-3.0-only",
-  "bugs": {
-    "url": "https://github.com/codex-team/hawk.javascript/issues"
-  },
-  "homepage": "https://github.com/codex-team/hawk.javascript#readme",
   "devDependencies": {
     "@size-limit/preset-small-lib": "^11.1.6",
     "eslint": "^7.24.0",
     "eslint-config-codex": "^1.6.1",
     "rollup-plugin-license": "^3.5.3",
     "size-limit": "^11.1.6",
     "typescript": "^5.6.3",
-    "vite": "^5.4.9",
-    "vue": "^2"
-  },
-  "dependencies": {
-    "@hawk.so/types": "^0.1.36",
-    "error-stack-parser": "^2.1.4",
-    "vite-plugin-dts": "^4.2.4"
+    "vite": "^5.4.9"
   }
 }

.babelrc packages/javascript/.babelrc.babelrc renamed to packages/javascript/.babelrc

@@ -1,6 +1,6 @@
 module.exports = [
   {
-    path: "dist/hawk.js",
+    path: "dist/hawk.umd.js",
     name: "hawk browser"
   }
 ];