@roots/bud-client 6.12.3 → 6.13.1

package/lib/hot/client.js

@@ -1,15 +1,6 @@
 /* eslint-disable no-console */
 /* global __resourceQuery */
 /* global __webpack_hash__ */
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import * as components from './components/index.js';
 import { injectEvents } from './events.js';
 import { makeLogger } from './log.js';
@@ -17,9 +8,9 @@ import * as clientOptions from './options.js';
 /**
  * Initializes bud.js HMR handling
  */
-export const client = (queryString, webpackHot) => __awaiter(void 0, void 0, void 0, function* () {
+export const client = async (queryString, webpackHot) => {
     /* Guard: EventSource browser support */
-    if (typeof (window === null || window === void 0 ? void 0 : window.EventSource) === `undefined`) {
+    if (typeof window?.EventSource === `undefined`) {
         console.error(`[bud] hot module reload requires EventSource to work. https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events#Tools`);
         return false;
     }
@@ -34,9 +25,9 @@ export const client = (queryString, webpackHot) => __awaiter(void 0, void 0, voi
     const logger = makeLogger(options);
     if (typeof window.bud === `undefined`) {
         window.bud = {
+            controllers: [],
             current: {},
             hmr: {},
-            controllers: [],
             listeners: {},
         };
     }
@@ -51,21 +42,19 @@ export const client = (queryString, webpackHot) => __awaiter(void 0, void 0, voi
     /**
      * Webpack HMR check handler
      */
-    const check = () => __awaiter(void 0, void 0, void 0, function* () {
+    const check = async () => {
         if (webpackHot.status() === `idle`) {
-            yield webpackHot.check(false);
-            requestAnimationFrame(function whenReady() {
-                return __awaiter(this, void 0, void 0, function* () {
-                    if (webpackHot.status() === `ready`) {
-                        yield update();
-                    }
-                    else {
-                        requestAnimationFrame(whenReady);
-                    }
-                });
+            await webpackHot.check(false);
+            requestAnimationFrame(async function whenReady() {
+                if (webpackHot.status() === `ready`) {
+                    await update();
+                }
+                else {
+                    requestAnimationFrame(whenReady);
+                }
             });
         }
-    });
+    };
     /**
      * Webpack HMR unaccepted module handler
      */
@@ -77,45 +66,47 @@ export const client = (queryString, webpackHot) => __awaiter(void 0, void 0, voi
      * Webpack HMR error handler
      */
     const onErrored = (error) => {
-        window.bud.controllers.map(controller => controller === null || controller === void 0 ? void 0 : controller.update({
+        window.bud.controllers.map(controller => controller?.update({
             errors: [error],
         }));
     };
     /**
      * Webpack HMR update handler
      */
-    const update = () => __awaiter(void 0, void 0, void 0, function* () {
+    const update = async () => {
         try {
-            yield webpackHot.apply({
-                ignoreUnaccepted: true,
+            await webpackHot.apply({
                 ignoreDeclined: true,
                 ignoreErrored: true,
+                ignoreUnaccepted: true,
+                onDeclined: onUnacceptedOrDeclined,
                 onErrored,
                 onUnaccepted: onUnacceptedOrDeclined,
-                onDeclined: onUnacceptedOrDeclined,
             });
             if (!isStale())
-                yield check();
+                await check();
         }
         catch (error) {
             logger.error(error);
         }
-    });
+    };
     /* Instantiate indicator, overlay */
-    yield components.make(options);
+    try {
+        await components.make(options);
+    }
+    catch (error) { }
     /* Instantiate eventSource */
     const events = injectEvents(EventSource).make(options);
-    if (!window.bud.listeners[options.name]) {
-        window.bud.listeners[options.name] = (payload) => __awaiter(void 0, void 0, void 0, function* () {
-            var _a;
+    if (!window.bud.listeners?.[options.name]) {
+        window.bud.listeners[options.name] = async (payload) => {
             if (!payload)
                 return;
             if (options.reload && payload.action === `reload`)
                 return window.location.reload();
             if (payload.name !== options.name)
                 return;
-            window.bud.controllers.map(controller => controller === null || controller === void 0 ? void 0 : controller.update(payload));
-            if (((_a = payload.errors) === null || _a === void 0 ? void 0 : _a.length) > 0)
+            window.bud.controllers.map(controller => controller?.update(payload));
+            if (payload.errors?.length > 0)
                 return;
             if (payload.action === `built` || payload.action === `sync`) {
                 if (isStale(payload.hash))
@@ -123,13 +114,13 @@ export const client = (queryString, webpackHot) => __awaiter(void 0, void 0, voi
                 if (payload.action === `built`) {
                     logger.log(`built in ${payload.time}ms`);
                 }
-                yield check();
+                await check();
             }
-        });
+        };
         /*
          * Instantiate HMR event source
          * and register client listeners
          */
         events.addListener(window.bud.listeners[options.name]);
     }
-});
+};

package/lib/hot/components/index.js

@@ -1,30 +1,21 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-export const make = (options) => __awaiter(void 0, void 0, void 0, function* () {
+export const make = async (options) => {
     if (options.indicator && !customElements.get(`bud-activity-indicator`)) {
-        yield import(`./indicator/index.js`)
+        await import(`./indicator/index.js`)
             .then(makeController)
             .then(maybePushController);
     }
     if (options.overlay && !customElements.get(`bud-error`)) {
-        yield import(`./overlay/index.js`)
+        await import(`./overlay/index.js`)
             .then(makeController)
             .then(maybePushController);
     }
     return window.bud.controllers;
-});
-const makeController = (module) => __awaiter(void 0, void 0, void 0, function* () {
+};
+const makeController = async (module) => {
     if (!module)
         return;
-    return yield module.make();
-});
+    return await module.make();
+};
 const maybePushController = (controller) => {
     if (!controller)
         return;

package/lib/hot/components/indicator/index.js

@@ -1,17 +1,8 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { Component } from './indicator.component.js';
 import { Controller } from './indicator.controller.js';
-export const make = () => __awaiter(void 0, void 0, void 0, function* () {
+export const make = async () => {
     if (customElements.get(`bud-activity-indicator`))
         return;
     customElements.define(`bud-activity-indicator`, Component);
     return new Controller();
-});
+};

package/lib/hot/components/indicator/indicator.component.d.ts

@@ -1,52 +1,46 @@
-/// <reference types="node" />
+/// <reference types="node" resolution-mode="require"/>
 /**
  * Indicator web component
  */
 export declare class Component extends HTMLElement {
     /**
-     * Has component rendered
-     */
-    rendered: boolean;
-    /**
-     * Component name
-     */
-    name: string;
-    /**
-     * Root div querySelector selector
+     * Status indicator colors
      */
-    get selector(): string;
+    colors: Record<string, [number, number, number, number]>;
     /**
      * Timer
      */
     hideTimeout: NodeJS.Timer;
     /**
-     * Get accessor: has errors
-     */
-    get hasErrors(): boolean;
-    /**
-     * Get accessor: has warnings
+     * Component name
      */
-    get hasWarnings(): boolean;
+    name: string;
     /**
-     * Status indicator colors
+     * Has component rendered
      */
-    colors: Record<string, [number, number, number, number]>;
+    rendered: boolean;
     /**
      * Class constructor
      */
     constructor();
+    static get observedAttributes(): string[];
+    attributeChangedCallback(): void;
     /**
-     * Render status indicator
+     * Get accessor: has errors
      */
-    renderShadow(): void;
+    get hasErrors(): boolean;
     /**
-     * Show status indicator
+     * Get accessor: has warnings
      */
-    show(): void;
+    get hasWarnings(): boolean;
     /**
      * Hide status indicator
      */
     hide(): void;
+    /**
+     * Status is error
+     */
+    onError(): void;
     /**
      * Status is pending
      */
@@ -55,14 +49,20 @@ export declare class Component extends HTMLElement {
      * Status is success
      */
     onSuccess(): void;
-    /**
-     * Status is error
-     */
-    onError(): void;
     /**
      * Status is warning
      */
     onWarning(): void;
-    static get observedAttributes(): string[];
-    attributeChangedCallback(): void;
+    /**
+     * Render status indicator
+     */
+    renderShadow(): void;
+    /**
+     * Root div querySelector selector
+     */
+    get selector(): string;
+    /**
+     * Show status indicator
+     */
+    show(): void;
 }

package/lib/hot/components/indicator/indicator.component.js

@@ -4,10 +4,40 @@ import { pulse } from './indicator.pulse.js';
  */
 export class Component extends HTMLElement {
     /**
-     * Root div querySelector selector
+     * Class constructor
      */
-    get selector() {
-        return `.${this.name}`;
+    constructor() {
+        super();
+        /**
+         * Status indicator colors
+         */
+        this.colors = {
+            error: [220, 38, 38, 1],
+            pending: [59, 130, 246, 1],
+            success: [4, 120, 87, 1],
+            warn: [252, 211, 77, 1],
+        };
+        /**
+         * Component name
+         */
+        this.name = `bud-activity-indicator`;
+        this.renderShadow();
+    }
+    static get observedAttributes() {
+        return [`has-errors`, `has-warnings`, `action`];
+    }
+    attributeChangedCallback() {
+        if (this.hasAttribute(`has-errors`))
+            return this.onError();
+        if (this.hasAttribute(`has-warnings`))
+            return this.onWarning();
+        if (!this.hasAttribute(`has-errors`) &&
+            !this.hasAttribute(`has-warnings`) &&
+            this.getAttribute(`action`) === `built`)
+            return this.onSuccess();
+        if (this.getAttribute(`action`) == `building` ||
+            this.getAttribute(`action`) == `sync`)
+            return this.onPending();
     }
     /**
      * Get accessor: has errors
@@ -22,24 +52,54 @@ export class Component extends HTMLElement {
         return this.getAttribute(`has-warnings`) == `true`;
     }
     /**
-     * Class constructor
+     * Hide status indicator
      */
-    constructor() {
-        super();
-        /**
-         * Component name
-         */
-        this.name = `bud-activity-indicator`;
-        /**
-         * Status indicator colors
-         */
-        this.colors = {
-            success: [4, 120, 87, 1],
-            error: [220, 38, 38, 1],
-            warn: [252, 211, 77, 1],
-            pending: [59, 130, 246, 1],
-        };
-        this.renderShadow();
+    hide() {
+        this.hideTimeout = setTimeout(() => {
+            this.shadowRoot.querySelector(this.selector).classList.remove(`show`);
+        }, 2000);
+    }
+    /**
+     * Status is error
+     */
+    onError() {
+        this.show();
+        this.shadowRoot
+            .querySelector(this.selector)
+            .classList.remove(`warning`, `success`, `pending`);
+        this.shadowRoot.querySelector(this.selector).classList.add(`error`);
+    }
+    /**
+     * Status is pending
+     */
+    onPending() {
+        this.show();
+        this.shadowRoot
+            .querySelector(this.selector)
+            .classList.remove(`error`, `warning`, `success`);
+        this.shadowRoot.querySelector(this.selector).classList.add(`pending`);
+        this.hide();
+    }
+    /**
+     * Status is success
+     */
+    onSuccess() {
+        this.show();
+        this.shadowRoot
+            .querySelector(this.selector)
+            .classList.remove(`error`, `warning`, `pending`);
+        this.shadowRoot.querySelector(this.selector).classList.add(`success`);
+        this.hide();
+    }
+    /**
+     * Status is warning
+     */
+    onWarning() {
+        this.show();
+        this.shadowRoot
+            .querySelector(this.selector)
+            .classList.remove(`error`, `success`, `pending`);
+        this.shadowRoot.querySelector(this.selector).classList.add(`warning`);
     }
     /**
      * Render status indicator
@@ -86,6 +146,12 @@ export class Component extends HTMLElement {
     `;
         this.attachShadow({ mode: `open` }).appendChild(container);
     }
+    /**
+     * Root div querySelector selector
+     */
+    get selector() {
+        return `.${this.name}`;
+    }
     /**
      * Show status indicator
      */
@@ -93,70 +159,4 @@ export class Component extends HTMLElement {
         this.hideTimeout && clearTimeout(this.hideTimeout);
         this.shadowRoot.querySelector(this.selector).classList.add(`show`);
     }
-    /**
-     * Hide status indicator
-     */
-    hide() {
-        this.hideTimeout = setTimeout(() => {
-            this.shadowRoot.querySelector(this.selector).classList.remove(`show`);
-        }, 2000);
-    }
-    /**
-     * Status is pending
-     */
-    onPending() {
-        this.show();
-        this.shadowRoot
-            .querySelector(this.selector)
-            .classList.remove(`error`, `warning`, `success`);
-        this.shadowRoot.querySelector(this.selector).classList.add(`pending`);
-        this.hide();
-    }
-    /**
-     * Status is success
-     */
-    onSuccess() {
-        this.show();
-        this.shadowRoot
-            .querySelector(this.selector)
-            .classList.remove(`error`, `warning`, `pending`);
-        this.shadowRoot.querySelector(this.selector).classList.add(`success`);
-        this.hide();
-    }
-    /**
-     * Status is error
-     */
-    onError() {
-        this.show();
-        this.shadowRoot
-            .querySelector(this.selector)
-            .classList.remove(`warning`, `success`, `pending`);
-        this.shadowRoot.querySelector(this.selector).classList.add(`error`);
-    }
-    /**
-     * Status is warning
-     */
-    onWarning() {
-        this.show();
-        this.shadowRoot
-            .querySelector(this.selector)
-            .classList.remove(`error`, `success`, `pending`);
-        this.shadowRoot.querySelector(this.selector).classList.add(`warning`);
-    }
-    static get observedAttributes() {
-        return [`has-errors`, `has-warnings`, `action`];
-    }
-    attributeChangedCallback() {
-        if (this.hasAttribute(`has-errors`))
-            return this.onError();
-        if (this.hasAttribute(`has-warnings`))
-            return this.onWarning();
-        if (!this.hasAttribute(`has-errors`) &&
-            !this.hasAttribute(`has-warnings`) &&
-            this.getAttribute(`action`) === `built`)
-            return this.onSuccess();
-        if (this.getAttribute(`action`) == `building` ||
-            this.getAttribute(`action`) == `sync`)
-            return this.onPending();
-    }
 }

package/lib/hot/components/indicator/indicator.controller.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="node" />
+/// <reference types="node" resolution-mode="require"/>
 /**
  * Activity indicator controller
  */

package/lib/hot/components/indicator/indicator.controller.js

@@ -17,29 +17,26 @@ export class Controller {
      * Append `bud-error` element to the DOM
      */
     addNode() {
-        var _a;
         if (document.body.querySelector(`bud-activity-indicator`)) {
             if (typeof this.timer.unref === `function`)
                 this.timer.unref();
             this.removeNode();
         }
-        (_a = document.body) === null || _a === void 0 ? void 0 : _a.appendChild(this.node);
+        document.body?.appendChild(this.node);
         this.timer = setTimeout(this.removeNode, 3000);
     }
     /**
      * Remove `bud-error` element from the DOM (if present)
      */
     removeNode() {
-        var _a;
-        (_a = document.body.querySelector(`bud-activity-indicator`)) === null || _a === void 0 ? void 0 : _a.remove();
+        document.body.querySelector(`bud-activity-indicator`)?.remove();
     }
     /**
      * Update activity indicator
      */
     update(payload) {
-        var _a, _b;
-        this.node.toggleAttribute(`has-errors`, ((_a = payload.errors) === null || _a === void 0 ? void 0 : _a.length) ? true : false);
-        this.node.toggleAttribute(`has-warnings`, ((_b = payload.warnings) === null || _b === void 0 ? void 0 : _b.length) ? true : false);
+        this.node.toggleAttribute(`has-errors`, payload.errors?.length ? true : false);
+        this.node.toggleAttribute(`has-warnings`, payload.warnings?.length ? true : false);
         this.node.setAttribute(`action`, payload.action);
         this.addNode();
     }

package/lib/hot/components/overlay/index.js

@@ -1,17 +1,8 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { Component } from './overlay.component.js';
 import { Controller } from './overlay.controller.js';
-export const make = () => __awaiter(void 0, void 0, void 0, function* () {
+export const make = async () => {
     if (customElements.get(`bud-error`))
         return;
     customElements.define(`bud-error`, Component);
     return new Controller();
-});
+};

package/lib/hot/components/overlay/overlay.component.d.ts

@@ -2,16 +2,16 @@
  * Component container
  */
 export declare class Component extends HTMLElement {
+    documentBodyStyle: any;
     name: string;
     /**
      * WHM payload
      */
     payload: any;
-    documentBodyStyle: any;
-    get message(): string;
     constructor();
-    renderShadow(): void;
     static get observedAttributes(): string[];
     attributeChangedCallback(): void;
     connectedCallback(): void;
+    get message(): string;
+    renderShadow(): void;
 }

package/lib/hot/components/overlay/overlay.component.js

@@ -2,14 +2,36 @@
  * Component container
  */
 export class Component extends HTMLElement {
-    get message() {
-        return this.getAttribute(`message`);
-    }
     constructor() {
         super();
         this.name = `bud-overlay`;
         this.renderShadow();
     }
+    static get observedAttributes() {
+        return [`message`];
+    }
+    attributeChangedCallback() {
+        if (!this.documentBodyStyle)
+            this.documentBodyStyle = document.body?.style;
+        if (this.getAttribute(`message`)) {
+            document.body.style.overflow = `hidden`;
+            this.shadowRoot.querySelector(`.overlay`).classList.add(`visible`);
+            this.shadowRoot.querySelector(`.messages`).innerHTML =
+                this.getAttribute(`message`);
+            return;
+        }
+        if (this.documentBodyStyle?.overflow && document?.body?.style) {
+            document.body.style.overflow = this.documentBodyStyle.overflow;
+        }
+        this.shadowRoot.querySelector(`.overlay`).classList.remove(`visible`);
+    }
+    connectedCallback() {
+        if (document.body?.style)
+            this.documentBodyStyle = document.body.style;
+    }
+    get message() {
+        return this.getAttribute(`message`);
+    }
     renderShadow() {
         const container = document.createElement(`div`);
         container.classList.add(`overlay`);
@@ -119,28 +141,4 @@ export class Component extends HTMLElement {
     `;
         this.attachShadow({ mode: `open` }).appendChild(container);
     }
-    static get observedAttributes() {
-        return [`message`];
-    }
-    attributeChangedCallback() {
-        var _a, _b, _c;
-        if (!this.documentBodyStyle)
-            this.documentBodyStyle = (_a = document.body) === null || _a === void 0 ? void 0 : _a.style;
-        if (this.getAttribute(`message`)) {
-            document.body.style.overflow = `hidden`;
-            this.shadowRoot.querySelector(`.overlay`).classList.add(`visible`);
-            this.shadowRoot.querySelector(`.messages`).innerHTML =
-                this.getAttribute(`message`);
-            return;
-        }
-        if (((_b = this.documentBodyStyle) === null || _b === void 0 ? void 0 : _b.overflow) && ((_c = document === null || document === void 0 ? void 0 : document.body) === null || _c === void 0 ? void 0 : _c.style)) {
-            document.body.style.overflow = this.documentBodyStyle.overflow;
-        }
-        this.shadowRoot.querySelector(`.overlay`).classList.remove(`visible`);
-    }
-    connectedCallback() {
-        var _a;
-        if ((_a = document.body) === null || _a === void 0 ? void 0 : _a.style)
-            this.documentBodyStyle = document.body.style;
-    }
 }

package/lib/hot/components/overlay/overlay.controller.d.ts

@@ -10,10 +10,6 @@ export declare class Controller {
      * HMR update
      */
     payload: Payload;
-    /**
-     * Formatted error message
-     */
-    get message(): string;
     /**
      * Class constructor
      */
@@ -22,6 +18,10 @@ export declare class Controller {
      * Append `bud-error` element to the DOM
      */
     createError(): void;
+    /**
+     * Formatted error message
+     */
+    get message(): string;
     /**
      * Remove `bud-error` element from the DOM (if present)
      */