@hybridly/utils 0.0.1-dev.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Anthony Fu <https://github.com/antfu>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -0,0 +1,355 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const baseMerge = require('deepmerge');
+const makeDebugger = require('debug');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
+
+const baseMerge__default = /*#__PURE__*/_interopDefaultLegacy(baseMerge);
+const makeDebugger__default = /*#__PURE__*/_interopDefaultLegacy(makeDebugger);
+
+function hasFiles(data) {
+  if (!data) {
+    return false;
+  }
+  return data instanceof File || data instanceof Blob || data instanceof FileList && data.length > 0 || data instanceof FormData && Array.from(data.values()).some((value) => hasFiles(value)) || typeof data === "object" && data !== null && Object.values(data).some((value) => hasFiles(value));
+}
+function objectToFormData(source, form, parentKey) {
+  source ?? (source = {});
+  form ?? (form = new FormData());
+  if (typeof source !== "object" || Array.isArray(source) || source instanceof Blob || source instanceof Date || source instanceof FormData) {
+    throw new TypeError("Source must be an object literal to be converted to a FormData object.");
+  }
+  for (const key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      append(form, composeKey(key, parentKey), source[key]);
+    }
+  }
+  return form;
+}
+function composeKey(key, parentKey) {
+  return parentKey ? `${parentKey}[${key}]` : key;
+}
+function append(form, key, value) {
+  if (Array.isArray(value)) {
+    return Array.from(value.keys()).forEach((index) => append(form, composeKey(index.toString(), key), value[index]));
+  } else if (value instanceof Date) {
+    return form.append(key, value.toISOString());
+  } else if (value instanceof File) {
+    return form.append(key, value, value.name);
+  } else if (value instanceof Blob) {
+    return form.append(key, value);
+  } else if (typeof value === "boolean") {
+    return form.append(key, value ? "1" : "0");
+  } else if (typeof value === "string") {
+    return form.append(key, value);
+  } else if (typeof value === "number") {
+    return form.append(key, `${value}`);
+  } else if (value === null || value === void 0) {
+    return form.append(key, "");
+  }
+  objectToFormData(value, form, key);
+}
+
+class Modal {
+  constructor(html, animationDurationInMs = 200) {
+    this.html = html;
+    this.animationDurationInMs = animationDurationInMs;
+    if (this.initializeDOM() !== false) {
+      this.show();
+    }
+  }
+  static fromException(response) {
+    if (typeof response === "string" && response.trim() !== "") {
+      return new Modal(`<style>${htmlStyle()}</style>${response.toString()}`);
+    }
+    return new Modal(`
+			<style>${style()}</style>
+			<div class="h-full text-center flex">
+				<div class="m-auto">
+					<div class="text-5xl font-thin">Error</div>
+					<div class="opacity-30 text-lg font-thin m-1">The received response does not respect the Hybridly protocol.</div>
+					<pre class="text-sm opacity-80 max-h-[500px] w-full mx-auto text-left mt-6">${JSON.stringify(response, null, 2)}</pre>
+				</div>
+			</div>
+		`);
+  }
+  static forPageComponent(component) {
+    return new Modal(`
+			<style>${style()}</style>
+			<div class="h-full text-center flex">
+				<div class="m-auto">
+					<div class="text-5xl font-thin">Error</div>
+					<div class="opacity-30 text-lg font-thin m-1">The specified page component does not exist.</div>
+					<div class="m-2 flex justify-center text-xl opacity-30 underline underline-dotted">${component}</div>
+				</div>
+			</div>
+		`);
+  }
+  initializeDOM() {
+    if (!this.html) {
+      return false;
+    }
+    if (document.querySelector('[data-hybridly-overlay="true"]')) {
+      return false;
+    }
+    const main = document.createElement("html");
+    main.innerHTML = this.html;
+    main.querySelectorAll("a").forEach((a) => a.setAttribute("target", "_top"));
+    const overlay = document.createElement("div");
+    overlay.dataset.hybridly = "";
+    overlay.style.position = "fixed";
+    overlay.style.width = "100vw";
+    overlay.style.height = "100vh";
+    overlay.style.padding = "50px";
+    overlay.style.boxSizing = "border-box";
+    overlay.style.backgroundColor = "rgba(0, 0, 0, .35)";
+    overlay.style.color = "white";
+    overlay.style.zIndex = "2147483638";
+    overlay.style.overflow = "hidden";
+    const iframe = document.createElement("iframe");
+    iframe.style.backgroundColor = "#050505";
+    iframe.style.width = "100%";
+    iframe.style.height = "100%";
+    iframe.style.borderRadius = "10px";
+    overlay.appendChild(iframe);
+    const style2 = document.createElement("style");
+    style2.innerHTML = `
+			[data-hybridly] {
+				opacity: 0;
+				overflow: hidden;
+				transition: opacity ${this.animationDurationInMs}ms ease-out;
+			}
+
+			[data-hybridly="visible"] {
+				opacity: 1;
+			}
+
+			[data-hybridly] iframe {
+				box-shadow: 0px 10px 35px 5px rgba(0,0,0,0.2);
+				opacity: 0;
+				overflow: hidden;
+				transform: scale(.85);
+				transition: all 100ms ease-out;
+			}
+			
+			[data-hybridly="visible"] iframe {
+				transform: scale(1);
+				opacity: 1;
+			}
+		`;
+    this.main = main;
+    this.overlay = overlay;
+    this.iframe = iframe;
+    this.style = style2;
+  }
+  show() {
+    this.overlay.addEventListener("click", () => this.destroy());
+    this.hideOnEscape = (event) => {
+      if (event.keyCode === 27) {
+        this.destroy();
+      }
+    };
+    document.addEventListener("keydown", this.hideOnEscape);
+    document.body.prepend(this.style);
+    document.body.prepend(this.overlay);
+    this.iframe.contentWindow?.document.open();
+    this.iframe.contentWindow?.document.write(this.main.outerHTML);
+    this.iframe.contentWindow?.document.close();
+    this.overlay.dataset.hybridly = "visible";
+  }
+  destroy() {
+    this.overlay.dataset.hybridly = "";
+    setTimeout(() => {
+      this.overlay.outerHTML = "";
+      this.overlay.remove();
+      this.style.remove();
+      document.removeEventListener("keydown", this.hideOnEscape);
+    }, this.animationDurationInMs);
+  }
+}
+function showResponseErrorModal(response) {
+  return Modal.fromException(response);
+}
+function showPageComponentErrorModal(response) {
+  return Modal.forPageComponent(response);
+}
+function htmlStyle() {
+  return `
+		html {
+			background-color: #050505;
+			color: white;
+			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";
+			display: flex;
+			flex-direction: column;
+			height: 100%;
+		}
+	`;
+}
+function style() {
+  return `
+		${htmlStyle()}
+		body {
+			padding: 5rem 2rem;
+			flex-grow: 1;
+		}
+		.m-1 {
+			margin: 0.25rem;
+		}
+		.m-2 {
+			margin: 0.5rem;
+		}
+		.mt-6 {
+			margin-top: 1.5rem;
+		}
+		.m-auto {
+			margin: auto;
+		}
+		.h-full {
+			height: 100%;
+		}
+		.max-h-[500px] {
+			max-height: 500px;
+		}
+		.w-full {
+			width: 100%;
+		}
+		.flex {
+			display: flex;
+		}
+		.justify-center {
+			justify-content: center;
+		}
+		.text-center {
+			text-align: center;
+		}
+		.text-left {
+			text-align: left;
+		}
+		.text-5xl {
+			font-size: 3rem;
+			line-height: 1;
+		}
+		.text-lg {
+			font-size: 1.125rem;
+			line-height: 1.75rem;
+		}
+		.text-xl {
+			font-size: 1.25rem;
+			line-height: 1.75rem;
+		}
+		.text-sm {
+			font-size: 0.875rem;
+			line-height: 1.25rem;
+		}
+		.font-thin {
+			font-weight: 100;
+		}
+		.underline {
+			text-decoration-line: underline;
+		}
+		.underline-dotted {
+			text-decoration-style: dotted;
+		}
+		.opacity-30 {
+			opacity: 0.3;
+		}
+		.opacity-80 {
+			opacity: 0.8;
+		}
+	`;
+}
+
+function random(length = 10) {
+  const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  let str = "";
+  for (let i = 0; i < length; i++) {
+    str += chars.charAt(Math.floor(Math.random() * chars.length));
+  }
+  return str;
+}
+function match(value2, lookup, ...args) {
+  if (value2 in lookup || "default" in lookup) {
+    const returnValue = value2 in lookup ? lookup[value2] : lookup.default;
+    return typeof returnValue === "function" ? returnValue(...args) : returnValue;
+  }
+  const handlers = Object.keys(lookup).map((key) => `"${key}"`).join(", ");
+  const error = new Error(`Tried to handle "${value2}" but there is no handler defined. Only defined handlers are: ${handlers}.`);
+  throw error;
+}
+function debounce(fn, delay) {
+  let timeoutID;
+  return function(...args) {
+    clearTimeout(timeoutID);
+    timeoutID = setTimeout(() => fn(args), delay);
+  };
+}
+function value(value2) {
+  if (typeof value2 === "function") {
+    return value2?.();
+  }
+  return value2;
+}
+function when(condition, data, _default) {
+  if (!condition) {
+    return _default;
+  }
+  return data;
+}
+function clone(val) {
+  let k, out, tmp;
+  if (Array.isArray(val)) {
+    out = Array(k = val.length);
+    while (k--) {
+      out[k] = (tmp = val[k]) && typeof tmp === "object" ? clone(tmp) : tmp;
+    }
+    return out;
+  }
+  if (Object.prototype.toString.call(val) === "[object Object]") {
+    out = {};
+    for (k in val) {
+      if (k === "__proto__") {
+        Object.defineProperty(out, k, {
+          value: clone(val[k]),
+          configurable: true,
+          enumerable: true,
+          writable: true
+        });
+      } else {
+        out[k] = (tmp = val[k]) && typeof tmp === "object" ? clone(tmp) : tmp;
+      }
+    }
+    return out;
+  }
+  return val;
+}
+function merge(x, y) {
+  return baseMerge__default(x, y, { arrayMerge: (_, s) => s });
+}
+
+const debug = {
+  router: makeDebugger__default("hybridly:core:router"),
+  history: makeDebugger__default("hybridly:core:history"),
+  url: makeDebugger__default("hybridly:core:url"),
+  context: makeDebugger__default("hybridly:core:context"),
+  external: makeDebugger__default("hybridly:core:external"),
+  scroll: makeDebugger__default("hybridly:core:scroll"),
+  hook: makeDebugger__default("hybridly:core:hook"),
+  plugin: (name, ...args) => makeDebugger__default("hybridly:plugin").extend(name.replace("hybridly:", ""))(args.shift(), ...args),
+  adapter: (name, ...args) => makeDebugger__default("hybridly:adapter").extend(name)(args.shift(), ...args)
+};
+
+exports.clone = clone;
+exports.debounce = debounce;
+exports.debug = debug;
+exports.hasFiles = hasFiles;
+exports.match = match;
+exports.merge = merge;
+exports.objectToFormData = objectToFormData;
+exports.random = random;
+exports.showPageComponentErrorModal = showPageComponentErrorModal;
+exports.showResponseErrorModal = showResponseErrorModal;
+exports.value = value;
+exports.when = when;

