@openreplay/tracker 15.0.0 → 15.0.2

package/dist/types/main/modules/userTesting/styles.d.ts

@@ -0,0 +1,277 @@
+export declare const bgStyle: {
+    position: string;
+    top: number;
+    left: number;
+    width: string;
+    height: string;
+    background: string;
+    display: string;
+    alignItems: string;
+    justifyContent: string;
+    zIndex: number;
+    fontFamily: string;
+};
+export declare const containerStyle: {
+    display: string;
+    flexDirection: string;
+    gap: string;
+    alignItems: string;
+    padding: string;
+    borderRadius: string;
+    border: string;
+    background: string;
+    width: string;
+};
+export declare const containerWidgetStyle: {
+    display: string;
+    'flex-direction': string;
+    gap: string;
+    'align-items': string;
+    padding: string;
+    fontFamily: string;
+    'border-radius': string;
+    border: string;
+    background: string;
+    width: string;
+};
+export declare const titleStyle: {
+    fontFamily: string;
+    fontSize: string;
+    fontStyle: string;
+    fontWeight: string;
+    lineHeight: string;
+    color: string;
+};
+export declare const descriptionStyle: {
+    borderTop: string;
+    borderBottom: string;
+    padding: string;
+    color: string;
+    fontFamily: string;
+    fontSize: string;
+    fontStyle: string;
+    fontWeight: string;
+    lineHeight: string;
+    whiteSpace: string;
+};
+export declare const noticeStyle: {
+    color: string;
+    fontFamily: string;
+    fontSize: string;
+    fontStyle: string;
+    fontWeight: string;
+    lineHeight: string;
+};
+export declare const buttonStyle: {
+    display: string;
+    padding: string;
+    justifyContent: string;
+    alignItems: string;
+    gap: string;
+    borderRadius: string;
+    border: string;
+    background: string;
+    boxShadow: string;
+    color: string;
+    textAlign: string;
+    fontFamily: string;
+    fontSize: string;
+    fontStyle: string;
+    fontWeight: string;
+    lineHeight: string;
+    cursor: string;
+};
+export declare const sectionTitleStyle: {
+    fontFamily: string;
+    fontSize: string;
+    fontWeight: string;
+    lineHeight: string;
+    display: string;
+    justifyContent: string;
+    width: string;
+    cursor: string;
+};
+export declare const contentStyle: {
+    display: string;
+    flexDirection: string;
+    alignItems: string;
+    gap: string;
+    fontSize: string;
+    lineHeight: string;
+};
+export declare const titleWidgetStyle: {
+    padding: string;
+    gap: string;
+    fontFamily: string;
+    fontSize: string;
+    fontStyle: string;
+    fontWeight: string;
+    lineHeight: string;
+    color: string;
+    display: string;
+    alignItems: string;
+    width: string;
+    borderRadius: string;
+    background: string;
+    boxSizing: string;
+};
+export declare const descriptionWidgetStyle: {
+    boxSizing: string;
+    display: string;
+    width: string;
+    borderBottom: string;
+    background: string;
+    padding: string;
+    alignSelf: string;
+    color: string;
+    fontFamily: string;
+    fontStyle: string;
+    fontWeight: string;
+};
+export declare const endSectionStyle: {
+    display: string;
+    flexDirection: string;
+    alignItems: string;
+    gap: string;
+    boxSizing: string;
+    width: string;
+    borderBottom: string;
+    background: string;
+    padding: string;
+    alignSelf: string;
+    color: string;
+    fontFamily: string;
+    fontStyle: string;
+    fontWeight: string;
+};
+export declare const symbolIcon: {
+    fontSize: string;
+    fontWeight: string;
+    cursor: string;
+    color: string;
+};
+export declare const buttonWidgetStyle: {
+    display: string;
+    padding: string;
+    justifyContent: string;
+    alignItems: string;
+    gap: string;
+    borderRadius: string;
+    border: string;
+    background: string;
+    boxShadow: string;
+    color: string;
+    textAlign: string;
+    fontFamily: string;
+    fontSize: string;
+    fontStyle: string;
+    fontWeight: string;
+    lineHeight: string;
+    width: string;
+    boxSizing: string;
+    cursor: string;
+};
+export declare const stopWidgetStyle: {
+    marginTop: string;
+    marginBottom: string;
+    cursor: string;
+    display: string;
+    fontWeight: string;
+    fontSize: string;
+    lineHeight: string;
+};
+export declare const paginationStyle: {
+    display: string;
+    justifyContent: string;
+    alignItems: string;
+    gap: string;
+    padding: string;
+    width: string;
+    boxSizing: string;
+};
+export declare const taskNumberActive: {
+    display: string;
+    flexDirection: string;
+    alignItems: string;
+    justifyContent: string;
+    borderRadius: string;
+    outline: string;
+    fontSize: string;
+    height: string;
+    width: string;
+};
+export declare const taskNumberDone: {
+    display: string;
+    flexDirection: string;
+    alignItems: string;
+    justifyContent: string;
+    borderRadius: string;
+    outline: string;
+    boxShadow: string;
+    background: string;
+    fontSize: string;
+    height: string;
+    width: string;
+};
+export declare const taskDescriptionCard: {
+    borderRadius: string;
+    border: string;
+    background: string;
+    boxShadow: string;
+    display: string;
+    flexDirection: string;
+    padding: string;
+    gap: string;
+    alignSelf: string;
+};
+export declare const taskTextStyle: {
+    fontWeight: string;
+};
+export declare const taskDescriptionStyle: {
+    fontSize: string;
+    lineHeight: string;
+};
+export declare const taskButtonStyle: {
+    marginRight: string;
+    cursor: string;
+    color: string;
+    textAlign: string;
+    fontFamily: string;
+    fontSize: string;
+    fontStyle: string;
+    fontWeight: string;
+    lineHeight: string;
+};
+export declare const taskButtonBorderedStyle: {
+    display: string;
+    padding: string;
+    justifyContent: string;
+    alignItems: string;
+    gap: string;
+    borderRadius: string;
+    border: string;
+    marginRight: string;
+    cursor: string;
+    color: string;
+    textAlign: string;
+    fontFamily: string;
+    fontSize: string;
+    fontStyle: string;
+    fontWeight: string;
+    lineHeight: string;
+};
+export declare const taskButtonsRow: {
+    display: string;
+    justifyContent: string;
+    alignItems: string;
+    width: string;
+    boxSizing: string;
+};
+export declare const spinnerStyles: {
+    border: string;
+    width: string;
+    height: string;
+    borderRadius: string;
+    borderLeftColor: string;
+    animation: string;
+};

