@1001-digital/layers.base 0.0.3 → 0.0.5

package/.claude/settings.local.json

@@ -0,0 +1,9 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(pnpm add:*)",
+      "Bash(pnpm install)",
+      "Bash(pnpm typecheck:*)"
+    ]
+  }
+}

package/app/composables/time.ts

@@ -0,0 +1,63 @@
+import { DateTime } from 'luxon'
+import type { Ref } from 'vue'
+
+let nowInterval: NodeJS.Timeout | undefined
+
+export const useSeconds = () => {
+  const now = useState<number>('now', () => nowInSeconds())
+
+  if (import.meta.client && !nowInterval) {
+    nowInterval = setInterval(() => {
+      now.value = nowInSeconds()
+    }, 1000)
+  }
+
+  return now
+}
+
+export const useCountDown = (s: Ref<number | bigint>, showSecondsWithin: number = 60) => {
+  const duration = computed(() => Math.abs(Number(s.value)))
+
+  const seconds = computed(() => duration.value % 60)
+  const minutes = computed(() => Math.floor(duration.value / 60) % 60)
+  const hours = computed(() => Math.floor(duration.value / 60 / 60) % 24)
+  const days = computed(() => Math.floor(duration.value / 60 / 60 / 24))
+
+  const str = computed(() =>
+    [
+      days.value ? `${days.value}d` : null,
+      hours.value ? `${hours.value}h` : null,
+      minutes.value ? `${minutes.value}m` : null,
+      duration.value < showSecondsWithin && seconds.value ? `${seconds.value}s` : null,
+    ]
+      .filter((s) => !!s)
+      .join(' '),
+  )
+
+  return {
+    seconds,
+    minutes,
+    hours,
+    days,
+    str,
+  }
+}
+
+export const useSecondsAgo = (time: Ref<string | undefined>) => {
+  const ago = ref<string>()
+  const now = useSeconds()
+
+  watch(
+    now,
+    () => {
+      if (time.value) {
+        ago.value = DateTime.fromISO(time.value).toRelative({ style: 'short', locale: 'en' }) ?? undefined
+      }
+    },
+    {
+      immediate: true,
+    },
+  )
+
+  return ago
+}

package/app/utils/time.ts

@@ -0,0 +1,20 @@
+import { DateTime } from 'luxon'
+
+export const delay = (ms: number): Promise<void> =>
+  new Promise((resolve) => setTimeout(resolve, ms))
+
+export const daysInSeconds = (days: number): number => days * 60 * 60 * 24
+
+export const nowInSeconds = (): number => Math.floor(Date.now() / 1000)
+
+export const asUTCDate = (date: Date | null) =>
+  date
+    ? DateTime.utc(
+      date.getFullYear(),
+      date.getMonth() + 1,
+      date.getDate(),
+      date.getHours(),
+      date.getMinutes(),
+      date.getSeconds(),
+    )
+    : null

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@1001-digital/layers.base",
   "type": "module",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "main": "./nuxt.config.ts",
   "devDependencies": {
     "@iconify-json/lucide": "^1.2.81",
@@ -15,6 +15,8 @@
   },
   "dependencies": {
     "@nuxt/icon": "^1.10.3",
+    "@types/luxon": "^3.6.2",
+    "luxon": "^3.6.1",
     "modern-normalize": "^3.0.1",
     "reka-ui": "^2.6.1"
   },