@roots/bud-client 6.10.0 → 6.12.0

package/lib/intercept/proxy-click-interceptor.js

@@ -0,0 +1,26 @@
+/* eslint-disable no-console */
+/* global __resourceQuery */
+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 intercept from './index.js';
+window.requestAnimationFrame(function ready() {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (!__resourceQuery)
+            return;
+        const params = new URLSearchParams(__resourceQuery);
+        if (!params || !params.has(`search`) || !params.has(`replace`))
+            return;
+        const search = decodeURI(params.get(`search`));
+        const replace = decodeURI(params.get(`replace`));
+        return document.body
+            ? intercept(search, replace)
+            : window.requestAnimationFrame(ready);
+    });
+});

package/package.json

@@ -1,12 +1,9 @@
 {
   "name": "@roots/bud-client",
+  "version": "6.12.0",
   "description": "Client scripts for @roots/bud",
-  "version": "6.10.0",
-  "homepage": "https://roots.io/bud",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/roots/bud.git",
-    "directory": "sources/@roots/bud-client"
+  "engines": {
+    "node": ">=16"
   },
   "contributors": [
     {
@@ -21,46 +18,58 @@
     }
   ],
   "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/roots/bud/issues"
-  },
+  "homepage": "https://roots.io/bud",
   "funding": {
     "type": "github sponsors",
     "url": "https://github.com/sponsors/roots"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/roots/bud.git",
+    "directory": "sources/@roots/bud-client"
+  },
+  "bugs": "https://github.com/roots/bud/issues",
   "keywords": [
     "bud",
     "bud-framework"
   ],
-  "engines": {
-    "node": ">=16"
-  },
   "files": [
     "docs",
     "lib",
     "src"
   ],
-  "main": "./lib/index.cjs",
-  "module": "./lib/index.mjs",
-  "types": "./lib/index.d.ts",
   "exports": {
     ".": {
-      "types": "./lib/index.d.mts",
       "require": "./lib/index.cjs",
       "default": "./lib/index.mjs"
     },
     "./lib/*": {
-      "types": "./lib/*.d.mts",
       "require": "./lib/*",
       "default": "./lib/*"
     }
   },
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./lib/index.d.ts"
+      ],
+      "./lib/*": [
+        "./lib/*"
+      ]
+    }
+  },
+  "types": "./lib/index.d.ts",
+  "main": "./lib/index.cjs",
+  "module": "./lib/index.mjs",
   "devDependencies": {
-    "@roots/bud": "6.10.0",
+    "@roots/bud": "6.12.0",
     "@skypack/package-check": "0.2.2",
-    "@types/node": "18.11.18",
+    "@types/node": "18.15.10",
     "@types/webpack-env": "1.18.0"
   },
