@speedkit/cli 2.14.0 → 2.14.1

package/dist/services/onboarding/fetch-events/customer-domain-document-response.d.ts

@@ -1,8 +1,8 @@
 import Protocol from "devtools-protocol";
+import { FetchRequestPausedEventHandler } from "../onboarding-model";
+import CustomerConfig from "../../integration-api/struct/customer-config";
 import { CDPSession } from "puppeteer";
 import { ConfigFileInterface } from "../../integration-api/integration-api-model";
-import CustomerConfig from "../../integration-api/struct/customer-config";
-import { FetchRequestPausedEventHandler } from "../onboarding-model";
 /**
  * Intercepts any request to the customersOrigin and equivalent requests to baqendAssetApi
  * @implements {FetchRequestPausedEventHandler}
@@ -11,14 +11,14 @@ export declare class CustomerDomainDocumentResponse implements FetchRequestPause
     private customerConfig;
     private configDynamicBlock;
     private configDynamicStyles;
-    constructor(customerConfig: CustomerConfig, configDynamicBlock: ConfigFileInterface, configDynamicStyles: ConfigFileInterface);
     get patterns(): Protocol.Fetch.RequestPattern[];
+    constructor(customerConfig: CustomerConfig, configDynamicBlock: ConfigFileInterface, configDynamicStyles: ConfigFileInterface);
     handle(event: Protocol.Fetch.RequestPausedEvent, client: CDPSession): Promise<Partial<Protocol.Fetch.FulfillRequestRequest> | void>;
-    private getHtmlContent;
-    private isHtmlContentHeader;
-    private isSpeedKitResponse;
     private isValidHtmlContent;
     private isValidResponse;
-    private rewriteHtmlToLocalConfig;
+    private isHtmlContentHeader;
+    private getHtmlContent;
+    private isSpeedKitResponse;
     private rewriteInstallResource;
+    private rewriteHtmlToLocalConfig;
 }

package/dist/services/onboarding/fetch-events/customer-domain-document-response.js

@@ -10,45 +10,45 @@ class CustomerDomainDocumentResponse {
     customerConfig;
     configDynamicBlock;
     configDynamicStyles;
-    constructor(customerConfig, configDynamicBlock, configDynamicStyles) {
-        this.customerConfig = customerConfig;
-        this.configDynamicBlock = configDynamicBlock;
-        this.configDynamicStyles = configDynamicStyles;
-    }
     get patterns() {
         const result = [];
         for (const origin of this.customerConfig.origins) {
             const pattern = [
                 {
-                    requestStage: "Response",
-                    resourceType: "Document",
                     urlPattern: `${origin}*`,
+                    resourceType: "Document",
+                    requestStage: "Response",
                 },
                 {
-                    requestStage: "Response",
-                    resourceType: "Fetch",
                     urlPattern: `${origin}*`,
+                    resourceType: "Fetch",
+                    requestStage: "Response",
                 },
                 {
-                    requestStage: "Response",
-                    resourceType: "XHR",
                     urlPattern: `${origin}*`,
+                    resourceType: "XHR",
+                    requestStage: "Response",
                 },
                 {
-                    requestStage: "Response",
-                    resourceType: "Fetch",
                     urlPattern: `https://${this.customerConfig.appDomain}/v1/asset/${origin}*`,
+                    resourceType: "Fetch",
+                    requestStage: "Response",
                 },
                 {
-                    requestStage: "Response",
-                    resourceType: "XHR",
                     urlPattern: `https://${this.customerConfig.appDomain}/v1/asset/${origin}*`,
+                    resourceType: "XHR",
+                    requestStage: "Response",
                 },
             ];
             result.push(...pattern);
         }
         return result;
     }
+    constructor(customerConfig, configDynamicBlock, configDynamicStyles) {
+        this.customerConfig = customerConfig;
+        this.configDynamicBlock = configDynamicBlock;
+        this.configDynamicStyles = configDynamicStyles;
+    }
     async handle(event, client) {
         if (!this.isValidResponse(event)) {
             return;
@@ -68,53 +68,53 @@ class CustomerDomainDocumentResponse {
         }
         return new origin_response_1.OriginResponse(text, event.responseHeaders, event.responseStatusCode);
     }
+    isValidHtmlContent(text) {
+        return text.includes("<html");
+    }
+    isValidResponse(event) {
+        return (event.responseHeaders &&
+            event.responseStatusCode &&
+            event.responseStatusCode > 199 &&
+            event.responseStatusCode < 300);
+    }
+    isHtmlContentHeader(responseHeaders) {
+        const contentType = responseHeaders.filter((headerRecord) => {
+            return headerRecord.name.toLowerCase() === "content-type";
+        })?.[0]?.["value"];
+        return contentType && contentType.includes("text/html");
+    }
     async getHtmlContent(client, event) {
-        const contentType = event.responseHeaders.find((headerRecord) => {
+        const contentType = event.responseHeaders.filter((headerRecord) => {
             return headerRecord.name.toLowerCase() === "content-type";
-        })?.value || "";
+        })?.[0]?.["value"] || "";
         const charset = contentType.split("charset=")?.[1];
-        const { base64Encoded, body } = await client.send("Fetch.getResponseBody", {
+        const { body, base64Encoded } = await client.send("Fetch.getResponseBody", {
             requestId: event.requestId,
         });
         if (base64Encoded) {
             // todo get encodingHeader for target encoding
-            return Buffer.from(body, "base64").toString(charset || "utf8");
+            return Buffer.from(body, "base64").toString(charset || "utf-8");
         }
         return body;
     }
-    isHtmlContentHeader(responseHeaders) {
-        const contentType = responseHeaders.find((headerRecord) => {
-            return headerRecord.name.toLowerCase() === "content-type";
-        })?.value;
-        return contentType && contentType.includes("text/html");
-    }
     isSpeedKitResponse(text) {
         return text.includes("speed-kit-dynamic");
     }
-    isValidHtmlContent(text) {
-        return text.includes("<html");
-    }
-    isValidResponse(event) {
-        return (event.responseHeaders &&
-            event.responseStatusCode &&
-            event.responseStatusCode > 199 &&
-            event.responseStatusCode < 300);
+    rewriteInstallResource(text) {
+        text = text.replace(/<script(?:.(?!<\/script>))*app\.baqend\.com\/v1\/speedkit\/install.js(?:.|(?!<\/script>))*<\/script>/, "");
+        return text.replace(/<\s*head\b[^>]*>/, (head) => {
+            return `${head}\n<script src="${this.customerConfig.installPath}" ${this.customerConfig.installParams}></script>`;
+        });
     }
     rewriteHtmlToLocalConfig(html) {
-        const DF_CONFIG_PATTERN = /(<script[^>]* id="speed-kit-df-config"[^>]*>)([\S\s]*?)(<\/script>)/g;
-        const DF_STYLES_PATTERN = /(<style[^>]* id="speed-kit-df-styles"[^>]*>)(?:(?!<\/style>)[\S\s])*(<\/style>)/g;
-        html = html.replaceAll(DF_CONFIG_PATTERN, (_, tag, body, end) => {
+        const DF_CONFIG_PATTERN = /(<script[^>]* id="speed-kit-df-config"[^>]*>)([\s\S]*?)(<\/script>)/g;
+        const DF_STYLES_PATTERN = /(<style[^>]* id="speed-kit-df-styles"[^>]*>)(?:(?!<\/style>)[\s\S])*(<\/style>)/g;
+        html = html.replace(DF_CONFIG_PATTERN, (_, tag, body, end) => {
             const injectedConfig = body.match(/window\.dynamicBlockConfig\.appName\s=.*$/s) ?? [""];
             return `${tag}${this.configDynamicBlock.getContent()}${injectedConfig[0]}${end}`;
         });
-        html = html.replaceAll(DF_STYLES_PATTERN, (_, tag, end) => `${tag}${this.configDynamicStyles.getContent()}${end}`);
+        html = html.replace(DF_STYLES_PATTERN, (_, tag, end) => `${tag}${this.configDynamicStyles.getContent()}${end}`);
         return html;
     }
-    rewriteInstallResource(text) {
-        text = text.replace(/<script(?:.(?!<\/script>))*app\.baqend\.com\/v1\/speedkit\/install.js(?:.|(?!<\/script>))*<\/script>/, "");
-        return text.replace(/<\s*head\b[^>]*>/, (head) => {
-            return `${head}\n<script src="${this.customerConfig.installPath}" ${this.customerConfig.installParams}></script>`;
-        });
-    }
 }
 exports.CustomerDomainDocumentResponse = CustomerDomainDocumentResponse;

package/dist/services/onboarding/fetch-events/customer-service-worker-js.d.ts

@@ -1,6 +1,6 @@
 import Protocol from "devtools-protocol";
-import CustomerConfig from "../../integration-api/struct/customer-config";
 import { FetchRequestPausedEventHandler } from "../onboarding-model";
+import CustomerConfig from "../../integration-api/struct/customer-config";
 /**
  * Intercepts request to /wrapper-sw.js
  *
@@ -8,7 +8,7 @@ import { FetchRequestPausedEventHandler } from "../onboarding-model";
  */
 export declare class CustomerServiceWorkerJs implements FetchRequestPausedEventHandler {
     private customerConfig;
-    constructor(customerConfig: CustomerConfig);
     get patterns(): Protocol.Fetch.RequestPattern[];
+    constructor(customerConfig: CustomerConfig);
     handle(): Promise<Partial<Protocol.Fetch.FulfillRequestRequest>>;
 }

