@swoff/cli 0.3.9 → 0.3.11

package/templates/{hooks → react}/usePushSubscription.jsx

@@ -4,15 +4,15 @@ import {
   unsubscribeFromPush,
   isSubscribed,
   getPushSubscription,
-} from "../push.js";
+} from "../realtime/notifications.js";
 
 export function usePushSubscription() {
-  const [state, setState] = useState({
+  const [state, setState] = useState(() => ({
     subscribed: false,
     subscription: null,
-    permission: Notification.permission,
+    permission: typeof Notification !== "undefined" ? Notification.permission : "denied",
     loading: true,
-  });
+  }));
 
   useEffect(() => {
     let cancelled = false;

package/templates/{hooks → react}/usePushSubscription.tsx

@@ -4,15 +4,15 @@ import {
   unsubscribeFromPush,
   isSubscribed,
   getPushSubscription,
-} from "../push.ts";
+} from "../realtime/notifications.ts";
 
 export function usePushSubscription() {
-  const [state, setState] = useState({
+  const [state, setState] = useState(() => ({
     subscribed: false,
     subscription: null as PushSubscription | null,
-    permission: Notification.permission,
+    permission: typeof Notification !== "undefined" ? Notification.permission : "denied",
     loading: true,
-  });
+  }));
 
   useEffect(() => {
     let cancelled = false;

package/templates/{hooks → react}/useSWUpdate.jsx

@@ -2,14 +2,14 @@ import { useState, useEffect, useCallback } from "react";
 import { handleUpdateApproved } from "../sw/injector.js";
 
 export function useSWUpdate() {
-  const [state, setState] = useState({
+  const [state, setState] = useState(() => ({
     updateStatus: "idle",
-    currentVersion: window.currentSWVersion || null,
+    currentVersion: typeof window !== "undefined" ? window.currentSWVersion || null : null,
     availableVersion: null,
     progress: 0,
     forceUpdate: false,
     error: null,
-  });
+  }));
 
   useEffect(() => {
     if (sessionStorage.getItem("sw-dismissed-update") === "true") return;

package/templates/{hooks → react}/useSWUpdate.tsx

@@ -1,15 +1,15 @@
 import { useState, useEffect, useCallback } from "react";
-import { handleUpdateApproved } from "../sw/injector.ts";
+import { handleUpdateApproved } from "../sw/injector";
 
 export function useSWUpdate() {
-  const [state, setState] = useState({
+  const [state, setState] = useState(() => ({
     updateStatus: "idle" as "idle" | "available" | "downloading" | "ready",
-    currentVersion: (window.currentSWVersion as string | undefined) || null,
+    currentVersion: typeof window !== "undefined" ? (window.currentSWVersion as string | undefined) || null : null,
     availableVersion: null as string | null,
     progress: 0 as number,
     forceUpdate: false,
     error: null as string | null,
-  });
+  }));
 
   useEffect(() => {
     if (sessionStorage.getItem("sw-dismissed-update") === "true") return;

package/templates/react/useSwoffReset.jsx

@@ -0,0 +1,32 @@
+import { useState, useCallback } from "react";
+import { resetSwoff } from "../reset";
+
+/**
+ * Hook exposing swoff's nuclear reset with reactive state.
+ *
+ * Usage:
+ *   const { reset, isResetting, error } = useSwoffReset();
+ *
+ *   <button onClick={() => reset()} disabled={isResetting}>
+ *     {isResetting ? "Resetting..." : "Reset Swoff"}
+ *   </button>
+ *   {error && <p style={{ color: "red" }}>{error.message}</p>}
+ */
+export function useSwoffReset() {
+  const [isResetting, setIsResetting] = useState(false);
+  const [error, setError] = useState(null);
+
+  const reset = useCallback(async (options) => {
+    setIsResetting(true);
+    setError(null);
+    try {
+      await resetSwoff(options);
+    } catch (e) {
+      setError(e instanceof Error ? e : new Error(String(e)));
+    } finally {
+      setIsResetting(false);
+    }
+  }, []);
+
+  return { reset, isResetting, error };
+}

package/templates/react/useSwoffReset.tsx

@@ -0,0 +1,39 @@
+import { useState, useCallback } from "react";
+import { resetSwoff } from "../reset";
+import type { ResetSwoffOptions } from "../reset";
+
+interface UseSwoffResetResult {
+  reset: (options?: ResetSwoffOptions) => Promise<void>;
+  isResetting: boolean;
+  error: Error | null;
+}
+
+/**
+ * Hook exposing swoff's nuclear reset with reactive state.
+ *
+ * Usage:
+ *   const { reset, isResetting, error } = useSwoffReset();
+ *
+ *   <button onClick={() => reset()} disabled={isResetting}>
+ *     {isResetting ? "Resetting..." : "Reset Swoff"}
+ *   </button>
+ *   {error && <p style={{ color: "red" }}>{error.message}</p>}
+ */
+export function useSwoffReset(): UseSwoffResetResult {
+  const [isResetting, setIsResetting] = useState(false);
+  const [error, setError] = useState<Error | null>(null);
+
+  const reset = useCallback(async (options?: ResetSwoffOptions) => {
+    setIsResetting(true);
+    setError(null);
+    try {
+      await resetSwoff(options);
+    } catch (e) {
+      setError(e instanceof Error ? e : new Error(String(e)));
+    } finally {
+      setIsResetting(false);
+    }
+  }, []);
+
+  return { reset, isResetting, error };
+}