@roots/bud-client 0.0.0

package/src/hot/log.ts

@@ -0,0 +1,42 @@
+/* eslint-disable no-console */
+
+export const makeLogger = (options: Options) => {
+  return {
+    log: makeLog(options),
+    error: makeError(options),
+    warn: makeWarn(options),
+    info: makeInfo(options),
+  }
+}
+
+let lastLog: string = null
+export const makeLog = options => {
+  return (...args) => {
+    if (options.log) {
+      if (lastLog === args.join(``)) return
+      lastLog = args.join(``)
+
+      console.log(`[${options.name}]`, ...args)
+    }
+  }
+}
+
+export const makeInfo = options => {
+  return (...args) => {
+    if (options.log) {
+      console.info(`[${options.name}]`, ...args)
+    }
+  }
+}
+
+export const makeError = options => {
+  return (...args) => {
+    console.error(`[${options.name}]`, ...args)
+  }
+}
+
+export const makeWarn = options => {
+  return (...args) => {
+    console.warn(`[${options.name}]`, ...args)
+  }
+}

package/src/hot/options.ts

@@ -0,0 +1,40 @@
+/**
+ * Client options
+ * @public
+ */
+let data: Options = {
+  timeout: 2000,
+  reload: true,
+  name: `@roots/bud-client`,
+  debug: true,
+  log: true,
+  indicator: true,
+  overlay: true,
+  path: `/bud/hot`,
+}
+
+/**
+ * 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> = {}
+
+  new window.URLSearchParams(query).forEach((value, key) => {
+    parsedParams[key] =
+      value === `true` ? true : value === `false` ? false : value
+  })
+
+  data[parsedParams.name] = {...data, ...parsedParams}
+
+  return data[parsedParams.name]
+}
+
+export {data, get, setFromParameters}

package/src/index.cts

@@ -0,0 +1,16 @@
+// Copyright © Roots Software Foundation LLC
+// Licensed under the MIT license.
+
+/**
+ * `@roots/bud` client scripts
+ *
+ * You should not import this root module.
+ * Import the components from the submodules instead.
+ *
+ * @see https://bud.js.org
+ * @see https://github.com/roots/bud
+ *
+ *  @packageDocumentation
+ */
+
+export {}

package/src/index.mts

@@ -0,0 +1,16 @@
+// Copyright © Roots Software Foundation LLC
+// Licensed under the MIT license.
+
+/**
+ * `@roots/bud` client scripts
+ *
+ * You should not import this root module.
+ * Import the components from the submodules instead.
+ *
+ * @see https://bud.js.org
+ * @see https://github.com/roots/bud
+ *
+ *  @packageDocumentation
+ */
+
+export {}

package/src/intercept/index.ts

@@ -0,0 +1,33 @@
+type Target = HTMLAnchorElement | HTMLLinkElement | HTMLFormElement
+type ElementTuple = [HTMLCollectionOf<Target>, any]
+
+const intercept = (...args: [string, string]) => {
+  args.every(arg => typeof arg === `string`) &&
+    setInterval(
+      () =>
+        [
+          [document.getElementsByTagName(`a`), `href`],
+          [document.getElementsByTagName(`link`), `href`],
+        ]
+          .map(
+            ([elements, attribute]: ElementTuple): [
+              Array<Target>,
+              any,
+            ] => [Array.from(elements), attribute],
+          )
+          .forEach(([elements, attribute]: [Array<Target>, any]) =>
+            elements
+              .filter(el => el.hasAttribute(attribute))
+              .filter(el => !el.hasAttribute(`__bud_processed`))
+              .filter(el => el.getAttribute(attribute).startsWith(args[0]))
+              .map(el => {
+                const value = el.getAttribute(attribute).replace(...args)
+                el.setAttribute(attribute, value)
+                el.toggleAttribute(`__bud_processed`)
+              }),
+          ),
+      1000,
+    )
+}
+
+export default intercept

package/src/intercept/proxy-click-interceptor.ts

@@ -0,0 +1,18 @@
+/* eslint-disable no-console */
+/* global __resourceQuery */
+
+import intercept from './index.js'
+
+window.requestAnimationFrame(async function ready() {
+  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/src/types/index.d.ts

@@ -0,0 +1,54 @@
+declare var __resourceQuery: string
+declare var __webpack_hash__: string
+
+interface Listener {
+  (event: Payload): void
+}
+
+declare interface Events {
+  options: Partial<Options> & {name: string; path: string}
+  listeners: Set<Listener>
+  addListener(fn: Listener): this
+  onopen: (ev?: Event) => void
+  onmessage: (ev?: MessageEvent) => void
+}
+
+declare interface Payload {
+  name: string
+  type: `middleware` | __WebpackModuleApi.HotNotifierInfo[`type`]
+  action: 'reload' | 'sync' | 'building' | 'built'
+  hash?: string
+  time?: number
+  errors?: Array<Record<string, any>>
+  warnings?: Array<string>
+  message?: string
+  modules?: Record<string, Array<string>>
+}
+
+declare interface Controller {
+  update: (payload: Partial<Payload>) => void
+}
+
+declare interface Options {
+  timeout: number
+  reload: boolean
+  debug: boolean
+  log: boolean
+  name: string
+  path: string
+  indicator: boolean
+  overlay: boolean
+}
+
+declare var bud: {
+  current?: Record<string, string>
+  controllers?: Array<Controller>
+  hmr?: Record<string, Events & EventSource>
+  listeners?: Record<string, Listener>
+}
+
+declare module global {
+  interface Window {
+    bud: typeof bud
+  }
+}