@speedkit/cli 2.4.1

package/dist/services/onboarding/onboarding-service-factory.js

@@ -0,0 +1,163 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OnboardingServiceFactory = void 0;
+const tslib_1 = require("tslib");
+const onboarding_service_1 = require("./onboarding-service");
+const integration_api_context_1 = tslib_1.__importDefault(require("../integration-api/context/integration-api-context"));
+const integration_api_service_factory_1 = tslib_1.__importDefault(require("../integration-api/factory/integration-api-service-factory"));
+const onboarding_model_1 = require("./onboarding-model");
+const fetch_event_handler_1 = require("./fetch-event-handler");
+const speed_kit_install_html_1 = require("./fetch-events/speed-kit-install-html");
+const customer_domain_document_response_1 = require("./fetch-events/customer-domain-document-response");
+const speed_kit_install_context_1 = require("./config-renderer/speed-kit-install-context");
+const install_speed_kit_js_template_1 = require("./templates/install-speed-kit-js-template");
+const bundler_1 = require("../bundler");
+const speed_kit_install_js_1 = require("./fetch-events/speed-kit-install-js");
+const speed_kit_service_worker_js_1 = require("./fetch-events/speed-kit-service-worker-js");
+const customer_service_worker_js_1 = require("./fetch-events/customer-service-worker-js");
+const fileWatcher_1 = require("./file-events/fileWatcher");
+const cli_1 = require("../cli");
+const install_speed_kit_html_template_1 = require("./templates/install-speed-kit-html-template");
+const config_api_context_1 = tslib_1.__importDefault(require("../config-api/context/config-api-context"));
+const config_api_service_factory_1 = tslib_1.__importDefault(require("../config-api/factory/config-api-service-factory"));
+const speed_kit_asset_request_1 = require("./fetch-events/speed-kit-asset-request");
+const document_handler_runtime_service_factory_1 = tslib_1.__importDefault(require("../document-handler-runtime/factory/document-handler-runtime-service-factory"));
+const cache_1 = require("./request-cache/cache");
+const todo_collector_1 = require("./todo-collector");
+const dashboard_request_1 = require("./fetch-events/dashboard-request");
+const dashboard_1 = require("./dashboard");
+const param_query_builder_1 = require("./dashboard/param-query-builder");
+const athena_service_1 = require("./dashboard/athena-service");
+const client_athena_1 = require("@aws-sdk/client-athena");
+const diff_1 = require("../diff");
+const request_diff_service_1 = require("./dashboard/request-diff-service");
+const safe_1 = require("../../helpers/safe");
+const vm = tslib_1.__importStar(require("vm"));
+const external_recipe_1 = require("../integration-api/virtual/external-recipe");
+const external_file_reader_1 = require("../integration-api/external/external-file-reader");
+const virtual_file_1 = require("../integration-api/struct/virtual-file");
+const install_file_recipe_1 = require("./config-renderer/install-file-recipe");
+const files_1 = require("../../models/files");
+const speed_kit_rum_pi_request_1 = require("./fetch-events/speed-kit-rum-pi-request");
+class OnboardingServiceFactory {
+    context;
+    cliConfig;
+    constructor(context, cliConfig) {
+        this.context = context;
+        this.cliConfig = cliConfig;
+    }
+    async getService() {
+        const files = await this.getIntegrationFiles();
+        const cli = new cli_1.CliServiceFactory().getService();
+        const customerConfig = files.getCustomerConfig().config;
+        const domainToStart = await this.getUrlForTest(customerConfig, cli);
+        const cache = new cache_1.Cache(cli);
+        const documentHandlerContext = {
+            configName: this.context.configName,
+            customerPath: this.context.customerPath,
+            fileDependencies: [],
+            requiredFiles: [],
+            verboseLevel: this.context.verboseLevel
+        };
+        const documentHandler = await new document_handler_runtime_service_factory_1.default(documentHandlerContext, this.cliConfig, files).buildDocumentHandlerServer();
+        const bundler = new bundler_1.BundleServiceFactory().buildService();
+        const skTemplate = new install_speed_kit_js_template_1.InstallSpeedKitJsTemplate();
+        const speedKitInstallContext = new speed_kit_install_context_1.SpeedKitInstallContext(customerConfig, this.context.configName, files, bundler, skTemplate, this.context.local);
+        await this.buildInstallResource(speedKitInstallContext, files, cli);
+        const browserContext = new onboarding_model_1.BrowserContext(domainToStart, customerConfig.chromeFlags || []);
+        const fileWatcher = new fileWatcher_1.FileWatcher(cli, customerConfig, files, documentHandler, browserContext, cache);
+        const fetchHandler = await this.getFetchEventHandler(files, customerConfig, documentHandler, cache, cli, browserContext);
+        const fileTodoCollector = new todo_collector_1.TodoCollector(files.getInstallResources());
+        return new onboarding_service_1.OnboardingService(browserContext, customerConfig, fetchHandler, fileWatcher, cli, fileTodoCollector);
+    }
+    async getUrlForTest(customerConfig, cli) {
+        let domainToStart = customerConfig.origins[0];
+        if (customerConfig.origins.length > 1) {
+            domainToStart = await cli.select('select domain to start', customerConfig.origins.map((origin) => {
+                return { name: origin, value: origin };
+            }));
+        }
+        return domainToStart;
+    }
+    async buildInstallResource(speedKitInstallContext, files, cli) {
+        cli.startAction('build file install_resource');
+        const installResourceFile = new virtual_file_1.VirtualFile(files_1.INTEGRATION_FILES.BUILD.INSTALL, new install_file_recipe_1.InstallFileRecipe(speedKitInstallContext));
+        const result = await (0, safe_1.safe)(installResourceFile.buildContent());
+        if (result.success === true) {
+            files.addFile(installResourceFile);
+            cli.endAction(cli_1.CliActionStatus.COMPLETED);
+            return;
+        }
+        cli.endAction(cli_1.CliActionStatus.FAILED);
+        cli.writeError(result.error);
+    }
+    async getFetchEventHandler(files, customerConfig, documentHandler, cache, cli, browserContext) {
+        const configApi = this.getConfigApi(customerConfig.app);
+        const paramQueryBuilder = new param_query_builder_1.ParamQueryBuilder(customerConfig, files.getByName(files_1.INTEGRATION_FILES.CONFIG.SPEED_KIT));
+        const DiffService = new diff_1.DiffServiceFactory(new diff_1.DiffContext(this.cliConfig.diffExec, this.cliConfig.diffExecTemplate)).getService();
+        const requestDiffService = new request_diff_service_1.RequestDiffService(DiffService);
+        const handlers = [
+            new customer_domain_document_response_1.CustomerDomainDocumentResponse(customerConfig, files.getByName(files_1.INTEGRATION_FILES.CONFIG.DYNAMIC_BLOCKS), files.getByName(files_1.INTEGRATION_FILES.CONFIG.DYNAMIC_STYLES)),
+            new speed_kit_install_html_1.SpeedKitInstallHtml(customerConfig, browserContext, new install_speed_kit_html_template_1.InstallSpeedKitHtmlTemplate()),
+            new speed_kit_install_js_1.SpeedKitInstallJs(customerConfig, files.getByName(files_1.INTEGRATION_FILES.BUILD.INSTALL)),
+            new customer_service_worker_js_1.CustomerServiceWorkerJs(customerConfig),
+            new speed_kit_service_worker_js_1.SpeedKitServiceWorkerJs(customerConfig, files.getByName(files_1.INTEGRATION_FILES.CUSTOM.SW)),
+        ];
+        if (this.context.local) {
+            handlers.push(new speed_kit_asset_request_1.SpeedKitAssetRequest(customerConfig, documentHandler, cache, cli));
+            handlers.push(new speed_kit_rum_pi_request_1.SpeedKitRumPiRequest(customerConfig, cache, cli));
+        }
+        const athenaClient = await this.getAthenaClient(cli);
+        if (athenaClient) {
+            handlers.push(new dashboard_request_1.DashboardRequest(new dashboard_1.Dashboard(customerConfig, paramQueryBuilder, athenaClient, requestDiffService, cache)));
+            browserContext.startParameterDashboard = true;
+        }
+        return new fetch_event_handler_1.FetchEventHandler(handlers, customerConfig, cli, configApi);
+    }
+    async getIntegrationFiles() {
+        const integrationApiContext = new integration_api_context_1.default(this.context.customerPath, this.context.configName, []);
+        const integrationApi = new integration_api_service_factory_1.default(integrationApiContext, this.cliConfig).buildService();
+        const externalFileReader = new external_file_reader_1.ExternalFileReader();
+        return await integrationApi.run([
+            { name: files_1.INTEGRATION_FILES.CUSTOM.SW, recipe: new external_recipe_1.ExternalRecipe(this.context.DEFAULT_SW_PATH, externalFileReader) },
+            {
+                name: files_1.INTEGRATION_FILES.CUSTOM.DYNAMIC_FETCHER,
+                recipe: new external_recipe_1.ExternalRecipe(this.context.DEFAULT_DF_PATH, externalFileReader)
+            },
+            {
+                name: files_1.INTEGRATION_FILES.CUSTOM.LOADER,
+                recipe: new external_recipe_1.ExternalRecipe(this.context.DEFAULT_SNIPPET_PATH, externalFileReader)
+            },
+        ]);
+    }
+    getConfigApi(app) {
+        const configApiContext = new config_api_context_1.default(app);
+        return new config_api_service_factory_1.default(configApiContext).getService();
+    }
+    async getAthenaClient(cli) {
+        const credentials = await this.getCredentials(cli);
+        if (!credentials) {
+            return;
+        }
+        const config = {
+            region: 'eu-central-1',
+            credentials: { accessKeyId: credentials?.accessKeyId, secretAccessKey: credentials?.secretAccessKey },
+        };
+        return new athena_service_1.AthenaService(new client_athena_1.Athena(config), cli);
+    }
+    async getCredentials(cli) {
+        cli.startAction('fetch athena credentials');
+        const configApiContext = new config_api_context_1.default('onboarding');
+        const configApi = new config_api_service_factory_1.default(configApiContext).getService();
+        const credentialsResult = await (0, safe_1.safe)(configApi.getModule('credentials'));
+        if (credentialsResult.success === true) {
+            const context = { module: { exports: { AWS_ATHENA: {} } } };
+            vm.runInNewContext(credentialsResult.data, context);
+            cli.endAction(cli_1.CliActionStatus.COMPLETED);
+            return context.module.exports.AWS_ATHENA;
+        }
+        cli.endAction(cli_1.CliActionStatus.FAILED);
+        cli.writeError(credentialsResult.error);
+    }
+}
+exports.OnboardingServiceFactory = OnboardingServiceFactory;

