@openreplay/tracker 17.2.5 → 18.0.0

package/dist/cjs/common/interaction.d.ts

@@ -1,4 +1,5 @@
 import Message from './messages.gen.js';
+export type DataType = 'player' | 'assets' | 'devtools' | 'analytics';
 export interface Options {
     connAttemptCount?: number;
     connAttemptGap?: number;
@@ -10,18 +11,22 @@ type Start = {
     timestamp: number;
     url: string;
     tabId: string;
+    localDebug?: boolean;
 } & Options;
 type Auth = {
     type: 'auth';
     token: string;
     beaconSizeLimit?: number;
+    protocolVersion?: number;
 };
 export type ToWorkerData = null | 'stop' | Start | Auth | Array<Message> | {
     type: 'compressed';
     batch: Uint8Array;
+    dataType: DataType;
 } | {
     type: 'uncompressed';
     batch: Uint8Array;
+    dataType: DataType;
 } | 'forceFlushBatch' | 'closing' | 'check_queue';
 type Failure = {
     type: 'failure';
@@ -30,8 +35,14 @@ type Failure = {
 type QEmpty = {
     type: 'queue_empty';
 };
+type LocalSave = {
+    type: 'local_save';
+    name: string;
+    batch: Uint8Array;
+};
 export type FromWorkerData = 'a_stop' | 'a_start' | Failure | 'not_init' | {
     type: 'compress';
     batch: Uint8Array;
-} | QEmpty;
+    dataType: DataType;
+} | QEmpty | LocalSave;
 export {};

package/dist/cjs/common/messages.gen.d.ts

@@ -61,7 +61,6 @@ export declare const enum Type {
     JSException = 78,
     Zustand = 79,
     BatchMetadata = 81,
-    PartitionedMessage = 82,
     NetworkRequest = 83,
     WSChannel = 84,
     ResourceTiming = 85,
@@ -442,11 +441,6 @@ export type BatchMetadata = [
     number,
     string
 ];
-export type PartitionedMessage = [
-    Type.PartitionedMessage,
-    number,
-    number
-];
 export type NetworkRequest = [
     Type.NetworkRequest,
     string,
@@ -583,5 +577,8 @@ export type WebVitals = [
     string,
     string
 ];
-type Message = Timestamp | SetPageLocationDeprecated | SetViewportSize | SetViewportScroll | CreateDocument | CreateElementNode | CreateTextNode | MoveNode | RemoveNode | SetNodeAttribute | RemoveNodeAttribute | SetNodeData | SetNodeScroll | SetInputTarget | SetInputValue | SetInputChecked | MouseMove | NetworkRequestDeprecated | ConsoleLog | PageLoadTiming | PageRenderTiming | CustomEvent | UserID | UserAnonymousID | Metadata | StringDictGlobal | SetNodeAttributeDictGlobal | NodeAnimationResult | Profiler | OTable | StateAction | ReduxDeprecated | Vuex | MobX | NgRx | GraphQLDeprecated | PerformanceTrack | StringDictDeprecated | SetNodeAttributeDictDeprecated | StringDict | SetNodeAttributeDict | ResourceTimingDeprecatedDeprecated | ConnectionInformation | SetPageVisibility | LoadFontFace | SetNodeFocus | SetNodeAttributeURLBased | SetCSSDataURLBased | TechnicalInfo | CustomIssue | SetNodeSlot | MouseClick | MouseClickDeprecated | CreateIFrameDocument | AdoptedSSReplaceURLBased | AdoptedSSInsertRuleURLBased | AdoptedSSDeleteRule | AdoptedSSAddOwner | AdoptedSSRemoveOwner | JSException | Zustand | BatchMetadata | PartitionedMessage | NetworkRequest | WSChannel | ResourceTiming | Incident | LongAnimationTask | InputChange | SelectionChange | MouseThrashing | UnbindNodes | ResourceTimingDeprecated | TabChange | TabData | CanvasNode | TagTrigger | Redux | SetPageLocation | GraphQL | WebVitals;
+export declare const ASSET_MESSAGES: ReadonlySet<number>;
+export declare const DEVTOOLS_MESSAGES: ReadonlySet<number>;
+export declare const ANALYTICS_MESSAGES: ReadonlySet<number>;
+type Message = Timestamp | SetPageLocationDeprecated | SetViewportSize | SetViewportScroll | CreateDocument | CreateElementNode | CreateTextNode | MoveNode | RemoveNode | SetNodeAttribute | RemoveNodeAttribute | SetNodeData | SetNodeScroll | SetInputTarget | SetInputValue | SetInputChecked | MouseMove | NetworkRequestDeprecated | ConsoleLog | PageLoadTiming | PageRenderTiming | CustomEvent | UserID | UserAnonymousID | Metadata | StringDictGlobal | SetNodeAttributeDictGlobal | NodeAnimationResult | Profiler | OTable | StateAction | ReduxDeprecated | Vuex | MobX | NgRx | GraphQLDeprecated | PerformanceTrack | StringDictDeprecated | SetNodeAttributeDictDeprecated | StringDict | SetNodeAttributeDict | ResourceTimingDeprecatedDeprecated | ConnectionInformation | SetPageVisibility | LoadFontFace | SetNodeFocus | SetNodeAttributeURLBased | SetCSSDataURLBased | TechnicalInfo | CustomIssue | SetNodeSlot | MouseClick | MouseClickDeprecated | CreateIFrameDocument | AdoptedSSReplaceURLBased | AdoptedSSInsertRuleURLBased | AdoptedSSDeleteRule | AdoptedSSAddOwner | AdoptedSSRemoveOwner | JSException | Zustand | BatchMetadata | NetworkRequest | WSChannel | ResourceTiming | Incident | LongAnimationTask | InputChange | SelectionChange | MouseThrashing | UnbindNodes | ResourceTimingDeprecated | TabChange | TabData | CanvasNode | TagTrigger | Redux | SetPageLocation | GraphQL | WebVitals;
 export default Message;

package/dist/cjs/entry.js

@@ -1211,13 +1211,6 @@ function BatchMetadata(version, pageNo, firstIndex, timestamp, location) {
         location,
     ];
 }
-function PartitionedMessage(partNo, partTotal) {
-    return [
-        82 /* Messages.Type.PartitionedMessage */,
-        partNo,
-        partTotal,
-    ];
-}
 function NetworkRequest(type, method, url, request, response, status, timestamp, duration, transferredBodySize) {
     return [
         83 /* Messages.Type.NetworkRequest */,
@@ -1429,7 +1422,6 @@ var _Messages = /*#__PURE__*/Object.freeze({
     OTable: OTable,
     PageLoadTiming: PageLoadTiming,
     PageRenderTiming: PageRenderTiming,
-    PartitionedMessage: PartitionedMessage,
     PerformanceTrack: PerformanceTrack,
     Profiler: Profiler,
     Redux: Redux,
@@ -1524,11 +1516,157 @@ function Performance (app, opts) {
     }
 }
 
+/**
+ * Two-tier tag matching:
+ * 1. Fast fingerprint lookup by id, data-attr,
+ *    or class from the selector's last segment
+ * 2. Fallback iteration using native element.matches()
+ */
+class TagMatcher {
+    constructor() {
+        this.tags = [];
+        this.byId = new Map();
+        this.byDataAttr = new Map();
+        this.byClass = new Map();
+        this.fallback = [];
+    }
+    setTags(tags) {
+        this.tags = tags;
+        this.byId.clear();
+        this.byDataAttr.clear();
+        this.byClass.clear();
+        this.fallback = [];
+        for (const tag of tags) {
+            const last = lastSegment(tag.selector);
+            if (!last) {
+                this.fallback.push(tag);
+                continue;
+            }
+            if (last.startsWith('#')) {
+                this.byId.set(last.slice(1), tag);
+            }
+            else if (last.startsWith('[data-')) {
+                this.byDataAttr.set(last, tag);
+            }
+            else {
+                const cls = extractClass(last);
+                if (cls) {
+                    this.byClass.set(cls, tag);
+                }
+                else {
+                    this.fallback.push(tag);
+                }
+            }
+        }
+    }
+    getTags() {
+        return this.tags;
+    }
+    /** Match element, its parent, or direct children against known tag selectors */
+    match(el) {
+        const direct = this.matchExact(el);
+        if (direct)
+            return direct;
+        if (el.parentElement) {
+            const parent = this.matchExact(el.parentElement);
+            if (parent)
+                return parent;
+        }
+        const children = el.children;
+        for (let i = 0; i < children.length; i++) {
+            const child = this.matchExact(children[i]);
+            if (child)
+                return child;
+        }
+        return null;
+    }
+    matchExact(el) {
+        if (el.id && this.byId.has(el.id)) {
+            const tag = this.byId.get(el.id);
+            if (safeMatches(el, tag.selector) && matchesLocation(tag))
+                return tag;
+        }
+        if (this.byDataAttr.size > 0) {
+            const attrs = el.attributes;
+            for (let i = 0; i < attrs.length; i++) {
+                const attr = attrs[i];
+                if (attr.name.startsWith('data-')) {
+                    const key = `[${attr.name}="${attr.value}"]`;
+                    if (this.byDataAttr.has(key)) {
+                        const tag = this.byDataAttr.get(key);
+                        if (safeMatches(el, tag.selector) && matchesLocation(tag))
+                            return tag;
+                    }
+                }
+            }
+        }
+        if (this.byClass.size > 0 && el.classList) {
+            for (let i = 0; i < el.classList.length; i++) {
+                const cls = el.classList[i];
+                if (this.byClass.has(cls)) {
+                    const tag = this.byClass.get(cls);
+                    if (safeMatches(el, tag.selector) && matchesLocation(tag))
+                        return tag;
+                }
+            }
+        }
+        for (const tag of this.fallback) {
+            if (safeMatches(el, tag.selector) && matchesLocation(tag))
+                return tag;
+        }
+        return null;
+    }
+    clear() {
+        this.tags = [];
+        this.byId.clear();
+        this.byDataAttr.clear();
+        this.byClass.clear();
+        this.fallback = [];
+    }
+}
+/** Last combinator-separated segment of a CSS selector */
+function lastSegment(selector) {
+    const trimmed = selector.trim();
+    if (!trimmed)
+        return null;
+    const parts = trimmed.split(/\s*[>+~ ]\s*/);
+    const last = parts[parts.length - 1]?.trim();
+    return last || null;
+}
+/** First class name from a selector segment, e.g. "div.my-class" -> "my-class" */
+function extractClass(segment) {
+    const match = segment.match(/\.([a-zA-Z_-][\w-]*)/);
+    return match ? match[1] : null;
+}
+function safeMatches(el, selector) {
+    try {
+        return el.matches(selector);
+    }
+    catch {
+        return false;
+    }
+}
+function matchesLocation(tag) {
+    if (!tag.location)
+        return true;
+    try {
+        const loc = tag.location;
+        if (loc.startsWith('/')) {
+            return window.location.pathname === loc;
+        }
+        return window.location.href === loc;
+    }
+    catch {
+        return true;
+    }
+}
+
 const WATCHED_TAGS_KEY = '__or__watched_tags__';
 class TagWatcher {
     constructor(params) {
         this.interval = null;
         this.tags = [];
+        this.matcher = new TagMatcher();
         this.sessionStorage = params.sessionStorage;
         this.errLog = params.errLog;
         this.onTag = params.onTag;
@@ -1569,12 +1707,15 @@ class TagWatcher {
     }
     setTags(tags) {
         this.tags = tags;
+        this.matcher.setTags(tags);
         if (this.interval) {
             clearInterval(this.interval);
             this.interval = null;
         }
         this.interval = setInterval(() => {
             this.tags.forEach((tag) => {
+                if (!matchesLocation(tag))
+                    return;
                 const possibleEls = document.querySelectorAll(tag.selector);
                 if (possibleEls.length > 0) {
                     const el = possibleEls[0];
@@ -1586,13 +1727,17 @@ class TagWatcher {
         }, 500);
     }
     onTagRendered(tagId) {
-        if (this.tags.findIndex(t => t.id === tagId)) {
-            this.tags = this.tags.filter((tag) => tag.id !== tagId);
+        const tag = this.tags.find(t => t.id === tagId);
+        if (tag) {
+            this.tags = this.tags.filter((t) => t.id !== tagId);
+            if (!matchesLocation(tag))
+                return;
         }
         this.onTag(tagId);
     }
     clear() {
         this.tags = [];
+        this.matcher.clear();
         if (this.interval) {
             clearInterval(this.interval);
             this.interval = null;
@@ -3758,7 +3903,7 @@ class Ticker {
  * this value is injected during build time via rollup
  * */
 // @ts-ignore
-const workerBodyFn = "!function(){\"use strict\";class t{constructor(t,s,i,e=10,n=250,h,r){this.onUnauthorised=s,this.onFailure=i,this.MAX_ATTEMPTS_COUNT=e,this.ATTEMPT_TIMEOUT=n,this.onCompress=h,this.pageNo=r,this.attemptsCount=0,this.busy=!1,this.queue=[],this.token=null,this.lastBatchNum=0,this.ingestURL=t+\"/v1/web/i\",this.isCompressing=void 0!==h}getQueueStatus(){return 0===this.queue.length&&!this.busy}authorise(t){this.token=t,this.busy||this.sendNext()}push(t){if(this.busy||!this.token)this.queue.push(t);else if(this.busy=!0,this.isCompressing&&this.onCompress)this.onCompress(t);else{const s=++this.lastBatchNum;this.sendBatch(t,!1,s)}}sendNext(){const t=this.queue.shift();if(t)if(this.busy=!0,this.isCompressing&&this.onCompress)this.onCompress(t);else{const s=++this.lastBatchNum;this.sendBatch(t,!1,s)}else this.busy=!1}retry(t,s,i){this.attemptsCount>=this.MAX_ATTEMPTS_COUNT?this.onFailure(`Failed to send batch after ${this.attemptsCount} attempts.`):(this.attemptsCount++,setTimeout((()=>this.sendBatch(t,s,i)),this.ATTEMPT_TIMEOUT*this.attemptsCount))}sendBatch(t,s,i){var e;const n=null==i?void 0:i.toString().replace(/^([^_]+)_([^_]+).*/,\"$1_$2_$3\");this.busy=!0;const h={Authorization:`Bearer ${this.token}`};s&&(h[\"Content-Encoding\"]=\"gzip\"),null!==this.token?fetch(`${this.ingestURL}?batch=${null!==(e=this.pageNo)&&void 0!==e?e:\"noPageNum\"}_${null!=n?n:\"noBatchNum\"}`,{body:t,method:\"POST\",headers:h,keepalive:t.length<65536}).then((e=>{if(401===e.status)return this.busy=!1,void this.onUnauthorised();e.status>=400?this.retry(t,s,`${null!=i?i:\"noBatchNum\"}_network:${e.status}`):(this.attemptsCount=0,this.sendNext())})).catch((e=>{console.warn(\"OpenReplay:\",e),this.retry(t,s,`${null!=i?i:\"noBatchNum\"}_reject:${e.message}`)})):setTimeout((()=>{this.sendBatch(t,s,`${null!=i?i:\"noBatchNum\"}_newToken`)}),500)}sendCompressed(t){const s=++this.lastBatchNum;this.sendBatch(t,!0,s)}sendUncompressed(t){const s=++this.lastBatchNum;this.sendBatch(t,!1,s)}clean(){this.sendNext(),setTimeout((()=>{this.token=null,this.queue.length=0}),10)}}const s=\"function\"==typeof TextEncoder?new TextEncoder:{encode(t){const s=t.length,i=new Uint8Array(3*s);let e=-1;for(let n=0,h=0,r=0;r!==s;){if(n=t.charCodeAt(r),r+=1,n>=55296&&n<=56319){if(r===s){i[e+=1]=239,i[e+=1]=191,i[e+=1]=189;break}if(h=t.charCodeAt(r),!(h>=56320&&h<=57343)){i[e+=1]=239,i[e+=1]=191,i[e+=1]=189;continue}if(n=1024*(n-55296)+h-56320+65536,r+=1,n>65535){i[e+=1]=240|n>>>18,i[e+=1]=128|n>>>12&63,i[e+=1]=128|n>>>6&63,i[e+=1]=128|63&n;continue}}n<=127?i[e+=1]=0|n:n<=2047?(i[e+=1]=192|n>>>6,i[e+=1]=128|63&n):(i[e+=1]=224|n>>>12,i[e+=1]=128|n>>>6&63,i[e+=1]=128|63&n)}return i.subarray(0,e+1)}};class i{constructor(t){this.size=t,this.offset=0,this.checkpointOffset=0,this.data=new Uint8Array(t)}getCurrentOffset(){return this.offset}checkpoint(){this.checkpointOffset=this.offset}get isEmpty(){return 0===this.offset}skip(t){return this.offset+=t,this.offset<=this.size}set(t,s){this.data.set(t,s)}boolean(t){return this.data[this.offset++]=+t,this.offset<=this.size}uint(t){for((t<0||t>Number.MAX_SAFE_INTEGER)&&(t=0);t>=128;)this.data[this.offset++]=t%256|128,t=Math.floor(t/128);return this.data[this.offset++]=t,this.offset<=this.size}int(t){return t=Math.round(t),this.uint(t>=0?2*t:-2*t-1)}string(t){const i=s.encode(t),e=i.byteLength;return!(!this.uint(e)||this.offset+e>this.size)&&(this.data.set(i,this.offset),this.offset+=e,!0)}reset(){this.offset=0,this.checkpointOffset=0}flush(){const t=this.data.slice(0,this.checkpointOffset);return this.reset(),t}}class e extends i{encode(t){switch(t[0]){case 0:case 11:case 114:case 115:return this.uint(t[1]);case 4:case 44:case 47:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3]);case 5:case 20:case 65:case 70:case 75:case 76:case 77:case 82:return this.uint(t[1])&&this.uint(t[2]);case 6:return this.int(t[1])&&this.int(t[2]);case 7:return!0;case 8:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.string(t[4])&&this.boolean(t[5]);case 9:case 10:case 24:case 35:case 51:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3]);case 12:case 52:case 61:case 71:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3]);case 13:case 14:case 17:case 34:case 36:case 50:case 54:return this.uint(t[1])&&this.string(t[2]);case 16:return this.uint(t[1])&&this.int(t[2])&&this.int(t[3]);case 18:return this.uint(t[1])&&this.string(t[2])&&this.int(t[3]);case 19:return this.uint(t[1])&&this.boolean(t[2]);case 21:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.string(t[5])&&this.uint(t[6])&&this.uint(t[7])&&this.uint(t[8]);case 22:case 27:case 30:case 41:case 45:case 46:case 43:case 63:case 64:case 79:case 124:return this.string(t[1])&&this.string(t[2]);case 23:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.uint(t[7])&&this.uint(t[8])&&this.uint(t[9]);case 28:case 29:case 42:case 117:case 118:return this.string(t[1]);case 40:return this.string(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4]);case 48:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.int(t[5]);case 49:return this.int(t[1])&&this.int(t[2])&&this.uint(t[3])&&this.uint(t[4]);case 53:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.string(t[7])&&this.string(t[8]);case 55:return this.boolean(t[1]);case 57:case 60:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4]);case 58:case 120:return this.int(t[1]);case 68:return this.uint(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4])&&this.uint(t[5])&&this.uint(t[6]);case 69:return this.uint(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4]);case 73:return this.uint(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.string(t[4]);case 78:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4]);case 81:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.int(t[4])&&this.string(t[5]);case 83:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.string(t[5])&&this.uint(t[6])&&this.uint(t[7])&&this.uint(t[8])&&this.uint(t[9]);case 84:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.uint(t[4])&&this.string(t[5])&&this.string(t[6]);case 85:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.string(t[7])&&this.string(t[8])&&this.uint(t[9])&&this.boolean(t[10])&&this.uint(t[11])&&this.uint(t[12])&&this.uint(t[13])&&this.uint(t[14])&&this.uint(t[15])&&this.uint(t[16])&&this.uint(t[17]);case 87:return this.string(t[1])&&this.int(t[2])&&this.int(t[3]);case 89:return this.string(t[1])&&this.int(t[2])&&this.int(t[3])&&this.int(t[4])&&this.int(t[5])&&this.string(t[6]);case 112:return this.uint(t[1])&&this.string(t[2])&&this.boolean(t[3])&&this.string(t[4])&&this.int(t[5])&&this.int(t[6]);case 113:return this.uint(t[1])&&this.uint(t[2])&&this.string(t[3]);case 116:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.string(t[7])&&this.string(t[8])&&this.uint(t[9])&&this.boolean(t[10]);case 119:return this.string(t[1])&&this.uint(t[2]);case 121:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.uint(t[4]);case 122:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.string(t[4]);case 123:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.uint(t[5])}}}class n{constructor(t,s,i,n,h,r){this.pageNo=t,this.timestamp=s,this.url=i,this.onBatch=n,this.tabId=h,this.onOfflineEnd=r,this.nextIndex=0,this.beaconSize=2e5,this.encoder=new e(this.beaconSize),this.sizeBuffer=new Uint8Array(3),this.isEmpty=!0,this.checkpoints=[],this.beaconSizeLimit=1e6,this.prepare()}writeType(t){return this.encoder.uint(t[0])}writeFields(t){return this.encoder.encode(t)}writeSizeAt(t,s){for(let s=0;s<3;s++)this.sizeBuffer[s]=t>>8*s;this.encoder.set(this.sizeBuffer,s)}prepare(){if(!this.encoder.isEmpty)return;this.checkpoints.length=0;const t=[81,1,this.pageNo,this.nextIndex,this.timestamp,this.url],s=[0,this.timestamp],i=[118,this.tabId];this.writeType(t),this.writeFields(t),this.writeWithSize(s),this.writeWithSize(i),this.isEmpty=!0}writeWithSize(t){const s=this.encoder;if(!this.writeType(t)||!s.skip(3))return!1;const i=s.getCurrentOffset(),e=this.writeFields(t);if(e){const e=s.getCurrentOffset()-i;if(e>16777215)return console.warn(\"OpenReplay: max message size overflow.\"),!1;this.writeSizeAt(e,i-3),s.checkpoint(),this.checkpoints.push(s.getCurrentOffset()),this.isEmpty=this.isEmpty&&0===t[0],this.nextIndex++}return e}setBeaconSizeLimit(t){this.beaconSizeLimit=t}writeMessage(t){if(-1===t[0])return this.finaliseBatch(),this.onOfflineEnd();0===t[0]&&(this.timestamp=t[1]),122===t[0]&&(this.url=t[1]),this.writeWithSize(t)||(this.finaliseBatch(),this.writeWithSize(t)||(this.encoder=new e(this.beaconSizeLimit),this.prepare(),this.writeWithSize(t)?this.finaliseBatch():console.warn(\"OpenReplay: beacon size overflow. Skipping large message.\",t,this),this.encoder=new e(this.beaconSize),this.prepare()))}finaliseBatch(t=!1){if(this.isEmpty)return;const s=this.encoder.flush();this.onBatch(s,t),this.prepare()}clean(){this.encoder.reset(),this.checkpoints.length=0}}var h;!function(t){t[t.NotActive=0]=\"NotActive\",t[t.Starting=1]=\"Starting\",t[t.Stopping=2]=\"Stopping\",t[t.Active=3]=\"Active\",t[t.Stopped=4]=\"Stopped\"}(h||(h={}));let r=null,u=null,a=h.NotActive;function o(t){u&&u.finaliseBatch(t)}function c(){return new Promise((t=>{a=h.Stopping,null!==p&&(clearInterval(p),p=null),u&&(u.clean(),u=null),r&&(r.clean(),setTimeout((()=>{r=null}),20)),setTimeout((()=>{a=h.NotActive,t(null)}),100)}))}function g(){[h.Stopped,h.Stopping].includes(a)||(postMessage(\"a_stop\"),c().then((()=>{postMessage(\"a_start\")})))}let l,p=null;self.onmessage=({data:s})=>{if(\"stop\"===s)return o(),void c().then((()=>{a=h.Stopped}));if(\"forceFlushBatch\"!==s)if(\"closing\"!==s){if(!Array.isArray(s)){if(\"compressed\"===s.type){if(!r)return console.debug(\"OR WebWorker: sender not initialised. Compressed batch.\"),void g();s.batch&&r.sendCompressed(s.batch)}if(\"uncompressed\"===s.type){if(!r)return console.debug(\"OR WebWorker: sender not initialised. Uncompressed batch.\"),void g();s.batch&&r.sendUncompressed(s.batch)}return\"start\"===s.type?(a=h.Starting,r=new t(s.ingestPoint,(()=>{g()}),(t=>{!function(t){postMessage({type:\"failure\",reason:t}),c()}(t)}),s.connAttemptCount,s.connAttemptGap,(t=>{postMessage({type:\"compress\",batch:t},[t.buffer])}),s.pageNo),u=new n(s.pageNo,s.timestamp,s.url,((t,s)=>{r&&(s?r.sendUncompressed(t):r.push(t))}),s.tabId,(()=>postMessage({type:\"queue_empty\"}))),null===p&&(p=setInterval(o,3e4)),a=h.Active):\"auth\"===s.type?r?u?(r.authorise(s.token),void(s.beaconSizeLimit&&u.setBeaconSizeLimit(s.beaconSizeLimit))):(console.debug(\"OR WebWorker: writer not initialised. Received auth.\"),void g()):(console.debug(\"OR WebWorker: sender not initialised. Received auth.\"),void g()):void 0}if(u){const t=u;s.forEach((s=>{55===s[0]&&(s[1]?l=setTimeout((()=>g()),18e5):clearTimeout(l)),t.writeMessage(s)}))}else postMessage(\"not_init\"),g()}else o(!0);else o()}}();\n";
+const workerBodyFn = "!function(){\"use strict\";class t{constructor(t,s,i,e=10,n=250,h,r){this.onUnauthorised=s,this.onFailure=i,this.MAX_ATTEMPTS_COUNT=e,this.ATTEMPT_TIMEOUT=n,this.onCompress=h,this.pageNo=r,this.attemptsCount=0,this.busy=!1,this.queue=[],this.token=null,this.lastBatchNum=0,this.ingestURL=t+\"/v1/web/i\",this.isCompressing=void 0!==h}getQueueStatus(){return 0===this.queue.length&&!this.busy}authorise(t){this.token=t,this.busy||this.sendNext()}push(t,s=\"player\"){if(this.busy||!this.token)this.queue.push({batch:t,dataType:s});else if(this.busy=!0,this.isCompressing&&this.onCompress)this.onCompress(t,s);else{const i=++this.lastBatchNum;this.sendBatch(t,!1,i,s)}}sendNext(){const t=this.queue.shift();if(t)if(this.busy=!0,this.isCompressing&&this.onCompress)this.onCompress(t.batch,t.dataType);else{const s=++this.lastBatchNum;this.sendBatch(t.batch,!1,s,t.dataType)}else this.busy=!1}retry(t,s,i,e=\"player\"){this.attemptsCount>=this.MAX_ATTEMPTS_COUNT?this.onFailure(`Failed to send batch after ${this.attemptsCount} attempts.`):(this.attemptsCount++,setTimeout((()=>this.sendBatch(t,s,i,e)),this.ATTEMPT_TIMEOUT*this.attemptsCount))}sendBatch(t,s,i,e=\"player\"){var n;const h=null==i?void 0:i.toString().replace(/^([^_]+)_([^_]+).*/,\"$1_$2_$3\");this.busy=!0;const r={Authorization:`Bearer ${this.token}`,DataType:e};s&&(r[\"Content-Encoding\"]=\"gzip\"),null!==this.token?fetch(`${this.ingestURL}?batch=${null!==(n=this.pageNo)&&void 0!==n?n:\"noPageNum\"}_${null!=h?h:\"noBatchNum\"}`,{body:t,method:\"POST\",headers:r,keepalive:t.length<65536}).then((n=>{if(401===n.status)return this.busy=!1,void this.onUnauthorised();n.status>=400?this.retry(t,s,`${null!=i?i:\"noBatchNum\"}_network:${n.status}`,e):(this.attemptsCount=0,this.sendNext())})).catch((n=>{console.warn(\"OpenReplay:\",n),this.retry(t,s,`${null!=i?i:\"noBatchNum\"}_reject:${n.message}`,e)})):setTimeout((()=>{this.sendBatch(t,s,`${null!=i?i:\"noBatchNum\"}_newToken`,e)}),500)}sendCompressed(t,s=\"player\"){const i=++this.lastBatchNum;this.sendBatch(t,!0,i,s)}sendUncompressed(t,s=\"player\"){const i=++this.lastBatchNum;this.sendBatch(t,!1,i,s)}clean(){this.sendNext(),setTimeout((()=>{this.token=null,this.queue.length=0}),10)}}const s=new Set([60,61,71,73]),i=new Set([21,22,40,41,44,45,46,47,48,79,83,84,85,87,89,116,120,121,123]),e=new Set([17,23,24,27,28,29,30,42,63,64,78,112,115,124]),n=\"function\"==typeof TextEncoder?new TextEncoder:{encode(t){const s=t.length,i=new Uint8Array(3*s);let e=-1;for(let n=0,h=0,r=0;r!==s;){if(n=t.charCodeAt(r),r+=1,n>=55296&&n<=56319){if(r===s){i[e+=1]=239,i[e+=1]=191,i[e+=1]=189;break}if(h=t.charCodeAt(r),!(h>=56320&&h<=57343)){i[e+=1]=239,i[e+=1]=191,i[e+=1]=189;continue}if(n=1024*(n-55296)+h-56320+65536,r+=1,n>65535){i[e+=1]=240|n>>>18,i[e+=1]=128|n>>>12&63,i[e+=1]=128|n>>>6&63,i[e+=1]=128|63&n;continue}}n<=127?i[e+=1]=0|n:n<=2047?(i[e+=1]=192|n>>>6,i[e+=1]=128|63&n):(i[e+=1]=224|n>>>12,i[e+=1]=128|n>>>6&63,i[e+=1]=128|63&n)}return i.subarray(0,e+1)}};class h{constructor(t){this.size=t,this.offset=0,this.checkpointOffset=0,this.data=new Uint8Array(t)}getCurrentOffset(){return this.offset}checkpoint(){this.checkpointOffset=this.offset}get isEmpty(){return 0===this.offset}skip(t){return this.offset+=t,this.offset<=this.size}set(t,s){this.data.set(t,s)}boolean(t){return this.data[this.offset++]=+t,this.offset<=this.size}uint(t){for((t<0||t>Number.MAX_SAFE_INTEGER)&&(t=0);t>=128;)this.data[this.offset++]=t%256|128,t=Math.floor(t/128);return this.data[this.offset++]=t,this.offset<=this.size}int(t){return t=Math.round(t),this.uint(t>=0?2*t:-2*t-1)}string(t){const s=n.encode(t),i=s.byteLength;return!(!this.uint(i)||this.offset+i>this.size)&&(this.data.set(s,this.offset),this.offset+=i,!0)}reset(){this.offset=0,this.checkpointOffset=0}flush(){const t=this.data.slice(0,this.checkpointOffset);return this.reset(),t}}class r extends h{encode(t){switch(t[0]){case 0:case 11:case 114:case 115:return this.uint(t[1]);case 4:case 44:case 47:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3]);case 5:case 20:case 65:case 70:case 75:case 76:case 77:return this.uint(t[1])&&this.uint(t[2]);case 6:return this.int(t[1])&&this.int(t[2]);case 7:return!0;case 8:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.string(t[4])&&this.boolean(t[5]);case 9:case 10:case 24:case 35:case 51:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3]);case 12:case 52:case 61:case 71:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3]);case 13:case 14:case 17:case 34:case 36:case 50:case 54:return this.uint(t[1])&&this.string(t[2]);case 16:return this.uint(t[1])&&this.int(t[2])&&this.int(t[3]);case 18:return this.uint(t[1])&&this.string(t[2])&&this.int(t[3]);case 19:return this.uint(t[1])&&this.boolean(t[2]);case 21:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.string(t[5])&&this.uint(t[6])&&this.uint(t[7])&&this.uint(t[8]);case 22:case 27:case 30:case 41:case 45:case 46:case 43:case 63:case 64:case 79:case 124:return this.string(t[1])&&this.string(t[2]);case 23:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.uint(t[7])&&this.uint(t[8])&&this.uint(t[9]);case 28:case 29:case 42:case 117:case 118:return this.string(t[1]);case 40:return this.string(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4]);case 48:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.int(t[5]);case 49:return this.int(t[1])&&this.int(t[2])&&this.uint(t[3])&&this.uint(t[4]);case 53:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.string(t[7])&&this.string(t[8]);case 55:return this.boolean(t[1]);case 57:case 60:return this.uint(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4]);case 58:case 120:return this.int(t[1]);case 68:return this.uint(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4])&&this.uint(t[5])&&this.uint(t[6]);case 69:return this.uint(t[1])&&this.uint(t[2])&&this.string(t[3])&&this.string(t[4]);case 73:return this.uint(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.string(t[4]);case 78:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4]);case 81:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.int(t[4])&&this.string(t[5]);case 83:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.string(t[5])&&this.uint(t[6])&&this.uint(t[7])&&this.uint(t[8])&&this.uint(t[9]);case 84:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.uint(t[4])&&this.string(t[5])&&this.string(t[6]);case 85:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.string(t[7])&&this.string(t[8])&&this.uint(t[9])&&this.boolean(t[10])&&this.uint(t[11])&&this.uint(t[12])&&this.uint(t[13])&&this.uint(t[14])&&this.uint(t[15])&&this.uint(t[16])&&this.uint(t[17]);case 87:return this.string(t[1])&&this.int(t[2])&&this.int(t[3]);case 89:return this.string(t[1])&&this.int(t[2])&&this.int(t[3])&&this.int(t[4])&&this.int(t[5])&&this.string(t[6]);case 112:return this.uint(t[1])&&this.string(t[2])&&this.boolean(t[3])&&this.string(t[4])&&this.int(t[5])&&this.int(t[6]);case 113:return this.uint(t[1])&&this.uint(t[2])&&this.string(t[3]);case 116:return this.uint(t[1])&&this.uint(t[2])&&this.uint(t[3])&&this.uint(t[4])&&this.uint(t[5])&&this.uint(t[6])&&this.string(t[7])&&this.string(t[8])&&this.uint(t[9])&&this.boolean(t[10]);case 119:return this.string(t[1])&&this.uint(t[2]);case 121:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.uint(t[4]);case 122:return this.string(t[1])&&this.string(t[2])&&this.uint(t[3])&&this.string(t[4]);case 123:return this.string(t[1])&&this.string(t[2])&&this.string(t[3])&&this.string(t[4])&&this.uint(t[5])}}}class a{constructor(t,s,i,e,n,h,a=!1,o){this.pageNo=t,this.timestamp=s,this.url=i,this.onBatch=e,this.tabId=n,this.onOfflineEnd=h,this.localDebug=a,this.onLocalSave=o,this.nextIndex=0,this.beaconSize=2e5,this.encoder=new r(this.beaconSize),this.sizeBuffer=new Uint8Array(3),this.isEmpty=!0,this.prepared=!1,this.checkpoints=[],this.assetMessages=[],this.devtoolsMessages=[],this.analyticsMessages=[],this.firstAssetIndex=0,this.firstAssetTimestamp=0,this.firstDevtoolsIndex=0,this.firstDevtoolsTimestamp=0,this.firstAnalyticsIndex=0,this.firstAnalyticsTimestamp=0,this.protocolVersion=1,this.beaconSizeLimit=1e6}writeType(t){return this.encoder.uint(t[0])}writeFields(t){return this.encoder.encode(t)}writeSizeAt(t,s){for(let s=0;s<3;s++)this.sizeBuffer[s]=t>>8*s;this.encoder.set(this.sizeBuffer,s)}prepare(){if(this.prepared)return;this.prepared=!0,this.checkpoints.length=0;const t=[81,2===this.protocolVersion?2:1,this.pageNo,this.nextIndex,this.timestamp,this.url];this.writeType(t),this.writeFields(t),this.isEmpty=!0}writeWithSize(t){const s=this.encoder;if(!this.writeType(t)||!s.skip(3))return!1;const i=s.getCurrentOffset(),e=this.writeFields(t);if(e){const e=s.getCurrentOffset()-i;if(e>16777215)return console.warn(\"OpenReplay: max message size overflow.\"),!1;this.writeSizeAt(e,i-3),s.checkpoint(),this.checkpoints.push(s.getCurrentOffset()),this.isEmpty=this.isEmpty&&0===t[0],this.nextIndex++}return e}setBeaconSizeLimit(t){this.beaconSizeLimit=t}setProtocolVersion(t){this.protocolVersion=t}writeMessage(t){if(-1===t[0])return this.finaliseBatch(),this.onOfflineEnd();if(0===t[0]&&(this.timestamp=t[1]),122===t[0]&&(this.url=t[1]),2===this.protocolVersion){if(s.has(t[0]))return 0===this.assetMessages.length&&(this.firstAssetIndex=this.nextIndex,this.firstAssetTimestamp=this.timestamp),this.assetMessages.push(t),void this.nextIndex++;if(i.has(t[0]))return 0===this.devtoolsMessages.length&&(this.firstDevtoolsIndex=this.nextIndex,this.firstDevtoolsTimestamp=this.timestamp),this.devtoolsMessages.push(t),void this.nextIndex++;if(e.has(t[0]))return 0===this.analyticsMessages.length&&(this.firstAnalyticsIndex=this.nextIndex,this.firstAnalyticsTimestamp=this.timestamp),this.analyticsMessages.push(t),void this.nextIndex++}this.prepare(),this.writeWithSize(t)||(this.finaliseBatch(),this.prepare(),this.writeWithSize(t)||(this.encoder=new r(this.beaconSizeLimit),this.prepare(),this.writeWithSize(t)?this.finaliseBatch():console.warn(\"OpenReplay: beacon size overflow. Skipping large message.\",t,this),this.encoder=new r(this.beaconSize)))}finaliseBatch(t=!1){const s=this.prepared&&!this.isEmpty,i=this.assetMessages.length>0,e=this.devtoolsMessages.length>0,n=this.analyticsMessages.length>0;if(!(s||i||e||n))return;const h=this.url;if(s){const s=this.encoder.flush();this.localDebug&&this.onLocalSave&&this.onLocalSave(`${Date.now()}-mob`,s.slice()),this.onBatch(s,t,\"player\")}else this.encoder.reset();if(i){const s=this.buildSeparateBatch(3,this.firstAssetIndex,this.firstAssetTimestamp,h,this.assetMessages);this.localDebug&&this.onLocalSave&&this.onLocalSave(`assets-${Date.now()}`,s.slice()),this.onBatch(s,t,\"assets\"),this.assetMessages.length=0}if(e){const s=this.buildSeparateBatch(4,this.firstDevtoolsIndex,this.firstDevtoolsTimestamp,h,this.devtoolsMessages);this.localDebug&&this.onLocalSave&&this.onLocalSave(`devtools-${Date.now()}`,s.slice()),this.onBatch(s,t,\"devtools\"),this.devtoolsMessages.length=0}if(n){const s=this.buildSeparateBatch(5,this.firstAnalyticsIndex,this.firstAnalyticsTimestamp,h,this.analyticsMessages);this.localDebug&&this.onLocalSave&&this.onLocalSave(`analytics-${Date.now()}`,s.slice()),this.onBatch(s,t,\"analytics\"),this.analyticsMessages.length=0}this.prepared=!1}buildSeparateBatch(t,s,i,e,n){const h=new r(this.beaconSizeLimit),a=new Uint8Array(3),o=t=>{h.uint(t[0]),h.skip(3);const s=h.getCurrentOffset();h.encode(t);const i=h.getCurrentOffset()-s;for(let t=0;t<3;t++)a[t]=i>>8*t;h.set(a,s-3),h.checkpoint()},c=[81,t,this.pageNo,s,i,e];h.uint(c[0]),h.encode(c),o([0,i]),o([118,this.tabId]);for(const t of n)o(t);return h.flush()}clean(){this.encoder.reset(),this.checkpoints.length=0,this.assetMessages.length=0,this.devtoolsMessages.length=0,this.analyticsMessages.length=0,this.prepared=!1}}var o;!function(t){t[t.NotActive=0]=\"NotActive\",t[t.Starting=1]=\"Starting\",t[t.Stopping=2]=\"Stopping\",t[t.Active=3]=\"Active\",t[t.Stopped=4]=\"Stopped\"}(o||(o={}));let c=null,u=null,l=o.NotActive;function p(t){u&&u.finaliseBatch(t)}function g(){return new Promise((t=>{l=o.Stopping,null!==m&&(clearInterval(m),m=null),u&&(u.clean(),u=null),c&&(c.clean(),setTimeout((()=>{c=null}),20)),setTimeout((()=>{l=o.NotActive,t(null)}),100)}))}function f(){[o.Stopped,o.Stopping].includes(l)||(postMessage(\"a_stop\"),g().then((()=>{postMessage(\"a_start\")})))}let d,m=null;self.onmessage=({data:s})=>{var i;if(\"stop\"===s)return p(),void g().then((()=>{l=o.Stopped}));if(\"forceFlushBatch\"!==s)if(\"closing\"!==s){if(!Array.isArray(s)){if(\"compressed\"===s.type){if(!c)return console.debug(\"OR WebWorker: sender not initialised. Compressed batch.\"),void f();s.batch&&c.sendCompressed(s.batch,s.dataType)}if(\"uncompressed\"===s.type){if(!c)return console.debug(\"OR WebWorker: sender not initialised. Uncompressed batch.\"),void f();s.batch&&c.sendUncompressed(s.batch,s.dataType)}return\"start\"===s.type?(l=o.Starting,c=new t(s.ingestPoint,(()=>{f()}),(t=>{!function(t){postMessage({type:\"failure\",reason:t}),g()}(t)}),s.connAttemptCount,s.connAttemptGap,((t,s)=>{postMessage({type:\"compress\",batch:t,dataType:s},[t.buffer])}),s.pageNo),u=new a(s.pageNo,s.timestamp,s.url,((t,s,i=\"player\")=>{if(!c)return;const e=function(t){const s=[];let i=0;const e=()=>{let s=0,e=0;for(;i<t.length;){const n=t[i++];if(s|=(127&n)<<e,!(128&n))return s;e+=7}return null},n=()=>{if(i+3>t.length)return null;const s=t[i]|t[i+1]<<8|t[i+2]<<16;return i+=3,s},h=new Set([80,81,82]);for(;i<t.length;){const t=e();if(null===t)break;if(s.push(t),h.has(t)){if(81===t){e(),e(),e(),e();const t=e();null!==t&&(i+=t)}else 82===t&&(e(),e());continue}const r=n();if(null===r)break;i+=r}return s}(t);console.debug(`[OR batch] dataType=${i} msgs=${e.length} types=`,e),s?c.sendUncompressed(t,i):c.push(t,i)}),s.tabId,(()=>postMessage({type:\"queue_empty\"})),null!==(i=s.localDebug)&&void 0!==i&&i,((t,s)=>{postMessage({type:\"local_save\",name:t,batch:s},[s.buffer])})),null===m&&(m=setInterval(p,3e4)),l=o.Active):\"auth\"===s.type?c?u?(c.authorise(s.token),s.beaconSizeLimit&&u.setBeaconSizeLimit(s.beaconSizeLimit),void(s.protocolVersion&&u.setProtocolVersion(s.protocolVersion))):(console.debug(\"OR WebWorker: writer not initialised. Received auth.\"),void f()):(console.debug(\"OR WebWorker: sender not initialised. Received auth.\"),void f()):void 0}if(u){const t=u;s.forEach((s=>{55===s[0]&&(s[1]?d=setTimeout((()=>f()),18e5):clearTimeout(d)),t.writeMessage(s)}))}else postMessage(\"not_init\"),f()}else p(!0);else p()}}();\n";
 const CANCELED = 'canceled';
 const bufferStorageKey = 'or_buffer_1';
 const UnsuccessfulStart = (reason) => ({ reason, success: false });
@@ -3800,6 +3945,9 @@ const proto = {
     reset: 'reset-your-session-please',
 };
 class App {
+    get tagMatcher() {
+        return this.tagWatcher.matcher;
+    }
     constructor(projectKey, sessionToken, options, signalError, insideIframe) {
         this.signalError = signalError;
         this.insideIframe = insideIframe;
@@ -3814,7 +3962,7 @@ class App {
         this.stopCallbacks = [];
         this.commitCallbacks = [];
         this.activityState = ActivityState.NotActive;
-        this.version = '17.2.5'; // TODO: version compatability check inside each plugin.
+        this.version = '18.0.0'; // TODO: version compatability check inside each plugin.
         this.socketMode = false;
         this.compressionThreshold = 24 * 1000;
         this.bc = null;
@@ -3839,6 +3987,9 @@ class App {
                 if (this.active())
                     return;
                 try {
+                    if (data.token) {
+                        this.session.setSessionToken(data.token, this.projectKey);
+                    }
                     this.allowAppStart();
                     void this.start();
                 }
@@ -3979,8 +4130,12 @@ class App {
                 }
                 if (this.pollingQueue[nextCommand].includes(data.context)) {
                     this.pollingQueue[nextCommand] = this.pollingQueue[nextCommand].filter((c) => c !== data.context);
+                    const message = { line: nextCommand };
+                    if (nextCommand === proto.startIframe) {
+                        message.token = this.session.getSessionToken(this.projectKey);
+                    }
                     // @ts-ignore
-                    event.source?.postMessage({ line: nextCommand }, '*');
+                    event.source?.postMessage(message, '*');
                     if (this.pollingQueue[nextCommand].length === 0) {
                         this.pollingQueue.order.shift();
                     }
@@ -4164,6 +4319,7 @@ class App {
             __is_snippet: false,
             __debug_report_edp: null,
             __debug__: LogLevel.Silent,
+            __local_debug: false,
             localStorage: null,
             sessionStorage: null,
             forceSingleTab: false,
@@ -4405,6 +4561,7 @@ class App {
         }
         else if (data.type === 'compress') {
             const batch = data.batch;
+            const dataType = data.dataType;
             const batchSize = batch.byteLength;
             const hasCompressionAPI = 'CompressionStream' in globalThis;
             if (batchSize > this.compressionThreshold && hasCompressionAPI) {
@@ -4416,17 +4573,27 @@ class App {
                     this.worker?.postMessage({
                         type: 'compressed',
                         batch: new Uint8Array(compressedBuffer),
+                        dataType,
                     });
                 })
                     .catch((err) => {
                     this.debug.error('Openreplay compression error:', err);
-                    this.worker?.postMessage({ type: 'uncompressed', batch: batch });
+                    this.worker?.postMessage({ type: 'uncompressed', batch: batch, dataType });
                 });
             }
             else {
-                this.worker?.postMessage({ type: 'uncompressed', batch: batch });
+                this.worker?.postMessage({ type: 'uncompressed', batch: batch, dataType });
             }
         }
+        else if (data.type === 'local_save') {
+            const blob = new Blob([data.batch], { type: 'application/octet-stream' });
+            const url = URL.createObjectURL(blob);
+            const a = document.createElement('a');
+            a.href = url;
+            a.download = data.name;
+            a.click();
+            URL.revokeObjectURL(url);
+        }
         else if (data.type === 'queue_empty') {
             this.onSessionSent();
         }
@@ -4465,19 +4632,31 @@ class App {
             this.messages.length = 0;
             return;
         }
-        if (this.worker === undefined || !this.messages.length) {
+        if (this.worker === undefined) {
             return;
         }
         if (!this.messages.length) {
-            // Release empty batches every 30 secs (1000 * 30ms)
+            // Send a keepalive batch every ~30s (1000 * 30ms) to keep the session active
             if (this.emptyBatchCounter < 1000) {
                 this.emptyBatchCounter++;
                 return;
             }
+            // Keepalive: send just Timestamp + TabData so the session stays alive
+            this.emptyBatchCounter = 0;
+            try {
+                this.worker?.postMessage([Timestamp(this.timestamp()), TabData(this.session.getTabId())]);
+            }
+            catch (e) {
+                this._debug('worker_keepalive', e);
+            }
+            return;
         }
         this.emptyBatchCounter = 0;
         try {
             requestIdleCb(() => {
+                if (!this.messages.length) {
+                    return;
+                }
                 this.messages.unshift(Timestamp(this.timestamp()), TabData(this.session.getTabId()));
                 this.worker?.postMessage(this.messages);
                 this.commitCallbacks.forEach((cb) => cb(this.messages));
@@ -4633,9 +4812,15 @@ class App {
         }
     }
     checkSessionToken(forceNew) {
-        const lsReset = this.sessionStorage.getItem(this.options.session_reset_key) !== null;
-        const needNewSessionID = forceNew || lsReset;
+        const PROTO_VERSION = "2";
+        const needReset = this.sessionStorage.getItem(this.options.session_reset_key) !== null;
+        let needNewSessionID = forceNew || needReset;
         const sessionToken = this.session.getSessionToken(this.projectKey);
+        if (sessionToken) {
+            const storedVersion = this.sessionStorage.getItem(`${this.options.session_token_key}_version`);
+            needNewSessionID = !storedVersion || storedVersion !== PROTO_VERSION;
+            this.sessionStorage.setItem(`${this.options.session_token_key}_version`, PROTO_VERSION);
+        }
         return needNewSessionID || !sessionToken;
     }
     /**
@@ -4813,6 +4998,7 @@ class App {
             connAttemptCount: this.options.connAttemptCount,
             connAttemptGap: this.options.connAttemptGap,
             tabId: this.session.getTabId(),
+            localDebug: this.options.__local_debug,
         });
         const r = await fetch(this.options.ingestPoint + '/v1/web/start', {
             method: 'POST',
@@ -4831,11 +5017,12 @@ class App {
                 timezone: getTimezone(),
             }),
         });
-        const { token, userBrowser, userCity, userCountry, userDevice, userOS, userState, beaconSizeLimit, projectID, } = await r.json();
+        const { token, userBrowser, userCity, userCountry, userDevice, userOS, userState, beaconSizeLimit, projectID, protocolVersion: offlineProtocolVersion, } = await r.json();
         this.worker?.postMessage({
             type: 'auth',
             token,
             beaconSizeLimit,
+            protocolVersion: offlineProtocolVersion,
         });
         this.session.assign({ projectID });
         this.session.setUserInfo({
@@ -4897,6 +5084,7 @@ class App {
             connAttemptCount: this.options.connAttemptCount,
             connAttemptGap: this.options.connAttemptGap,
             tabId: this.session.getTabId(),
+            localDebug: this.options.__local_debug,
         });
         const sessionToken = this.session.getSessionToken(this.projectKey);
         const isNewSession = this.checkSessionToken(startOpts.forceNew);
@@ -4939,7 +5127,7 @@ class App {
             delay, //  derived from token
             sessionID, //  derived from token
             startTimestamp, // real startTS (server time), derived from sessionID
-            userBrowser, userCity, userCountry, userDevice, userOS, userState, canvasEnabled, canvasQuality, canvasFPS, framesSupport, assistOnly: socketOnly, } = await r.json();
+            userBrowser, userCity, userCountry, userDevice, userOS, userState, canvasEnabled, canvasQuality, canvasFPS, framesSupport, assistOnly: socketOnly, protocolVersion, } = await r.json();
             if (typeof token !== 'string' ||
                 typeof userUUID !== 'string' ||
                 (typeof startTimestamp !== 'number' && typeof startTimestamp !== 'undefined') ||
@@ -4980,6 +5168,7 @@ class App {
                     type: 'auth',
                     token,
                     beaconSizeLimit,
+                    protocolVersion,
                 });
             }
             if (!isNewSession && token === sessionToken) {
@@ -5741,6 +5930,18 @@ function Input (app, opts) {
         defaultInputMode: InputMode.Obscured,
         obscureInputDates: false,
     }, opts);
+    const tagSelectorMap = new Map();
+    function getTagSelector(id, node) {
+        const cached = tagSelectorMap.get(id);
+        if (cached !== undefined)
+            return cached;
+        const tagMatch = app.tagMatcher.match(node);
+        if (tagMatch) {
+            tagSelectorMap.set(id, tagMatch.selector);
+            return tagMatch.selector;
+        }
+        return null;
+    }
     function getInputValue(id, node) {
         let value = node.value;
         let inputMode = options.defaultInputMode;
@@ -5776,6 +5977,7 @@ function Input (app, opts) {
     app.attachStopCallback(() => {
         inputValues.clear();
         checkboxValues.clear();
+        tagSelectorMap.clear();
     });
     function trackInputValue(id, node) {
         if (inputValues.get(id) === node.value) {
@@ -5808,7 +6010,7 @@ function Input (app, opts) {
     }, 3);
     function sendInputChange(id, node, hesitationTime, inputTime) {
         const { value, mask } = getInputValue(id, node);
-        let label = getInputLabel(node, options.customAttributes);
+        let label = getTagSelector(id, node) || getInputLabel(node, options.customAttributes);
         if (app.sanitizer.privateMode) {
             label = label.replaceAll(/./g, '*');
         }
@@ -5991,7 +6193,13 @@ function Mouse (app, options) {
     };
     const patchDocument = (document, topframe = false) => {
         function getSelector(id, target) {
-            return (selectorMap[id] = selectorMap[id] || _getSelector(target));
+            if (selectorMap[id])
+                return selectorMap[id];
+            const tagMatch = app.tagMatcher.match(target);
+            if (tagMatch) {
+                return (selectorMap[id] = tagMatch.selector);
+            }
+            return (selectorMap[id] = _getSelector(target));
         }
         const attachListener = topframe
             ? app.attachEventListener.bind(app) // attached/removed on start/stop
@@ -8669,7 +8877,7 @@ class ConstantProperties {
             user_id: this.user_id,
             distinct_id: this.deviceId,
             sdk_edition: 'web',
-            sdk_version: '17.2.5',
+            sdk_version: '18.0.0',
             timezone: getUTCOffsetString(),
             search_engine: this.searchEngine,
         };
@@ -9371,7 +9579,7 @@ class API {
         this.signalStartIssue = (reason, missingApi) => {
             const doNotTrack = this.checkDoNotTrack();
             console.log("Tracker couldn't start due to:", JSON.stringify({
-                trackerVersion: '17.2.5',
+                trackerVersion: '18.0.0',
                 projectKey: this.options.projectKey,
                 doNotTrack,
                 reason: missingApi.length ? `missing api: ${missingApi.join(',')}` : reason,