server-time-timer-yolabs-ui 1.0.9 → 1.0.10

package/dist/hooks/useServerTimer.d.ts

@@ -1,15 +1,12 @@
-interface TimeState {
-    totalMs: number;
+export declare function useServerTimer({ serverNow, endTime, onEnd }: {
+    serverNow: string;
+    endTime: string;
+    onEnd?: () => void;
+}): {
     days: number;
     hours: number;
     minutes: number;
     seconds: number;
+    totalMs: number;
     progress: number;
-}
-interface UseServerTimerProps {
-    serverNow: string;
-    endTime: string;
-    onEnd?: () => void;
-}
-export declare const useServerTimer: ({ serverNow, endTime, onEnd }: UseServerTimerProps) => TimeState;
-export {};
+};

package/dist/hooks/useServerTimer.js

@@ -1,38 +1,34 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useServerTimer = void 0;
+exports.useServerTimer = useServerTimer;
 const react_1 = require("react");
-const useServerTimer = ({ serverNow, endTime, onEnd }) => {
+const server_time_timer_yolabs_1 = require("server-time-timer-yolabs");
+function useServerTimer({ serverNow, endTime, onEnd }) {
     const [time, setTime] = (0, react_1.useState)({
-        totalMs: 0,
         days: 0,
         hours: 0,
         minutes: 0,
         seconds: 0,
-        progress: 100,
+        totalMs: 0,
+        progress: 100
     });
     (0, react_1.useEffect)(() => {
-        const start = new Date(serverNow).getTime();
-        const end = new Date(endTime).getTime();
-        const totalDuration = end - start;
-        const update = () => {
-            const now = Date.now();
-            const totalMs = end - now;
-            const clampedMs = Math.max(totalMs, 0);
-            const remaining = clampedMs;
-            const days = Math.floor(remaining / (1000 * 60 * 60 * 24));
-            const hours = Math.floor((remaining / (1000 * 60 * 60)) % 24);
-            const minutes = Math.floor((remaining / (1000 * 60)) % 60);
-            const seconds = Math.floor((remaining / 1000) % 60);
-            const progress = Math.max((remaining / totalDuration) * 100, 0);
-            setTime({ totalMs: clampedMs, days, hours, minutes, seconds, progress });
-            if (clampedMs <= 0 && onEnd)
+        const timer = (0, server_time_timer_yolabs_1.createServerTimer)({ serverNow, endTime });
+        timer.onTick((t) => {
+            const totalDuration = new Date(endTime).getTime() - new Date(serverNow).getTime();
+            setTime({
+                days: t.days,
+                hours: t.hours,
+                minutes: t.minutes,
+                seconds: t.seconds,
+                totalMs: t.totalMs,
+                progress: Math.max(0, (t.totalMs / totalDuration) * 100)
+            });
+            if (t.totalMs <= 0 && onEnd)
                 onEnd();
-        };
-        update();
-        const interval = setInterval(update, 1000);
-        return () => clearInterval(interval);
+        });
+        timer.start();
+        return () => timer.stop();
     }, [serverNow, endTime, onEnd]);
     return time;
-};
-exports.useServerTimer = useServerTimer;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "server-time-timer-yolabs-ui",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "FluentUI/SharePoint styled React countdown timer UI for server-time-timer-yoLabs",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",