package/dist/services/onboarding/onboarding-service.d.ts

@@ -0,0 +1,31 @@
+import CustomerConfig from "../integration-api/struct/customer-config";
+import { BrowserContext } from "./onboarding-model";
+import { FetchEventHandler } from "./fetch-event-handler";
+import { FileWatcher } from "./file-events/fileWatcher";
+import { CliService } from "../cli";
+import { TodoCollector } from "./todo-collector";
+/**
+ * Represents the OnboardingService which is responsible for setting up the browser to test a config using Puppeteer.
+ */
+export declare class OnboardingService {
+    private readonly browserContext;
+    private readonly customerConfig;
+    private fetchEventHandler;
+    private fileWatcher;
+    private cli;
+    private taskCollector;
+    private reinstallOnNextNavigate;
+    constructor(browserContext: BrowserContext, customerConfig: CustomerConfig, fetchEventHandler: FetchEventHandler, fileWatcher: FileWatcher, cli: CliService, taskCollector: TodoCollector);
+    /**
+     * prepare puppeteerBrowser, add eventListeners and start
+     */
+    run(): Promise<void>;
+    private prepareBrowser;
+    private preparePage;
+    private findPage;
+    private prepareCleanState;
+    private reinstallSpeedKit;
+    private registerFileWatcher;
+    private registerReinstallSpeedKitOnNavigate;
+    private navigate;
+}

