@alwaysmeticulous/record 2.94.0 → 2.96.0

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export { recordSession } from "./record/record";
+export { recordLoginFlowSession } from "./record/record-login-flow";
 export { bootstrapPage as bootstrapRecordingPage } from "./record/record.utils";

package/dist/index.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.bootstrapRecordingPage = exports.recordSession = void 0;
+exports.bootstrapRecordingPage = exports.recordLoginFlowSession = exports.recordSession = void 0;
 var record_1 = require("./record/record");
 Object.defineProperty(exports, "recordSession", { enumerable: true, get: function () { return record_1.recordSession; } });
+var record_login_flow_1 = require("./record/record-login-flow");
+Object.defineProperty(exports, "recordLoginFlowSession", { enumerable: true, get: function () { return record_login_flow_1.recordLoginFlowSession; } });
 var record_utils_1 = require("./record/record.utils");
 Object.defineProperty(exports, "bootstrapRecordingPage", { enumerable: true, get: function () { return record_utils_1.bootstrapPage; } });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,0CAAgD;AAAvC,uGAAA,aAAa,OAAA;AACtB,sDAAgF;AAAvE,sHAAA,aAAa,OAA0B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,0CAAgD;AAAvC,uGAAA,aAAa,OAAA;AACtB,gEAAoE;AAA3D,2HAAA,sBAAsB,OAAA;AAC/B,sDAAgF;AAAvE,sHAAA,aAAa,OAA0B"}

package/dist/record/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const DEFAULT_UPLOAD_INTERVAL_MS = 1000;
+export declare const DEFAULT_NAVIGATION_TIMEOUT_MS = 120000;
+export declare const INITIAL_METICULOUS_RECORD_DOCS_URL = "https://app.meticulous.ai/docs/recording-a-test";
+export declare const INITIAL_METICULOUS_RECORD_LOGIN_FLOW_DOCS_URL = "https://app.meticulous.ai/docs/recording-a-login-flow";
+export declare const METICULOUS_RECORD_LOGIN_FLOW_SAVING_DOCS_URL = "https://app.meticulous.ai/docs/recording-a-login-flow-saving";

package/dist/record/constants.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.METICULOUS_RECORD_LOGIN_FLOW_SAVING_DOCS_URL = exports.INITIAL_METICULOUS_RECORD_LOGIN_FLOW_DOCS_URL = exports.INITIAL_METICULOUS_RECORD_DOCS_URL = exports.DEFAULT_NAVIGATION_TIMEOUT_MS = exports.DEFAULT_UPLOAD_INTERVAL_MS = void 0;
+exports.DEFAULT_UPLOAD_INTERVAL_MS = 1000; // 1 second
+exports.DEFAULT_NAVIGATION_TIMEOUT_MS = 120000; // 2 minutes
+exports.INITIAL_METICULOUS_RECORD_DOCS_URL = "https://app.meticulous.ai/docs/recording-a-test";
+// Initial page shown when recording a login flow session.
+exports.INITIAL_METICULOUS_RECORD_LOGIN_FLOW_DOCS_URL = "https://app.meticulous.ai/docs/recording-a-login-flow";
+// Page shown while saving a login flow session recording.
+exports.METICULOUS_RECORD_LOGIN_FLOW_SAVING_DOCS_URL = "https://app.meticulous.ai/docs/recording-a-login-flow-saving";
+//# sourceMappingURL=constants.js.map

package/dist/record/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/record/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,0BAA0B,GAAG,IAAK,CAAC,CAAC,WAAW;AAE/C,QAAA,6BAA6B,GAAG,MAAO,CAAC,CAAC,YAAY;AAErD,QAAA,kCAAkC,GAC7C,iDAAiD,CAAC;AAEpD,0DAA0D;AAC7C,QAAA,6CAA6C,GACxD,uDAAuD,CAAC;AAE1D,0DAA0D;AAC7C,QAAA,4CAA4C,GACvD,8DAA8D,CAAC"}

package/dist/record/record-login-flow.d.ts

@@ -0,0 +1,4 @@
+import { RecordLoginFlowOptions } from "../types";
+export declare const LOGIN_FLOW_SESSION_RECORDING_SOURCE = "cli-login-flow";
+export declare const LOGIN_FLOW_DATA_SESSION_RECORDING_SOURCE = "cli-login-flow-application-storage";
+export declare const recordLoginFlowSession: ({ recordingToken, devTools, bypassCSP, recordingSnippetManualInit, width, height, uploadIntervalMs, captureHttpOnlyCookies, }: RecordLoginFlowOptions) => Promise<void>;

package/dist/record/record-login-flow.js

