add release monitor and ui toast

packages/ui/src/stores/releases.ts

@@ -0,0 +1,70 @@
+import { createSignal } from "solid-js"
+import type { LatestReleaseInfo, WorkspaceEventPayload } from "../../../server/src/api-types"
+import { getServerMeta } from "../lib/server-meta"
+import { serverEvents } from "../lib/server-events"
+import { showToastNotification, ToastHandle } from "../lib/notifications"
+import { getLogger } from "../lib/logger"
+
+const log = getLogger("actions")
+
+const [availableRelease, setAvailableRelease] = createSignal<LatestReleaseInfo | null>(null)
+
+let initialized = false
+let activeToast: ToastHandle | null = null
+
+function dismissActiveToast() {
+  if (activeToast) {
+    activeToast.dismiss()
+    activeToast = null
+  }
+}
+
+export function initReleaseNotifications() {
+  if (initialized) {
+    return
+  }
+  initialized = true
+
+  void refreshFromMeta()
+
+  serverEvents.on("app.releaseAvailable", (event) => {
+    const typedEvent = event as Extract<WorkspaceEventPayload, { type: "app.releaseAvailable" }>
+    applyRelease(typedEvent.release)
+  })
+}
+
+async function refreshFromMeta() {
+  try {
+    const meta = await getServerMeta(true)
+    if (meta.latestRelease) {
+      applyRelease(meta.latestRelease)
+    }
+  } catch (error) {
+    log.warn("Unable to load server metadata for release info", error)
+  }
+}
+
+function applyRelease(release: LatestReleaseInfo | null | undefined) {
+  if (!release) {
+    setAvailableRelease(null)
+    dismissActiveToast()
+    return
+  }
+  setAvailableRelease(release)
+  dismissActiveToast()
+  activeToast = showToastNotification({
+    title: `CodeNomad ${release.version}`,
+    message: release.channel === "dev" ? "Dev release build available." : "New stable build on GitHub.",
+    variant: "info",
+    duration: Number.POSITIVE_INFINITY,
+    position: "bottom-right",
+    action: {
+      label: "View release",
+      href: release.url,
+    },
+  })
+}
+
+export function useAvailableRelease() {
+  return availableRelease
+}