@rrweb/record - npm Package Compare versions

Comparing version 2.0.0-alpha.20 to 2.0.0

dist/assets/image-bitmap-data-url-worker-IJpC7g_b.js.map

+{"version":3,"file":"image-bitmap-data-url-worker-IJpC7g_b.js","sources":["../../../node_modules/base64-arraybuffer/dist/base64-arraybuffer.es5.js","../../rrweb/src/record/workers/image-bitmap-data-url-worker.ts"],"sourcesContent":["/*\n * base64-arraybuffer 1.0.2 <https://github.com/niklasvh/base64-arraybuffer>\n * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>\n * Released under MIT License\n */\nvar chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';\n// Use a lookup table to find the index.\nvar lookup = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);\nfor (var i = 0; i < chars.length; i++) {\n    lookup[chars.charCodeAt(i)] = i;\n}\nvar encode = function (arraybuffer) {\n    var bytes = new Uint8Array(arraybuffer), i, len = bytes.length, base64 = '';\n    for (i = 0; i < len; i += 3) {\n        base64 += chars[bytes[i] >> 2];\n        base64 += chars[((bytes[i] & 3) << 4) | (bytes[i + 1] >> 4)];\n        base64 += chars[((bytes[i + 1] & 15) << 2) | (bytes[i + 2] >> 6)];\n        base64 += chars[bytes[i + 2] & 63];\n    }\n    if (len % 3 === 2) {\n        base64 = base64.substring(0, base64.length - 1) + '=';\n    }\n    else if (len % 3 === 1) {\n        base64 = base64.substring(0, base64.length - 2) + '==';\n    }\n    return base64;\n};\nvar decode = function (base64) {\n    var bufferLength = base64.length * 0.75, len = base64.length, i, p = 0, encoded1, encoded2, encoded3, encoded4;\n    if (base64[base64.length - 1] === '=') {\n        bufferLength--;\n        if (base64[base64.length - 2] === '=') {\n            bufferLength--;\n        }\n    }\n    var arraybuffer = new ArrayBuffer(bufferLength), bytes = new Uint8Array(arraybuffer);\n    for (i = 0; i < len; i += 4) {\n        encoded1 = lookup[base64.charCodeAt(i)];\n        encoded2 = lookup[base64.charCodeAt(i + 1)];\n        encoded3 = lookup[base64.charCodeAt(i + 2)];\n        encoded4 = lookup[base64.charCodeAt(i + 3)];\n        bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);\n        bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);\n        bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);\n    }\n    return arraybuffer;\n};\n\nexport { decode, encode };\n//# sourceMappingURL=base64-arraybuffer.es5.js.map\n","import { encode } from 'base64-arraybuffer';\nimport type {\n  DataURLOptions,\n  ImageBitmapDataURLWorkerParams,\n  ImageBitmapDataURLWorkerResponse,\n} from '@rrweb/types';\n\nconst lastBlobMap: Map<number, string> = new Map();\nconst transparentBlobMap: Map<string, string> = new Map();\n\nexport interface ImageBitmapDataURLRequestWorker {\n  postMessage: (\n    message: ImageBitmapDataURLWorkerParams,\n    transfer?: [ImageBitmap],\n  ) => void;\n  onmessage: (message: MessageEvent<ImageBitmapDataURLWorkerResponse>) => void;\n}\n\ninterface ImageBitmapDataURLResponseWorker {\n  onmessage:\n    | null\n    | ((message: MessageEvent<ImageBitmapDataURLWorkerParams>) => void);\n  postMessage(e: ImageBitmapDataURLWorkerResponse): void;\n}\n\nasync function getTransparentBlobFor(\n  width: number,\n  height: number,\n  dataURLOptions: DataURLOptions,\n): Promise<string> {\n  const id = `${width}-${height}`;\n  if ('OffscreenCanvas' in globalThis) {\n    if (transparentBlobMap.has(id)) return transparentBlobMap.get(id)!;\n    const offscreen = new OffscreenCanvas(width, height);\n    offscreen.getContext('2d'); // creates rendering context for `converToBlob`\n    const blob = await offscreen.convertToBlob(dataURLOptions); // takes a while\n    const arrayBuffer = await blob.arrayBuffer();\n    const base64 = encode(arrayBuffer); // cpu intensive\n    transparentBlobMap.set(id, base64);\n    return base64;\n  } else {\n    return '';\n  }\n}\n\n// `as any` because: https://github.com/Microsoft/TypeScript/issues/20595\nconst worker: ImageBitmapDataURLResponseWorker = self;\n\n// eslint-disable-next-line @typescript-eslint/no-misused-promises\nworker.onmessage = async function (e) {\n  if ('OffscreenCanvas' in globalThis) {\n    const { id, bitmap, width, height, dataURLOptions } = e.data;\n\n    const transparentBase64 = getTransparentBlobFor(\n      width,\n      height,\n      dataURLOptions,\n    );\n\n    const offscreen = new OffscreenCanvas(width, height);\n    const ctx = offscreen.getContext('2d')!;\n\n    ctx.drawImage(bitmap, 0, 0);\n    bitmap.close();\n    const blob = await offscreen.convertToBlob(dataURLOptions); // takes a while\n    const type = blob.type;\n    const arrayBuffer = await blob.arrayBuffer();\n    const base64 = encode(arrayBuffer); // cpu intensive\n\n    // on first try we should check if canvas is transparent,\n    // no need to save it's contents in that case\n    if (!lastBlobMap.has(id) && (await transparentBase64) === base64) {\n      lastBlobMap.set(id, base64);\n      return worker.postMessage({ id });\n    }\n\n    if (lastBlobMap.get(id) === base64) return worker.postMessage({ id }); // unchanged\n    worker.postMessage({\n      id,\n      type,\n      base64,\n      width,\n      height,\n    });\n    lastBlobMap.set(id, base64);\n  } else {\n    return worker.postMessage({ id: e.data.id });\n  }\n};\n"],"names":["i"],"mappings":";;AAKA,MAAI,QAAQ;AAEZ,MAAI,SAAS,OAAO,eAAe,cAAc,CAAA,IAAK,IAAI,WAAW,GAAG;AACxE,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACnC,WAAO,MAAM,WAAW,CAAC,CAAC,IAAI;AAAA,EAClC;AACA,MAAI,SAAS,SAAU,aAAa;AAChC,QAAI,QAAQ,IAAI,WAAW,WAAW,GAAGA,IAAG,MAAM,MAAM,QAAQ,SAAS;AACzE,SAAKA,KAAI,GAAGA,KAAI,KAAKA,MAAK,GAAG;AACzB,gBAAU,MAAM,MAAMA,EAAC,KAAK,CAAC;AAC7B,gBAAU,OAAQ,MAAMA,EAAC,IAAI,MAAM,IAAM,MAAMA,KAAI,CAAC,KAAK,CAAE;AAC3D,gBAAU,OAAQ,MAAMA,KAAI,CAAC,IAAI,OAAO,IAAM,MAAMA,KAAI,CAAC,KAAK,CAAE;AAChE,gBAAU,MAAM,MAAMA,KAAI,CAAC,IAAI,EAAE;AAAA,IACzC;AACI,QAAI,MAAM,MAAM,GAAG;AACf,eAAS,OAAO,UAAU,GAAG,OAAO,SAAS,CAAC,IAAI;AAAA,IAC1D,WACa,MAAM,MAAM,GAAG;AACpB,eAAS,OAAO,UAAU,GAAG,OAAO,SAAS,CAAC,IAAI;AAAA,IAC1D;AACI,WAAO;AAAA,EACX;ACnBA,QAAM,kCAAuC,IAAI;AACjD,QAAM,yCAA8C,IAAI;AAiBxD,iBAAe,sBACb,OACA,QACA,gBACiB;AACjB,UAAM,KAAK,GAAG,KAAK,IAAI,MAAM;AAC7B,QAAI,qBAAqB,YAAY;AACnC,UAAI,mBAAmB,IAAI,EAAE,EAAU,QAAA,mBAAmB,IAAI,EAAE;AAChE,YAAM,YAAY,IAAI,gBAAgB,OAAO,MAAM;AACnD,gBAAU,WAAW,IAAI;AACzB,YAAM,OAAO,MAAM,UAAU,cAAc,cAAc;AACnD,YAAA,cAAc,MAAM,KAAK,YAAY;AACrC,YAAA,SAAS,OAAO,WAAW;AACd,yBAAA,IAAI,IAAI,MAAM;AAC1B,aAAA;AAAA,IAAA,OACF;AACE,aAAA;AAAA,IAAA;AAAA,EAEX;AAGA,QAAM,SAA2C;AAGjD,SAAO,YAAY,eAAgB,GAAG;AACpC,QAAI,qBAAqB,YAAY;AACnC,YAAM,EAAE,IAAI,QAAQ,OAAO,QAAQ,eAAA,IAAmB,EAAE;AAExD,YAAM,oBAAoB;AAAA,QACxB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,YAAM,YAAY,IAAI,gBAAgB,OAAO,MAAM;AAC7C,YAAA,MAAM,UAAU,WAAW,IAAI;AAEjC,UAAA,UAAU,QAAQ,GAAG,CAAC;AAC1B,aAAO,MAAM;AACb,YAAM,OAAO,MAAM,UAAU,cAAc,cAAc;AACzD,YAAM,OAAO,KAAK;AACZ,YAAA,cAAc,MAAM,KAAK,YAAY;AACrC,YAAA,SAAS,OAAO,WAAW;AAIjC,UAAI,CAAC,YAAY,IAAI,EAAE,KAAM,MAAM,sBAAuB,QAAQ;AACpD,oBAAA,IAAI,IAAI,MAAM;AAC1B,eAAO,OAAO,YAAY,EAAE,IAAI;AAAA,MAAA;AAG9B,UAAA,YAAY,IAAI,EAAE,MAAM,eAAe,OAAO,YAAY,EAAE,IAAI;AACpE,aAAO,YAAY;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AACW,kBAAA,IAAI,IAAI,MAAM;AAAA,IAAA,OACrB;AACL,aAAO,OAAO,YAAY,EAAE,IAAI,EAAE,KAAK,IAAI;AAAA,IAAA;AAAA,EAE/C;;","x_google_ignoreList":[0]}

