@speedkit/cli 2.9.0 → 2.11.0

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

@@ -11,54 +11,58 @@ 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() {
-        let result = [];
+        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"
                 },
                 {
-                    urlPattern: `https://${this.customerConfig.appDomain}/v1/asset/${origin}*`,
+                    requestStage: "Request",
                     resourceType: "XHR",
-                    requestStage: "Request"
-                }
+                    urlPattern: `https://${this.customerConfig.appDomain}/v1/asset/${origin}*`,
+                },
             ];
             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);
-        const variation = UrlObject.searchParams.has('bqvariation') ? UrlObject.searchParams.get('bqvariation') : 'DEFAULT';
+        const variation = UrlObject.searchParams.has("bqvariation")
+            ? UrlObject.searchParams.get("bqvariation")
+            : "DEFAULT";
         const cachedResponse = this.getCachedResponse(event.request.url);
         if (cachedResponse instanceof baqend_response_1.BaqendResponse) {
             return cachedResponse;
         }
-        const response = await fetch(originUrl, this.prepareOriginRequest(variation, { headers: (event.request.headers) }));
+        const response = await fetch(originUrl, this.prepareOriginRequest(variation, { headers: event.request.headers }));
         const customHeaders = this.buildCustomHeaders(originUrl);
-        if (response.headers.get('Content-Type').includes('image') || response.headers.get('Content-Type').includes('font')) {
+        if (response.headers.get("Content-Type").includes("image") ||
+            response.headers.get("Content-Type").includes("font")) {
             return;
         }
         const responseContent = await response.text();
-        if (!this.isHtmlContentHeader(response.headers) || !this.isValidHtmlContent(responseContent)) {
-            const customResponse = new baqend_response_1.BaqendResponse(responseContent, response.headers.get('Content-Type') || null, customHeaders);
+        if (!this.isHtmlContentHeader(response.headers) ||
+            !this.isValidHtmlContent(responseContent)) {
+            const customResponse = new baqend_response_1.BaqendResponse(responseContent, response.headers.get("Content-Type") || null, customHeaders);
             this.cache.addEntry(event.request.url, customResponse);
             return customResponse;
         }
         try {
             let customResponse = await this.createResponseFromLocalDocumentHandler(responseContent, variation, originUrl, event.request.headers);
-            customResponse = customResponse.replace('speed-kit-dynamic-load', 'skonboarding speed-kit-dynamic-load');
+            customResponse = customResponse.replace("speed-kit-dynamic-load", "skonboarding speed-kit-dynamic-load");
             if (this.customerConfig.forceInstall) {
                 customResponse = this.rewriteInstallResource(customResponse);
             }
@@ -67,48 +71,50 @@ class SpeedKitAssetRequest {
             return response;
         }
         catch (error) {
-            let message = 'could not transform html';
+            let message = "could not transform html";
             if (error instanceof Error) {
                 message = error.message;
             }
             this.cli.writeError(message);
-            customHeaders.push({ name: 'x-error', value: message });
+            customHeaders.push({ name: "x-error", value: message });
             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;
         return [
-            { name: 'origin', value: originDomain },
-            { name: 'Access-Control-Allow-Credentials', value: 'true' },
+            { name: "origin", value: originDomain },
+            { name: "Access-Control-Allow-Credentials", value: "true" },
+            {
+                name: "Access-Control-Expose-Headers",
+                value: "Location, ETag, Baqend-Authorization-Token, Baqend-Acl, Baqend-Size, Baqend-SW-Control, Baqend-Created-At, Date, Age, Baqend-Speed-Kit, Baqend-Custom-Headers, X-Served-By, X-Cache, X-Timer, Access-Control-Allow-Origin, Fastly-Io-Info, Server-Timing",
+            },
             {
-                name: 'Access-Control-Expose-Headers',
-                value: 'Location, ETag, Baqend-Authorization-Token, Baqend-Acl, Baqend-Size, Baqend-SW-Control, Baqend-Created-At, Date, Age, Baqend-Speed-Kit, Baqend-Custom-Headers, X-Served-By, X-Cache, X-Timer, Access-Control-Allow-Origin, Fastly-Io-Info, Server-Timing'
+                name: "strict-transport-security",
+                value: "max-age=31536000; includeSubDomains",
             },
-            { name: 'strict-transport-security', value: 'max-age=31536000; includeSubDomains' },
-            { name: 'timing-allow-origin', value: originDomain },
-            { name: 'Cache-Control', value: 'public,browser-ttl=0,sw-max-age=31536000,max-age=31469674' },
-            { name: 'server-timing', value: 'pop;desc=LOCAL;dur=1,cache;desc=STREAM,hotness;desc=1,proto;desc=h3' },
-            { name: 'Alt-Svc', value: 'h3=":443";ma=86400,h3-29=":443";ma=86400,h3-27=":443";ma=86400' },
-            { name: 'x-frame-options', value: 'SAMEORIGIN' },
-            { name: 'x-cache', value: 'STREAM, HIT' },
-            { name: 'x-cache-hits', value: '1' },
-            { name: 'x-served-by', value: 'stream-local' },
-            { name: 'Date', value: time },
-            { name: 'last-modified', value: time },
-            { name: 'Baqend-Created-At', value: time },
-            { name: 'Age', value: '0' },
+            { name: "timing-allow-origin", value: originDomain },
+            {
+                name: "Cache-Control",
+                value: "public,browser-ttl=0,sw-max-age=31536000,max-age=31469674",
+            },
+            {
+                name: "server-timing",
+                value: "pop;desc=LOCAL;dur=1,cache;desc=STREAM,hotness;desc=1,proto;desc=h3",
+            },
+            {
+                name: "Alt-Svc",
+                value: 'h3=":443";ma=86400,h3-29=":443";ma=86400,h3-27=":443";ma=86400',
+            },
+            { name: "x-frame-options", value: "SAMEORIGIN" },
+            { name: "x-cache", value: "STREAM, HIT" },
+            { name: "x-cache-hits", value: "1" },
+            { name: "x-served-by", value: "stream-local" },
+            { name: "Date", value: time },
+            { name: "last-modified", value: time },
+            { name: "Baqend-Created-At", value: time },
+            { name: "Age", value: "0" },
         ];
     }
     async createResponseFromLocalDocumentHandler(html, variation, url, headers) {
@@ -116,25 +122,30 @@ class SpeedKitAssetRequest {
     }
     getAssetUrl(requestUrl) {
         const url = new URL(requestUrl);
-        url.searchParams.forEach((value, name, searchParams) => {
+        for (const [name] of url.searchParams.entries()) {
             if (name.startsWith("bq") || name === "bqsk") {
-                searchParams.delete(name);
+                url.searchParams.delete(name);
             }
-        });
+        }
         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');
+        return (responseHeaders.has("content-type") &&
+            responseHeaders.get("content-type").includes("text/html"));
     }
     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>`;
-        });
+        return text.includes("<html");
     }
     prepareOriginRequest(variationParam, init) {
         if (!this.speedKitServerConfig || !variationParam) {
@@ -148,5 +159,11 @@ 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 { BrowserContext, FetchRequestPausedEventHandler } from "../onboarding-model";
+import Protocol from "devtools-protocol";
 import CustomerConfig from "../../integration-api/struct/customer-config";
+import { BrowserContext, FetchRequestPausedEventHandler } from "../onboarding-model";
 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;
-    get patterns(): Protocol.Fetch.RequestPattern[];
     constructor(customerConfig: CustomerConfig, browserContext: BrowserContext, speedKitInstallHtmlTemplate: InstallSpeedKitHtmlTemplate);
+    get patterns(): Protocol.Fetch.RequestPattern[];
     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() {
-        let result = [];
+        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({
-            installPath: this.customerConfig.installPath,
             domain: this.browserContext.domain,
+            installPath: this.customerConfig.installPath,
             swPath: this.customerConfig.swPath,
         }));
     }

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

@@ -1,9 +1,9 @@
-import Protocol from 'devtools-protocol';
-import { CDPSession } from 'puppeteer';
-import CustomerConfig from '../../integration-api/struct/customer-config';
-import { VirtualFile } from '../../integration-api/struct/virtual-file';
-import { AbortResponse } from '../browser/abort-response';
-import { FetchRequestPausedEventHandler } from '../onboarding-model';
+import Protocol from "devtools-protocol";
+import { CDPSession } from "puppeteer";
+import CustomerConfig from "../../integration-api/struct/customer-config";
+import { VirtualFile } from "../../integration-api/struct/virtual-file";
+import { AbortResponse } from "../browser/abort-response";
+import { FetchRequestPausedEventHandler } from "../onboarding-model";
 /**
  * Intercepts the response for speedkit-install.js
  * Returns a custom build install.js from local-files

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

@@ -18,15 +18,15 @@ class SpeedKitInstallJs {
         this.installResource = installResource;
         this.patterns = [
             {
-                requestStage: 'Response',
+                requestStage: "Response",
                 urlPattern: `https://${this.customerConfig.appDomain}/v1/speedkit/install*`,
             },
         ];
     }
     async handle(event, client) {
         if (!event.request.url.includes(this.customerConfig.appDomain)) {
-            console.log('abort:', event.request.url);
-            return new abort_response_1.AbortResponse('Aborted');
+            console.log("abort:", event.request.url);
+            return new abort_response_1.AbortResponse("Aborted");
         }
         if (!this.isValidResponse(event)) {
             return;
@@ -39,24 +39,26 @@ class SpeedKitInstallJs {
                 installJs = installJs.replace(this.customerConfig.swPath, this.customerConfig.swPath + configVersion);
             }
         }
-        return new baqend_response_1.BaqendResponse(installJs, 'text/javascript; charset=utf-8', event.responseHeaders);
+        return new baqend_response_1.BaqendResponse(installJs, "text/javascript; charset=utf-8", event.responseHeaders);
     }
     extractConfigVersion(originBody) {
         const [, configVersion] = originBody.match(/sw:.*?(\?[^"]*)/) || [];
         return configVersion;
     }
     async getContent(client, event) {
-        const { base64Encoded, body } = await client.send('Fetch.getResponseBody', { requestId: event.requestId });
+        const { base64Encoded, body } = await client.send("Fetch.getResponseBody", {
+            requestId: event.requestId,
+        });
         if (base64Encoded) {
-            return Buffer.from(body, 'base64').toString('utf8');
+            return Buffer.from(body, "base64").toString("utf8");
         }
         return body;
     }
     isValidResponse(event) {
-        return event.responseHeaders
-            && event.responseStatusCode
-            && event.responseStatusCode > 199
-            && event.responseStatusCode < 300;
+        return (event.responseHeaders &&
+            event.responseStatusCode &&
+            event.responseStatusCode > 199 &&
+            event.responseStatusCode < 300);
     }
 }
 exports.SpeedKitInstallJs = SpeedKitInstallJs;

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

@@ -1,10 +1,10 @@
-import { CDPSession } from 'puppeteer';
-import { Protocol } from 'puppeteer-core';
-import { CliService } from '../../cli';
-import CustomerConfig from '../../integration-api/struct/customer-config';
-import { AbortResponse } from '../browser/abort-response';
-import { FetchRequestPausedEventHandler } from '../onboarding-model';
-import { Cache } from '../request-cache/cache';
+import { CDPSession } from "puppeteer";
+import { Protocol } from "puppeteer-core";
+import { CliService } from "../../cli";
+import CustomerConfig from "../../integration-api/struct/customer-config";
+import { AbortResponse } from "../browser/abort-response";
+import { FetchRequestPausedEventHandler } from "../onboarding-model";
+import { Cache } from "../request-cache/cache";
 /**
  * Intercepts v1/rum/pi requests,
  * if request contains changeDetection, clear dh-cache for respective url

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

@@ -19,7 +19,7 @@ class SpeedKitRumPiRequest {
         this.cli = cli;
         this.patterns = [
             {
-                requestStage: 'Request',
+                requestStage: "Request",
                 urlPattern: `https://${this.customerConfig.appDomain}/v1/rum/pi*`,
             },
         ];
@@ -32,10 +32,10 @@ class SpeedKitRumPiRequest {
         if (result.success === false) {
             return;
         }
-        if (!('changeDetection' in result.data)) {
+        if (!("changeDetection" in result.data)) {
             return;
         }
-        const changeDetection = result.data.changeDetection;
+        const changeDetection = (result.data.changeDetection);
         this.cache.removeEntry(changeDetection.url);
         this.cli.write(`changeDetection triggered for url: ${changeDetection.url} - cleared from dh-cache`);
     }

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

@@ -1,7 +1,7 @@
-import Protocol from 'devtools-protocol';
-import { FileInterface } from '../../integration-api/integration-api-model';
-import CustomerConfig from '../../integration-api/struct/customer-config';
-import { FetchRequestPausedEventHandler } from '../onboarding-model';
+import Protocol from "devtools-protocol";
+import { FileInterface } from "../../integration-api/integration-api-model";
+import CustomerConfig from "../../integration-api/struct/customer-config";
+import { FetchRequestPausedEventHandler } from "../onboarding-model";
 /**
  * SpeedKitServiceWorkerJs class is responsible for handling fetch requests for the SpeedKit service worker.
  * Injects serviceWorker from local file, if custom_sw is present.

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

@@ -15,13 +15,15 @@ class SpeedKitServiceWorkerJs {
     constructor(customerConfig, serviceWorker) {
         this.customerConfig = customerConfig;
         this.serviceWorker = serviceWorker;
-        this.patterns = [{
-                requestStage: 'Request',
+        this.patterns = [
+            {
+                requestStage: "Request",
                 urlPattern: `https://${this.customerConfig.appDomain}/v1/speedkit/sw.js*`,
-            }];
+            },
+        ];
     }
     async handle() {
-        return new baqend_response_1.BaqendResponse(this.serviceWorker.getContent(), 'text/javascript; charset=utf-8');
+        return new baqend_response_1.BaqendResponse(this.serviceWorker.getContent(), "text/javascript; charset=utf-8");
     }
 }
 exports.SpeedKitServiceWorkerJs = SpeedKitServiceWorkerJs;

package/dist/services/onboarding/file-events/{fileWatcher.d.ts → file-watcher.d.ts}

@@ -1,10 +1,10 @@
-import { CliService } from "../../cli";
 import { Page } from "puppeteer";
-import CustomerConfig from "../../integration-api/struct/customer-config";
+import { CliService } from "../../cli";
 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,12 +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 handleServiceWorkerDependencies;
-    private handleGenericConfigFiles;
+    private clearPageFunction;
+    private clearServiceWorker;
     private handleDynamicStyles;
-    private onChangeServiceWorkerCallback;
+    private handleGenericConfigFiles;
+    private handleServiceWorkerDependencies;
     private onChangeConfigFileCallback;
     private onChangeDynamicStyleCallback;
-    private clearPageFunction;
-    private clearServiceWorker;
+    private onChangeServiceWorkerCallback;
+    private updateStyles;
 }