mixpanel-browser 2.62.0 → 2.63.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mixpanel-browser",
-  "version": "2.62.0",
+  "version": "2.63.0",
   "description": "The official Mixpanel JavaScript browser client library",
   "main": "dist/mixpanel.cjs.js",
   "module": "dist/mixpanel.module.js",
@@ -33,7 +33,11 @@
   },
   "homepage": "https://github.com/mixpanel/mixpanel-js",
   "devDependencies": {
+    "@ampproject/rollup-plugin-closure-compiler": "0.27.0",
+    "@rollup/plugin-alias": "5.1.1",
     "@rollup/plugin-node-resolve": "15.2.3",
+    "@rollup/plugin-swc": "0.4.0",
+    "@swc/core": "1.11.7",
     "babel": "6.5.2",
     "babel-core": "6.7.2",
     "babel-preset-es2015": "6.6.0",
@@ -54,13 +58,13 @@
     "morgan": "1.9.1",
     "rdme": "7.5.0",
     "request": "2.88.0",
-    "rollup": "2.79.1",
-    "rollup-plugin-esbuild": "4.10.3",
+    "rollup": "4.34.9",
+    "rollup-plugin-esbuild": "6.2.1",
     "sinon": "8.1.1",
     "sinon-chai": "3.5.0",
     "webpack": "1.12.2"
   },
   "dependencies": {
-    "rrweb": "2.0.0-alpha.13"
+    "rrweb": "2.0.0-alpha.18"
   }
 }

package/rollup.config.mjs

@@ -0,0 +1,223 @@
+import nodeResolve from '@rollup/plugin-node-resolve';
+import swc from '@rollup/plugin-swc';
+import esbuild from 'rollup-plugin-esbuild';
+import alias from '@rollup/plugin-alias';
+import closureCompiler from '@ampproject/rollup-plugin-closure-compiler';
+
+const COMPILED_RRWEB_PATH = 'build/rrweb-compiled.js';
+
+const aliasRrweb = () => alias({
+    entries: [
+        { find: 'rrweb', replacement: COMPILED_RRWEB_PATH },
+    ]
+});
+
+const COMMON_CLOSURE_FLAGS = {
+    compilation_level: 'ADVANCED_OPTIMIZATIONS',
+    language_in: 'ECMASCRIPT5',
+    externs: ['src/externs.js'],
+};
+
+const MINIFY = process.env.MINIFY || process.env.FULL;
+
+// Main builds used to develop / iterate quickly
+const MAIN_BUILDS = [
+    // compile rrweb first to es5 with swc, we'll replace the import later on
+    {
+        'input': 'rrweb',
+        'output': [
+            {
+                file: COMPILED_RRWEB_PATH,
+            }
+        ],
+        plugins: [nodeResolve({browser: true}), swc({swc: {jsc: {target: 'es5'}}})]
+    },
+
+    // IIFE recorder bundle that is loaded asynchronously
+    // rrweb uses esbuild to minify, so do that here as well
+    {
+        input: 'src/recorder/index.js',
+        output: [
+            {
+                file: 'build/mixpanel-recorder.js',
+                name: 'mixpanel_recorder',
+                format: 'iife',
+            },
+            ...(MINIFY
+                ? [
+                    {
+                      file: 'build/mixpanel-recorder.min.js',
+                      name: 'mixpanel_recorder',
+                      format: 'iife',
+                      plugins: [esbuild({target: 'es5', minify: true, sourceMap: true})],
+                      sourcemap: true,
+                    },
+                  ]
+                : []),
+        ],
+        plugins: [aliasRrweb()],
+    },
+
+    // IIFE main mixpanel build
+    {
+        input: 'src/loaders/loader-globals.js',
+        output: [
+            {
+                file: 'build/mixpanel.globals.js',
+                name: 'mixpanel',
+                format: 'iife',
+            },
+            ...(MINIFY
+                ? [
+                    {
+                      file: 'build/mixpanel.min.js',
+                      format: 'iife',
+                      plugins: [closureCompiler(COMMON_CLOSURE_FLAGS)],
+                    },
+                  ]
+                : []),
+        ],
+        plugins: [
+            nodeResolve({
+                browser: true,
+                main: true,
+                jsnext: true,
+            })
+        ]
+    },
+]
+
+const ALL_BUILDS = [
+    ...MAIN_BUILDS,
+    // Minified snippets for loading mixpanel
+    {
+        input: 'src/loaders/mixpanel-jslib-snippet.js',
+        output: [
+            {
+                file: 'build/mixpanel-jslib-snippet.min.js',
+                plugins: [closureCompiler(COMMON_CLOSURE_FLAGS)]
+            },
+            {
+                file: 'build/mixpanel-jslib-snippet.min.test.js',
+                plugins: [closureCompiler({...COMMON_CLOSURE_FLAGS, define: 'MIXPANEL_LIB_URL="../build/mixpanel.min.js"'})],
+            }
+        ],
+    },
+
+    // IIFE mixpanel snippet loader
+    {
+        input: 'src/loaders/mixpanel-js-wrapper.js',
+        output: [
+            {
+                file: 'build/mixpanel-js-wrapper.js',
+            },
+            {
+                file: 'build/mixpanel-js-wrapper.min.js',
+                plugins: [closureCompiler(COMMON_CLOSURE_FLAGS)],
+            }
+        ],
+    },
+
+    // IIFE mixpanel core with bundled recorder
+    {
+        input: 'src/loaders/loader-globals-with-recorder.js',
+        output: [
+            {
+                file: 'build/mixpanel-with-recorder.js',
+                name: 'mixpanel',
+                format: 'iife',
+            },
+            {
+                file: 'build/mixpanel-with-recorder.min.js',
+                name: 'mixpanel',
+                format: 'iife',
+                plugins: [esbuild({target: 'es5', minify: true, sourceMap: true})],
+            },
+        ],
+        plugins: [
+            aliasRrweb(),
+            nodeResolve({
+                browser: true,
+                main: true,
+                jsnext: true,
+            })
+        ],
+    },
+
+
+    // Modules builds that are bundled with the recorder
+    {
+        input: 'src/loaders/loader-module.js',
+        output: [
+            {
+                file: 'build/mixpanel.cjs.js',
+                name: 'mixpanel',
+                format: 'cjs',
+            },
+            {
+                file: 'build/mixpanel.amd.js',
+                name: 'mixpanel',
+                format: 'amd',
+            },
+            {
+                file: 'build/mixpanel.umd.js',
+                name: 'mixpanel',
+                format: 'umd',
+            },
+            {
+                file: 'build/mixpanel.module.js',
+                name: 'mixpanel',
+                format: 'es',
+            },
+        ],
+        plugins: [
+            aliasRrweb(),
+            nodeResolve({
+                browser: true,
+                main: true,
+                jsnext: true,
+            })
+        ],
+    },
+
+
+    // Alternative CJS builds without recorder
+    {
+        input: 'src/loaders/loader-module-core.js',
+        output: [
+            {
+                file: 'build/mixpanel-core.cjs.js',
+                name: 'mixpanel',
+                format: 'cjs',
+            },
+        ],
+        plugins: [
+            aliasRrweb(),
+            nodeResolve({
+                browser: true,
+                main: true,
+                jsnext: true,
+            })
+        ],
+    },
+    {
+        input: 'src/loaders/loader-module-with-async-recorder.js',
+        output: [
+            {
+                file: 'build/mixpanel-with-async-recorder.cjs.js',
+                name: 'mixpanel',
+                format: 'cjs',
+            },
+        ],
+        plugins: [
+            aliasRrweb(),
+            nodeResolve({
+                browser: true,
+                main: true,
+                jsnext: true,
+            })
+        ],
+    }
+];
+
+export default process.env.FULL ? ALL_BUILDS : MAIN_BUILDS;

