@lukoweb/apitogo 0.1.24 → 0.1.37

package/src/lib/util/renderIf.ts

@@ -1,4 +1,4 @@
-export const renderIf = <G, R>(
-  variable: G | undefined | null,
-  callback: (variable: G) => R,
-): R | undefined => (variable ? callback(variable) : undefined);
+export const renderIf = <G, R>(
+  variable: G | undefined | null,
+  callback: (variable: G) => R,
+): R | undefined => (variable ? callback(variable) : undefined);

package/src/lib/util/scrollIntoViewIfNeeded.ts

@@ -1,18 +1,18 @@
-export const scrollIntoViewIfNeeded = (
-  element: Element | null,
-  options: ScrollIntoViewOptions = { block: "center" },
-) => {
-  if (!element) return;
-
-  const rect = element.getBoundingClientRect();
-  const isInView =
-    rect.top >= 0 &&
-    rect.left >= 0 &&
-    rect.bottom <=
-      (window.innerHeight || document.documentElement.clientHeight) &&
-    rect.right <= (window.innerWidth || document.documentElement.clientWidth);
-
-  if (isInView) return;
-
-  element.scrollIntoView(options);
-};
+export const scrollIntoViewIfNeeded = (
+  element: Element | null,
+  options: ScrollIntoViewOptions = { block: "center" },
+) => {
+  if (!element) return;
+
+  const rect = element.getBoundingClientRect();
+  const isInView =
+    rect.top >= 0 &&
+    rect.left >= 0 &&
+    rect.bottom <=
+      (window.innerHeight || document.documentElement.clientHeight) &&
+    rect.right <= (window.innerWidth || document.documentElement.clientWidth);
+
+  if (isInView) return;
+
+  element.scrollIntoView(options);
+};

package/src/lib/util/slugify.ts