@@ -0,0 +1,136 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.recordLoginFlowSession = exports.LOGIN_FLOW_DATA_SESSION_RECORDING_SOURCE = exports.LOGIN_FLOW_SESSION_RECORDING_SOURCE = void 0;
+const common_1 = require("@alwaysmeticulous/common");
+const chalk_1 = __importDefault(require("chalk"));
+const loglevel_1 = __importDefault(require("loglevel"));
+const puppeteer_1 = require("puppeteer");
+const constants_1 = require("./constants");
+const record_utils_1 = require("./record.utils");
+const expose_new_recording_callback_1 = require("./utils/expose-new-recording-callback");
+const inject_finish_recording_frame_1 = require("./utils/inject-finish-recording-frame");
+const print_warning_1 = require("./utils/print-warning");
+exports.LOGIN_FLOW_SESSION_RECORDING_SOURCE = "cli-login-flow";
+exports.LOGIN_FLOW_DATA_SESSION_RECORDING_SOURCE = "cli-login-flow-application-storage";
+const bootstrapLoginFlowRecordingPage = async ({ page, recordingToken, recordingSnippetManualInit, uploadIntervalMs, captureHttpOnlyCookies, recordingSource, bypassCSP, }) => {
+    page.setDefaultNavigationTimeout(constants_1.DEFAULT_NAVIGATION_TIMEOUT_MS); // 2 minutes
+    if (bypassCSP) {
+        await page.setBypassCSP(true);
+    }
+    await (0, record_utils_1.bootstrapPage)({
+        page,
+        recordingToken,
+        appCommitHash: "unknown",
+        recordingSnippetManualInit,
+        uploadIntervalMs: uploadIntervalMs || constants_1.DEFAULT_UPLOAD_INTERVAL_MS,
+        captureHttpOnlyCookies: captureHttpOnlyCookies !== null && captureHttpOnlyCookies !== void 0 ? captureHttpOnlyCookies : true,
+        recordingSource,
+    });
+};
+const recordLoginFlowSession = async ({ recordingToken, devTools, bypassCSP, recordingSnippetManualInit, width, height, uploadIntervalMs, captureHttpOnlyCookies, }) => {
+    const logger = loglevel_1.default.getLogger(common_1.METICULOUS_LOGGER_NAME);
+    logger.info("Opening browser...");
+    const defaultViewport = width && height ? { width, height } : null;
+    const browser = await (0, puppeteer_1.launch)({
+        defaultViewport,
+        headless: false,
+        devtools: devTools || false,
+    });
+    const context = await browser.createIncognitoBrowserContext();
+    await Promise.all((await browser.pages()).map((page) => page.close()));
+    const loginFlowPage = await context.newPage();
+    await bootstrapLoginFlowRecordingPage({
+        page: loginFlowPage,
+        recordingToken,
+        recordingSnippetManualInit,
+        uploadIntervalMs,
+        captureHttpOnlyCookies,
+        bypassCSP,
+        recordingSource: exports.LOGIN_FLOW_SESSION_RECORDING_SOURCE,
+    });
+    let isRecordingComplete = false;
+    let onDataSessionSaved = false;
+    let startedLoginSessionRecording = false;
+    const recordingCompleteCallback = (0, common_1.defer)();
+    loginFlowPage.on("close", () => {
+        if (!isRecordingComplete) {
+            (0, print_warning_1.printPageClosedWarning)();
+            // Resolve the callback only if the page is closed before the recording is complete.
+            // Cases where the page is closed after the recording is complete are handled
+            // in the `__meticulousFinishRecording` callback.
+            recordingCompleteCallback.resolve();
+        }
+    });
+    // Expose login page functions
+    await (0, expose_new_recording_callback_1.exposeNewRecordingCallback)(loginFlowPage, () => {
+        startedLoginSessionRecording = true;
+    });
+    await loginFlowPage.exposeFunction("__meticulousFinishRecording", async () => {
+        const loginDataPage = await context.newPage();
+        const finalLoginUrl = loginFlowPage.url();
+        loginDataPage.on("close", () => {
+            if (!onDataSessionSaved) {
+                (0, print_warning_1.printPageClosedWarning)();
+            }
+        });
+        try {
+            const recordingSavingScreenPage = await context.newPage();
+            await recordingSavingScreenPage.goto(constants_1.METICULOUS_RECORD_LOGIN_FLOW_SAVING_DOCS_URL);
+            // Flush any pending payloads from the main login flow recording page and close it
+            await loginFlowPage.evaluate(() => {
+                var _a, _b;
+                (_b = (_a = window.__meticulous) === null || _a === void 0 ? void 0 : _a.flushPendingPayloads) === null || _b === void 0 ? void 0 : _b.call(_a);
+            });
+            isRecordingComplete = true;
+            await loginFlowPage.close();
+            await bootstrapLoginFlowRecordingPage({
+                page: loginDataPage,
+                recordingToken,
+                recordingSnippetManualInit,
+                uploadIntervalMs: uploadIntervalMs,
+                captureHttpOnlyCookies: captureHttpOnlyCookies,
+                bypassCSP,
+                recordingSource: exports.LOGIN_FLOW_DATA_SESSION_RECORDING_SOURCE,
+            });
+            // Navigate to the final login flow url and flush any pending payloads
+            await loginDataPage.goto(finalLoginUrl, { waitUntil: "networkidle0" });
+            await loginDataPage.evaluate(() => {
+                var _a, _b;
+                (_b = (_a = window.__meticulous) === null || _a === void 0 ? void 0 : _a.flushPendingPayloads) === null || _b === void 0 ? void 0 : _b.call(_a);
+            });
+            onDataSessionSaved = true;
+            await loginDataPage.close();
+        }
+        catch (error) {
+            logger.error(error);
+        }
+        finally {
+            recordingCompleteCallback.resolve();
+        }
+    });
+    await (0, inject_finish_recording_frame_1.injectFinishRecordingFrame)(loginFlowPage, "__meticulousFinishRecording");
+    await loginFlowPage.goto(constants_1.INITIAL_METICULOUS_RECORD_LOGIN_FLOW_DOCS_URL);
+    // Wait for the recording to complete or the page to close.
+    await recordingCompleteCallback.promise;
+    if (!loginFlowPage.isClosed()) {
+        await loginFlowPage.close();
+    }
+    await context.close();
+    await browser.close();
+    if (!onDataSessionSaved || !isRecordingComplete) {
+        throw new Error("Recording of login flow failed");
+    }
+    if (!startedLoginSessionRecording) {
+        (0, print_warning_1.printNoLoginSessionRecordedWarning)();
+        throw new Error("Recording of login flow failed");
+    }
+    // Print green success message
+    logger.info(chalk_1.default.green.bold("Recording complete!") +
+        "\n" +
+        chalk_1.default.green.bold("Return to https://app.meticulous.ai to finish setting up your project."));
+};
+exports.recordLoginFlowSession = recordLoginFlowSession;
+//# sourceMappingURL=record-login-flow.js.map