+  "dependencies": {
+    "tslib": "2.5.0"
+  },
   "peerDependencies": {
     "@roots/bud": "*",
     "@types/webpack-env": "*"

package/src/hot/client.ts

@@ -54,8 +54,6 @@ export const client = async (
 
   /**
    * Webpack HMR check handler
-   *
-   * @internal
    */
   const check = async () => {
     if (webpackHot.status() === `idle`) {
@@ -73,8 +71,6 @@ export const client = async (
 
   /**
    * Webpack HMR unaccepted module handler
-   *
-   * @internal
    */
   const onUnacceptedOrDeclined = (
     info: __WebpackModuleApi.HotNotifierInfo,
@@ -85,8 +81,6 @@ export const client = async (
 
   /**
    * Webpack HMR error handler
-   *
-   * @internal
    */
   const onErrored = (error: any) => {
     window.bud.controllers.map(controller =>
@@ -98,8 +92,6 @@ export const client = async (
 
   /**
    * Webpack HMR update handler
-   *
-   * @internal
    */
   const update = async () => {
     try {

package/src/hot/components/indicator/indicator.component.ts

@@ -2,24 +2,20 @@ import {pulse} from './indicator.pulse.js'
 
 /**
  * Indicator web component
- * @public
  */
 export class Component extends HTMLElement {
   /**
    * Has component rendered
-   * @public
    */
   public rendered: boolean
 
   /**
    * Component name
-   * @public
    */
   public name: string = `bud-activity-indicator`
 
   /**
    * Root div querySelector selector
-   * @public
    */
   public get selector() {
     return `.${this.name}`
@@ -27,13 +23,11 @@ export class Component extends HTMLElement {
 
   /**
    * Timer
-   * @public
    */
   public hideTimeout: NodeJS.Timer
 
   /**
    * Get accessor: has errors
-   * @public
    */
   public get hasErrors(): boolean {
     return this.getAttribute(`has-errors`) == `true`
@@ -41,7 +35,6 @@ export class Component extends HTMLElement {
 
   /**
    * Get accessor: has warnings
-   * @public
    */
   public get hasWarnings(): boolean {
     return this.getAttribute(`has-warnings`) == `true`
@@ -49,7 +42,6 @@ export class Component extends HTMLElement {
 
   /**
    * Status indicator colors
-   * @public
    */
   public colors: Record<string, [number, number, number, number]> = {
     success: [4, 120, 87, 1],
@@ -60,7 +52,6 @@ export class Component extends HTMLElement {
 
   /**
    * Class constructor
-   * @public
    */
   public constructor() {
     super()
@@ -69,7 +60,6 @@ export class Component extends HTMLElement {
 
   /**
    * Render status indicator
-   * @public
    */
   public renderShadow() {
     const container = document.createElement(`div`)
@@ -117,7 +107,6 @@ export class Component extends HTMLElement {
 
   /**
    * Show status indicator
-   * @public
    */
   public show() {
     this.hideTimeout && clearTimeout(this.hideTimeout)
@@ -135,7 +124,6 @@ export class Component extends HTMLElement {
 
   /**
    * Status is pending
-   * @public
    */
   public onPending() {
     this.show()
@@ -151,7 +139,6 @@ export class Component extends HTMLElement {
 
   /**
    * Status is success
-   * @public
    */
   public onSuccess() {
     this.show()
@@ -167,7 +154,6 @@ export class Component extends HTMLElement {
 
   /**
    * Status is error
-   * @public
    */
   public onError() {
     this.show()
@@ -180,7 +166,6 @@ export class Component extends HTMLElement {
 
   /**
    * Status is warning
-   * @public
    */
   public onWarning() {
     this.show()

package/src/hot/components/indicator/indicator.controller.ts

@@ -1,29 +1,24 @@
 /**
  * Activity indicator controller
- * @public
  */
 export class Controller {
   /**
    * DOM node
-   * @public
    */
   public node: HTMLElement
 
   /**
    * Active WHM payload
-   * @public
    */
   public payload = null
 
   /**
    * Timer handler
-   * @public
    */
   public timer: NodeJS.Timeout
 
   /**
    * Initialization
-   * @public
    */
   public constructor() {
     this.node = document.createElement(`bud-activity-indicator`)
@@ -32,8 +27,6 @@ export class Controller {
 
   /**
    * Append `bud-error` element to the DOM
-   *
-   * @public
    */
   public addNode() {
     if (document.body.querySelector(`bud-activity-indicator`)) {
@@ -47,8 +40,6 @@ export class Controller {
 
   /**
    * Remove `bud-error` element from the DOM (if present)
-   *
-   * @public
    */
   public removeNode() {
     document.body.querySelector(`bud-activity-indicator`)?.remove()
@@ -56,7 +47,6 @@ export class Controller {
 
   /**
    * Update activity indicator
-   * @public
    */
   public update(payload: Payload) {
     this.node.toggleAttribute(

package/src/hot/components/indicator/indicator.pulse.ts

@@ -4,7 +4,6 @@ export interface pulse {
 
 /**
  * CSS animation for reload indicator
- * @public
  */
 export const pulse = (
   name: string,

package/src/hot/components/overlay/overlay.component.ts

@@ -6,8 +6,6 @@ export class Component extends HTMLElement {
 
   /**
    * WHM payload
-   *
-   * @public
    */
   public payload: any
 

package/src/hot/components/overlay/overlay.controller.ts

@@ -8,24 +8,20 @@ const stripAnsi = (body: string) =>
 
 /**
  * Overlay controller
- * @public
  */
 export class Controller {
   /**
    * Element
-   * @public
    */
   public element: HTMLElement
 
   /**
    * HMR update
-   * @public
    */
   public payload: Payload
 
   /**
    * Formatted error message
-   * @public
    */
   public get message(): string {
     return this.payload.errors?.reduce((a, c) => {
@@ -40,8 +36,6 @@ export class Controller {
 
   /**
    * Class constructor
-   *
-   * @public
    */
   public constructor() {
     this.update = this.update.bind(this)
@@ -50,8 +44,6 @@ export class Controller {
 
   /**
    * Append `bud-error` element to the DOM
-   *
-   * @public
    */
   public createError() {
     !document.body.querySelector(`bud-error`) &&
@@ -60,8 +52,6 @@ export class Controller {
 
   /**
    * Remove `bud-error` element from the DOM (if present)
-   *
-   * @public
    */
   public removeError() {
     document.body.querySelector(`bud-error`)?.remove()
@@ -69,8 +59,6 @@ export class Controller {
 
   /**
    * Update DOM
-   *
-   * @public
    */
   public update(payload: Payload): void {
     this.payload = payload

package/src/hot/events.ts

@@ -9,8 +9,6 @@ export const injectEvents = (
    * @remarks
    * wraps EventSource in a function to allow for
    * mocking in tests
-   *
-   * @public
    */
   return class Events extends eventSource {
     /**

package/src/hot/options.ts

@@ -1,6 +1,5 @@
 /**
  * Client options
- * @public
  */
 let data: Options = {
   timeout: 2000,
@@ -15,14 +14,12 @@ let data: Options = {
 
 /**
  * Get client option
- * @public
  */
 const get = (name?: string, key?: string) =>
   key ? data[name][key] : data[name]
 
 /**
  * Set client data based on URL parameters
- * @public
  */
 const setFromParameters = (query: string): Options => {
   let parsedParams: Partial<Options> = {}