package/dist/index.d.ts

@@ -0,0 +1,54 @@
+import makeDebugger from 'debug';
+
+declare type RequestData = Record<string, FormDataConvertible> | FormDataConvertible | FormData;
+declare type FormDataConvertible = {
+    [key: string]: FormDataConvertible;
+} | Array<FormDataConvertible> | Blob | File | FormDataEntryValue | Date | boolean | number | null | undefined | string;
+/**
+ * Checks if the given object has a file.
+ */
+declare function hasFiles(data?: RequestData): boolean;
+/**
+ * Converts an object literal to a `FormData` object.
+ */
+declare function objectToFormData(source?: RequestData, form?: FormData, parentKey?: string): FormData;
+
+declare class Modal {
+    private html;
+    private animationDurationInMs;
+    private main;
+    private overlay;
+    private iframe;
+    private style;
+    private hideOnEscape?;
+    constructor(html: string, animationDurationInMs?: number);
+    static fromException(response: string): Modal;
+    static forPageComponent(component: string): Modal;
+    initializeDOM(): false | undefined;
+    show(): void;
+    destroy(): void;
+}
+declare function showResponseErrorModal(response: string): Modal;
+declare function showPageComponentErrorModal(response: string): Modal;
+
+declare function random(length?: number): string;
+declare function match<TValue extends string | number = string, TReturnValue = unknown>(value: TValue, lookup: Record<TValue | 'default', TReturnValue | ((...args: any[]) => TReturnValue)>, ...args: any[]): TReturnValue | Promise<TReturnValue>;
+declare function debounce<F extends (...params: any[]) => ReturnType<F>>(fn: F, delay: number): F;
+declare function value<T>(value: T | (() => T)): T;
+declare function when<T, D>(condition: any, data: T, _default?: D): T | D | undefined;
+declare function clone<T>(val: T): T;
+declare function merge<T>(x: Partial<T>, y: Partial<T>): T;
+
+declare const debug: {
+    router: makeDebugger.Debugger;
+    history: makeDebugger.Debugger;
+    url: makeDebugger.Debugger;
+    context: makeDebugger.Debugger;
+    external: makeDebugger.Debugger;
+    scroll: makeDebugger.Debugger;
+    hook: makeDebugger.Debugger;
+    plugin: (name: string, ...args: any[]) => void;
+    adapter: (name: string, ...args: any[]) => void;
+};
+
+export { FormDataConvertible, RequestData, clone, debounce, debug, hasFiles, match, merge, objectToFormData, random, showPageComponentErrorModal, showResponseErrorModal, value, when };