package/dist/services/onboarding/fetch-events/customer-service-worker-js.js

@@ -9,19 +9,19 @@ const baqend_response_1 = require("../browser/baqend-response");
  */
 class CustomerServiceWorkerJs {
     customerConfig;
-    constructor(customerConfig) {
-        this.customerConfig = customerConfig;
-    }
     get patterns() {
         const result = [];
         for (const origin of this.customerConfig.origins) {
             result.push({
-                requestStage: "Request",
                 urlPattern: `${origin}${this.customerConfig.swPath}*`,
+                requestStage: "Request",
             });
         }
         return result;
     }
+    constructor(customerConfig) {
+        this.customerConfig = customerConfig;
+    }
     async handle() {
         const wrapperSwCode = `importScripts(\`https://${this.customerConfig.appDomain}/v1/speedkit/sw.js\${location.search}\`); // skonboarding`;
         return new baqend_response_1.BaqendResponse(wrapperSwCode, "text/javascript; charset=utf-8");

package/dist/services/onboarding/fetch-events/dashboard-request.d.ts

@@ -1,6 +1,6 @@
 import Protocol from "devtools-protocol";
-import { Dashboard } from "../dashboard";
 import { FetchRequestPausedEventHandler } from "../onboarding-model";
+import { Dashboard } from "../dashboard";
 /**
  * The DashboardRequest class represents a request handler for the dashboard.
  * Handle all the requests on the secondTab(http://skonboarding.local)

package/dist/services/onboarding/fetch-events/dashboard-request.js

@@ -11,12 +11,12 @@ class DashboardRequest {
     dashboard;
     patterns = [
         {
-            requestStage: "Request",
             urlPattern: `http://skonboarding.local*`,
+            requestStage: "Request",
         },
         {
-            requestStage: "Request",
             urlPattern: `https://skonboarding.local*`,
+            requestStage: "Request",
         },
     ];
     constructor(dashboard) {

package/dist/services/onboarding/fetch-events/speed-kit-asset-request.d.ts

@@ -1,10 +1,10 @@
 import Protocol from "devtools-protocol";
-import { CliService } from "../../cli";
-import { DocumentHandlerServer } from "../../document-handler-runtime/document-handler-server";
+import { FetchRequestPausedEventHandler, SpeedKitServerConfig } from "../onboarding-model";
 import CustomerConfig from "../../integration-api/struct/customer-config";
+import { DocumentHandlerServer } from "../../document-handler-runtime/document-handler-server";
 import { AbortResponse } from "../browser/abort-response";
-import { FetchRequestPausedEventHandler, SpeedKitServerConfig } from "../onboarding-model";
 import { Cache } from "../request-cache/cache";
+import { CliService } from "../../cli";
 /**
  * Handles fetch requests for Speed Kit assets and returns customized responses.
  */
@@ -14,15 +14,15 @@ export declare class SpeedKitAssetRequest implements FetchRequestPausedEventHand
     private cache;
     private cli;
     private speedKitServerConfig?;
-    constructor(customerConfig: CustomerConfig, documentHandler: DocumentHandlerServer, cache: Cache, cli: CliService, speedKitServerConfig?: SpeedKitServerConfig);
     get patterns(): Protocol.Fetch.RequestPattern[];
-    handle(event: Protocol.Fetch.RequestPausedEvent): Promise<AbortResponse | Partial<Protocol.Fetch.FulfillRequestRequest>>;
+    constructor(customerConfig: CustomerConfig, documentHandler: DocumentHandlerServer, cache: Cache, cli: CliService, speedKitServerConfig?: SpeedKitServerConfig);
+    handle(event: Protocol.Fetch.RequestPausedEvent): Promise<Partial<Protocol.Fetch.FulfillRequestRequest> | AbortResponse>;
+    private getCachedResponse;
     private buildCustomHeaders;
     private createResponseFromLocalDocumentHandler;
     private getAssetUrl;
-    private getCachedResponse;
     private isHtmlContentHeader;
     private isValidHtmlContent;
-    private prepareOriginRequest;
     private rewriteInstallResource;
+    private prepareOriginRequest;
 }

package/dist/services/onboarding/fetch-events/speed-kit-asset-request.js

@@ -11,32 +11,32 @@ class SpeedKitAssetRequest {
     cache;
     cli;
     speedKitServerConfig;
-    constructor(customerConfig, documentHandler, cache, cli, speedKitServerConfig) {
-        this.customerConfig = customerConfig;
-        this.documentHandler = documentHandler;
-        this.cache = cache;
-        this.cli = cli;
-        this.speedKitServerConfig = speedKitServerConfig;
-    }
     get patterns() {
         const result = [];
         for (const origin of this.customerConfig.origins) {
             const pattern = [
                 {
-                    requestStage: "Request",
-                    resourceType: "Fetch",
                     urlPattern: `https://${this.customerConfig.appDomain}/v1/asset/${origin}*`,
+                    resourceType: "Fetch",
+                    requestStage: "Request",
                 },
                 {
-                    requestStage: "Request",
-                    resourceType: "XHR",
                     urlPattern: `https://${this.customerConfig.appDomain}/v1/asset/${origin}*`,
+                    resourceType: "XHR",
+                    requestStage: "Request",
                 },
             ];
             result.push(...pattern);
         }
         return result;
     }
+    constructor(customerConfig, documentHandler, cache, cli, speedKitServerConfig) {
+        this.customerConfig = customerConfig;
+        this.documentHandler = documentHandler;
+        this.cache = cache;
+        this.cli = cli;
+        this.speedKitServerConfig = speedKitServerConfig;
+    }
     async handle(event) {
         const originUrl = this.getAssetUrl(event.request.url);
         const UrlObject = new URL(event.request.url);
@@ -80,6 +80,16 @@ class SpeedKitAssetRequest {
             return new baqend_response_1.BaqendResponse(message, null, customHeaders, 500);
         }
     }
+    getCachedResponse(requestUrl) {
+        const response = this.cache.getEntry(requestUrl);
+        if (!(response instanceof baqend_response_1.BaqendResponse)) {
+            return;
+        }
+        response.setHeader("x-cache", "POP, HIT");
+        response.setHeader("x-served-by", "cache-local");
+        response.setHeader("server-timing", "pop;desc=LOCAL;dur=1,cache;desc=CACHE,hotness;desc=1,proto;desc=h3");
+        return response;
+    }
     buildCustomHeaders(originUrl) {
         const time = new Date().toUTCString();
         const originDomain = new URL(originUrl).origin;
@@ -130,16 +140,6 @@ class SpeedKitAssetRequest {
         const cleanedUrl = url.toString();
         return cleanedUrl.split("app.baqend.com/v1/asset/")[1];
     }
-    getCachedResponse(requestUrl) {
-        const response = this.cache.getEntry(requestUrl);
-        if (!(response instanceof baqend_response_1.BaqendResponse)) {
-            return;
-        }
-        response.setHeader("x-cache", "POP, HIT");
-        response.setHeader("x-served-by", "cache-local");
-        response.setHeader("server-timing", "pop;desc=LOCAL;dur=1,cache;desc=CACHE,hotness;desc=1,proto;desc=h3");
-        return response;
-    }
     isHtmlContentHeader(responseHeaders) {
         return (responseHeaders.has("content-type") &&
             responseHeaders.get("content-type").includes("text/html"));
@@ -147,6 +147,12 @@ class SpeedKitAssetRequest {
     isValidHtmlContent(text) {
         return text.includes("<html");
     }
+    rewriteInstallResource(text) {
+        text = text.replace(/<script(?:.(?!<\/script>))*app\.baqend\.com\/v1\/speedkit\/install.js(?:.|(?!<\/script>))*<\/script>/, "");
+        return text.replace(/<\s*head\b[^>]*>/, (head) => {
+            return `${head}\n<script src="${this.customerConfig.installPath}" ${this.customerConfig.installParams}></script>`;
+        });
+    }
     prepareOriginRequest(variationParam, init) {
         if (!this.speedKitServerConfig || !variationParam) {
             return init;
@@ -159,11 +165,5 @@ class SpeedKitAssetRequest {
         init.headers = { ...init.headers, ...variationConfig.headers };
         return init;
     }
-    rewriteInstallResource(text) {
-        text = text.replace(/<script(?:.(?!<\/script>))*app\.baqend\.com\/v1\/speedkit\/install.js(?:.|(?!<\/script>))*<\/script>/, "");
-        return text.replace(/<\s*head\b[^>]*>/, (head) => {
-            return `${head}\n<script src="${this.customerConfig.installPath}" ${this.customerConfig.installParams}></script>`;
-        });
-    }
 }
 exports.SpeedKitAssetRequest = SpeedKitAssetRequest;

package/dist/services/onboarding/fetch-events/speed-kit-install-html.d.ts

@@ -1,6 +1,6 @@
 import Protocol from "devtools-protocol";
-import CustomerConfig from "../../integration-api/struct/customer-config";
 import { BrowserContext, FetchRequestPausedEventHandler } from "../onboarding-model";
+import CustomerConfig from "../../integration-api/struct/customer-config";
 import { InstallSpeedKitHtmlTemplate } from "../templates/install-speed-kit-html-template";
 /**
  * Represents a class that handles the installation of Speed Kit HTML.
@@ -9,7 +9,7 @@ export declare class SpeedKitInstallHtml implements FetchRequestPausedEventHandl
     private customerConfig;
     private browserContext;
     private speedKitInstallHtmlTemplate;
-    constructor(customerConfig: CustomerConfig, browserContext: BrowserContext, speedKitInstallHtmlTemplate: InstallSpeedKitHtmlTemplate);
     get patterns(): Protocol.Fetch.RequestPattern[];
+    constructor(customerConfig: CustomerConfig, browserContext: BrowserContext, speedKitInstallHtmlTemplate: InstallSpeedKitHtmlTemplate);
     handle(): Promise<Partial<Protocol.Fetch.FulfillRequestRequest>>;
 }

package/dist/services/onboarding/fetch-events/speed-kit-install-html.js

@@ -9,39 +9,39 @@ class SpeedKitInstallHtml {
     customerConfig;
     browserContext;
     speedKitInstallHtmlTemplate;
-    constructor(customerConfig, browserContext, speedKitInstallHtmlTemplate) {
-        this.customerConfig = customerConfig;
-        this.browserContext = browserContext;
-        this.speedKitInstallHtmlTemplate = speedKitInstallHtmlTemplate;
-    }
     get patterns() {
         const result = [];
         for (const origin of this.customerConfig.origins) {
             const pattern = [
                 {
-                    requestStage: "Request",
-                    resourceType: "Document",
                     urlPattern: `${origin}${this.customerConfig.scope}speed-kit-install.html*`,
+                    resourceType: "Document",
+                    requestStage: "Request",
                 },
                 {
-                    requestStage: "Request",
-                    resourceType: "XHR",
                     urlPattern: `${origin}${this.customerConfig.scope}speed-kit-install.html*`,
+                    resourceType: "XHR",
+                    requestStage: "Request",
                 },
                 {
-                    requestStage: "Request",
-                    resourceType: "Fetch",
                     urlPattern: `${origin}${this.customerConfig.scope}speed-kit-install.html*`,
+                    resourceType: "Fetch",
+                    requestStage: "Request",
                 },
             ];
             result.push(...pattern);
         }
         return result;
     }
+    constructor(customerConfig, browserContext, speedKitInstallHtmlTemplate) {
+        this.customerConfig = customerConfig;
+        this.browserContext = browserContext;
+        this.speedKitInstallHtmlTemplate = speedKitInstallHtmlTemplate;
+    }
     async handle() {
         return new baqend_response_1.BaqendResponse(this.speedKitInstallHtmlTemplate.render({
-            domain: this.browserContext.domain,
             installPath: this.customerConfig.installPath,
+            domain: this.browserContext.domain,
             swPath: this.customerConfig.swPath,
         }));
     }

package/dist/services/onboarding/file-events/file-watcher.d.ts

@@ -1,10 +1,10 @@
-import { Page } from "puppeteer";
 import { CliService } from "../../cli";
+import { Page } from "puppeteer";
+import CustomerConfig from "../../integration-api/struct/customer-config";
 import { DocumentHandlerServer } from "../../document-handler-runtime/document-handler-server";
+import { Cache } from "../request-cache/cache";
 import { ConfigFileInterface, FileListInterface } from "../../integration-api/integration-api-model";
-import CustomerConfig from "../../integration-api/struct/customer-config";
 import { BrowserContext } from "../onboarding-model";
-import { Cache } from "../request-cache/cache";
 /**
  * Add different callbacks that will be executed if a local file is changed.
  */
@@ -17,13 +17,13 @@ export declare class FileWatcher {
     private cache;
     constructor(cli: CliService, customerConfig: CustomerConfig, files: FileListInterface, documentHandler: DocumentHandlerServer, browserContext: BrowserContext, cache: Cache);
     addCallbackOnFileChange(page: Page, serviceWorkerReinstallCallback: (file: ConfigFileInterface) => Promise<void>): void;
-    private clearPageFunction;
-    private clearServiceWorker;
-    private handleDynamicStyles;
-    private handleGenericConfigFiles;
     private handleServiceWorkerDependencies;
-    private onChangeConfigFileCallback;
-    private onChangeDynamicStyleCallback;
+    private handleGenericConfigFiles;
+    private handleDynamicStyles;
     private onChangeServiceWorkerCallback;
     private updateStyles;
+    private onChangeConfigFileCallback;
+    private onChangeDynamicStyleCallback;
+    private clearPageFunction;
+    private clearServiceWorker;
 }

package/dist/services/onboarding/file-events/file-watcher.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileWatcher = void 0;
 const safe_1 = require("../../../helpers/safe");
-const files_1 = require("../../../models/files");
 const virtual_file_1 = require("../../integration-api/struct/virtual-file");
+const files_1 = require("../../../models/files");
 /**
  * Add different callbacks that will be executed if a local file is changed.
  */
@@ -28,39 +28,29 @@ class FileWatcher {
         this.handleGenericConfigFiles(page, installResource);
         this.handleDynamicStyles(page);
     }
-    async clearPageFunction(page) {
-        const client = await page.target().createCDPSession();
-        const cacheResponse = await client.send("CacheStorage.requestCacheNames", {
-            securityOrigin: this.browserContext.domain,
-        });
-        for (const cache of cacheResponse.caches) {
-            if (cache.cacheName.includes("baqend")) {
-                await client.send("CacheStorage.deleteCache", {
-                    cacheId: cache.cacheId,
-                });
+    handleServiceWorkerDependencies(page, installResource, serviceWorkerReinstallCallback) {
+        // add watcher to serviceWorker related files
+        const serviceWorkerDependencies = [
+            files_1.INTEGRATION_FILES.CONFIG.SPEED_KIT,
+            files_1.INTEGRATION_FILES.CONFIG.LOAD_HANDLER,
+            files_1.INTEGRATION_FILES.CUSTOM.LOADER,
+            files_1.INTEGRATION_FILES.CUSTOM.SW,
+        ];
+        for (const dependency of serviceWorkerDependencies) {
+            if (!this.files.hasFile(dependency)) {
+                continue;
             }
-        }
-    }
-    async clearServiceWorker(page) {
-        const client = await page.target().createCDPSession();
-        await client.send("ServiceWorker.enable");
-        await client.send("ServiceWorker.unregister", {
-            scopeURL: `https://${this.customerConfig.domain}`,
-        });
-    }
-    handleDynamicStyles(page) {
-        if (!this.files.hasFile(files_1.INTEGRATION_FILES.CONFIG.DYNAMIC_STYLES)) {
-            return;
-        }
-        // add watcher that will instantly add changes to current page
-        this.files
-            .getByName(files_1.INTEGRATION_FILES.CONFIG.DYNAMIC_STYLES)
-            .onChange(async (file) => {
-            const result = await (0, safe_1.safe)(this.onChangeDynamicStyleCallback(file, page));
-            if (result.success === false) {
-                this.cli.writeError(`error after fileChange: ${file.name}: ${result.error}`);
+            const file = this.files.getByName(dependency);
+            if (file.type === virtual_file_1.VirtualFile) {
+                continue;
             }
-        });
+            file.onChange(async (file) => {
+                const result = await (0, safe_1.safe)(this.onChangeServiceWorkerCallback(file, page, installResource, serviceWorkerReinstallCallback));
+                if (result.success === false) {
+                    this.cli.writeError(`error after fileChange: ${file.name}: ${result.error}`);
+                }
+            });
+        }
     }
     handleGenericConfigFiles(page, installResource) {
         // add watcher to configFiles
@@ -86,28 +76,34 @@ class FileWatcher {
             });
         }
     }
-    handleServiceWorkerDependencies(page, installResource, serviceWorkerReinstallCallback) {
-        // add watcher to serviceWorker related files
-        const serviceWorkerDependencies = [
-            files_1.INTEGRATION_FILES.CONFIG.SPEED_KIT,
-            files_1.INTEGRATION_FILES.CONFIG.LOAD_HANDLER,
-            files_1.INTEGRATION_FILES.CUSTOM.LOADER,
-            files_1.INTEGRATION_FILES.CUSTOM.SW,
-        ];
-        for (const dependency of serviceWorkerDependencies) {
-            if (!this.files.hasFile(dependency)) {
-                continue;
-            }
-            const file = this.files.getByName(dependency);
-            if (file.type === virtual_file_1.VirtualFile) {
-                continue;
+    handleDynamicStyles(page) {
+        if (!this.files.hasFile(files_1.INTEGRATION_FILES.CONFIG.DYNAMIC_STYLES)) {
+            return;
+        }
+        // add watcher that will instantly add changes to current page
+        this.files
+            .getByName(files_1.INTEGRATION_FILES.CONFIG.DYNAMIC_STYLES)
+            .onChange(async (file) => {
+            const result = await (0, safe_1.safe)(this.onChangeDynamicStyleCallback(file, page));
+            if (result.success === false) {
+                this.cli.writeError(`error after fileChange: ${file.name}: ${result.error}`);
             }
-            file.onChange(async (file) => {
-                const result = await (0, safe_1.safe)(this.onChangeServiceWorkerCallback(file, page, installResource, serviceWorkerReinstallCallback));
-                if (result.success === false) {
-                    this.cli.writeError(`error after fileChange: ${file.name}: ${result.error}`);
-                }
-            });
+        });
+    }
+    async onChangeServiceWorkerCallback(file, page, installResource, serviceWorkerReinstallCallback) {
+        this.cli.writeWarning(`changed file: ${file.name} (reinstall serviceWorker)`);
+        // clear speed-kit-service-worker-caches and uninstall serviceWorker
+        await this.clearPageFunction(page);
+        await this.clearServiceWorker(page);
+        // rebuild installResource
+        await installResource.buildContent();
+        // tell puppeteer to reinstall serviceworker on next navigate
+        await serviceWorkerReinstallCallback(file);
+    }
+    updateStyles(styles) {
+        const styleElement = document.querySelector("#speed-kit-df-styles");
+        if (styleElement) {
+            styleElement.textContent = decodeURI(styles);
         }
     }
     async onChangeConfigFileCallback(page, installResource, file) {
@@ -131,21 +127,25 @@ class FileWatcher {
         await this.documentHandler.buildDocumentHandler();
         this.cache.clear();
     }
-    async onChangeServiceWorkerCallback(file, page, installResource, serviceWorkerReinstallCallback) {
-        this.cli.writeWarning(`changed file: ${file.name} (reinstall serviceWorker)`);
-        // clear speed-kit-service-worker-caches and uninstall serviceWorker
-        await this.clearPageFunction(page);
-        await this.clearServiceWorker(page);
-        // rebuild installResource
-        await installResource.buildContent();
-        // tell puppeteer to reinstall serviceworker on next navigate
-        await serviceWorkerReinstallCallback(file);
-    }
-    updateStyles(styles) {
-        const styleElement = document.querySelector("#speed-kit-df-styles");
-        if (styleElement) {
-            styleElement.textContent = decodeURI(styles);
+    async clearPageFunction(page) {
+        const client = await page.target().createCDPSession();
+        const cacheResponse = await client.send("CacheStorage.requestCacheNames", {
+            securityOrigin: this.browserContext.domain,
+        });
+        for (const cache of cacheResponse.caches) {
+            if (cache.cacheName.includes("baqend")) {
+                await client.send("CacheStorage.deleteCache", {
+                    cacheId: cache.cacheId,
+                });
+            }
         }
     }
+    async clearServiceWorker(page) {
+        const client = await page.target().createCDPSession();
+        await client.send("ServiceWorker.enable");
+        await client.send("ServiceWorker.unregister", {
+            scopeURL: `https://${this.customerConfig.domain}`,
+        });
+    }
 }
 exports.FileWatcher = FileWatcher;