package/dist/services/onboarding/onboarding-service.js

@@ -0,0 +1,130 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OnboardingService = void 0;
+const tslib_1 = require("tslib");
+const puppeteer_extra_1 = tslib_1.__importDefault(require("puppeteer-extra"));
+const chalk_1 = tslib_1.__importDefault(require("chalk"));
+const cli_1 = require("../cli");
+const safe_1 = require("../../helpers/safe");
+/**
+ * Represents the OnboardingService which is responsible for setting up the browser to test a config using Puppeteer.
+ */
+class OnboardingService {
+    browserContext;
+    customerConfig;
+    fetchEventHandler;
+    fileWatcher;
+    cli;
+    taskCollector;
+    reinstallOnNextNavigate = false;
+    constructor(browserContext, customerConfig, fetchEventHandler, fileWatcher, cli, taskCollector) {
+        this.browserContext = browserContext;
+        this.customerConfig = customerConfig;
+        this.fetchEventHandler = fetchEventHandler;
+        this.fileWatcher = fileWatcher;
+        this.cli = cli;
+        this.taskCollector = taskCollector;
+    }
+    /**
+     * prepare puppeteerBrowser, add eventListeners and start
+     */
+    async run() {
+        this.cli.startAction('prepare browser');
+        const browser = await this.prepareBrowser();
+        const page = await this.preparePage(browser);
+        this.cli.endAction(cli_1.CliActionStatus.COMPLETED);
+        if (this.browserContext.startParameterDashboard) {
+            await (await browser.newPage()).goto('http://skonboarding.local/');
+        }
+        await this.navigate(page, `${this.customerConfig.scope}speed-kit-install.html?url=${this.customerConfig.scope}`);
+    }
+    async prepareBrowser() {
+        const browser = await puppeteer_extra_1.default.launch({
+            devtools: true,
+            defaultViewport: null,
+            headless: false,
+            executablePath: this.browserContext.chromePath,
+            args: this.browserContext.browserArgs,
+        });
+        for (const target of browser.targets()) {
+            if (target.type() === 'browser') {
+                await this.fetchEventHandler.handleRequestFetchEvents(target);
+            }
+        }
+        browser.on('disconnected', () => {
+            this.cli.writeError('Browser disconnected, shutting down');
+            process.exit(-1);
+        });
+        return browser;
+    }
+    async preparePage(browser) {
+        const page = await this.findPage(browser);
+        await this.prepareCleanState(page);
+        this.registerFileWatcher(page);
+        this.registerReinstallSpeedKitOnNavigate(page);
+        // inject open Todos from configFiles
+        page.on('framenavigated', async (frame) => {
+            const tasks = this.taskCollector.getOpenTasks();
+            await (0, safe_1.safe)(page.evaluate(`window.skOnboarding = ${JSON.stringify(tasks)}`));
+        });
+        return page;
+    }
+    async findPage(browser) {
+        if (!browser)
+            throw new Error('Please start a browser first.');
+        const [page] = await browser.pages();
+        if (page) {
+            return page;
+        }
+        return browser.newPage();
+    }
+    async prepareCleanState(page) {
+        const pageClient = await page.target().createCDPSession();
+        pageClient.on('ServiceWorker.workerRegistrationUpdated', ({ registrations }) => {
+            for (const registration of registrations) {
+                if (registration.isDeleted) {
+                    this.cli.writeWarning((0, chalk_1.default) `{yellow Unregistered Service Worker} at {bold ${registration.scopeURL}} (${registration.registrationId})`);
+                }
+            }
+        });
+        // cleanUp old serviceWorkers
+        await pageClient.send("ServiceWorker.enable");
+        await pageClient.send("ServiceWorker.unregister", { scopeURL: this.browserContext.domain });
+        // clear storage for a clean start
+        await pageClient.send('Storage.clearCookies');
+        await pageClient.send("Storage.clearDataForOrigin", { origin: this.browserContext.domain, storageTypes: 'all' });
+        await pageClient.send("Emulation.clearDeviceMetricsOverride");
+        await pageClient.send("Emulation.clearGeolocationOverride");
+    }
+    async reinstallSpeedKit(page, pathname) {
+        const url = new URL(page.url());
+        let target = url.href;
+        if (!pathname.includes('/speed-kit-install.html')) {
+            target = `${this.customerConfig.scope}speed-kit-install.html?url=${encodeURIComponent(target)}`;
+        }
+        this.reinstallOnNextNavigate = false;
+        await this.navigate(page, target);
+    }
+    registerFileWatcher(page) {
+        this.fileWatcher.addCallbackOnFileChange(page, async () => {
+            this.reinstallOnNextNavigate = true;
+        });
+    }
+    registerReinstallSpeedKitOnNavigate(page) {
+        page.on('framenavigated', async (frame) => {
+            if (frame.parentFrame() !== null) {
+                return;
+            }
+            if (this.reinstallOnNextNavigate) {
+                const pathName = new URL(frame.url()).pathname;
+                await this.reinstallSpeedKit(page, pathName);
+            }
+        });
+    }
+    async navigate(page, pathname) {
+        const goto = new URL(pathname, `${this.browserContext.domain}`);
+        await page.goto(goto.toString());
+        await page.bringToFront();
+    }
+}
+exports.OnboardingService = OnboardingService;