package/dist/types/main/modules/userTesting/utils.d.ts

@@ -0,0 +1,9 @@
+export declare function generateGrid(): HTMLDivElement;
+export declare function generateChevron(): HTMLDivElement;
+export declare function addKeyframes(): void;
+export declare function createSpinner(): HTMLDivElement;
+export declare function createElement(tag: string, className: string, styles: any, textContent?: string, id?: string): HTMLElement;
+export declare const TEST_START = "or_uxt_test_start";
+export declare const TASK_IND = "or_uxt_task_index";
+export declare const SESSION_ID = "or_uxt_session_id";
+export declare const TEST_ID = "or_uxt_test_id";

package/dist/types/main/modules/viewport.d.ts

@@ -0,0 +1,2 @@
+import type App from '../app/index.js';
+export default function (app: App): void;

package/dist/types/main/utils.d.ts

@@ -0,0 +1,30 @@
+export declare const IN_BROWSER: boolean;
+export declare const IS_FIREFOX: false | RegExpMatchArray | null;
+export declare const MAX_STR_LEN = 100000;
+export declare function adjustTimeOrigin(): void;
+export declare function getTimeOrigin(): number;
+export declare const now: () => number;
+export declare const stars: (str: string) => string;
+export declare function normSpaces(str: string): string;
+export declare function isURL(s: string): boolean;
+export declare const DOCS_HOST = "https://docs.openreplay.com";
+export declare function deprecationWarn(nameOfFeature: string, useInstead: string, docsPath?: string): void;
+export declare function getLabelAttribute(e: Element): string | null;
+export declare function hasOpenreplayAttribute(e: Element, attr: string): boolean;
+/**
+ * checks if iframe is accessible
+ **/
+export declare function canAccessIframe(iframe: HTMLIFrameElement): boolean;
+export declare function canAccessTarget(target: EventTarget): boolean;
+export declare function generateRandomId(len?: number): string;
+export declare function inIframe(): boolean | null;
+/**
+ * Because angular devs decided that its a good idea to override a browser apis
+ * we need to use this to achieve safe behavior
+ * */
+export declare function ngSafeBrowserMethod(method: string): string;
+export declare function createMutationObserver(cb: MutationCallback, forceNgOff?: boolean): MutationObserver;
+export declare function createEventListener(target: EventTarget, event: string, cb: EventListenerOrEventListenerObject, capture?: boolean, forceNgOff?: boolean): void;
+export declare function deleteEventListener(target: EventTarget, event: string, cb: EventListenerOrEventListenerObject, capture?: boolean, forceNgOff?: boolean): void;
+export declare function requestIdleCb(callback: () => void): void;
+export declare function simpleMerge<T>(defaultObj: T, givenObj: Partial<T>): T;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openreplay/tracker",
   "description": "The OpenReplay tracker main package",
-  "version": "15.0.0",
+  "version": "15.0.2",
   "keywords": [
     "logging",
     "replay"
@@ -26,16 +26,19 @@
   },
   "files": [
     "dist/lib/**/*",
-    "dist/cjs/**/*"
+    "dist/cjs/**/*",
+    "dist/types/**/*"
   ],
   "main": "./dist/cjs/index.js",
   "module": "./dist/lib/index.js",
   "types": "./dist/lib/main/index.d.ts",
   "scripts": {
     "lint": "eslint src --ext .ts,.js --fix --quiet",
-    "clean": "rm -Rf build && rm -Rf lib && rm -Rf cjs",
+    "clean": "rm -Rf build && rm -Rf dist",
     "build:common": "tsc -b src/common",
-    "build": "yarn run clean && rollup --config rollup.config.js",
+    "compile": "tsc --project src/main/tsconfig.json",
+    "create-types": "mkdir dist/lib/ dist/cjs && cp -r dist/types/* dist/lib/ && cp -r dist/types/* dist/cjs/",
+    "build": "yarn run clean && yarn compile && yarn create-types && rollup --config rollup.config.js",
     "lint-front": "lint-staged",
     "test": "jest --coverage=false",
     "test:ci": "jest --coverage=true",
@@ -46,6 +49,7 @@
     "@babel/core": "^7.26.0",
     "@jest/globals": "^29.7.0",
     "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.1",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-replace": "^6.0.1",
     "@rollup/plugin-terser": "0.4.4",
@@ -67,7 +71,7 @@
   },
   "dependencies": {
     "@medv/finder": "^3.2.0",
-    "@openreplay/network-proxy": "^1.0.4",
+    "@openreplay/network-proxy": "^1.0.5",
     "error-stack-parser": "^2.0.6",
     "error-stack-parser-es": "^0.1.5",
     "fflate": "^0.8.2",