chore: import upstream snapshot with attribution

2026-07-13 13:32:57 +08:00
commit cd420f9332
4811 changed files with 884702 additions and 0 deletions
@@ -0,0 +1,102 @@
+import { formatDuration } from "@trigger.dev/core/v3";
+import { useEffect, useState } from "react";
+
+export function LiveTimer({
+  startTime,
+  endTime,
+  updateInterval = 250,
+}: {
+  startTime: Date;
+  endTime?: Date;
+  updateInterval?: number;
+}) {
+  const [now, setNow] = useState<Date>();
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      const date = new Date();
+      setNow(date);
+
+      if (endTime && date > endTime) {
+        clearInterval(interval);
+      }
+    }, updateInterval);
+
+    return () => clearInterval(interval);
+  }, [startTime, endTime]);
+
+  return (
+    <>
+      {formatDuration(startTime, endTime ?? now, {
+        style: "short",
+        maxDecimalPoints: 0,
+        units: ["d", "h", "m", "s"],
+      })}
+    </>
+  );
+}
+
+export function LiveCountUp({
+  lastUpdated,
+  updateInterval = 250,
+  className,
+}: {
+  lastUpdated: Date;
+  updateInterval?: number;
+  className?: string;
+}) {
+  const [now, setNow] = useState<Date>();
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      const date = new Date();
+      setNow(date);
+    }, updateInterval);
+
+    return () => clearInterval(interval);
+  }, [lastUpdated]);
+
+  return (
+    <>
+      {formatDuration(lastUpdated, now, {
+        style: "short",
+        maxDecimalPoints: 0,
+        units: ["m", "s"],
+      })}
+    </>
+  );
+}
+
+export function LiveCountdown({
+  endTime,
+  updateInterval = 100,
+}: {
+  endTime: Date;
+  updateInterval?: number;
+}) {
+  const [now, setNow] = useState<Date>();
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      const date = new Date();
+      setNow(date);
+
+      if (date > endTime) {
+        clearInterval(interval);
+      }
+    }, updateInterval);
+
+    return () => clearInterval(interval);
+  }, [endTime]);
+
+  return (
+    <>
+      {formatDuration(now, endTime, {
+        style: "short",
+        maxDecimalPoints: 0,
+        units: ["d", "h", "m", "s"],
+        maxUnits: 4,
+      })}
+    </>
+  );
+}