@speedkit/cli 2.38.0 → 2.40.0

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

@@ -3,7 +3,7 @@ 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 onboarding_model_1 = require("./onboarding-model");
 const cli_1 = require("../cli");
 const safe_1 = require("../../helpers/safe");
 /**
@@ -15,15 +15,15 @@ class OnboardingService {
     fetchEventHandler;
     fileWatcher;
     cli;
-    taskCollector;
+    developmentToolsMessages;
     reinstallOnNextNavigate = false;
-    constructor(browserContext, customerConfig, fetchEventHandler, fileWatcher, cli, taskCollector) {
+    constructor(browserContext, customerConfig, fetchEventHandler, fileWatcher, cli, developmentToolsMessages) {
         this.browserContext = browserContext;
         this.customerConfig = customerConfig;
         this.fetchEventHandler = fetchEventHandler;
         this.fileWatcher = fileWatcher;
         this.cli = cli;
-        this.taskCollector = taskCollector;
+        this.developmentToolsMessages = developmentToolsMessages;
     }
     /**
      * prepare puppeteerBrowser, add eventListeners and start
@@ -33,10 +33,6 @@ class OnboardingService {
         const browser = await this.prepareBrowser();
         const page = await this.preparePage(browser);
         this.cli.endAction(cli_1.CliActionStatus.COMPLETED);
-        if (this.browserContext.startParameterDashboard) {
-            const { goto } = await browser.newPage();
-            await goto("http://skonboarding.local/");
-        }
         await this.navigate(page, `${this.customerConfig.scope}speed-kit-install.html?url=${this.customerConfig.scope}`);
     }
     async prepareBrowser() {
@@ -52,7 +48,7 @@ class OnboardingService {
                 await this.fetchEventHandler.handleRequestFetchEvents(target);
             }
         }
-        browser.on("disconnected", () => {
+        browser.on(onboarding_model_1.BROWSER_EVENTS.DISCONNECTED, () => {
             this.cli.writeError("Browser disconnected, shutting down");
             process.exit(-1);
         });
@@ -60,14 +56,18 @@ class OnboardingService {
     }
     async preparePage(browser) {
         const page = await this.findPage(browser);
-        await this.prepareCleanState(page);
+        await (0, safe_1.safe)(this.prepareCleanState(page));
         this.registerFileWatcher(page);
         this.registerReinstallSpeedKitOnNavigate(page);
-        page.on("framenavigated", async (_frame) => {
-            // inject open Todos from configFiles
-            const tasks = this.taskCollector.getOpenTasks();
-            await (0, safe_1.safe)(page.evaluate(`window.skOnboarding = ${JSON.stringify(tasks)}`));
+        this.developmentToolsMessages.addMessage({
+            id: "cli",
+            data: `config loaded for app "${this.customerConfig.app}"`,
         });
+        const messages = this.developmentToolsMessages.messages;
+        await page.evaluateOnNewDocument((messages) => {
+            // @ts-expect-error unknown method getSkCliMessages
+            window.skCliMessages = messages;
+        }, messages);
         return page;
     }
     async findPage(browser) {
@@ -80,27 +80,33 @@ class OnboardingService {
         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})`);
-                }
-            }
-        });
+        const cdpSession = await page.target().createCDPSession();
         // cleanUp old serviceWorkers
-        await pageClient.send("ServiceWorker.enable");
-        await pageClient.send("ServiceWorker.unregister", {
+        await cdpSession.send("ServiceWorker.enable");
+        await cdpSession.send("ServiceWorker.unregister", {
             scopeURL: this.browserContext.domain,
         });
         // clear storage for a clean start
-        await pageClient.send("Storage.clearCookies");
-        await pageClient.send("Storage.clearDataForOrigin", {
+        await cdpSession.send("Storage.clearCookies");
+        await cdpSession.send("Storage.clearDataForOrigin", {
             origin: this.browserContext.domain,
             storageTypes: "all",
         });
-        await pageClient.send("Emulation.clearDeviceMetricsOverride");
-        await pageClient.send("Emulation.clearGeolocationOverride");
+        await cdpSession.send("Emulation.clearDeviceMetricsOverride");
+        await cdpSession.send("Emulation.clearGeolocationOverride");
+        (0, safe_1.safe)(() => {
+            cdpSession.on(onboarding_model_1.CDP_SESSION.EVENTS.SERVICE_WORKER.REGISTRATION_UPDATED, ({ registrations, }) => {
+                for (const registration of registrations) {
+                    if (registration.isDeleted) {
+                        this.developmentToolsMessages.addMessage({
+                            id: "serviceWorker",
+                            data: `Unregistered Service Worker at ${registration.scopeURL} id: ${registration.registrationId}`,
+                        });
+                        this.cli.writeWarning(`${this.cli.style.yellow("Unregistered Service Worker")} at ${this.cli.style.bold(registration.scopeURL)} (${registration.registrationId})`);
+                    }
+                }
+            });
+        });
     }
     async reinstallSpeedKit(page, pathname) {
         const url = new URL(page.url());
@@ -129,8 +135,7 @@ class OnboardingService {
     }
     async navigate(page, pathname) {
         const goto = new URL(pathname, `${this.browserContext.domain}`);
-        await page.goto(goto.toString());
-        await page.bringToFront();
+        await (0, safe_1.safe)(page.goto(goto.toString()));
     }
 }
 exports.OnboardingService = OnboardingService;

package/dist/services/onboarding/todo-collector.d.ts

@@ -1,4 +1,4 @@
-import { FileInterface } from "../integration-api";
+import { InstallResourceInterface } from "../integration-api/integration-api-model";
 export type task = {
     todo: string;
     context: string;
@@ -11,7 +11,7 @@ export type task = {
  */
 export declare class TodoCollector {
     private files;
-    constructor(files: FileInterface[]);
+    constructor(files: InstallResourceInterface[]);
     getOpenTasks(): task[];
     lineNumber(needle: string, haystack: string): number;
     lineNumberByIndex(index: number, string: string): number;

package/dist/services/onboarding/todo-collector.js

@@ -23,7 +23,7 @@ class TodoCollector {
                 tasks.push({
                     todo: task,
                     context: encodeURI(taskContext),
-                    file: configFile.name,
+                    file: configFile.path,
                     line: this.lineNumber(task, content),
                 });
                 return taskString;

package/dist/services/prewarm/assets/asset-api-client.js

@@ -37,7 +37,6 @@ class AssetApiClient {
                 authorization: `BAT ${this.authenticationToken}`,
             },
             method: "HEAD",
-            timeout: __1.FETCH_TIMEOUT,
         });
     }
     getRateLimit() {

package/oclif.manifest.json

@@ -686,7 +686,31 @@
         "commands",
         "wpt-launcher.js"
       ]