package/src/config.js

@@ -1,6 +1,6 @@
 var Config = {
     DEBUG: false,
-    LIB_VERSION: '2.62.0'
+    LIB_VERSION: '2.63.0'
 };
 
 export default Config;

package/src/loaders/loader-globals-with-recorder.js

@@ -0,0 +1,7 @@
+/* eslint camelcase: "off" */
+import '../recorder';
+
+import { init_from_snippet } from '../mixpanel-core';
+import { loadNoop } from './bundle-loaders';
+
+init_from_snippet(loadNoop);

package/src/recorder/session-recording.js

@@ -1,5 +1,5 @@
 import { window } from '../window';
-import { IncrementalSource, EventType } from '@rrweb/types';
+import { IncrementalSource, EventType } from 'rrweb';
 import { MAX_RECORDING_MS, MAX_VALUE_FOR_MIN_RECORDING_MS, console_with_prefix, NOOP_FUNC, _, localStorageSupported} from '../utils'; // eslint-disable-line camelcase
 import { IDBStorageWrapper, RECORDING_EVENTS_STORE_NAME } from '../storage/indexed-db';
 import { addOptOutCheckMixpanelLib } from '../gdpr-utils';

package/src/storage/local-storage.js

@@ -1,11 +1,12 @@
 import { Promise } from '../promise-polyfill';
 import { _, JSONParse, JSONStringify } from '../utils'; // eslint-disable-line camelcase
+import { window } from '../window';
 
 /**
  * @type {import('./wrapper').StorageWrapper}
  */
 var LocalStorageWrapper = function (storageOverride) {
-    this.storage = storageOverride || localStorage;
+    this.storage = storageOverride || window.localStorage;
 };
 
 LocalStorageWrapper.prototype.init = function () {

package/rollup.config.js

@@ -1,11 +0,0 @@
-import nodeResolve from '@rollup/plugin-node-resolve';
-
-export default {
-    plugins: [
-        nodeResolve({
-            browser: true,
-            main: true,
-            jsnext: true,
-        })
-    ]
-};

package/src/recorder/rollup.config.js

@@ -1,20 +0,0 @@
-import esbuild from 'rollup-plugin-esbuild';
-import { nodeResolve } from '@rollup/plugin-node-resolve';
-
-export default {
-    input: 'index.js',
-    output: [
-        {
-            file: 'build/mixpanel-recorder.js',
-            format: 'esm'
-        },
-        {
-            file: 'build/mixpanel-recorder.min.js',
-            format: 'esm',
-            name: 'version',
-            plugins: [esbuild({minify: true, sourceMap: true})],
-            sourcemap: true,
-        }
-    ],
-    plugins: [nodeResolve({browser: true})],
-};