@@ -1,21 +1,21 @@
-export const slugify = (str: string) =>
-  str
-    .normalize("NFKD")
-    .replace(/\p{Diacritic}/gu, "")
-    .toLowerCase()
-    .replace(/['\u2018\u2019\u201C\u201D]/g, "")
-    .replace(/[^\p{L}\p{N}]+/gu, "-")
-    .replace(/^-+|-+$/g, "");
-
-export type CountableSlugify = (str: string) => string;
-
-export const slugifyWithCounter = (): CountableSlugify => {
-  const counts = new Map<string, number>();
-
-  return (str) => {
-    const base = slugify(str);
-    const count = counts.get(base) ?? 0;
-    counts.set(base, count + 1);
-    return count === 0 ? base : `${base}-${count + 1}`;
-  };
-};
+export const slugify = (str: string) =>
+  str
+    .normalize("NFKD")
+    .replace(/\p{Diacritic}/gu, "")
+    .toLowerCase()
+    .replace(/['\u2018\u2019\u201C\u201D]/g, "")
+    .replace(/[^\p{L}\p{N}]+/gu, "-")
+    .replace(/^-+|-+$/g, "");
+
+export type CountableSlugify = (str: string) => string;
+
+export const slugifyWithCounter = (): CountableSlugify => {
+  const counts = new Map<string, number>();
+
+  return (str) => {
+    const base = slugify(str);
+    const count = counts.get(base) ?? 0;
+    counts.set(base, count + 1);
+    return count === 0 ? base : `${base}-${count + 1}`;
+  };
+};

package/src/lib/util/syncZustandState.ts

@@ -1,22 +1,22 @@
-import type { Mutate, StoreApi } from "zustand";
-
-export type StoreWithPersist<T> = Mutate<
-  StoreApi<T>,
-  [["zustand/persist", unknown]]
->;
-
-export const syncZustandState = <T>(store: StoreWithPersist<T>) => {
-  const storageEventCallback = (e: StorageEvent) => {
-    if (e.key === store.persist.getOptions().name && e.newValue) {
-      void store.persist.rehydrate();
-    }
-  };
-
-  if (typeof window === "undefined") return;
-
-  window.addEventListener("storage", storageEventCallback);
-
-  return () => {
-    window.removeEventListener("storage", storageEventCallback);
-  };
-};
+import type { Mutate, StoreApi } from "zustand";
+
+export type StoreWithPersist<T> = Mutate<
+  StoreApi<T>,
+  [["zustand/persist", unknown]]
+>;
+
+export const syncZustandState = <T>(store: StoreWithPersist<T>) => {
+  const storageEventCallback = (e: StorageEvent) => {
+    if (e.key === store.persist.getOptions().name && e.newValue) {
+      void store.persist.rehydrate();
+    }
+  };
+
+  if (typeof window === "undefined") return;
+
+  window.addEventListener("storage", storageEventCallback);
+
+  return () => {
+    window.removeEventListener("storage", storageEventCallback);
+  };
+};

package/src/lib/util/traverse.ts

@@ -1,70 +1,70 @@
-import type { JsonValue, RecordAny } from "./types.js";
-
-export type { RecordAny };
-
-export const traverse = <T extends JsonValue = RecordAny>(
-  specification: RecordAny,
-  transform: (specification: RecordAny, path?: string[]) => T,
-  path: string[] = [],
-) => {
-  const transformed = transform(specification, path);
-  if (typeof transformed !== "object" || transformed === null) {
-    return transformed;
-  }
-
-  const result: RecordAny = Array.isArray(transformed) ? [] : {};
-
-  for (const [key, value] of Object.entries(transformed)) {
-    const currentPath = [...path, key];
-
-    if (Array.isArray(value)) {
-      result[key] = value.map((item, index) =>
-        typeof item === "object" && item != null
-          ? traverse(item, transform, [...currentPath, index.toString()])
-          : item,
-      );
-    } else if (typeof value === "object" && value != null) {
-      result[key] = traverse(value, transform, currentPath);
-    } else {
-      result[key] = value;
-    }
-  }
-
-  return result;
-};
-
-export const traverseAsync = async <T extends JsonValue = RecordAny>(
-  specification: RecordAny,
-  transform: (specification: RecordAny, path?: string[]) => T | Promise<T>,
-  path: string[] = [],
-) => {
-  const transformed = await transform(specification, path);
-  if (typeof transformed !== "object" || transformed === null) {
-    return transformed;
-  }
-
-  const result: RecordAny = Array.isArray(transformed) ? [] : {};
-
-  for (const [key, value] of Object.entries(transformed)) {
-    const currentPath = [...path, key];
-
-    if (Array.isArray(value)) {
-      result[key] = await Promise.all(
-        value.map(async (item, index) =>
-          typeof item === "object" && item != null
-            ? await traverseAsync(item, transform, [
-                ...currentPath,
-                index.toString(),
-              ])
-            : item,
-        ),
-      );
-    } else if (typeof value === "object" && value != null) {
-      result[key] = await traverseAsync(value, transform, currentPath);
-    } else {
-      result[key] = value;
-    }
-  }
-
-  return result;
-};
+import type { JsonValue, RecordAny } from "./types.js";
+
+export type { RecordAny };
+
+export const traverse = <T extends JsonValue = RecordAny>(
+  specification: RecordAny,
+  transform: (specification: RecordAny, path?: string[]) => T,
+  path: string[] = [],
+) => {
+  const transformed = transform(specification, path);
+  if (typeof transformed !== "object" || transformed === null) {
+    return transformed;
+  }
+
+  const result: RecordAny = Array.isArray(transformed) ? [] : {};
+
+  for (const [key, value] of Object.entries(transformed)) {
+    const currentPath = [...path, key];
+
+    if (Array.isArray(value)) {
+      result[key] = value.map((item, index) =>
+        typeof item === "object" && item != null
+          ? traverse(item, transform, [...currentPath, index.toString()])
+          : item,
+      );
+    } else if (typeof value === "object" && value != null) {
+      result[key] = traverse(value, transform, currentPath);
+    } else {
+      result[key] = value;
+    }
+  }
+
+  return result;
+};
+
+export const traverseAsync = async <T extends JsonValue = RecordAny>(
+  specification: RecordAny,
+  transform: (specification: RecordAny, path?: string[]) => T | Promise<T>,
+  path: string[] = [],
+) => {
+  const transformed = await transform(specification, path);
+  if (typeof transformed !== "object" || transformed === null) {
+    return transformed;
+  }
+
+  const result: RecordAny = Array.isArray(transformed) ? [] : {};
+
+  for (const [key, value] of Object.entries(transformed)) {
+    const currentPath = [...path, key];
+
+    if (Array.isArray(value)) {
+      result[key] = await Promise.all(
+        value.map(async (item, index) =>
+          typeof item === "object" && item != null
+            ? await traverseAsync(item, transform, [
+                ...currentPath,
+                index.toString(),
+              ])
+            : item,
+        ),
+      );
+    } else if (typeof value === "object" && value != null) {
+      result[key] = await traverseAsync(value, transform, currentPath);
+    } else {
+      result[key] = value;
+    }
+  }
+
+  return result;
+};

package/src/lib/util/types.ts

@@ -1,7 +1,7 @@
-// biome-ignore lint/suspicious/noExplicitAny: Allow any type
-export type RecordAny = Record<string, any>;
-
-export type JsonPrimitive = string | number | boolean | null;
-export type JsonArray = JsonValue[];
-export type JsonObject = { [key: string]: JsonValue };
-export type JsonValue = JsonPrimitive | JsonArray | JsonObject;
+// biome-ignore lint/suspicious/noExplicitAny: Allow any type
+export type RecordAny = Record<string, any>;
+
+export type JsonPrimitive = string | number | boolean | null;
+export type JsonArray = JsonValue[];
+export type JsonObject = { [key: string]: JsonValue };
+export type JsonValue = JsonPrimitive | JsonArray | JsonObject;

package/src/lib/util/url.ts

@@ -1,18 +1,18 @@
-/**
- * Normalizes a redirect URL by removing the origin and optionally the root path
- */
-export function normalizeRedirectUrl(
-  redirectTo: string,
-  origin: string,
-  basePath: string = "/",
-): string {
-  if (!redirectTo.startsWith(origin)) {
-    return redirectTo;
-  }
-
-  if (basePath !== "/" && redirectTo.startsWith(origin + basePath)) {
-    return redirectTo.slice(origin.length + basePath.length);
-  }
-
-  return redirectTo.slice(origin.length);
-}
+/**
+ * Normalizes a redirect URL by removing the origin and optionally the root path
+ */
+export function normalizeRedirectUrl(
+  redirectTo: string,
+  origin: string,
+  basePath: string = "/",
+): string {
+  if (!redirectTo.startsWith(origin)) {
+    return redirectTo;
+  }
+
+  if (basePath !== "/" && redirectTo.startsWith(origin + basePath)) {
+    return redirectTo.slice(origin.length + basePath.length);
+  }
+
+  return redirectTo.slice(origin.length);
+}

package/src/lib/util/useCopyToClipboard.ts

@@ -1,17 +1,17 @@
-import { useCallback, useState } from "react";
-
-export const useCopyToClipboard = (timeout = 2000) => {
-  const [isCopied, setIsCopied] = useState(false);
-
-  const copyToClipboard = useCallback(
-    (text: string) => {
-      void navigator.clipboard.writeText(text);
-      setIsCopied(true);
-
-      setTimeout(() => setIsCopied(false), timeout);
-    },
-    [timeout],
-  );
-
-  return [isCopied, copyToClipboard] as const;
-};
+import { useCallback, useState } from "react";
+
+export const useCopyToClipboard = (timeout = 2000) => {
+  const [isCopied, setIsCopied] = useState(false);
+
+  const copyToClipboard = useCallback(
+    (text: string) => {
+      void navigator.clipboard.writeText(text);
+      setIsCopied(true);
+
+      setTimeout(() => setIsCopied(false), timeout);
+    },
+    [timeout],
+  );
+
+  return [isCopied, copyToClipboard] as const;
+};

package/src/lib/util/useExposedProps.tsx

@@ -1,27 +1,27 @@
-import {
-  type Location,
-  type NavigateFunction,
-  type Params,
-  type SetURLSearchParams,
-  useLocation,
-  useNavigate,
-  useParams,
-  useSearchParams,
-} from "react-router";
-
-export type ExposedComponentProps = {
-  location: Location;
-  navigate: NavigateFunction;
-  searchParams: URLSearchParams;
-  setSearchParams: SetURLSearchParams;
-  params: Params;
-};
-
-export const useExposedProps = (): ExposedComponentProps => {
-  const location = useLocation();
-  const navigate = useNavigate();
-  const [searchParams, setSearchParams] = useSearchParams();
-  const params = useParams();
-
-  return { location, navigate, params, searchParams, setSearchParams };
-};
+import {
+  type Location,
+  type NavigateFunction,
+  type Params,
+  type SetURLSearchParams,
+  useLocation,
+  useNavigate,
+  useParams,
+  useSearchParams,
+} from "react-router";
+
+export type ExposedComponentProps = {
+  location: Location;
+  navigate: NavigateFunction;
+  searchParams: URLSearchParams;
+  setSearchParams: SetURLSearchParams;
+  params: Params;
+};
+
+export const useExposedProps = (): ExposedComponentProps => {
+  const location = useLocation();
+  const navigate = useNavigate();
+  const [searchParams, setSearchParams] = useSearchParams();
+  const params = useParams();
+
+  return { location, navigate, params, searchParams, setSearchParams };
+};

package/src/lib/util/useIsomorphicLayoutEffect.ts

@@ -1,6 +1,6 @@
-import { useEffect, useLayoutEffect } from "react";
-
-const useIsomorphicLayoutEffect =
-  typeof window !== "undefined" ? useLayoutEffect : useEffect;
-
-export default useIsomorphicLayoutEffect;
+import { useEffect, useLayoutEffect } from "react";
+
+const useIsomorphicLayoutEffect =
+  typeof window !== "undefined" ? useLayoutEffect : useEffect;
+
+export default useIsomorphicLayoutEffect;

package/src/lib/util/useLatest.ts

@@ -1,18 +1,18 @@
-import { useEffect, useRef } from "react";
-
-// This hook is useful when you need to store a reference to a variable that changes over time,
-// but you don't want to re-run any callbacks that depend on that variable every time it changes.
-// By using a reference to the latest value, you can ensure that any callbacks only run when necessary,
-// without any unnecessary re-renders.
-
-// Note: It's safe to put the return value of this hook in a dependency array, because it won't change!
-export const useLatest = <T>(current: T) => {
-  const valueRef = useRef(current);
-  valueRef.current = current;
-
-  useEffect(() => {
-    valueRef.current = current;
-  }, [current]);
-
-  return valueRef;
-};
+import { useEffect, useRef } from "react";
+
+// This hook is useful when you need to store a reference to a variable that changes over time,
+// but you don't want to re-run any callbacks that depend on that variable every time it changes.
+// By using a reference to the latest value, you can ensure that any callbacks only run when necessary,
+// without any unnecessary re-renders.
+
+// Note: It's safe to put the return value of this hook in a dependency array, because it won't change!
+export const useLatest = <T>(current: T) => {
+  const valueRef = useRef(current);
+  valueRef.current = current;
+
+  useEffect(() => {
+    valueRef.current = current;
+  }, [current]);
+
+  return valueRef;
+};

package/src/lib/util/useOnScreen.ts

@@ -1,34 +1,34 @@
-import { useEffect, useRef, useState } from "react";
-
-export const useOnScreen = <E extends Element = HTMLElement>({
-  rootMargin = "0px",
-  threshold,
-  root,
-}: {
-  rootMargin?: string;
-  threshold?: number;
-  root?: Element | null;
-} = {}) => {
-  const [isVisible, setIsVisible] = useState(false);
-  const ref = useRef<E | null>(null);
-
-  useEffect(() => {
-    const observer = new IntersectionObserver(
-      ([entry]) => {
-        if (!entry) return;
-        setIsVisible(entry.isIntersecting);
-      },
-      { rootMargin, threshold, root },
-    );
-
-    const currentElement = ref.current;
-
-    if (!currentElement) return;
-
-    observer.observe(currentElement);
-
-    return () => observer.unobserve(currentElement);
-  }, [root, rootMargin, threshold]);
-
-  return [ref, isVisible] as const;
-};
+import { useEffect, useRef, useState } from "react";
+
+export const useOnScreen = <E extends Element = HTMLElement>({
+  rootMargin = "0px",
+  threshold,
+  root,
+}: {
+  rootMargin?: string;
+  threshold?: number;
+  root?: Element | null;
+} = {}) => {
+  const [isVisible, setIsVisible] = useState(false);
+  const ref = useRef<E | null>(null);
+
+  useEffect(() => {
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (!entry) return;
+        setIsVisible(entry.isIntersecting);
+      },
+      { rootMargin, threshold, root },
+    );
+
+    const currentElement = ref.current;
+
+    if (!currentElement) return;
+
+    observer.observe(currentElement);
+
+    return () => observer.unobserve(currentElement);
+  }, [root, rootMargin, threshold]);
+
+  return [ref, isVisible] as const;
+};