@swoff/cli 0.3.8 → 0.3.10

package/templates/hooks/useMutationQueue.jsx

@@ -1,42 +0,0 @@
-import { useState, useEffect, useCallback } from "react";
-import { getPendingCount, getQueueItems } from "../mutation-queue.js";
-
-export function useMutationQueue() {
-  const [state, setState] = useState({
-    pending: 0,
-    items: [],
-    lastSync: null,
-  });
-
-  const refresh = useCallback(async () => {
-    const [count, items] = await Promise.all([
-      getPendingCount(),
-      getQueueItems(),
-    ]);
-    setState((s) => ({ ...s, pending: count, items }));
-  }, []);
-
-  useEffect(() => {
-    refresh();
-
-    const onSync = (e) => {
-      refresh();
-      setState((s) => ({
-        ...s,
-        lastSync: { succeeded: e.detail.succeeded, failed: e.detail.failed },
-      }));
-    };
-    const onChange = () => {
-      refresh();
-    };
-
-    window.addEventListener("mutation-sync-complete", onSync);
-    window.addEventListener("mutation-queue-changed", onChange);
-    return () => {
-      window.removeEventListener("mutation-sync-complete", onSync);
-      window.removeEventListener("mutation-queue-changed", onChange);
-    };
-  }, [refresh]);
-
-  return state;
-}

package/templates/hooks/useMutationQueue.tsx

@@ -1,49 +0,0 @@
-import { useState, useEffect, useCallback } from "react";
-import { getPendingCount, getQueueItems } from "../mutation-queue.ts";
-import type { MutationQueueItem } from "../swoff.d.ts";
-
-export interface MutationQueueState {
-  pending: number;
-  items: MutationQueueItem[];
-  lastSync: { succeeded: number; failed: number } | null;
-}
-
-export function useMutationQueue() {
-  const [state, setState] = useState<MutationQueueState>({
-    pending: 0,
-    items: [],
-    lastSync: null,
-  });
-
-  const refresh = useCallback(async () => {
-    const [count, items] = await Promise.all([
-      getPendingCount(),
-      getQueueItems(),
-    ]);
-    setState((s) => ({ ...s, pending: count, items }));
-  }, []);
-
-  useEffect(() => {
-    refresh();
-
-    const onSync = (e: CustomEvent) => {
-      refresh();
-      setState((s) => ({
-        ...s,
-        lastSync: { succeeded: e.detail.succeeded, failed: e.detail.failed },
-      }));
-    };
-    const onChange = () => {
-      refresh();
-    };
-
-    window.addEventListener("mutation-sync-complete", onSync);
-    window.addEventListener("mutation-queue-changed", onChange);
-    return () => {
-      window.removeEventListener("mutation-sync-complete", onSync);
-      window.removeEventListener("mutation-queue-changed", onChange);
-    };
-  }, [refresh]);
-
-  return state;
-}

package/templates/hooks/useMutationState.jsx

@@ -1,27 +0,0 @@
-import { useState, useEffect } from "react";
-import { getMutationState, onMutationStateChange } from "../mutation-state.js";
-
-export function useMutationState(id) {
-  const [state, setState] = useState(() =>
-    id ? getMutationState(id) ?? null : null,
-  );
-
-  useEffect(() => {
-    if (!id) {
-      setState(null);
-      return;
-    }
-
-    setState(getMutationState(id) ?? null);
-
-    const unsub = onMutationStateChange((updated) => {
-      if (updated.id === id) {
-        setState(updated);
-      }
-    });
-
-    return unsub;
-  }, [id]);
-
-  return state;
-}

package/templates/hooks/useMutationState.tsx

@@ -1,41 +0,0 @@
-import { useState, useEffect } from "react";
-import {
-  getMutationState,
-  onMutationStateChange,
-} from "../mutation-state.ts";
-import type { MutationState } from "../mutation-state.ts";
-
-/**
- * Hook that subscribes to a specific mutation's state changes.
- * Useful for showing per-mutation loading spinners, error states, etc.
- *
- * Usage:
- *   const mutation = useMutationState(mutationId);
- *   if (mutation?.status === "error") { ... }
- */
-export function useMutationState(id: string | null): MutationState | null {
-  const [state, setState] = useState<MutationState | null>(() =>
-    id ? getMutationState(id) ?? null : null,
-  );
-
-  useEffect(() => {
-    if (!id) {
-      setState(null);
-      return;
-    }
-
-    // Initial state
-    setState(getMutationState(id) ?? null);
-
-    // Subscribe to changes
-    const unsub = onMutationStateChange((updated) => {
-      if (updated.id === id) {
-        setState(updated);
-      }
-    });
-
-    return unsub;
-  }, [id]);
-
-  return state;
-}

package/templates/hooks/useNetworkStatus.jsx

@@ -1,19 +0,0 @@
-import { useState, useEffect } from "react";
-
-export function useNetworkStatus() {
-  const [online, setOnline] = useState(navigator.onLine);
-
-  useEffect(() => {
-    const onOnline = () => setOnline(true);
-    const onOffline = () => setOnline(false);
-
-    window.addEventListener("online", onOnline);
-    window.addEventListener("offline", onOffline);
-    return () => {
-      window.removeEventListener("online", onOnline);
-      window.removeEventListener("offline", onOffline);
-    };
-  }, []);
-
-  return online;
-}

package/templates/hooks/useNetworkStatus.tsx

@@ -1,19 +0,0 @@
-import { useState, useEffect } from "react";
-
-export function useNetworkStatus() {
-  const [online, setOnline] = useState(navigator.onLine);
-
-  useEffect(() => {
-    const onOnline = () => setOnline(true);
-    const onOffline = () => setOnline(false);
-
-    window.addEventListener("online", onOnline);
-    window.addEventListener("offline", onOffline);
-    return () => {
-      window.removeEventListener("online", onOnline);
-      window.removeEventListener("offline", onOffline);
-    };
-  }, []);
-
-  return online;
-}

package/templates/hooks/usePrefetch.jsx

@@ -1,10 +0,0 @@
-import { useCallback } from "react";
-import { prefetchCache } from "../fetch-wrapper.js";
-
-export function usePrefetch() {
-  const prefetch = useCallback((url, options) => {
-    prefetchCache(url, options);
-  }, []);
-
-  return prefetch;
-}

package/templates/hooks/usePrefetch.tsx

@@ -1,25 +0,0 @@
-import { useCallback } from "react";
-import { prefetchCache } from "../fetch-wrapper.ts";
-import type { FetchWithCacheOptions } from "../fetch-wrapper.ts";
-
-/**
- * Hook that returns a stable prefetch callback for warming the SW cache.
- * Useful for route-level prefetching, link hover prefetching, etc.
- *
- * Usage:
- *   const prefetch = usePrefetch();
- *   <Link onMouseEnter={() => prefetch("/api/todos")} to="/todos" />
- */
-export function usePrefetch(): (
-  url: string,
-  options?: FetchWithCacheOptions,
-) => void {
-  const prefetch = useCallback(
-    (url: string, options?: FetchWithCacheOptions) => {
-      prefetchCache(url, options);
-    },
-    [],
-  );
-
-  return prefetch;
-}