package/dist/services/onboarding/request-cache/cache.d.ts

@@ -0,0 +1,15 @@
+import { BaqendResponse } from "../browser/baqend-response";
+import { CliService } from "../../cli";
+/**
+ * This class represents a cache for storing responses from the localDocumentHandler.
+ */
+export declare class Cache {
+    private cli;
+    private inMemoryCache;
+    constructor(cli: CliService);
+    getAll(): IterableIterator<[string, BaqendResponse]>;
+    getEntry(requestUri: string): BaqendResponse | void;
+    addEntry(requestUri: string, response: BaqendResponse): void;
+    removeEntry(requestUri: string): void;
+    clear(): void;
+}

package/dist/services/onboarding/request-cache/cache.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Cache = void 0;
+/**
+ * This class represents a cache for storing responses from the localDocumentHandler.
+ */
+class Cache {
+    cli;
+    inMemoryCache = new Map();
+    constructor(cli) {
+        this.cli = cli;
+    }
+    getAll() {
+        return this.inMemoryCache.entries();
+    }
+    getEntry(requestUri) {
+        if (this.inMemoryCache.has(requestUri)) {
+            return this.inMemoryCache.get(requestUri);
+        }
+    }
+    addEntry(requestUri, response) {
+        this.inMemoryCache.set(requestUri, response);
+    }
+    removeEntry(requestUri) {
+        this.inMemoryCache.delete(requestUri);
+    }
+    clear() {
+        this.cli.writeWarning('clear request-caches');
+        this.inMemoryCache.clear();
+    }
+}
+exports.Cache = Cache;

package/dist/services/onboarding/templates/install-speed-kit-html-template.d.ts

@@ -0,0 +1,4 @@
+import AbstractTemplate from "../../document-handler-runtime/templates/abstract-template";
+export declare class InstallSpeedKitHtmlTemplate extends AbstractTemplate {
+    protected getTemplate(): Handlebars.Template;
+}

package/dist/services/onboarding/templates/install-speed-kit-html-template.js