+    },
+    "config:edit": {
+      "aliases": [],
+      "args": {},
+      "description": "Edit cli config",
+      "examples": [
+        "$ sk config edit"
+      ],
+      "flags": {},
+      "hasDynamicHelp": false,
+      "hiddenAliases": [],
+      "id": "config:edit",
+      "pluginAlias": "@speedkit/cli",
+      "pluginName": "@speedkit/cli",
+      "pluginType": "core",
+      "strict": true,
+      "enableJsonFlag": false,
+      "isESM": false,
+      "relativePath": [
+        "dist",
+        "commands",
+        "config",
+        "edit.js"
+      ]
     }
   },
-  "version": "2.38.0"
+  "version": "2.40.0"
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@speedkit/cli",
   "description": "Speed Kit CLI",
-  "version": "2.38.0",
+  "version": "2.40.0",
   "author": {
     "name": "Baqend.com",
     "email": "info@baqend.com"
@@ -22,8 +22,7 @@
   "scripts": {
     "prepare": "husky install",
     "prebuild": "shx rm -rf dist",
-    "build": "tsc -b && copyfiles -u 1 src/**/*hbs ./dist && copyfiles -u 1 src/**/*js ./dist && npm run build:dashboard",
-    "build:dashboard": "copyfiles -u 1 src/services/onboarding/dashboard/frontend-dist/**/*.html dist && copyfiles -u 1 src/services/onboarding/dashboard/frontend-dist/**/*.js dist && copyfiles -u 1 src/services/onboarding/dashboard/frontend-dist/**/*.css dist",
+    "build": "tsc -b && copyfiles -u 1 src/**/*hbs ./dist && copyfiles -u 1 src/**/*js ./dist",
     "postbuild": "oclif manifest && oclif readme",
     "prepack": "npm run build",
     "test": "mocha --config ./.mocharc.cjs --reporter mocha-junit-reporter --reporter-options mochaFile=junit.xml",
@@ -83,21 +82,22 @@
     "domhandler": "5.0.3",
     "domutils": "^3.1",
     "dotenv": "^16.4",
-    "esbuild": "^0.20",
     "extract-zip": "^2.0.1",
-    "fs-extra": "^10.1.0",
-    "handlebars": "^4.7",
+    "fs-extra": "^11.2.0",
+    "handlebars": "^4.7.8",
     "htmlparser2": "8.0",
     "json2csv": "^6.0.0-alpha.2",
-    "node-fetch": "^2.6",
+    "node-fetch": "^2.7.0",
     "parse5": "7.1",
     "parse5-htmlparser2-tree-adapter": "7.0.0",
-    "puppeteer": "^21.11",
-    "puppeteer-core": "^22.4",
-    "puppeteer-extra": "^3.3",
-    "puppeteer-extra-plugin-user-preferences": "^2.4",
+    "puppeteer": "^22.6.5",
+    "puppeteer-core": "^22.6.5",
+    "puppeteer-extra": "^3.3.6",
+    "puppeteer-extra-plugin-user-preferences": "^2.4.1",
     "strip-comments": "^2.0.1",
-    "uuid": "^8.3.2"
+    "uuid": "^9.0.1",
+    "esbuild": "^0.20.2",
+    "ts-node": "^10.9.2"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.7.1",
@@ -109,10 +109,10 @@
     "@types/fs-extra": "^9.0.13",
     "@types/mocha": "^10.0",
     "@types/mock-fs": "^4.13.4",
-    "@types/node": "^18.19",
-    "@types/uuid": "^8.3.4",
+    "@types/node": "^20.12.7",
+    "@types/uuid": "^9.0.8",
     "@typescript-eslint/eslint-plugin": "^7.2.0",
-    "chai": "^4.4",
+    "chai": "^4.4.1",
     "copyfiles": "^2.4.1",
     "eslint": "^8.57",
     "eslint-config-prettier": "^9.1",
@@ -124,16 +124,16 @@
     "memfs": "^4.8.0",
     "mocha": "^10.1.0",
     "mocha-junit-reporter": "^2.2.1",
+    "mock-fs": "^5.2.0",
     "nock": "^13.5",
     "nyc": "^15.1.0",
-    "oclif": "^4.5",
+    "oclif": "^4.8.8",
     "shx": "^0.3.4",
     "ts-mocha": "^10.0.0",
-    "ts-node": "^10.9",
     "ts-sinon": "^2.0.2",
     "tslib": "^2.6",
-    "typescript": "^5.4",
-    "typescript-json-serializer": "^4.3.0"
+    "typescript": "^5.4.5",
+    "typescript-json-serializer": "^6.0.1"
   },
   "lint-staged": {
     "*.ts": [

package/dist/services/onboarding/dashboard/frontend-dist/assets/index-e3bd4f6e.css

@@ -1 +0,0 @@
-*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Poppins-Regular;font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--red: #ff4c3f;--red-dimmed: #bb382e;--green: #10af80;--greenOpacity: RGBA(12, 217, 149, .16);--blue: #0568fd;--blue-dimmed: #034cb9;--disabled: #6b7c96;--disabled-dimmed: #525f73;--fontPrimary: #282c39;--fontSecondary: #6b7c96;--backgroundPrimary: #fff;--backgroundSecondary: #eef2f7;--borderPrimary: #d8e1ed;--borderSecondary: #d8e1ed;--whiteOpacity: RGBA(255, 255, 255, .6);--tableFontPrimary: var(--fontPrimary);--tableFontSecondary: var(--fontSecondary);--tableBackgroundPrimary: var(--backgroundPrimary);--tableBackgroundSecondary: #f7f8fb;--tableBackgroundTernary: var(--backgroundSecondary);--tableBorder: #d8e1ed;--hover: var(--backgroundSecondary);--input-background: var(--backgroundPrimary);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}@media (prefers-contrast: more){:root{--fontSecondary: #282c39;--backgroundPrimary: #fff;--backgroundSecondary: #d8e1ed;--borderPrimary: #6b7c96;--borderSecondary: #6b7c96;--buttonPrimary: #0568fd;--buttonSecondary: #282c39;--whiteOpacity: RGBA(255, 255, 255, 1)}}@font-face{font-family:Lato;font-style:normal;font-weight:400;src:local("Lato Regular"),local("Lato-Regular"),url(/fonts/Lato-Regular.ttf) format("truetype")}@font-face{font-family:Lato-Bold;font-style:normal;font-weight:700;src:local("Lato Bold"),local("Lato-Bold"),url(/fonts/Lato-Bold.ttf) format("truetype")}@font-face{font-family:Poppins-Regular;font-style:normal;font-weight:400;src:local("Poppins Regular"),local("Poppins-Regular"),url(/fonts/Poppins-Regular.ttf) format("truetype")}@font-face{font-family:Poppins-SemiBold;font-style:normal;font-weight:600;src:local("Poppins SemiBold"),local("Poppins-SemiBold"),url(/fonts/Poppins-SemiBold.ttf) format("truetype")}a{font-weight:500;text-decoration:inherit}a:hover{color:var(--blue-dimmed)}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-y-\[0\.185rem\]{top:.185rem;bottom:.185rem}.left-1\/2-2{left:calc(50% - 2px)}.left-\[2px\]{left:2px}.top-\[0\]{top:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.-ml-8{margin-left:-2rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-auto{margin-right:auto}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.min-h-screen{min-height:100vh}.w-1\/12{width:8.333333%}.w-1\/2{width:50%}.w-2\/12{width:16.666667%}.w-7\/12{width:58.333333%}.w-full{width:100%}.w-sidebar{width:clamp(60px,80px,130px)}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.flex-auto{flex:1 1 auto}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-between{align-content:space-between}.content-evenly{align-content:space-evenly}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-evenly{justify-content:space-evenly}.overflow-hidden{overflow:hidden}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-bq-blue{border-color:var(--blue)}.border-bq-sec-border{border-color:var(--borderSecondary)}.border-bq-table-border{border-color:var(--tableBorder)}.border-b-bq-table-border{border-bottom-color:var(--tableBorder)}.bg-bq-blue{background-color:var(--blue)}.bg-bq-grey-light{--tw-bg-opacity: 1;background-color:rgb(242 244 246 / var(--tw-bg-opacity))}.bg-bq-prim-background{background-color:var(--backgroundPrimary)}.bg-bq-sec-background{background-color:var(--backgroundSecondary)}.bg-bq-table-background-prim{background-color:var(--tableBackgroundPrimary)}.bg-bq-table-background-sec{background-color:var(--tableBackgroundSecondary)}.bg-green-200{--tw-bg-opacity: 1;background-color:rgb(187 247 208 / var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[0\.185rem\]{padding:.185rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-4{padding-left:1rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.font-bold{font-family:Poppins-SemiBold}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-clamp font-size{-d-e-f-a-u-l-t:clamp(.8rem,.425rem + 3vw,2rem);s:clamp(.3rem,.3438rem + 1.25vw,.8rem);m:clamp(.5rem,.3438rem + 1.25vw,1rem);xl:clamp(1rem,.6875rem + 2.5vw,2rem)}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.capitalize{text-transform:capitalize}.text-bq-blue{color:var(--blue)}.text-bq-prim-font{color:var(--fontPrimary)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-60{opacity:.6}.shadow{--tw-shadow: 0px 1px 4px 0px #282C3914;--tw-shadow-colored: 0px 1px 4px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}*:disabled{cursor:default}*:disabled:disabled{opacity:.5}@media (prefers-color-scheme: dark){html{--fontPrimary: #e1e8f0;--fontSecondary: #8493ad;--backgroundPrimary: #282c39;--backgroundSecondary: #121212;--borderPrimary: #2e373e;--borderSecondary: #4a5a65;--buttonPrimary: #0568fd;--buttonSecondary: #d8e1ed;--whiteOpacity: RGBA(255, 255, 255, .06);--hover: #393f51;--tableFontPrimary: #d8e1ed;--tableFontSecondary: rgba(216 225 237, .6);--tableBackgroundPrimary: var(--backgroundPrimary);--tableBackgroundSecondary: #21242d;--tableBackgroundTernary: #1d1f26;--tableBorder: #333a4b;--input-background: var(--backgroundSecondary);color-scheme:dark}}.g-input:focus-within{margin:-1px;border-width:2px;border-color:var(--blue)}.g-content-divider{margin-top:1.25rem;margin-bottom:1.25rem;border-width:1px;border-left-width:0px;border-right-width:0px;border-bottom-width:0px;border-color:var(--borderPrimary)}#app{height:100%;width:100%}.tabs-component{margin-bottom:1rem;display:flex;flex-direction:column;padding-left:.5rem;padding-right:.5rem}.tabs-component-tabs{margin-bottom:-.5rem;display:flex}.tabs-component-tabs .tabs-component-tab-a{display:block;background-color:var(--backgroundSecondary);padding:.5rem .75rem;color:var(--fontSecondary)}.tabs-component-tabs .tabs-component-tab-a.is-active,.tabs-component-tabs .tabs-component-tab-a:hover{background-color:var(--backgroundPrimary);color:var(--fontPrimary)}.tabs-component-panels{padding:.5rem;color:var(--fontPrimary)}.router-link-exact-active{background-color:var(--tableBackgroundSecondary)}.hover\:scale-95:hover{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-blue-200:hover{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity))}.hover\:outline:hover{outline-style:solid}.hover\:outline-bq-blue-dimmed:hover{outline-color:var(--blue-dimmed)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.datatable{border-collapse:collapse;table-layout:fixed}.data-table th{text-align:left}.datatable tr:nth-child(odd) textarea,.datatable tr:nth-child(odd) input,.datatable tr:nth-child(odd){background-color:var(--tableBackgroundPrimary)}.datatable tr:nth-child(2n) textarea,.datatable tr:nth-child(2n) input,.datatable tr:nth-child(2n){background-color:var(--tableBackgroundSecondary)}.datatable td{padding:.25rem}.datatable tr textarea.identical,.datatable tr input.identical{--tw-bg-opacity: 1;background-color:rgb(187 247 208 / var(--tw-bg-opacity))}.datatable tr textarea.diff,.datatable tr input.diff{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity))}