@betterbugs/rrdom-nodejs 2.0.0-alpha.19

package/README.md

@@ -0,0 +1,179 @@
+# rrdom-nodejs
+
+`rrdom-nodejs` is a Node.js implementation of the [`rrdom`](../rrdom/) library. It allows you to replay and inspect recorded user interactions with `rrweb` in a Node.js environment.
+
+See the [guide](../../guide.md) for more info on rrweb.
+
+## Sponsors
+
+[Become a sponsor](https://opencollective.com/rrweb#sponsor) and get your logo on our README on Github with a link to your site.
+
+### Gold Sponsors 🥇
+
+<div dir="auto">
+
+<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/0/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/0/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/1/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/1/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/2/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/2/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/3/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/3/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/4/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/4/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/5/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/5/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/6/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/6/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
+
+</div>
+
+### Silver Sponsors 🥈
+
+<div dir="auto">
+
+<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/0/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/0/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/1/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/1/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/2/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/2/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/3/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/3/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/4/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/4/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/5/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/5/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/6/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/6/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
+
+</div>
+
+### Bronze Sponsors 🥉
+
+<div dir="auto">
+
+<a href="https://opencollective.com/rrweb/tiers/sponsors/0/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/0/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/1/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/1/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/2/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/2/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/3/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/3/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/4/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/4/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/5/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/5/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/6/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/6/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/7/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/7/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/8/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/8/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+
+</div>
+
+### Backers
+
+<a href="https://opencollective.com/rrweb#sponsor" rel="nofollow"><img src="https://opencollective.com/rrweb/tiers/backers.svg?avatarHeight=36"></a>
+
+## Core Team Members
+
+<table>
+  <tr>
+    <td align="center">
+      <a href="https://github.com/Yuyz0112">
+        <img
+          src="https://avatars.githubusercontent.com/u/13651389?s=100"
+          width="100px;"
+          alt=""
+        />
+        <br /><sub><b>Yuyz0112</b></sub>
+        <br /><br />
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/YunFeng0817">
+        <img
+          src="https://avatars.githubusercontent.com/u/27533910?s=100"
+          width="100px;"
+          alt=""
+        />
+        <br /><sub><b>Yun Feng</b></sub>
+        <br /><br />
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/eoghanmurray">
+        <img
+          src="https://avatars.githubusercontent.com/u/156780?s=100"
+          width="100px;"
+          alt=""
+        />
+        <br /><sub><b>eoghanmurray</b></sub>
+        <br /><br />
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/Juice10">
+        <img
+          src="https://avatars.githubusercontent.com/u/4106?s=100"
+          width="100px;"
+          alt=""
+        />
+        <br /><sub><b>Juice10</b></sub>
+        <br /><sub>open for rrweb consulting</sub>
+      </a>
+    </td>
+  </tr>
+</table>
+
+## Who's using rrweb?
+
+<table>
+  <tr>
+    <td align="center">
+      <a href="http://www.smartx.com/" target="_blank">
+        <img width="195px" src="https://www.rrweb.io/logos/smartx.png">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
+        <img width="195px" src="https://www.rrweb.io/logos/posthog.png">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://statcounter.com/session-replay/" target="_blank">
+        <img width="195px" src="https://statcounter.com/images/logo-statcounter-arc-blue.svg">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://recordonce.com/" target="_blank">
+        <img width="195px" alt="Smart screen recording for SaaS" src="https://uploads-ssl.webflow.com/5f3d133183156245630d4446/5f3d1940abe8db8612c23521_Record-Once-logo-554x80px.svg">
+      </a>
+    </td>
+  </tr>
+    <tr>
+    <td align="center">
+      <a href="https://cux.io" target="_blank">
+        <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://remsupp.com" target="_blank">
+        <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://highlight.io" target="_blank">
+        <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://analyzee.io" target="_blank">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://cdn.analyzee.io/assets/analyzee-logo.png">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://requestly.io" target="_blank">
+        <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://gleap.io" target="_blank">
+        <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://uxwizz.com" target="_blank">
+        <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.howdygo.com" target="_blank">
+        <img style="padding: 8px" alt="Interactive product demos for small marketing teams" width="195px" src="https://assets-global.website-files.com/650afb446f1dd5bd410f00cc/650b2cec6188ff54dd9b01e1_Logo.svg">
+      </a>
+    </td>
+  </tr>
+</table>

package/dist/index.d.cts

@@ -0,0 +1,117 @@
+import { BaseRRCDATASection } from '@betterbugs/rrdom';
+import { BaseRRComment } from '@betterbugs/rrdom';
+import { BaseRRDocument } from '@betterbugs/rrdom';
+import { BaseRRDocumentType } from '@betterbugs/rrdom';
+import { BaseRRElement } from '@betterbugs/rrdom';
+import { BaseRRMediaElement } from '@betterbugs/rrdom';
+import { BaseRRNode } from '@betterbugs/rrdom';
+import { BaseRRText } from '@betterbugs/rrdom';
+import { CSSStyleDeclaration as CSSStyleDeclaration_2 } from '@betterbugs/rrdom';
+import { IRRDocument } from '@betterbugs/rrdom';
+import { IRRNode } from '@betterbugs/rrdom';
+import { NWSAPI } from 'nwsapi';
+
+export declare class RRCanvasElement extends RRElement {
+    getContext(): CanvasRenderingContext2D | null;
+}
+
+export declare class RRCDATASection extends BaseRRCDATASection {
+    readonly nodeName: "#cdata-section";
+}
+
+export declare class RRComment extends BaseRRComment {
+    readonly nodeName: "#comment";
+}
+
+export declare class RRDocument extends BaseRRDocument implements IRRDocument {
+    readonly nodeName: "#document";
+    private _nwsapi;
+    get nwsapi(): NWSAPI;
+    get documentElement(): RRElement | null;
+    get body(): RRElement | null;
+    get head(): RRElement | null;
+    get implementation(): RRDocument;
+    get firstElementChild(): RRElement | null;
+    appendChild(childNode: BaseRRNode): IRRNode;
+    insertBefore(newChild: BaseRRNode, refChild: BaseRRNode | null): IRRNode;
+    querySelectorAll(selectors: string): BaseRRNode[];
+    getElementsByTagName(tagName: string): RRElement[];
+    getElementsByClassName(className: string): RRElement[];
+    getElementById(elementId: string): RRElement | null;
+    createDocument(_namespace: string | null, _qualifiedName: string | null, _doctype?: DocumentType | null): RRDocument;
+    createDocumentType(qualifiedName: string, publicId: string, systemId: string): RRDocumentType;
+    createElement<K extends keyof HTMLElementTagNameMap>(tagName: K): RRElementType<K>;
+    createElement(tagName: string): RRElement;
+    createElementNS(_namespaceURI: string, qualifiedName: string): RRElement | RRMediaElement | RRCanvasElement | RRIFrameElement | RRImageElement | RRStyleElement;
+    createComment(data: string): RRComment;
+    createCDATASection(data: string): RRCDATASection;
+    createTextNode(data: string): RRText;
+}
+
+export declare class RRDocumentType extends BaseRRDocumentType {
+}
+
+export declare class RRElement extends BaseRRElement {
+    private _style;
+    constructor(tagName: string);
+    get style(): CSSStyleDeclaration_2;
+    attachShadow(_init: ShadowRootInit): RRElement;
+    appendChild(newChild: BaseRRNode): BaseRRNode;
+    insertBefore(newChild: BaseRRNode, refChild: BaseRRNode | null): BaseRRNode;
+    getAttribute(name: string): string | null;
+    setAttribute(name: string, attribute: string): void;
+    removeAttribute(name: string): void;
+    get firstElementChild(): RRElement | null;
+    get nextElementSibling(): RRElement | null;
+    querySelectorAll(selectors: string): BaseRRNode[];
+    getElementById(elementId: string): RRElement | null;
+    getElementsByClassName(className: string): RRElement[];
+    getElementsByTagName(tagName: string): RRElement[];
+}
+
+declare interface RRElementTagNameMap {
+    audio: RRMediaElement;
+    canvas: RRCanvasElement;
+    iframe: RRIFrameElement;
+    img: RRImageElement;
+    style: RRStyleElement;
+    video: RRMediaElement;
+}
+
+declare type RRElementType<K extends keyof HTMLElementTagNameMap> = K extends keyof RRElementTagNameMap ? RRElementTagNameMap[K] : RRElement;
+
+export declare class RRIFrameElement extends RRElement {
+    width: string;
+    height: string;
+    src: string;
+    contentDocument: RRDocument;
+    contentWindow: RRWindow;
+    constructor(tagName: string);
+}
+
+export declare class RRImageElement extends RRElement {
+    src: string;
+    width: number;
+    height: number;
+    onload: ((this: GlobalEventHandlers, ev: Event) => unknown) | null;
+}
+
+export declare class RRMediaElement extends BaseRRMediaElement {
+}
+
+export declare class RRStyleElement extends RRElement {
+    private _sheet;
+    get sheet(): CSSStyleSheet | null;
+}
+
+export declare class RRText extends BaseRRText {
+    readonly nodeName: "#text";
+}
+
+export declare class RRWindow {
+    scrollLeft: number;
+    scrollTop: number;
+    scrollTo(options?: ScrollToOptions): void;
+}
+
+export { }

package/dist/index.d.ts

@@ -0,0 +1,117 @@
+import { BaseRRCDATASection } from '@betterbugs/rrdom';
+import { BaseRRComment } from '@betterbugs/rrdom';
+import { BaseRRDocument } from '@betterbugs/rrdom';
+import { BaseRRDocumentType } from '@betterbugs/rrdom';
+import { BaseRRElement } from '@betterbugs/rrdom';
+import { BaseRRMediaElement } from '@betterbugs/rrdom';
+import { BaseRRNode } from '@betterbugs/rrdom';
+import { BaseRRText } from '@betterbugs/rrdom';
+import { CSSStyleDeclaration as CSSStyleDeclaration_2 } from '@betterbugs/rrdom';
+import { IRRDocument } from '@betterbugs/rrdom';
+import { IRRNode } from '@betterbugs/rrdom';
+import { NWSAPI } from 'nwsapi';
+
+export declare class RRCanvasElement extends RRElement {
+    getContext(): CanvasRenderingContext2D | null;
+}
+
+export declare class RRCDATASection extends BaseRRCDATASection {
+    readonly nodeName: "#cdata-section";
+}
+
+export declare class RRComment extends BaseRRComment {
+    readonly nodeName: "#comment";
+}
+
+export declare class RRDocument extends BaseRRDocument implements IRRDocument {
+    readonly nodeName: "#document";
+    private _nwsapi;
+    get nwsapi(): NWSAPI;
+    get documentElement(): RRElement | null;
+    get body(): RRElement | null;
+    get head(): RRElement | null;
+    get implementation(): RRDocument;
+    get firstElementChild(): RRElement | null;
+    appendChild(childNode: BaseRRNode): IRRNode;
+    insertBefore(newChild: BaseRRNode, refChild: BaseRRNode | null): IRRNode;
+    querySelectorAll(selectors: string): BaseRRNode[];
+    getElementsByTagName(tagName: string): RRElement[];
+    getElementsByClassName(className: string): RRElement[];
+    getElementById(elementId: string): RRElement | null;
+    createDocument(_namespace: string | null, _qualifiedName: string | null, _doctype?: DocumentType | null): RRDocument;
+    createDocumentType(qualifiedName: string, publicId: string, systemId: string): RRDocumentType;
+    createElement<K extends keyof HTMLElementTagNameMap>(tagName: K): RRElementType<K>;
+    createElement(tagName: string): RRElement;
+    createElementNS(_namespaceURI: string, qualifiedName: string): RRElement | RRMediaElement | RRCanvasElement | RRIFrameElement | RRImageElement | RRStyleElement;
+    createComment(data: string): RRComment;
+    createCDATASection(data: string): RRCDATASection;
+    createTextNode(data: string): RRText;
+}
+
+export declare class RRDocumentType extends BaseRRDocumentType {
+}
+
+export declare class RRElement extends BaseRRElement {
+    private _style;
+    constructor(tagName: string);
+    get style(): CSSStyleDeclaration_2;
+    attachShadow(_init: ShadowRootInit): RRElement;
+    appendChild(newChild: BaseRRNode): BaseRRNode;
+    insertBefore(newChild: BaseRRNode, refChild: BaseRRNode | null): BaseRRNode;
+    getAttribute(name: string): string | null;
+    setAttribute(name: string, attribute: string): void;
+    removeAttribute(name: string): void;
+    get firstElementChild(): RRElement | null;
+    get nextElementSibling(): RRElement | null;
+    querySelectorAll(selectors: string): BaseRRNode[];
+    getElementById(elementId: string): RRElement | null;
+    getElementsByClassName(className: string): RRElement[];
+    getElementsByTagName(tagName: string): RRElement[];
+}
+
+declare interface RRElementTagNameMap {
+    audio: RRMediaElement;
+    canvas: RRCanvasElement;
+    iframe: RRIFrameElement;
+    img: RRImageElement;
+    style: RRStyleElement;
+    video: RRMediaElement;
+}
+
+declare type RRElementType<K extends keyof HTMLElementTagNameMap> = K extends keyof RRElementTagNameMap ? RRElementTagNameMap[K] : RRElement;
+
+export declare class RRIFrameElement extends RRElement {
+    width: string;
+    height: string;
+    src: string;
+    contentDocument: RRDocument;
+    contentWindow: RRWindow;
+    constructor(tagName: string);
+}
+
+export declare class RRImageElement extends RRElement {
+    src: string;
+    width: number;
+    height: number;
+    onload: ((this: GlobalEventHandlers, ev: Event) => unknown) | null;
+}
+
+export declare class RRMediaElement extends BaseRRMediaElement {
+}
+
+export declare class RRStyleElement extends RRElement {
+    private _sheet;
+    get sheet(): CSSStyleSheet | null;
+}
+
+export declare class RRText extends BaseRRText {
+    readonly nodeName: "#text";
+}
+
+export declare class RRWindow {
+    scrollLeft: number;
+    scrollTop: number;
+    scrollTo(options?: ScrollToOptions): void;
+}
+
+export { }