package/dist/record/record-login-flow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"record-login-flow.js","sourceRoot":"","sources":["../../src/record/record-login-flow.ts"],"names":[],"mappings":"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"}

package/dist/record/record.d.ts

@@ -1,2 +1,2 @@
-import { RecordSessionFn } from "@alwaysmeticulous/common";
-export declare const recordSession: RecordSessionFn;
+import { RecordSessionOptions } from "../types";
+export declare const recordSession: ({ recordingToken, appCommitHash, devTools, bypassCSP, recordingSnippetManualInit, width, height, uploadIntervalMs, incognito, cookieDir, debugLogger, onDetectedSession, captureHttpOnlyCookies, }: RecordSessionOptions) => Promise<void>;

package/dist/record/record.js

@@ -32,21 +32,19 @@ const path_1 = require("path");
 const common_1 = require("@alwaysmeticulous/common");
 const loglevel_1 = __importDefault(require("loglevel"));
 const puppeteer_1 = __importStar(require("puppeteer"));
+const constants_1 = require("./constants");
 const record_utils_1 = require("./record.utils");
-const DEFAULT_UPLOAD_INTERVAL_MS = 1000; // 1 second
 const COOKIE_FILENAME = "cookies.json";
-const recordSession = async ({ browser: browser_, project, recordingToken, appCommitHash, devTools, bypassCSP, recordingSnippet, earlyNetworkRecorderSnippet, width, height, uploadIntervalMs, incognito, cookieDir, debugLogger, onDetectedSession, captureHttpOnlyCookies, }) => {
+const recordSession = async ({ recordingToken, appCommitHash, devTools, bypassCSP, recordingSnippetManualInit, width, height, uploadIntervalMs, incognito, cookieDir, debugLogger, onDetectedSession, captureHttpOnlyCookies, }) => {
     const logger = loglevel_1.default.getLogger(common_1.METICULOUS_LOGGER_NAME);
     logger.info("Opening browser...");
     debugLogger === null || debugLogger === void 0 ? void 0 : debugLogger.log("recordSession options:");
     debugLogger === null || debugLogger === void 0 ? void 0 : debugLogger.logObject({
-        browser: !!browser_,
-        project,
         recordingToken,
         appCommitHash,
         devTools,
         bypassCSP,
-        recordingSnippet,
+        recordingSnippetManualInit,
         width,
         height,
         uploadIntervalMs,
@@ -75,18 +73,17 @@ const recordSession = async ({ browser: browser_, project, recordingToken, appCo
         debugLogger.log(execPath);
     }
     const defaultViewport = width && height ? { width, height } : null;
-    const browser = browser_ ||
-        (await (0, puppeteer_1.launch)({
-            defaultViewport,
-            headless: false,
-            devtools: devTools || false,
-        }));
+    const browser = await (0, puppeteer_1.launch)({
+        defaultViewport,
+        headless: false,
+        devtools: devTools || false,
+    });
     const context = incognito
         ? await browser.createIncognitoBrowserContext()
         : browser.defaultBrowserContext();
     (await browser.defaultBrowserContext().pages()).forEach((page) => page.close());
     const page = await context.newPage();
-    page.setDefaultNavigationTimeout(120000); // 2 minutes
+    page.setDefaultNavigationTimeout(constants_1.DEFAULT_NAVIGATION_TIMEOUT_MS); // 2 minutes
     if (bypassCSP) {
         await page.setBypassCSP(true);
     }
@@ -106,12 +103,11 @@ const recordSession = async ({ browser: browser_, project, recordingToken, appCo
         page,
         recordingToken,
         appCommitHash,
-        recordingSnippet,
-        earlyNetworkRecorderSnippet,
-        uploadIntervalMs: uploadIntervalMs || DEFAULT_UPLOAD_INTERVAL_MS,
+        recordingSnippetManualInit,
+        uploadIntervalMs: uploadIntervalMs || constants_1.DEFAULT_UPLOAD_INTERVAL_MS,
         captureHttpOnlyCookies: captureHttpOnlyCookies !== null && captureHttpOnlyCookies !== void 0 ? captureHttpOnlyCookies : true,
     });
-    page.goto(record_utils_1.INITIAL_METICULOUS_DOCS_URL);
+    page.goto(constants_1.INITIAL_METICULOUS_RECORD_DOCS_URL);
     logger.info("Browser ready");
     // Collect and show recorded session ids
     // Also save page cookies if not in incognito context
@@ -121,10 +117,6 @@ const recordSession = async ({ browser: browser_, project, recordingToken, appCo
             const sessionId = await page.evaluate("window?.__meticulous?.config?.sessionId");
             if (sessionId && !sessionIds.find((id) => id === sessionId)) {
                 sessionIds.push(sessionId);
-                const organizationName = encodeURIComponent(project.organization.name);
-                const projectName = encodeURIComponent(project.name);
-                const sessionUrl = `https://app.meticulous.ai/projects/${organizationName}/${projectName}/sessions/${sessionId}`;
-                logger.info(`Recording session: ${sessionUrl}`);
                 if (onDetectedSession) {
                     onDetectedSession(sessionId);
                 }

package/dist/record/record.js.map

@@ -1 +1 @@
-{"version":3,"file":"record.js","sourceRoot":"","sources":["../../src/record/record.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"record.js","sourceRoot":"","sources":["../../src/record/record.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAAyD;AACzD,+BAA4B;AAC5B,qDAAkE;AAClE,wDAA2B;AAC3B,uDAAsE;AAEtE,2CAIqB;AACrB,iDAA+C;AAE/C,MAAM,eAAe,GAAG,cAAc,CAAC;AAEhC,MAAM,aAAa,GAAG,KAAK,EAAE,EAClC,cAAc,EACd,aAAa,EACb,QAAQ,EACR,SAAS,EACT,0BAA0B,EAC1B,KAAK,EACL,MAAM,EACN,gBAAgB,EAChB,SAAS,EACT,SAAS,EACT,WAAW,EACX,iBAAiB,EACjB,sBAAsB,GACD,EAAE,EAAE;IACzB,MAAM,MAAM,GAAG,kBAAG,CAAC,SAAS,CAAC,+BAAsB,CAAC,CAAC;IAErD,MAAM,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;IAElC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,wBAAwB,CAAC,CAAC;IAC3C,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,CAAC;QACrB,cAAc;QACd,aAAa;QACb,QAAQ;QACR,SAAS;QACT,0BAA0B;QAC1B,KAAK;QACL,MAAM;QACN,gBAAgB;QAChB,SAAS;QACT,SAAS;QACT,WAAW,EAAE,CAAC,CAAC,WAAW;QAC1B,iBAAiB,EAAE,CAAC,CAAC,iBAAiB;KACvC,CAAC,CAAC;IAEH,IAAI,WAAW,EAAE;QACf,MAAM,YAAY,GAAG;YACnB,UAAU,EAAE,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC;YACrC,WAAW,EAAE,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC;YACvC,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC;YACjC,gCAAgC,EAC9B,OAAO,CAAC,GAAG,CAAC,kCAAkC,CAAC;YACjD,uBAAuB,EAAE,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC;YAC/D,iBAAiB,EAAE,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC;YACnD,uBAAuB,EAAE,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC;YAC/D,uBAAuB,EAAE,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC;YAC/D,iBAAiB,EAAE,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC;YACnD,uCAAuC,EACrC,OAAO,CAAC,GAAG,CAAC,yCAAyC,CAAC;SACzD,CAAC;QACF,WAAW,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;QAClC,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QAEpC,MAAM,QAAQ,GAAI,mBAAkC,CAAC,cAAc,EAAE,CAAC;QACtE,WAAW,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;QACtC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;KAC3B;IAED,MAAM,eAAe,GAAG,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAEnE,MAAM,OAAO,GAAY,MAAM,IAAA,kBAAM,EAAC;QACpC,eAAe;QACf,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,QAAQ,IAAI,KAAK;KAC5B,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,SAAS;QACvB,CAAC,CAAC,MAAM,OAAO,CAAC,6BAA6B,EAAE;QAC/C,CAAC,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAEpC,CAAC,MAAM,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAC/D,IAAI,CAAC,KAAK,EAAE,CACb,CAAC;IAEF,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC;IACrC,IAAI,CAAC,2BAA2B,CAAC,yCAA6B,CAAC,CAAC,CAAC,YAAY;IAE7E,IAAI,SAAS,EAAE;QACb,MAAM,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;KAC/B;IAED,gDAAgD;IAChD,IAAI,CAAC,SAAS,IAAI,SAAS,EAAE;QAC3B,MAAM,IAAA,gBAAK,EAAC,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QAC5C,MAAM,UAAU,GAAG,MAAM,IAAA,mBAAQ,EAC/B,IAAA,WAAI,EAAC,SAAS,EAAE,eAAe,CAAC,EAChC,OAAO,CACR,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;QAClB,IAAI,UAAU,EAAE;YACd,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;YACvC,MAAM,IAAI,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC,CAAC;SAClC;KACF;IAED,MAAM,YAAY,GAAG,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE;QACjD,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,MAAM,IAAA,4BAAa,EAAC;QAClB,IAAI;QACJ,cAAc;QACd,aAAa;QACb,0BAA0B;QAC1B,gBAAgB,EAAE,gBAAgB,IAAI,sCAA0B;QAChE,sBAAsB,EAAE,sBAAsB,aAAtB,sBAAsB,cAAtB,sBAAsB,GAAI,IAAI;KACvD,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,CAAC,8CAAkC,CAAC,CAAC;IAE9C,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAE7B,wCAAwC;IACxC,qDAAqD;IACrD,MAAM,UAAU,GAAa,EAAE,CAAC;IAChC,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACtC,IAAI;YACF,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,QAAQ,CACnC,yCAAyC,CAC1C,CAAC;YACF,IAAI,SAAS,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE;gBAC3D,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;gBAC3B,IAAI,iBAAiB,EAAE;oBACrB,iBAAiB,CAAC,SAAS,CAAC,CAAC;iBAC9B;aACF;YACD,IAAI,CAAC,SAAS,IAAI,SAAS,EAAE;gBAC3B,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;gBACrC,MAAM,IAAA,oBAAS,EACb,IAAA,WAAI,EAAC,SAAS,EAAE,eAAe,CAAC,EAChC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,EAChC,OAAO,CACR,CAAC;aACH;SACF;QAAC,OAAO,KAAK,EAAE;YACd,kDAAkD;YAClD,IACE,KAAK,YAAY,KAAK;gBACtB,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,iCAAiC,CAAC,EAC3D;gBACA,OAAO;aACR;YACD,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SACrB;IACH,CAAC,EAAE,IAAI,CAAC,CAAC;IAET,MAAM,YAAY,CAAC;IAEnB,aAAa,CAAC,QAAQ,CAAC,CAAC;IAExB,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC;AACxB,CAAC,CAAC;AAtJW,QAAA,aAAa,iBAsJxB"}

package/dist/record/record.utils.d.ts

@@ -1,11 +1,9 @@
 import { Page } from "puppeteer";
-export declare const INITIAL_METICULOUS_DOCS_URL = "https://app.meticulous.ai/docs/recording-a-test";
-export declare function bootstrapPage({ page, recordingToken, appCommitHash, recordingSnippet, earlyNetworkRecorderSnippet, uploadIntervalMs, captureHttpOnlyCookies, recordingSource, }: {
+export declare function bootstrapPage({ page, recordingToken, appCommitHash, recordingSnippetManualInit, uploadIntervalMs, captureHttpOnlyCookies, recordingSource, }: {
     page: Page;
     recordingToken: string;
     appCommitHash: string;
-    recordingSnippet: string;
-    earlyNetworkRecorderSnippet: string;
+    recordingSnippetManualInit: string;
     uploadIntervalMs: number | null;
     captureHttpOnlyCookies: boolean;
     recordingSource?: string;

package/dist/record/record.utils.js

@@ -1,59 +1,43 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.bootstrapPage = exports.INITIAL_METICULOUS_DOCS_URL = void 0;
+exports.bootstrapPage = void 0;
 const promises_1 = require("fs/promises");
-const common_1 = require("@alwaysmeticulous/common");
-const loglevel_1 = __importDefault(require("loglevel"));
+const constants_1 = require("./constants");
 const provide_cookie_access_1 = require("./utils/provide-cookie-access");
-exports.INITIAL_METICULOUS_DOCS_URL = "https://app.meticulous.ai/docs/recording-a-test";
 // Setup Meticulous recording
-async function bootstrapPage({ page, recordingToken, appCommitHash, recordingSnippet, earlyNetworkRecorderSnippet, uploadIntervalMs, captureHttpOnlyCookies, recordingSource = "cli", }) {
-    const logger = loglevel_1.default.getLogger(common_1.METICULOUS_LOGGER_NAME);
-    const recordingSnippetFile = await (0, promises_1.readFile)(recordingSnippet, "utf8");
-    const earlyNetworkRecorderSnippetFile = await (0, promises_1.readFile)(earlyNetworkRecorderSnippet, "utf8");
-    await page.evaluateOnNewDocument(earlyNetworkRecorderSnippetFile);
-    if (captureHttpOnlyCookies) {
-        await (0, provide_cookie_access_1.provideCookieAccess)(page);
-    }
-    page.on("framenavigated", async (frame) => {
-        try {
-            if (page.mainFrame() === frame) {
-                if (page.url() === exports.INITIAL_METICULOUS_DOCS_URL) {
-                    if (page.mainFrame() === frame) {
-                        await frame.evaluate('window["METICULOUS_DISABLED"] = true');
-                    }
-                    return;
-                }
-                await frame.evaluate(`
-          window["METICULOUS_RECORDING_TOKEN"] = "${recordingToken}";
-          window["METICULOUS_APP_COMMIT_HASH"] = "${appCommitHash}";
-          window["METICULOUS_FORCE_RECORDING"] = true;
-          window["METICULOUS_RECORDING_SOURCE"] = "${recordingSource}";
-          window["METICULOUS_UPLOAD_INTERVAL_MS"] = ${uploadIntervalMs};
-          window["METICULOUS_ENABLE_RRWEB_PLUGIN_NODE_DATA"] = true;
-        `);
-                await frame.evaluate(recordingSnippetFile);
-                return;
-            }
-            await frame.evaluate(`
-        window.__meticulous?.earlyNetworkRecorder?.polly?.disconnect?.();
-      `);
+async function bootstrapPage({ page, recordingToken, appCommitHash, recordingSnippetManualInit, uploadIntervalMs, captureHttpOnlyCookies, recordingSource = "cli", }) {
+    const recordingSnippetFile = await (0, promises_1.readFile)(recordingSnippetManualInit, "utf8");
+    await page.evaluateOnNewDocument(({ recordingToken, appCommitHash, recordingSource, uploadIntervalMs }) => {
+        const recorderWindow = window;
+        recorderWindow["METICULOUS_RECORDING_TOKEN"] = recordingToken;
+        recorderWindow["METICULOUS_APP_COMMIT_HASH"] = appCommitHash;
+        recorderWindow["METICULOUS_FORCE_RECORDING"] = true;
+        recorderWindow["METICULOUS_RECORDING_SOURCE"] = recordingSource;
+        recorderWindow["METICULOUS_ENABLE_RRWEB_PLUGIN_NODE_DATA"] = true;
+        if (uploadIntervalMs != null) {
+            recorderWindow["METICULOUS_UPLOAD_INTERVAL_MS"] = uploadIntervalMs;
         }
-        catch (error) {
-            // Suppress expected errors due to page navigation or tab being closed
-            if (error instanceof Error &&
-                error.message.startsWith("Execution context was destroyed")) {
-                return;
+    }, { recordingToken, appCommitHash, recordingSource, uploadIntervalMs });
+    await page.evaluateOnNewDocument(recordingSnippetFile);
+    await page.evaluateOnNewDocument((forbiddenUrls) => {
+        var _a;
+        // We only record in the root frame (not in sub-iframes), and we don't record on the built in start pages
+        if (window === window.parent &&
+            !forbiddenUrls.includes(window.document.location.toString())) {
+            const initRecorder = (_a = window.__meticulous) === null || _a === void 0 ? void 0 : _a.initialiseRecorder;
+            if (!initRecorder) {
+                throw new Error("window.__meticulous.initialiseRecorder is null or undefined: cannot record session on page");
             }
-            if (error instanceof Error && error.message.endsWith("Target closed.")) {
-                return;
-            }
-            logger.error(error);
+            initRecorder();
         }
-    });
+    }, [
+        constants_1.INITIAL_METICULOUS_RECORD_DOCS_URL,
+        constants_1.INITIAL_METICULOUS_RECORD_LOGIN_FLOW_DOCS_URL,
+        constants_1.METICULOUS_RECORD_LOGIN_FLOW_SAVING_DOCS_URL,
+    ]);
+    if (captureHttpOnlyCookies) {
+        await (0, provide_cookie_access_1.provideCookieAccess)(page);
+    }
 }
 exports.bootstrapPage = bootstrapPage;
 //# sourceMappingURL=record.utils.js.map

package/dist/record/record.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"record.utils.js","sourceRoot":"","sources":["../../src/record/record.utils.ts"],"names":[],"mappings":";;;;;;AAAA,0CAAuC;AACvC,qDAAkE;AAClE,wDAA2B;AAE3B,yEAAoE;AAEvD,QAAA,2BAA2B,GACtC,iDAAiD,CAAC;AAEpD,6BAA6B;AACtB,KAAK,UAAU,aAAa,CAAC,EAClC,IAAI,EACJ,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,2BAA2B,EAC3B,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,GAAG,KAAK,GAUxB;IACC,MAAM,MAAM,GAAG,kBAAG,CAAC,SAAS,CAAC,+BAAsB,CAAC,CAAC;IAErD,MAAM,oBAAoB,GAAG,MAAM,IAAA,mBAAQ,EAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;IACtE,MAAM,+BAA+B,GAAG,MAAM,IAAA,mBAAQ,EACpD,2BAA2B,EAC3B,MAAM,CACP,CAAC;IAEF,MAAM,IAAI,CAAC,qBAAqB,CAAC,+BAA+B,CAAC,CAAC;IAClE,IAAI,sBAAsB,EAAE;QAC1B,MAAM,IAAA,2CAAmB,EAAC,IAAI,CAAC,CAAC;KACjC;IAED,IAAI,CAAC,EAAE,CAAC,gBAAgB,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;QACxC,IAAI;YACF,IAAI,IAAI,CAAC,SAAS,EAAE,KAAK,KAAK,EAAE;gBAC9B,IAAI,IAAI,CAAC,GAAG,EAAE,KAAK,mCAA2B,EAAE;oBAC9C,IAAI,IAAI,CAAC,SAAS,EAAE,KAAK,KAAK,EAAE;wBAC9B,MAAM,KAAK,CAAC,QAAQ,CAAC,sCAAsC,CAAC,CAAC;qBAC9D;oBACD,OAAO;iBACR;gBACD,MAAM,KAAK,CAAC,QAAQ,CAAC;oDACuB,cAAc;oDACd,aAAa;;qDAEZ,eAAe;sDACd,gBAAgB;;SAE7D,CAAC,CAAC;gBACH,MAAM,KAAK,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC;gBAC3C,OAAO;aACR;YAED,MAAM,KAAK,CAAC,QAAQ,CAAC;;OAEpB,CAAC,CAAC;SACJ;QAAC,OAAO,KAAK,EAAE;YACd,sEAAsE;YACtE,IACE,KAAK,YAAY,KAAK;gBACtB,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,iCAAiC,CAAC,EAC3D;gBACA,OAAO;aACR;YACD,IAAI,KAAK,YAAY,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE;gBACtE,OAAO;aACR;YACD,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SACrB;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAtED,sCAsEC"}
+{"version":3,"file":"record.utils.js","sourceRoot":"","sources":["../../src/record/record.utils.ts"],"names":[],"mappings":";;;AAAA,0CAAuC;AAIvC,2CAIqB;AACrB,yEAAoE;AAepE,6BAA6B;AACtB,KAAK,UAAU,aAAa,CAAC,EAClC,IAAI,EACJ,cAAc,EACd,aAAa,EACb,0BAA0B,EAC1B,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,GAAG,KAAK,GASxB;IACC,MAAM,oBAAoB,GAAG,MAAM,IAAA,mBAAQ,EACzC,0BAA0B,EAC1B,MAAM,CACP,CAAC;IAEF,MAAM,IAAI,CAAC,qBAAqB,CAC9B,CAAC,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAE,gBAAgB,EAAE,EAAE,EAAE;QACvE,MAAM,cAAc,GAAG,MAAkC,CAAC;QAC1D,cAAc,CAAC,4BAA4B,CAAC,GAAG,cAAc,CAAC;QAC9D,cAAc,CAAC,4BAA4B,CAAC,GAAG,aAAa,CAAC;QAC7D,cAAc,CAAC,4BAA4B,CAAC,GAAG,IAAI,CAAC;QACpD,cAAc,CAAC,6BAA6B,CAAC,GAAG,eAAe,CAAC;QAChE,cAAc,CAAC,0CAA0C,CAAC,GAAG,IAAI,CAAC;QAElE,IAAI,gBAAgB,IAAI,IAAI,EAAE;YAC5B,cAAc,CAAC,+BAA+B,CAAC,GAAG,gBAAgB,CAAC;SACpE;IACH,CAAC,EACD,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAE,gBAAgB,EAAE,CACrE,CAAC;IACF,MAAM,IAAI,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,CAAC;IACvD,MAAM,IAAI,CAAC,qBAAqB,CAC9B,CAAC,aAAa,EAAE,EAAE;;QAChB,yGAAyG;QACzG,IACE,MAAM,KAAK,MAAM,CAAC,MAAM;YACxB,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAC5D;YACA,MAAM,YAAY,GAAG,MAAC,MAAmC,CAAC,YAAY,0CAClE,kBAAkB,CAAC;YACvB,IAAI,CAAC,YAAY,EAAE;gBACjB,MAAM,IAAI,KAAK,CACb,4FAA4F,CAC7F,CAAC;aACH;YACD,YAAY,EAAE,CAAC;SAChB;IACH,CAAC,EACD;QACE,8CAAkC;QAClC,yDAA6C;QAC7C,wDAA4C;KAC7C,CACF,CAAC;IAEF,IAAI,sBAAsB,EAAE;QAC1B,MAAM,IAAA,2CAAmB,EAAC,IAAI,CAAC,CAAC;KACjC;AACH,CAAC;AAjED,sCAiEC"}

package/dist/record/utils/expose-new-recording-callback.d.ts

@@ -0,0 +1,5 @@
+import { Page } from "puppeteer";
+export interface BaseMeticulousConfig {
+    sessionId: string;
+}
+export declare const exposeNewRecordingCallback: <T extends BaseMeticulousConfig>(page: Page, callback: (config: T) => void) => Promise<void>;

package/dist/record/utils/expose-new-recording-callback.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.exposeNewRecordingCallback = void 0;
+const exposeNewRecordingCallback = async (page, callback) => {
+    await page.exposeFunction("__meticulous_onBeginRecording", callback);
+};
+exports.exposeNewRecordingCallback = exposeNewRecordingCallback;
+//# sourceMappingURL=expose-new-recording-callback.js.map

package/dist/record/utils/expose-new-recording-callback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expose-new-recording-callback.js","sourceRoot":"","sources":["../../../src/record/utils/expose-new-recording-callback.ts"],"names":[],"mappings":";;;AAKO,MAAM,0BAA0B,GAAG,KAAK,EAG7C,IAAU,EACV,QAA6B,EAC7B,EAAE;IACF,MAAM,IAAI,CAAC,cAAc,CAAC,+BAA+B,EAAE,QAAQ,CAAC,CAAC;AACvE,CAAC,CAAC;AAPW,QAAA,0BAA0B,8BAOrC"}

package/dist/record/utils/inject-finish-recording-frame.d.ts

@@ -0,0 +1,5 @@
+import { Page } from "puppeteer";
+/**
+ * Injects an iframe that allows the user to finish recording.
+ */
+export declare const injectFinishRecordingFrame: (page: Page, callbackFnName: string) => Promise<void>;

package/dist/record/utils/inject-finish-recording-frame.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.injectFinishRecordingFrame = void 0;
+/**
+ * Injects an iframe that allows the user to finish recording.
+ */
+const injectFinishRecordingFrame = async (page, callbackFnName) => {
+    // Check that callbackFnName is a valid function name
+    const typeCheck = await page.evaluate(`typeof window["${callbackFnName}"]`);
+    if (typeCheck !== "function") {
+        throw new Error("Finish recording callback fn not ready in browser");
+    }
+    page.on("framenavigated", async (frame) => {
+        try {
+            if (page.mainFrame() !== frame) {
+                return;
+            }
+            await frame.evaluate((callbackFnName) => {
+                window.addEventListener("load", () => {
+                    const hasFinishRecordingIframe = !!document.getElementById("__meticulous__finish_recording_iframe");
+                    if (hasFinishRecordingIframe) {
+                        return;
+                    }
+                    const iframe = document.createElement("iframe");
+                    iframe.style.position = "fixed";
+                    iframe.style.bottom = "25px";
+                    iframe.style.right = "25px";
+                    iframe.style.width = "150px";
+                    iframe.style.height = "50px";
+                    iframe.style.border = "1px solid #000000a0";
+                    iframe.style.boxShadow = "#00000012 5px 5px 5px";
+                    iframe.style.borderRadius = "5px";
+                    iframe.style.zIndex = (Math.pow(2, 31) - 1).toString();
+                    iframe.id = "__meticulous__finish_recording_iframe";
+                    document.body.appendChild(iframe);
+                    const iframeDoc = iframe.contentDocument;
+                    if (!iframeDoc) {
+                        throw new Error("iframe document not found, this should not happen");
+                    }
+                    iframeDoc.open();
+                    iframeDoc.write(`
+          <html>
+            <head>
+              <style>
+                  body {
+                    margin: 0;
+                    background-color: transparent;
+                    font-family: sans-serif;
+                  }
+                  #finish-recording {
+                    width: 100%;
+                    height: 100%;
+                    border: 0;
+                    background-color: #e39670;
+                    cursor: pointer;
+                  }
+                  #finish-recording:hover {
+                    background-color: #e9ab8b;
+
+                  }
+              </style>
+              <script>
+                const finishRecording = () => {
+                  window["${callbackFnName}"]?.();
+                };
+              </script>
+            </head>
+            <body style="margin: 0; background-color: transparent;">
+              <button id="finish-recording" onclick="finishRecording()">Finish Recording</button>
+            </body>
+          </html>
+        `);
+                    iframeDoc.close();
+                });
+            }, callbackFnName);
+        }
+        catch (err) {
+            console.error(err);
+        }
+    });
+};
+exports.injectFinishRecordingFrame = injectFinishRecordingFrame;
+//# sourceMappingURL=inject-finish-recording-frame.js.map

package/dist/record/utils/inject-finish-recording-frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-finish-recording-frame.js","sourceRoot":"","sources":["../../../src/record/utils/inject-finish-recording-frame.ts"],"names":[],"mappings":";;;AAEA;;GAEG;AACI,MAAM,0BAA0B,GAAG,KAAK,EAC7C,IAAU,EACV,cAAsB,EACP,EAAE;IACjB,qDAAqD;IACrD,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,kBAAkB,cAAc,IAAI,CAAC,CAAC;IAC5E,IAAI,SAAS,KAAK,UAAU,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;KACtE;IAED,IAAI,CAAC,EAAE,CAAC,gBAAgB,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;QACxC,IAAI;YACF,IAAI,IAAI,CAAC,SAAS,EAAE,KAAK,KAAK,EAAE;gBAC9B,OAAO;aACR;YAED,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC,cAAc,EAAE,EAAE;gBACtC,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE;oBACnC,MAAM,wBAAwB,GAAG,CAAC,CAAC,QAAQ,CAAC,cAAc,CACxD,uCAAuC,CACxC,CAAC;oBAEF,IAAI,wBAAwB,EAAE;wBAC5B,OAAO;qBACR;oBAED,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;oBAChD,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;oBAChC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;oBAC7B,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;oBAC5B,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC;oBAC7B,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;oBAC7B,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,qBAAqB,CAAC;oBAC5C,MAAM,CAAC,KAAK,CAAC,SAAS,GAAG,uBAAuB,CAAC;oBACjD,MAAM,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;oBAClC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;oBACvD,MAAM,CAAC,EAAE,GAAG,uCAAuC,CAAC;oBACpD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;oBAElC,MAAM,SAAS,GAAG,MAAM,CAAC,eAAe,CAAC;oBACzC,IAAI,CAAC,SAAS,EAAE;wBACd,MAAM,IAAI,KAAK,CACb,mDAAmD,CACpD,CAAC;qBACH;oBACD,SAAS,CAAC,IAAI,EAAE,CAAC;oBACjB,SAAS,CAAC,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;4BAuBE,cAAc;;;;;;;;SAQjC,CAAC,CAAC;oBACD,SAAS,CAAC,KAAK,EAAE,CAAC;gBACpB,CAAC,CAAC,CAAC;YACL,CAAC,EAAE,cAAc,CAAC,CAAC;SACpB;QAAC,OAAO,GAAG,EAAE;YACZ,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;SACpB;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AArFW,QAAA,0BAA0B,8BAqFrC"}

package/dist/record/utils/print-warning.d.ts

@@ -0,0 +1,3 @@
+export declare const printPageClosedWarning: () => void;
+export declare const printNoLoginSessionRecordedWarning: () => void;
+export declare const printWarning: (message: string) => void;

package/dist/record/utils/print-warning.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.printWarning = exports.printNoLoginSessionRecordedWarning = exports.printPageClosedWarning = void 0;
+const chalk_1 = __importDefault(require("chalk"));
+const printPageClosedWarning = () => {
+    (0, exports.printWarning)("Login flow session recording aborted. " +
+        "To complete the recording, please click the 'Finish recording' button.");
+};
+exports.printPageClosedWarning = printPageClosedWarning;
+const printNoLoginSessionRecordedWarning = () => {
+    (0, exports.printWarning)("No login flow session was recorded. " +
+        "Record your flow by signing in into your application.");
+};
+exports.printNoLoginSessionRecordedWarning = printNoLoginSessionRecordedWarning;
+const printWarning = (message) => {
+    const padding = 4; // Add extra padding for visibility
+    const paddedMessage = " ".repeat(padding) + message + " ".repeat(padding);
+    const border = chalk_1.default.red.bold("-".repeat(paddedMessage.length));
+    console.log(border);
+    console.log(chalk_1.default.red.bold(paddedMessage));
+    console.log(border);
+};
+exports.printWarning = printWarning;
+//# sourceMappingURL=print-warning.js.map

package/dist/record/utils/print-warning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"print-warning.js","sourceRoot":"","sources":["../../../src/record/utils/print-warning.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAEnB,MAAM,sBAAsB,GAAG,GAAS,EAAE;IAC/C,IAAA,oBAAY,EACV,wCAAwC;QACtC,wEAAwE,CAC3E,CAAC;AACJ,CAAC,CAAC;AALW,QAAA,sBAAsB,0BAKjC;AAEK,MAAM,kCAAkC,GAAG,GAAS,EAAE;IAC3D,IAAA,oBAAY,EACV,sCAAsC;QACpC,uDAAuD,CAC1D,CAAC;AACJ,CAAC,CAAC;AALW,QAAA,kCAAkC,sCAK7C;AAEK,MAAM,YAAY,GAAG,CAAC,OAAe,EAAQ,EAAE;IACpD,MAAM,OAAO,GAAG,CAAC,CAAC,CAAC,mCAAmC;IACtD,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC1E,MAAM,MAAM,GAAG,eAAK,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;IAEhE,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACpB,OAAO,CAAC,GAAG,CAAC,eAAK,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;IAC3C,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AACtB,CAAC,CAAC;AARW,QAAA,YAAY,gBAQvB"}

package/dist/types.d.ts

@@ -0,0 +1,17 @@
+import { DebugLogger } from "@alwaysmeticulous/common";
+export interface RecordSessionOptions {
+    recordingToken: string;
+    appCommitHash: string;
+    devTools?: boolean | null | undefined;
+    bypassCSP?: boolean | null | undefined;
+    recordingSnippetManualInit: string;
+    width?: number | null | undefined;
+    height?: number | null | undefined;
+    uploadIntervalMs?: number | null | undefined;
+    incognito?: boolean | null | undefined;
+    cookieDir?: string | null | undefined;
+    debugLogger?: DebugLogger | null | undefined;
+    captureHttpOnlyCookies?: boolean;
+    onDetectedSession?: (sessionId: string) => void;
+}
+export type RecordLoginFlowOptions = Omit<RecordSessionOptions, "appCommitHash" | "incognito" | "cookieDir" | "debugLogger" | "onDetectedSession">;

package/dist/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alwaysmeticulous/record",
-  "version": "2.94.0",
+  "version": "2.96.0",
   "description": "The Meticulous toolkit to record user sessions",
   "license": "ISC",
   "main": "dist/index.js",
@@ -20,7 +20,8 @@
   },
   "dependencies": {
     "@alwaysmeticulous/api": "^2.92.0",
-    "@alwaysmeticulous/common": "^2.92.0",
+    "@alwaysmeticulous/common": "^2.96.0",
+    "chalk": "^4.1.2",
     "loglevel": "^1.8.0",
     "puppeteer": "21.3.8"
   },
@@ -41,5 +42,5 @@
   "bugs": {
     "url": "https://github.com/alwaysmeticulous/meticulous-sdk/issues"
   },
-  "gitHead": "4533909b62055176163b30bf29c5f81195593fa7"
+  "gitHead": "cb5605b9b796fc355ea7854fa39ec02b03232dab"
 }