package.json

 {
   "name": "@rrweb/record",
-  "version": "2.0.0-alpha.20",
+  "version": "2.0.0",
   "publishConfig": {
@@ -14,3 +14,4 @@ "access": "public"
     "build": "yarn turbo run prepublish",
-    "test": "vitest run",
+    "retest": "vitest run",
+    "test": "yarn build && vitest run",
     "test:watch": "vitest watch",
@@ -48,2 +49,3 @@ "check-types": "tsc -noEmit",
   "files": [
+    "umd",
     "dist",
@@ -54,3 +56,3 @@ "package.json"
     "puppeteer": "^20.9.0",
-    "vite": "^5.3.1",
+    "vite": "^6.0.1",
     "vite-plugin-dts": "^3.9.1",
@@ -61,5 +63,5 @@ "vitest": "^1.4.0",
   "dependencies": {
-    "@rrweb/types": "^2.0.0-alpha.20",
-    "rrweb": "^2.0.0-alpha.20",
-    "@rrweb/utils": "^2.0.0-alpha.20"
+    "@rrweb/types": "^2.0.0",
+    "rrweb": "^2.0.0",
+    "@rrweb/utils": "^2.0.0"
   },
@@ -66,0 +68,0 @@ "browserslist": [

README.md

@@ -8,2 +8,4 @@ # @rrweb/record
 
+### 1) Bundler / npm (Recommended)
+
 ```bash
@@ -13,2 +15,31 @@ npm install @rrweb/record
 
+```js
+import { record } from '@rrweb/record';
+```
+
+### 2) Browser Without Bundler (ESM + import maps)
+
+```html
+<script type="importmap">
+  {
+    "imports": {
+      "@rrweb/record": "https://cdn.jsdelivr.net/npm/@rrweb/record@latest/+esm"
+    }
+  }
+</script>
+<script type="module">
+  import { record } from '@rrweb/record';
+</script>
+```
+
+### 3) Legacy Direct `<script>` Include (UMD fallback)
+
+Use this only for compatibility with non-module environments.
+
+```html
+<script src="https://cdn.jsdelivr.net/npm/@rrweb/record@latest/umd/record.min.js"></script>
+```
+
+The legacy UMD global is `rrwebRecord`.
+
 ## Usage
@@ -15,0 +46,0 @@

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 2 instances in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Improved metrics

Number of package files

15

25%

Number of lines in readme file

233

15.35%

Number of low supply chain risk alerts

6

-85.37%

Worsened metrics

Total package byte prevSize

2209317

-51.94%

Lines of code

20947

-44.48%

Dependency changes

• Updated

  @rrweb/types@^2.0.0

• Updated

  @rrweb/utils@^2.0.0

• Updated

  rrweb@^2.0.0