feat(profiling): js self profiling

package.json

@@ -49,6 +49,7 @@
     "packages/node",
     "packages/node-integration-tests",
     "packages/opentelemetry-node",
+    "packages/profiling-browser",
     "packages/react",
     "packages/remix",
     "packages/replay",

packages/e2e-tests/verdaccio-config/config.yaml

@@ -92,6 +92,12 @@ packages:
     unpublish: $all
     # proxy: npmjs # Don't proxy for E2E tests!
 
+  '@sentry/profiling-browser':
+    access: $all
+    publish: $all
+    unpublish: $all
+    # proxy: npmjs # Don't proxy for E2E tests!
+
   '@sentry/react':
     access: $all
     publish: $all

packages/profiling-browser/.eslintrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  env: {
+    browser: true,
+  },
+  extends: ['../../.eslintrc.js'],
+};

packages/profiling-browser/LICENSE

@@ -0,0 +1,14 @@
+Copyright (c) 2023 Sentry (https://sentry.io) and individual contributors. All rights reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+documentation files (the "Software"), to deal in the Software without restriction, including without limitation the
+rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit
+persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the
+Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
+WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
+OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

packages/profiling-browser/README.md

@@ -0,0 +1,44 @@
+<p align="center">
+  <a href="https://sentry.io/?utm_source=github&utm_medium=logo" target="_blank">
+    <img src="https://sentry-brand.storage.googleapis.com/sentry-wordmark-dark-280x84.png" alt="Sentry" width="280" height="84">
+  </a>
+</p>
+
+# Official Sentry Profiling SDK for Browser Profiling (internal proof of concept not intended for production use)
+This package is not intended for production use and should be treated as experimental/unstable.
+
+[![npm version](https://img.shields.io/npm/v/@sentry/profiling-browser.svg)](https://www.npmjs.com/package/@sentry/profiling-browser)
+[![npm dm](https://img.shields.io/npm/dm/@sentry/profiling-browser.svg)](https://www.npmjs.com/package/@sentry/profiling-browser)
+[![npm dt](https://img.shields.io/npm/dt/@sentry/profiling-browser.svg)](https://www.npmjs.com/package/@sentry/profiling-browser)
+
+## Usage 🔥
+@TODO explaind the required 'Document-Policy': 'js-profiling' header
+
+```javascript
+import * as Sentry from "@sentry/browser";
+import { BrowserTracing } from "@sentry/tracing";
+import { ProfilingIntegration } from '@sentry/profiling-browser';
+
+Sentry.init({
+  dsn: 'https://[email protected]/6625302',
+  tracesSampleRate: 1,
+  profilesSampleRate: 1, // Set profilesSampleRate
+  integrations: [
+    new BrowserTracing(),
+    new ProfilingIntegration() // Add profiling integration
+  ]
+});
+```
+
+Sentry SDK will now automatically profile all transactions, even the ones which may be started as a result of using an automatic instrumentation integration.
+
+```javascript
+const transaction = Sentry.startTransaction({ name: 'I will do some work' });
+
+// The code between startTransaction and transaction.finish will be profiled
+
+transaction.finish();
+```
+
+## FAQ 💭
+@TODO

packages/profiling-browser/jest.config.js

@@ -0,0 +1,3 @@
+const baseConfig = require('../../jest/jest.config.js');
+
+module.exports = baseConfig;

packages/profiling-browser/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@sentry/profiling-browser",
+  "version": "7.38.0",
+  "description": "Official Sentry SDK for browser profiling",
+  "repository": "git://github.com/getsentry/sentry-javascript.git",
+  "homepage": "https://github.com/getsentry/sentry-javascript/tree/master/packages/profiling-browser",
+  "author": "Sentry",
+  "license": "MIT",
+  "engines": {
+    "node": ">=8"
+  },
+  "sideEffects": [
+    "./build/cjs/index.js",
+    "./build/esm/index.js"
+  ],
+  "main": "build/cjs/index.js",
+  "module": "build/esm/index.js",
+  "types": "build/types/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "lru_map": "^0.4.1"
+  },
+  "peerDependencies": {
+    "@sentry/browser": "7.38.0",
+    "@sentry/core": "^7.38.0",
+    "@sentry/types": "7.38.0",
+    "@sentry/utils": "7.38.0"
+  },
+  "devDependencies": {},
+  "scripts": {
+    "build": "run-p build:transpile build:types",
+    "build:dev": "yarn build",
+    "build:transpile": "rollup -c rollup.npm.config.js",
+    "build:types": "tsc -p tsconfig.types.json",
+    "build:watch": "run-p build:transpile:watch build:types:watch",
+    "build:dev:watch": "yarn build:watch",
+    "build:transpile:watch": "rollup -c rollup.npm.config.js --watch",
+    "build:types:watch": "tsc -p tsconfig.types.json --watch",
+    "build:tarball": "ts-node ../../scripts/prepack.ts && npm pack ./build",
+    "circularDepCheck": "madge --circular src/index.ts",
+    "clean": "rimraf build coverage sentry-svelte-*.tgz",
+    "fix": "run-s fix:eslint fix:prettier",
+    "fix:eslint": "eslint . --format stylish --fix",
+    "fix:prettier": "prettier --write \"{src,test,scripts}/**/**.ts\"",
+    "lint": "run-s lint:prettier lint:eslint",
+    "lint:eslint": "eslint . --format stylish",
+    "lint:prettier": "prettier --check \"{src,test,scripts}/**/**.ts\"",
+    "test": "jest",
+    "test:watch": "jest --watch"
+  },
+  "volta": {
+    "extends": "../../package.json"
+  }
+}

packages/profiling-browser/rollup.npm.config.js

@@ -0,0 +1,3 @@
+import { makeBaseNPMConfig, makeNPMConfigVariants } from '../../rollup/index.js';
+
+export default makeNPMConfigVariants(makeBaseNPMConfig());