package/dist/index.mjs

@@ -0,0 +1,335 @@
+import baseMerge from 'deepmerge';
+import makeDebugger from 'debug';
+
+function hasFiles(data) {
+  if (!data) {
+    return false;
+  }
+  return data instanceof File || data instanceof Blob || data instanceof FileList && data.length > 0 || data instanceof FormData && Array.from(data.values()).some((value) => hasFiles(value)) || typeof data === "object" && data !== null && Object.values(data).some((value) => hasFiles(value));
+}
+function objectToFormData(source, form, parentKey) {
+  source ?? (source = {});
+  form ?? (form = new FormData());
+  if (typeof source !== "object" || Array.isArray(source) || source instanceof Blob || source instanceof Date || source instanceof FormData) {
+    throw new TypeError("Source must be an object literal to be converted to a FormData object.");
+  }
+  for (const key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      append(form, composeKey(key, parentKey), source[key]);
+    }
+  }
+  return form;
+}
+function composeKey(key, parentKey) {
+  return parentKey ? `${parentKey}[${key}]` : key;
+}
+function append(form, key, value) {
+  if (Array.isArray(value)) {
+    return Array.from(value.keys()).forEach((index) => append(form, composeKey(index.toString(), key), value[index]));
+  } else if (value instanceof Date) {
+    return form.append(key, value.toISOString());
+  } else if (value instanceof File) {
+    return form.append(key, value, value.name);
+  } else if (value instanceof Blob) {
+    return form.append(key, value);
+  } else if (typeof value === "boolean") {
+    return form.append(key, value ? "1" : "0");
+  } else if (typeof value === "string") {
+    return form.append(key, value);
+  } else if (typeof value === "number") {
+    return form.append(key, `${value}`);
+  } else if (value === null || value === void 0) {
+    return form.append(key, "");
+  }
+  objectToFormData(value, form, key);
+}
+
+class Modal {
+  constructor(html, animationDurationInMs = 200) {
+    this.html = html;
+    this.animationDurationInMs = animationDurationInMs;
+    if (this.initializeDOM() !== false) {
+      this.show();
+    }
+  }
+  static fromException(response) {
+    if (typeof response === "string" && response.trim() !== "") {
+      return new Modal(`<style>${htmlStyle()}</style>${response.toString()}`);
+    }
+    return new Modal(`
+			<style>${style()}</style>
+			<div class="h-full text-center flex">
+				<div class="m-auto">
+					<div class="text-5xl font-thin">Error</div>
+					<div class="opacity-30 text-lg font-thin m-1">The received response does not respect the Hybridly protocol.</div>
+					<pre class="text-sm opacity-80 max-h-[500px] w-full mx-auto text-left mt-6">${JSON.stringify(response, null, 2)}</pre>
+				</div>
+			</div>
+		`);
+  }
+  static forPageComponent(component) {
+    return new Modal(`
+			<style>${style()}</style>
+			<div class="h-full text-center flex">
+				<div class="m-auto">
+					<div class="text-5xl font-thin">Error</div>
+					<div class="opacity-30 text-lg font-thin m-1">The specified page component does not exist.</div>
+					<div class="m-2 flex justify-center text-xl opacity-30 underline underline-dotted">${component}</div>
+				</div>
+			</div>
+		`);
+  }
+  initializeDOM() {
+    if (!this.html) {
+      return false;
+    }
+    if (document.querySelector('[data-hybridly-overlay="true"]')) {
+      return false;
+    }
+    const main = document.createElement("html");
+    main.innerHTML = this.html;
+    main.querySelectorAll("a").forEach((a) => a.setAttribute("target", "_top"));
+    const overlay = document.createElement("div");
+    overlay.dataset.hybridly = "";
+    overlay.style.position = "fixed";
+    overlay.style.width = "100vw";
+    overlay.style.height = "100vh";
+    overlay.style.padding = "50px";
+    overlay.style.boxSizing = "border-box";
+    overlay.style.backgroundColor = "rgba(0, 0, 0, .35)";
+    overlay.style.color = "white";
+    overlay.style.zIndex = "2147483638";
+    overlay.style.overflow = "hidden";
+    const iframe = document.createElement("iframe");
+    iframe.style.backgroundColor = "#050505";
+    iframe.style.width = "100%";
+    iframe.style.height = "100%";
+    iframe.style.borderRadius = "10px";
+    overlay.appendChild(iframe);
+    const style2 = document.createElement("style");
+    style2.innerHTML = `
+			[data-hybridly] {
+				opacity: 0;
+				overflow: hidden;
+				transition: opacity ${this.animationDurationInMs}ms ease-out;
+			}
+
+			[data-hybridly="visible"] {
+				opacity: 1;
+			}
+
+			[data-hybridly] iframe {
+				box-shadow: 0px 10px 35px 5px rgba(0,0,0,0.2);
+				opacity: 0;
+				overflow: hidden;
+				transform: scale(.85);
+				transition: all 100ms ease-out;
+			}
+			
+			[data-hybridly="visible"] iframe {
+				transform: scale(1);
+				opacity: 1;
+			}
+		`;
+    this.main = main;
+    this.overlay = overlay;
+    this.iframe = iframe;
+    this.style = style2;
+  }
+  show() {
+    this.overlay.addEventListener("click", () => this.destroy());
+    this.hideOnEscape = (event) => {
+      if (event.keyCode === 27) {
+        this.destroy();
+      }
+    };
+    document.addEventListener("keydown", this.hideOnEscape);
+    document.body.prepend(this.style);
+    document.body.prepend(this.overlay);
+    this.iframe.contentWindow?.document.open();
+    this.iframe.contentWindow?.document.write(this.main.outerHTML);
+    this.iframe.contentWindow?.document.close();
+    this.overlay.dataset.hybridly = "visible";
+  }
+  destroy() {
+    this.overlay.dataset.hybridly = "";
+    setTimeout(() => {
+      this.overlay.outerHTML = "";
+      this.overlay.remove();
+      this.style.remove();
+      document.removeEventListener("keydown", this.hideOnEscape);
+    }, this.animationDurationInMs);
+  }
+}
+function showResponseErrorModal(response) {
+  return Modal.fromException(response);
+}
+function showPageComponentErrorModal(response) {
+  return Modal.forPageComponent(response);
+}
+function htmlStyle() {
+  return `
+		html {
+			background-color: #050505;
+			color: white;
+			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";
+			display: flex;
+			flex-direction: column;
+			height: 100%;
+		}
+	`;
+}
+function style() {
+  return `
+		${htmlStyle()}
+		body {
+			padding: 5rem 2rem;
+			flex-grow: 1;
+		}
+		.m-1 {
+			margin: 0.25rem;
+		}
+		.m-2 {
+			margin: 0.5rem;
+		}
+		.mt-6 {
+			margin-top: 1.5rem;
+		}
+		.m-auto {
+			margin: auto;
+		}
+		.h-full {
+			height: 100%;
+		}
+		.max-h-[500px] {
+			max-height: 500px;
+		}
+		.w-full {
+			width: 100%;
+		}
+		.flex {
+			display: flex;
+		}
+		.justify-center {
+			justify-content: center;
+		}
+		.text-center {
+			text-align: center;
+		}
+		.text-left {
+			text-align: left;
+		}
+		.text-5xl {
+			font-size: 3rem;
+			line-height: 1;
+		}
+		.text-lg {
+			font-size: 1.125rem;
+			line-height: 1.75rem;
+		}
+		.text-xl {
+			font-size: 1.25rem;
+			line-height: 1.75rem;
+		}
+		.text-sm {
+			font-size: 0.875rem;
+			line-height: 1.25rem;
+		}
+		.font-thin {
+			font-weight: 100;
+		}
+		.underline {
+			text-decoration-line: underline;
+		}
+		.underline-dotted {
+			text-decoration-style: dotted;
+		}
+		.opacity-30 {
+			opacity: 0.3;
+		}
+		.opacity-80 {
+			opacity: 0.8;
+		}
+	`;
+}
+
+function random(length = 10) {
+  const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  let str = "";
+  for (let i = 0; i < length; i++) {
+    str += chars.charAt(Math.floor(Math.random() * chars.length));
+  }
+  return str;
+}
+function match(value2, lookup, ...args) {
+  if (value2 in lookup || "default" in lookup) {
+    const returnValue = value2 in lookup ? lookup[value2] : lookup.default;
+    return typeof returnValue === "function" ? returnValue(...args) : returnValue;
+  }
+  const handlers = Object.keys(lookup).map((key) => `"${key}"`).join(", ");
+  const error = new Error(`Tried to handle "${value2}" but there is no handler defined. Only defined handlers are: ${handlers}.`);
+  throw error;
+}
+function debounce(fn, delay) {
+  let timeoutID;
+  return function(...args) {
+    clearTimeout(timeoutID);
+    timeoutID = setTimeout(() => fn(args), delay);
+  };
+}
+function value(value2) {
+  if (typeof value2 === "function") {
+    return value2?.();
+  }
+  return value2;
+}
+function when(condition, data, _default) {
+  if (!condition) {
+    return _default;
+  }
+  return data;
+}
+function clone(val) {
+  let k, out, tmp;
+  if (Array.isArray(val)) {
+    out = Array(k = val.length);
+    while (k--) {
+      out[k] = (tmp = val[k]) && typeof tmp === "object" ? clone(tmp) : tmp;
+    }
+    return out;
+  }
+  if (Object.prototype.toString.call(val) === "[object Object]") {
+    out = {};
+    for (k in val) {
+      if (k === "__proto__") {
+        Object.defineProperty(out, k, {
+          value: clone(val[k]),
+          configurable: true,
+          enumerable: true,
+          writable: true
+        });
+      } else {
+        out[k] = (tmp = val[k]) && typeof tmp === "object" ? clone(tmp) : tmp;
+      }
+    }
+    return out;
+  }
+  return val;
+}
+function merge(x, y) {
+  return baseMerge(x, y, { arrayMerge: (_, s) => s });
+}
+
+const debug = {
+  router: makeDebugger("hybridly:core:router"),
+  history: makeDebugger("hybridly:core:history"),
+  url: makeDebugger("hybridly:core:url"),
+  context: makeDebugger("hybridly:core:context"),
+  external: makeDebugger("hybridly:core:external"),
+  scroll: makeDebugger("hybridly:core:scroll"),
+  hook: makeDebugger("hybridly:core:hook"),
+  plugin: (name, ...args) => makeDebugger("hybridly:plugin").extend(name.replace("hybridly:", ""))(args.shift(), ...args),
+  adapter: (name, ...args) => makeDebugger("hybridly:adapter").extend(name)(args.shift(), ...args)
+};
+
+export { clone, debounce, debug, hasFiles, match, merge, objectToFormData, random, showPageComponentErrorModal, showResponseErrorModal, value, when };

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@hybridly/utils",
+  "version": "0.0.1-dev.2",
+  "description": "A solution to develop server-driven, client-rendered applications",
+  "keywords": [
+    "hybridly",
+    "inertiajs"
+  ],
+  "homepage": "https://github.com/hybridly/hybridly#readme",
+  "bugs": {
+    "url": "https://github.com/hybridly/hybridly/issues"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hybridly/hybridly.git"
+  },
+  "funding": "https://github.com/sponsors/innocenzi",
+  "author": "Enzo Innocenzi <enzo@innocenzi.dev>",
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "*.d.ts"
+  ],
+  "exports": {
+    ".": {
+      "require": "./dist/index.cjs",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "dependencies": {
+    "debug": "^4.3.4",
+    "deepmerge": "^4.2.2"
+  },
+  "scripts": {
+    "build": "unbuild",
+    "stub": "unbuild --stub"
+  }
+}