feat: install instruction inside web app

2026-05-22 13:58:34 +03:00
parent 8a38524774
commit 9e61a3d8a8
41 changed files with 8216 additions and 72 deletions
@@ -0,0 +1,91 @@
+import { writable } from "svelte/store";
+
+export function createInstallGuidesStore({ api, t, showToast }) {
+  let inFlight = null;
+  const state = writable({
+    enabled: false,
+    config: null,
+    source: null,
+    subscription: null,
+    error: "",
+    loading: false,
+    loaded: false,
+  });
+
+  async function fetchGuides(path, force = false) {
+    if (inFlight?.path === path) return inFlight.promise;
+    let snapshot;
+    state.update((s) => {
+      snapshot = s;
+      return s;
+    });
+    if (!force && snapshot?.loaded) return snapshot;
+    const promise = (async () => {
+      state.update((s) => ({ ...s, loading: true, error: "" }));
+      try {
+        const response = await api(path);
+        const next = {
+          enabled: Boolean(response?.enabled),
+          config: response?.config || null,
+          source: response?.source || null,
+          subscription: response?.subscription || null,
+          error: response?.error || "",
+          loading: false,
+          loaded: true,
+        };
+        state.set(next);
+        return next;
+      } catch (error) {
+        const message =
+          error?.message || t("wa_install_unavailable", {}, "Instructions unavailable");
+        if (typeof showToast === "function") showToast(message);
+        const next = {
+          enabled: false,
+          config: null,
+          source: null,
+          subscription: null,
+          error: message,
+          loading: false,
+          loaded: true,
+        };
+        state.set(next);
+        return next;
+      } finally {
+        inFlight = null;
+      }
+    })();
+    inFlight = { path, promise };
+    return promise;
+  }
+
+  async function load(force = false) {
+    return fetchGuides("/subscription-guides", force);
+  }
+
+  async function loadPublic(shortUuid, force = false) {
+    const encoded = encodeURIComponent(String(shortUuid || ""));
+    return fetchGuides(`/subscription-guides/public/${encoded}`, force);
+  }
+
+  function reset() {
+    inFlight = null;
+    state.set({
+      enabled: false,
+      config: null,
+      source: null,
+      subscription: null,
+      error: "",
+      loading: false,
+      loaded: false,
+    });
+  }
+
+  return {
+    subscribe: state.subscribe,
+    set: state.set,
+    update: state.update,
+    load,
+    loadPublic,
+    reset,
+  };
+}