@lukoweb/apitogo 0.1.23 → 0.1.37

package/src/lib/components/cache.ts

@@ -1,27 +1,27 @@
-import { useQueryClient } from "@tanstack/react-query";
-import { useCallback } from "react";
-
-export const CACHE_KEYS = Object.freeze({
-  API_IDENTITIES: ["api-identities"],
-});
-
-type CacheKey = keyof typeof CACHE_KEYS;
-
-export const useCache = () => {
-  const queryClient = useQueryClient();
-  const invalidateCache = useCallback(
-    (key: CacheKey) =>
-      queryClient.invalidateQueries({ queryKey: CACHE_KEYS[key] }),
-    [queryClient],
-  );
-
-  return { invalidateCache };
-};
-
-/**
- * If a query has this key in its queryKey, it will not put its result in the dehydrated state in the SSR.
- *
- * This is useful if the query should only be suspended and not included in the initial HTML response.
- * (e.g. too large in size, or not needed for the initial page load)
- */
-export const NO_DEHYDRATE = "no-dehydrate";
+import { useQueryClient } from "@tanstack/react-query";
+import { useCallback } from "react";
+
+export const CACHE_KEYS = Object.freeze({
+  API_IDENTITIES: ["api-identities"],
+});
+
+type CacheKey = keyof typeof CACHE_KEYS;
+
+export const useCache = () => {
+  const queryClient = useQueryClient();
+  const invalidateCache = useCallback(
+    (key: CacheKey) =>
+      queryClient.invalidateQueries({ queryKey: CACHE_KEYS[key] }),
+    [queryClient],
+  );
+
+  return { invalidateCache };
+};
+
+/**
+ * If a query has this key in its queryKey, it will not put its result in the dehydrated state in the SSR.
+ *
+ * This is useful if the query should only be suspended and not included in the initial HTML response.
+ * (e.g. too large in size, or not needed for the initial page load)
+ */
+export const NO_DEHYDRATE = "no-dehydrate";

package/src/lib/components/context/RenderContext.ts

@@ -1,11 +1,11 @@
-import { createContext } from "react";
-
-export type RenderContextValue = {
-  status: number;
-  bypassProtection: boolean;
-};
-
-export const RenderContext = createContext<RenderContextValue>({
-  status: 200,
-  bypassProtection: false,
-});
+import { createContext } from "react";
+
+export type RenderContextValue = {
+  status: number;
+  bypassProtection: boolean;
+};
+
+export const RenderContext = createContext<RenderContextValue>({
+  status: 200,
+  bypassProtection: false,
+});

package/src/lib/components/context/RouterEventsEmitter.tsx

@@ -1,19 +1,19 @@
-import { useEffect, useRef } from "react";
-import { type Location, useLocation } from "react-router";
-import { useZudoku } from "./ZudokuContext.js";
-
-export const RouterEventsEmitter = () => {
-  const location = useLocation();
-  const zudoku = useZudoku();
-  const previousLocation = useRef<Location | undefined>(undefined);
-
-  useEffect(() => {
-    zudoku.emitEvent("location", {
-      from: previousLocation.current,
-      to: location,
-    });
-    previousLocation.current = location;
-  }, [zudoku, location]);
-
-  return null;
-};
+import { useEffect, useRef } from "react";
+import { type Location, useLocation } from "react-router";
+import { useZudoku } from "./ZudokuContext.js";
+
+export const RouterEventsEmitter = () => {
+  const location = useLocation();
+  const zudoku = useZudoku();
+  const previousLocation = useRef<Location | undefined>(undefined);
+
+  useEffect(() => {
+    zudoku.emitEvent("location", {
+      from: previousLocation.current,
+      to: location,
+    });
+    previousLocation.current = location;
+  }, [zudoku, location]);
+
+  return null;
+};

package/src/lib/components/context/SlotProvider.tsx