@@ -0,0 +1,264 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InstallSpeedKitHtmlTemplate = void 0;
+const tslib_1 = require("tslib");
+const abstract_template_1 = tslib_1.__importDefault(require("../../document-handler-runtime/templates/abstract-template"));
+class InstallSpeedKitHtmlTemplate extends abstract_template_1.default {
+    getTemplate() {
+        return `
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Speed Kit Install</title>
+<!--    <link href="{{{domain}}}" as="fetch" crossorigin rel="preload" />-->
+    <style>
+    @keyframes speed-kit-loading {
+  0% {
+    box-shadow:
+      8px 0 #c8c8cd,
+      20px 0 #dddde0,
+      32px 0 #ededee;
+  }
+  33% {
+    box-shadow:
+      8px 0 #ededee,
+      20px 0 #c8c8cd,
+      32px 0 #dddde0;
+  }
+  66% {
+    box-shadow:
+      8px 0 #dddde0,
+      20px 0 #ededee,
+      32px 0 #c8c8cd;
+  }
+}
+body{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    min-height: 100vh;
+    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
+    text-rendering: optimizeLegibility;
+    font-synthesis: none;
+    hyphens: auto;
+    opacity: 0.95;
+    }
+aside.loader {
+  margin: 20px 0;
+  position: relative;
+  height: 8px;
+}
+aside.loader:not(.stop)::after {
+  content: "";
+  width: 8px;
+  height: 8px;
+  display: block;
+  position: absolute;
+  top: calc(50% - 4px);
+  left: calc(20% - 4px);
+  border-radius: 50%;
+  box-shadow:
+    8px 0 #c8c8cd,
+    20px 0 #dddde0,
+    32px 0 #ededee;
+  will-change: box-shadow;
+  animation-name: speed-kit-loading;
+  animation-duration: 1.5s;
+  animation-iteration-count: infinite;
+  animation-fill-mode: both;
+  visibility: visible;
+  z-index: 1;
+}
+#error {
+  background: #ffcccc;
+  padding: 10px
+}
+#error:empty {
+    visibility: hidden;
+}
+.stages{
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.stages li{
+  list-style: none;
+  margin-bottom: 0.5rem;
+  color: #00000033;
+  display: flex;
+  align-items: center;
+}
+
+.stages li::before{
+  content: " ";
+  width: 10px;
+  height: 10px;
+  border-radius: 100%;
+  display: inline-block;
+  margin-right: 5px;
+  background: #E1E8F0;
+}
+
+.stages li.error,
+.stages li.loaded,
+.stages li.loading{
+    color: inherit;
+}
+
+.stages li.loaded::before{
+  background: #0568FD;
+}
+
+.stages li.error::before{
+  background: #af0606;
+}
+
+</style>
+    <script type="application/javascript">
+        function showError(e) {
+            if (document.readyState !== 'loading') {
+                var error = typeof e === 'string' ? e : e.message + (e.stack ? '\\n\\n' + e.stack : '')
+
+                document.querySelector('#error').textContent += error + '\\n';
+                return;
+            }
+
+            document.addEventListener('DOMContentLoaded', function() {
+                showError(e);
+            });
+        }
+
+        addEventListener('error', function(event) {
+            showError(event.error || event);
+        });
+
+        addEventListener('unhandledrejection', function(event) {
+            showError(event.reason || event);
+        });
+        async function retry(cb, seconds = 10) {
+            const retryElement = document.querySelector('[data-retry]')
+            retryElement.innerText = Number(retryElement.innerText) + 1
+            if (seconds < 0) {
+                throw new Error(\`Installation failed.\`);
+            }
+
+            const value = await cb();
+            if (value) {
+                return value;
+            }
+
+            await new Promise(resolve => setTimeout(resolve, 1000));
+            return retry(cb, seconds - 1);
+        }
+
+        function pingServiceWorker(registration, message) {
+            return new Promise((resolve, reject) => {
+                var msg_chan = new MessageChannel();
+                msg_chan.port1.onmessage = (event) => {
+                    if (!event.data || event.data.applicationState === 'failed') {
+                        reject(new Error(event.data ? event.data.reason : 'No active Speed Kit detected.'));
+                        return;
+                    }
+                    resolve(event.data);
+                };
+                msg_chan.port1.onmessageerror = event => {
+                    reject(new Error(\`Communication with Service Worker failed.\`));
+                };
+
+                registration.active.postMessage(message, [msg_chan.port2]);
+            });
+        }
+
+        function stopLoader(){
+            document.querySelector('aside.loader').classList.add('stop')
+        }
+    </script>
+    <script type="application/javascript">
+        const installScript = document.createElement('script');
+        installScript.addEventListener('load',()=>{
+            const step1 = document.querySelector('[data-step="1"]')
+            step1.classList.remove('loading')
+            step1.classList.add('loaded')
+
+            const step2 = document.querySelector('[data-step="2"]')
+            step2.classList.add('loading')
+
+            waitForInstall().catch(showError);
+        })
+        installScript.addEventListener('error',(event)=>{
+            const step1 = document.querySelector('[data-step="1"]')
+            step1.classList.remove('loading')
+            step1.classList.add('error')
+            showError(new Error('unable to load script: {{{installPath}}}' ))
+        })
+        installScript.setAttribute('src','{{{installPath}}}')
+        document.querySelector('head').appendChild(installScript)
+
+        // Await registration to be active
+        async function waitForInstall() {
+            const registration = await retry(async () => await navigator.serviceWorker.getRegistration());
+            const step2 = document.querySelector('[data-step="2"]')
+            step2.classList.remove('loading')
+            step2.classList.add('loaded')
+            const step3 = document.querySelector('[data-step="3"]')
+            step3.classList.add('loading')
+
+
+            await retry(async () => registration.active);
+
+            // Ping Service Worker to check whether the application is 'running'
+            await pingServiceWorker(registration, {
+                type: 'get-navigate-info',
+                clientURL: location.href,
+            });
+
+            step3.classList.remove('loading')
+            step3.classList.add('loaded')
+            const step4 = document.querySelector('[data-step="4"]')
+            step4.classList.add('loading')
+
+            const response = await fetch("{{{domain}}}")
+
+
+            location.href = new URL(location.href).searchParams.get('url') || '/';
+
+        }
+    </script>
+</head>
+<body>
+<main>
+<?xml version="1.0" encoding="UTF-8"?>
+<header>
+<svg width="10.5em" height="2em" viewBox="0 0 127 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Dark-Mode---Projects" transform="translate(-16.000000, -28.000000)">
+            <g id="Group" transform="translate(16.000000, 28.000000)">
+                <path d="M35.4096147,19.3755527 C32.9565093,19.3755527 30.7380488,18.3066946 29.4368363,16.3652992 L31.2500012,14.1185159 C32.2739061,15.5800157 33.8097634,16.3652992 35.4309461,16.3652992 C36.7321585,16.3652992 37.6920693,15.6672694 37.6920693,14.6420382 C37.6920693,13.9876353 37.2227796,13.4204861 36.2628688,12.962404 C36.0495552,12.8533369 35.5376028,12.657016 34.7056801,12.3298145 C33.8950888,12.0026131 33.2764796,11.697225 32.8498525,11.4572773 C31.1860072,10.4756729 30.3540845,9.14505363 30.3540845,7.44360603 C30.3540845,6.09117332 30.8447055,4.97868835 31.847279,4.08433769 C32.8498525,3.18998703 34.151065,2.73190498 35.729585,2.73190498 C37.7773947,2.73190498 39.5052341,3.4517482 40.9131033,4.91324806 L39.2279266,7.26909859 C38.3533412,6.30930763 36.945472,5.76397186 35.7722477,5.76397186 C34.5136979,5.76397186 33.7457693,6.37474792 33.7457693,7.31272545 C33.7457693,7.94531494 34.1723963,8.46883728 35.0256504,8.9051059 L36.582839,9.60313568 C37.4574244,9.973964 38.097365,10.2575386 38.5026606,10.4538595 C40.2944941,11.3482101 41.1904109,12.6788294 41.1904109,14.4675307 C41.1904109,15.9072172 40.6571271,17.0851424 39.5905595,18.0013065 C38.523992,18.9174706 37.1374542,19.3755527 35.4096147,19.3755527 Z M49.0474586,6.92008369 C50.6899727,6.92008369 52.0551791,7.53085976 53.143078,8.73059845 C54.230977,9.93033714 54.7642607,11.4136504 54.7642607,13.1587249 C54.7642607,14.9037994 54.2096456,16.3871127 53.1217467,17.5868513 C52.0338478,18.78659 50.6686413,19.3973661 49.0261273,19.3973661 C47.5969267,19.3973661 46.3810397,18.8520303 45.3784662,17.7395454 L45.3784662,24 L42.3707457,24 L42.3707457,7.22547172 L45.3571348,7.22547172 L45.3571348,8.68697159 C46.3597083,7.50904633 47.5755954,6.92008369 49.0474586,6.92008369 Z M48.5141748,16.5834335 C49.4740856,16.5834335 50.2420143,16.2562321 50.8392921,15.6018291 C51.4365699,14.9474262 51.7352089,14.1403293 51.7352089,13.1805383 C51.7352089,12.2207474 51.4365699,11.4136504 50.8392921,10.7592475 C50.2420143,10.1048446 49.4740856,9.77764313 48.5141748,9.77764313 C47.5755954,9.77764313 46.8076667,10.1048446 46.2103889,10.7592475 C45.6131111,11.4136504 45.3144721,12.2207474 45.3144721,13.1805383 C45.3144721,14.1403293 45.6131111,14.9474262 46.2103889,15.6018291 C46.8076667,16.2562321 47.5755954,16.5834335 48.5141748,16.5834335 Z M67.2928744,12.8969637 C67.2928744,13.3114189 67.2502117,13.769501 67.1862176,14.2493964 L58.461695,14.2493964 C58.888322,15.9290306 60.0188836,16.7797544 61.8533798,16.7797544 C63.1119295,16.7797544 64.6051241,16.2780455 65.6076976,15.5800157 L66.8022533,17.7395454 C65.3303901,18.8302169 63.6452133,19.3755527 61.7253917,19.3755527 C59.677582,19.3755527 58.1203933,18.7647766 57.0324944,17.5650379 C55.9445955,16.3652992 55.4113117,14.8819859 55.4113117,13.1587249 C55.4113117,11.3482101 55.9659269,9.86489685 57.0964885,8.68697159 C58.2270501,7.50904633 59.677582,6.92008369 61.4694155,6.92008369 C63.1545922,6.92008369 64.5624614,7.46541946 65.6503603,8.53427757 C66.7382592,9.60313568 67.2928744,11.0428221 67.2928744,12.8969637 Z M61.4694155,9.4722551 C59.9548895,9.4722551 58.8243279,10.4102326 58.461695,11.9589862 L64.3704793,11.9589862 C64.0931717,10.4102326 63.0052728,9.4722551 61.4694155,9.4722551 Z M79.757494,12.8969637 C79.757494,13.3114189 79.7148313,13.769501 79.6508372,14.2493964 L70.9263145,14.2493964 C71.3529416,15.9290306 72.4835032,16.7797544 74.3179994,16.7797544 C75.5765491,16.7797544 77.0697437,16.2780455 78.0723172,15.5800157 L79.2668729,17.7395454 C77.7950097,18.8302169 76.1098329,19.3755527 74.1900113,19.3755527 C72.1422016,19.3755527 70.5850129,18.7647766 69.497114,17.5650379 C68.4092151,16.3652992 67.8759313,14.8819859 67.8759313,13.1587249 C67.8759313,11.3482101 68.4305464,9.86489685 69.5611081,8.68697159 C70.6916697,7.50904633 72.1422016,6.92008369 73.9340351,6.92008369 C75.6192118,6.92008369 77.027081,7.46541946 78.1149799,8.53427757 C79.2028788,9.60313568 79.757494,11.0428221 79.757494,12.8969637 Z M73.9340351,9.4722551 C72.4195091,9.4722551 71.2889475,10.4102326 70.9263145,11.9589862 L76.8350988,11.9589862 C76.5577913,10.4102326 75.4698924,9.4722551 73.9340351,9.4722551 Z M89.6196887,8.59971786 L89.6196887,2.53558411 L92.6274092,2.53558411 L92.6274092,19.1137915 L89.6836828,19.1137915 L89.6836828,17.6522916 C88.7451033,18.8084035 87.5505476,19.3973661 86.0786844,19.3973661 C84.4361703,19.3973661 83.0496325,18.8084035 81.9617336,17.6304782 C80.8738347,16.4307395 80.3192195,14.9474262 80.3192195,13.1587249 C80.3192195,11.391837 80.8738347,9.90852371 81.9617336,8.70878502 C83.0709639,7.50904633 84.4361703,6.92008369 86.0786844,6.92008369 C87.4865536,6.92008369 88.6597779,7.48723289 89.6196887,8.59971786 Z M89.7690082,13.1587249 C89.7690082,12.1989339 89.4703692,11.391837 88.8730914,10.7374341 C88.2758136,10.0612177 87.5078849,9.73401627 86.5479741,9.73401627 C85.5880633,9.73401627 84.8201347,10.0612177 84.2015255,10.7374341 C83.6042476,11.391837 83.3056087,12.1989339 83.3056087,13.1587249 C83.3056087,14.1403293 83.6042476,14.9474262 84.2015255,15.6236426 C84.8201347,16.2780455 85.5880633,16.605247 86.5479741,16.605247 C87.5078849,16.605247 88.2758136,16.2780455 88.8730914,15.6236426 C89.4703692,14.9474262 89.7690082,14.1403293 89.7690082,13.1587249 Z M112.586444,19.1137915 L108.704138,19.1137915 L104.331211,12.7224563 L102.390058,15.1001202 L102.390058,19.1137915 L99.2330177,19.1137915 L99.2330177,2.99366615 L102.390058,2.99366615 L102.390058,10.6065535 L108.362836,2.99366615 L112.181148,2.99366615 L106.400352,10.3229789 L112.586444,19.1137915 Z M115.6866,5.34951668 C114.982665,6.06935989 113.745447,6.06935989 113.041512,5.34951668 C112.337578,4.62967346 112.337578,3.36449448 113.041512,2.66646469 C113.745447,1.94662147 114.982665,1.94662147 115.6866,2.66646469 C116.390535,3.36449448 116.390535,4.62967346 115.6866,5.34951668 Z M115.857251,7.22547172 L115.857251,19.1137915 L112.84953,19.1137915 L112.84953,7.22547172 L115.857251,7.22547172 Z M125.16483,15.9944709 L126.060747,18.4157617 C125.100836,19.0701646 123.970275,19.3973661 122.6264,19.3973661 C119.959981,19.3973661 118.573443,17.7831722 118.573443,14.7074785 L118.573443,9.79945656 L116.674953,9.79945656 L116.674953,7.22547172 L118.594774,7.22547172 L118.594774,3.01547958 L121.581163,3.01547958 L121.581163,7.22547172 L125.420807,7.22547172 L125.420807,9.79945656 L121.581163,9.79945656 L121.581163,14.5111576 C121.581163,15.9072172 122.135778,16.605247 123.223677,16.605247 C123.799624,16.605247 124.460896,16.4089261 125.16483,15.9944709 Z" id="Speed-Kit-Copy" fill="currentColor"></path>
+                <rect id="Rectangle" fill="#E1E8F0" x="2" y="2" width="18" height="18"></rect>
+                <path d="M2.49038912,0 L19.3005157,0 C20.6759196,0 21.7909048,1.11920716 21.7909048,2.49981917 L21.7909048,19.3735986 C21.7909048,20.7542106 20.6759196,21.8734177 19.3005157,21.8734177 L2.49038912,21.8734177 C1.11498519,21.8734177 0,20.7542106 0,19.3735986 L0,2.49981917 C0,1.11920716 1.11498519,0 2.49038912,0 Z M17.7859649,6.60953048 C18.2550343,5.21228508 18.2626588,4.1812506 17.9776112,3.89512368 C17.6910562,3.6074836 16.6640983,3.62633997 15.2605367,4.10424692 C15.4752587,4.57457757 15.8204812,5.08180796 16.2894319,5.55253439 C16.7763562,6.04130246 17.3024878,6.3961711 17.7859653,6.60953048 L17.7859649,6.60953048 Z M17.6566156,6.97255379 C17.1096155,6.72729706 16.5419911,6.33531031 16.0258,5.81716458 C15.5265784,5.31605265 15.1449122,4.76665138 14.8993393,4.2343897 C13.6794573,4.69764812 12.2193718,5.48842104 10.7294573,6.69492606 C8.61044292,8.41086441 7.16889973,10.3015425 6.40482771,12.3669604 C6.29657399,12.6595888 6.3681471,12.9887066 6.58803959,13.2094318 L8.68458295,15.3139137 C8.91147219,15.5416621 9.25247263,15.610258 9.54926822,15.4878543 C11.5438752,14.665244 13.4129635,13.2155477 15.1565332,11.1387654 C16.3947984,9.66385603 17.1945249,8.19964934 17.6566156,6.97255372 L17.6566156,6.97255379 Z M13.0328342,8.83040176 C12.4979276,8.2934697 12.4979276,7.42293082 13.0328342,6.88599876 C13.5677408,6.3490667 14.4349957,6.3490667 14.9699023,6.88599876 C15.5048089,7.42293082 15.5048089,8.2934697 14.9699023,8.83040176 C14.4349957,9.36733382 13.5677408,9.36733382 13.0328342,8.83040176 Z M6.28813396,11.7097354 C6.91706308,10.1393016 7.96807373,8.68732633 9.44116591,7.35380954 C8.83840642,7.28602653 8.06766041,7.53868501 7.12892786,8.11178496 C5.96949995,8.81962032 4.90280822,9.78714629 3.92885269,11.0143629 C3.90076223,11.0497578 3.88279104,11.0921552 3.87686326,11.1370156 C3.85881361,11.2736121 3.95449715,11.3990331 4.09057843,11.4171511 L6.28813396,11.7097354 L6.28813396,11.7097354 Z M10.1480664,15.5842838 L10.4395471,17.7901606 C10.4575967,17.9267571 10.5825445,18.022803 10.7186258,18.004685 C10.763317,17.9987347 10.8055544,17.9806955 10.8408158,17.9524987 C12.063403,16.9748552 13.0272792,15.9041244 13.7324444,14.7403062 C14.3033824,13.7980191 14.5550878,13.0243546 14.4875605,12.4193127 C13.1590741,13.8979828 11.7125761,14.9529732 10.1480664,15.5842838 L10.1480664,15.5842838 Z M7.210751,17.2945241 C7.210751,17.2945241 7.32080481,17.1991613 7.35742063,17.1624068 C8.08430269,16.4327724 8.08554776,15.2461963 7.36119708,14.5149185 L7.36026845,14.5139863 C7.35962184,14.5129092 7.35840429,14.511977 7.3573312,14.511038 C6.62910777,13.7800571 5.44413247,13.7800225 4.71596407,14.5109482 C4.69095966,14.5360473 4.66601715,14.5612224 4.64258798,14.5877646 C3.91456404,15.3617005 4.09629487,15.9209856 4.10439121,15.9443585 C4.1150671,15.9760793 4.1403673,15.9998872 4.17210605,16.0098854 C4.20377601,16.0195246 4.2381631,16.0134829 4.26474964,15.9935624 C4.27034209,15.989385 4.78571503,15.6081411 5.1488534,15.8443488 C4.95733404,16.0390377 4.67418228,16.3406756 4.48015904,16.6670536 C4.20173989,17.1361201 4.08131286,17.7997512 4.17347493,18.3577313 C4.17956266,18.3963501 4.20693338,18.427995 4.24412701,18.4398644 C4.28116932,18.4517338 4.32172668,18.4419566 4.34924185,18.4143372 C4.69179199,18.07049 5.09654706,18.0105905 5.56522675,17.9411969 C6.07143713,17.8661965 6.64514911,17.7812739 7.210751,17.2945241 Z M6.89406447,14.9760426 C7.23393124,15.3171963 7.24618105,15.8599177 6.92144279,16.1859243 C6.90434529,16.2030865 6.88710442,16.2177634 6.86996821,16.2323545 C6.58122122,16.4788884 6.30166397,16.5128126 6.03125334,16.5455981 C5.84227357,16.5685446 5.64868061,16.5920811 5.47096196,16.6828739 C5.47615222,16.4806973 5.52758256,16.273614 5.61630247,16.1195019 C5.71649815,15.945828 5.86484736,15.7908657 5.99604629,15.65917 C6.04697594,15.6080475 6.04224945,15.5205532 5.98547016,15.4635589 C5.81242625,15.2898597 5.60034068,15.2888845 5.42592226,15.3443295 C5.45631043,15.249988 5.52081038,15.1270315 5.65365977,14.9854238 C5.66644044,14.9707968 5.67769893,14.959689 5.68876608,14.9485799 C6.01353224,14.622584 6.5541977,14.6348889 6.89406447,14.9760426 Z" id="Shape" fill="#0568FD"></path>
+            </g>
+        </g>
+    </g>
+</svg>
+</header>
+<aside class="loader"></aside>
+<ul class="stages">
+    <li data-step="1" class="loading">load installScript [{{{installPath}}}]</li>
+    <li data-step="2">wait for serviceWorkerRegistration active retry(<span data-retry="0"></span>)</li>
+    <li data-step="3">ping installed serviceWorker [{{{swPath}}}]</li>
+    <li data-step="4">redirect to {{domain}}</li>
+</ul>
+<pre id="error"></pre>
+</main>
+</body>
+</html>
+
+    `;
+    }
+}
+exports.InstallSpeedKitHtmlTemplate = InstallSpeedKitHtmlTemplate;

package/dist/services/onboarding/templates/install-speed-kit-js-template.d.ts

@@ -0,0 +1,4 @@
+import AbstractTemplate from "../../document-handler-runtime/templates/abstract-template";
+export declare class InstallSpeedKitJsTemplate extends AbstractTemplate {
+    protected getTemplate(): Handlebars.Template;
+}