@@ -1,149 +1,149 @@
-import {
-  type ComponentType,
-  createContext,
-  Fragment,
-  type PropsWithChildren,
-  type ReactNode,
-  use,
-  useMemo,
-  useRef,
-} from "react";
-import { createStore, useStore } from "zustand";
-import {
-  type ExposedComponentProps,
-  useExposedProps,
-} from "../../util/useExposedProps.js";
-
-export type SlotType = ReactNode | ComponentType<ExposedComponentProps>;
-
-type SlotItem = {
-  id: string;
-  content: SlotType;
-  type: "prepend" | "replace" | "append";
-  sequence: number;
-};
-
-type SlotStoreState = {
-  items: Map<string, SlotItem[]>;
-  // to guarantee the order of the items when appending/prepending
-  sequences: Map<string, number>;
-  getItems: (name: string) => SlotItem[];
-  setSlot: (
-    id: string,
-    name: string,
-    content: SlotType,
-    type: "prepend" | "replace" | "append",
-  ) => void;
-  clearSlot: (id: string, name: string) => void;
-};
-
-export type SlotStore = ReturnType<typeof createSlotStore>;
-
-const createSlotStore = ({
-  slots = {},
-}: {
-  slots?: Record<string, SlotType>;
-} = {}) => {
-  const initialItems = new Map(
-    Object.entries(slots).map(([id, content]) => [
-      id,
-      [{ id, content, type: "replace", sequence: 0 } satisfies SlotItem],
-    ]),
-  );
-  const EMPTY_ITEMS: SlotItem[] = [];
-
-  return createStore<SlotStoreState>()((set, get) => ({
-    items: initialItems,
-    sequences: new Map(),
-    getItems: (name) => get().items.get(name) ?? EMPTY_ITEMS,
-    setSlot: (id, name, content, type) =>
-      set((state) => {
-        if (content == null) return state;
-
-        const items = new Map(state.items);
-        const sequences = new Map(state.sequences);
-        const existing = items.get(name) ?? [];
-        const filtered = existing.filter((item) => item.id !== id);
-
-        const currentSequence = sequences.get(name) ?? 0;
-        const newSequence = currentSequence + 1;
-        sequences.set(name, newSequence);
-
-        const newItem = {
-          id,
-          content,
-          type,
-          // Use negative sequence values for "prepend" to ensure they are sorted before positive values for "append".
-          sequence: type === "prepend" ? -newSequence : newSequence,
-        } satisfies SlotItem;
-
-        if (type === "replace") {
-          const nonReplaceItems = filtered.filter(
-            (item) => item.type !== "replace",
-          );
-          items.set(name, [...nonReplaceItems, newItem]);
-        } else {
-          items.set(name, [...filtered, newItem]);
-        }
-
-        return { items, sequences };
-      }),
-    clearSlot: (id, name) =>
-      set((state) => {
-        const items = new Map(state.items);
-        const sequences = new Map(state.sequences);
-        const existing = items.get(name) ?? [];
-        const filtered = existing.filter((item) => item.id !== id);
-
-        if (filtered.length === 0) {
-          items.delete(name);
-          sequences.delete(name);
-        } else {
-          items.set(name, filtered);
-        }
-        return { items, sequences };
-      }),
-  }));
-};
-
-const SlotContext = createContext(createSlotStore());
-
-export const SlotProvider = ({
-  children,
-  slots,
-}: PropsWithChildren<{
-  slots?: Record<string, SlotType>;
-}>) => {
-  const store = useRef<SlotStore>(createSlotStore({ slots })).current;
-  return <SlotContext value={store}>{children}</SlotContext>;
-};
-
-export function useSlotContext<T>(selector: (state: SlotStoreState) => T): T {
-  const store = use(SlotContext);
-  return useStore(store, selector);
-}
-
-const ORDER = ["prepend", "replace", "append"] as const;
-
-export const useRenderSlot = (name: string) => {
-  const exposedProps = useExposedProps();
-  const items = useSlotContext((s) => s.getItems(name));
-
-  return useMemo(() => {
-    if (items.length === 0) return [];
-
-    return items
-      .toSorted((a, b) => {
-        const typeOrder = ORDER.indexOf(a.type) - ORDER.indexOf(b.type);
-        if (typeOrder !== 0) return typeOrder;
-        return a.sequence - b.sequence;
-      })
-      .map((item) =>
-        typeof item.content === "function" ? (
-          <item.content key={item.id} {...exposedProps} />
-        ) : (
-          <Fragment key={item.id}>{item.content}</Fragment>
-        ),
-      );
-  }, [items, exposedProps]);
-};
+import {
+  type ComponentType,
+  createContext,
+  Fragment,
+  type PropsWithChildren,
+  type ReactNode,
+  use,
+  useMemo,
+  useRef,
+} from "react";
+import { createStore, useStore } from "zustand";
+import {
+  type ExposedComponentProps,
+  useExposedProps,
+} from "../../util/useExposedProps.js";
+
+export type SlotType = ReactNode | ComponentType<ExposedComponentProps>;
+
+type SlotItem = {
+  id: string;
+  content: SlotType;
+  type: "prepend" | "replace" | "append";
+  sequence: number;
+};
+
+type SlotStoreState = {
+  items: Map<string, SlotItem[]>;
+  // to guarantee the order of the items when appending/prepending
+  sequences: Map<string, number>;
+  getItems: (name: string) => SlotItem[];
+  setSlot: (
+    id: string,
+    name: string,
+    content: SlotType,
+    type: "prepend" | "replace" | "append",
+  ) => void;
+  clearSlot: (id: string, name: string) => void;
+};
+
+export type SlotStore = ReturnType<typeof createSlotStore>;
+
+const createSlotStore = ({
+  slots = {},
+}: {
+  slots?: Record<string, SlotType>;
+} = {}) => {
+  const initialItems = new Map(
+    Object.entries(slots).map(([id, content]) => [
+      id,
+      [{ id, content, type: "replace", sequence: 0 } satisfies SlotItem],
+    ]),
+  );
+  const EMPTY_ITEMS: SlotItem[] = [];
+
+  return createStore<SlotStoreState>()((set, get) => ({
+    items: initialItems,
+    sequences: new Map(),
+    getItems: (name) => get().items.get(name) ?? EMPTY_ITEMS,
+    setSlot: (id, name, content, type) =>
+      set((state) => {
+        if (content == null) return state;
+
+        const items = new Map(state.items);
+        const sequences = new Map(state.sequences);
+        const existing = items.get(name) ?? [];
+        const filtered = existing.filter((item) => item.id !== id);
+
+        const currentSequence = sequences.get(name) ?? 0;
+        const newSequence = currentSequence + 1;
+        sequences.set(name, newSequence);
+
+        const newItem = {
+          id,
+          content,
+          type,
+          // Use negative sequence values for "prepend" to ensure they are sorted before positive values for "append".
+          sequence: type === "prepend" ? -newSequence : newSequence,
+        } satisfies SlotItem;
+
+        if (type === "replace") {
+          const nonReplaceItems = filtered.filter(
+            (item) => item.type !== "replace",
+          );
+          items.set(name, [...nonReplaceItems, newItem]);
+        } else {
+          items.set(name, [...filtered, newItem]);
+        }
+
+        return { items, sequences };
+      }),
+    clearSlot: (id, name) =>
+      set((state) => {
+        const items = new Map(state.items);
+        const sequences = new Map(state.sequences);
+        const existing = items.get(name) ?? [];
+        const filtered = existing.filter((item) => item.id !== id);
+
+        if (filtered.length === 0) {
+          items.delete(name);
+          sequences.delete(name);
+        } else {
+          items.set(name, filtered);
+        }
+        return { items, sequences };
+      }),
+  }));
+};
+
+const SlotContext = createContext(createSlotStore());
+
+export const SlotProvider = ({
+  children,
+  slots,
+}: PropsWithChildren<{
+  slots?: Record<string, SlotType>;
+}>) => {
+  const store = useRef<SlotStore>(createSlotStore({ slots })).current;
+  return <SlotContext value={store}>{children}</SlotContext>;
+};
+
+export function useSlotContext<T>(selector: (state: SlotStoreState) => T): T {
+  const store = use(SlotContext);
+  return useStore(store, selector);
+}
+
+const ORDER = ["prepend", "replace", "append"] as const;
+
+export const useRenderSlot = (name: string) => {
+  const exposedProps = useExposedProps();
+  const items = useSlotContext((s) => s.getItems(name));
+
+  return useMemo(() => {
+    if (items.length === 0) return [];
+
+    return items
+      .toSorted((a, b) => {
+        const typeOrder = ORDER.indexOf(a.type) - ORDER.indexOf(b.type);
+        if (typeOrder !== 0) return typeOrder;
+        return a.sequence - b.sequence;
+      })
+      .map((item) =>
+        typeof item.content === "function" ? (
+          <item.content key={item.id} {...exposedProps} />
+        ) : (
+          <Fragment key={item.id}>{item.content}</Fragment>
+        ),
+      );
+  }, [items, exposedProps]);
+};