@vuetify/one 2.13.2 → 3.0.2

package/dist/auth-DqaHPcFk.js

@@ -0,0 +1,702 @@
+import { ref as S, shallowRef as L, computed as f, readonly as q, reactive as G, watch as j, toRefs as Z, toRef as P, nextTick as D } from "vue";
+import { defineStore as $ } from "pinia";
+import { merge as x, debounce as ee } from "lodash-es";
+import { useRoute as te, useRouter as Q } from "vue-router";
+const J = $("queue", () => {
+  const e = S([]);
+  function i(r) {
+    const n = typeof r == "string" ? { text: r } : r;
+    e.value.push(n);
+  }
+  function t(r) {
+    i({
+      color: "error",
+      text: r,
+      location: "top end",
+      timeout: -1
+    });
+  }
+  function s(r) {
+    i({
+      color: "success",
+      text: r,
+      location: "top end"
+    });
+  }
+  return {
+    queue: e,
+    show: i,
+    showError: t,
+    showSuccess: s
+  };
+}), U = $("http", {
+  state: () => ({ url: "" }),
+  actions: {
+    async fetch(e, i = {}) {
+      const t = await fetch(`${this.url}${e}`, {
+        credentials: "include",
+        ...i
+      });
+      if (!t.ok) {
+        const s = await t.text();
+        let r = s || `HTTP ${t.status}`;
+        try {
+          const n = JSON.parse(s);
+          r = n.message || n.error || s;
+        } catch {
+        }
+        throw new Error(r);
+      }
+      return t.status === 204 ? {} : t.json();
+    },
+    async post(e, i, t = {}) {
+      return this.fetch(e, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(i),
+        ...t
+      });
+    },
+    async get(e, i = {}) {
+      return this.fetch(e, i);
+    },
+    async delete(e, i = {}) {
+      return this.fetch(e, {
+        method: "DELETE",
+        ...i
+      });
+    }
+  }
+}), he = $("auth-api-key", () => {
+  const e = U(), i = S(null), t = L(!1), s = f(() => i.value?.apiKey || ""), r = f(() => {
+    if (!s.value) return "";
+    const a = s.value;
+    return `${a.slice(0, 6)}...${a.slice(-6)}`;
+  });
+  async function n(a = !1) {
+    !t.value && a && (t.value = !0);
+    const d = a ? "regenerate" : "generate", g = a ? await e.post(`/one/mcp/${d}`) : await e.fetch(`/one/mcp/${d}`);
+    return i.value = g, g;
+  }
+  async function c() {
+    try {
+      const a = await e.fetch("/one/mcp/getToken");
+      return a?.apiKey ? (i.value = a, a) : null;
+    } catch {
+      return null;
+    }
+  }
+  return {
+    accessToken: q(i),
+    key: q(s),
+    regenerated: q(t),
+    trim: q(r),
+    generate: n,
+    fetch: c
+  };
+}), ne = typeof window < "u";
+function se() {
+  return document.cookie.split(";").some((e) => e.trim().startsWith("sx="));
+}
+const V = $("auth-core", () => {
+  const e = U(), i = S(!1), t = S(null), s = L(!1), r = L({}), n = L(null), c = f(() => !!t.value), a = f(() => t.value?.role === "super"), d = f(() => ["super", "admin"].includes(t.value?.role ?? "")), g = f(() => [
+    "super",
+    "admin",
+    "editor"
+  ].includes(t.value?.role ?? ""));
+  function R(l) {
+    r.value = l;
+  }
+  async function O(l = !1) {
+    if (n.value) return n.value;
+    if (!e.url || !l && !se() && location.hostname?.match(/([^.]+\.[^.]+)$/)?.[1] === new URL(e.url).hostname.match(/([^.]+\.[^.]+)$/)?.[1])
+      return t.value = null, null;
+    s.value = !0;
+    const p = fetch(`${e.url}/auth/verify`, {
+      credentials: "include",
+      cache: l ? "reload" : void 0
+    });
+    return !p || typeof p.then != "function" ? (s.value = !1, t.value = null, null) : (n.value = p.then(async (h) => {
+      if (h.ok || h.status === 401) {
+        const b = await h.json();
+        return t.value = b.user, r.value.onAuth?.(b), b;
+      } else {
+        const b = new Error(h.statusText || `HTTP ${h.status}`);
+        return r.value.onError?.(b), null;
+      }
+    }, (h) => (r.value.onError?.(h), null)).finally(() => {
+      s.value = !1, n.value = null;
+    }), n.value);
+  }
+  async function I(l = "github") {
+    s.value = !0;
+    const p = `${e.url}/auth/${l}/redirect`;
+    if (l === "shopify") {
+      window.location.assign(p + "?next=" + encodeURIComponent(window.location.href));
+      return;
+    }
+    const h = 400, b = 600, W = window.screenX + (window.innerWidth - h) / 2, _ = window.screenY + (window.innerHeight - b) / 2, u = window.open(p, "vuetify:authorize:popup", `popup,left=${W},top=${_},width=${h},height=${b},resizable`);
+    if (!u) {
+      const E = /* @__PURE__ */ new Error("Failed to open popup");
+      r.value.onError?.(E), s.value = !1;
+      return;
+    }
+    let y = -1, A = -1;
+    function N(E) {
+      if (E.origin === e.url && E.data?.type === "auth-response") {
+        if (E.data.status === "success")
+          t.value || (localStorage.setItem("vuetify@lastLoginProvider", l), i.value = !1), t.value = E.data.body.user, r.value.onAuth?.({
+            user: E.data.body.user,
+            access: E.data.body.access ?? []
+          });
+        else {
+          const H = new Error(E.data.message || "Authentication failed");
+          r.value.onError?.(H);
+        }
+        z();
+      }
+    }
+    function z() {
+      window.removeEventListener("message", N), window.clearInterval(y), window.clearTimeout(A), u?.close(), s.value = !1;
+    }
+    window.addEventListener("message", N), y = window.setInterval(() => {
+      !u || u.closed ? (r.value.onError?.(/* @__PURE__ */ new Error("Auth popup closed")), z()) : u.postMessage({ type: "auth-request" }, e.url);
+    }, 1e3), A = window.setTimeout(() => {
+      z(), r.value.onError?.(/* @__PURE__ */ new Error("Auth timed out"));
+    }, 120 * 1e3);
+  }
+  async function v(l) {
+    s.value = !0;
+    const p = l ? `/auth/${l}/logout` : "/auth/logout";
+    try {
+      await e.post(p), t.value = null;
+    } catch (h) {
+      r.value.onError?.(h);
+    } finally {
+      s.value = !1;
+    }
+  }
+  function T(l) {
+    return t.value?.identities.find((p) => p.provider === l);
+  }
+  function m() {
+    return ne ? localStorage.getItem("vuetify@lastLoginProvider") : null;
+  }
+  return {
+    user: t,
+    dialog: i,
+    isLoading: s,
+    isAuthenticated: c,
+    isSuper: a,
+    isAdmin: d,
+    isEditor: g,
+    setCallbacks: R,
+    verify: O,
+    login: I,
+    logout: v,
+    findIdentity: T,
+    lastLoginProvider: m
+  };
+}), ve = $("auth-device", () => {
+  const e = U(), i = V(), t = S(null), s = L("idle"), r = S(null);
+  async function n(d) {
+    if (!i.isAuthenticated)
+      return r.value = "Must be authenticated to authorize device", !1;
+    try {
+      return s.value = "pending", await e.post(`/auth/device/${d}/authorize`), s.value = "authorized", !0;
+    } catch (g) {
+      return s.value = "error", r.value = g.message, !1;
+    }
+  }
+  async function c(d) {
+    try {
+      return (await e.get(`/auth/device/${d}/status`)).status;
+    } catch {
+      return "error";
+    }
+  }
+  function a() {
+    t.value = null, s.value = "idle", r.value = null;
+  }
+  return {
+    deviceCode: q(t),
+    status: q(s),
+    error: q(r),
+    authorize: n,
+    getStatus: c,
+    reset: a
+  };
+}), re = [
+  (e) => (e.v || (e.pwaRefresh = !0, typeof e.api == "boolean" && (e.api = e.api ? "inline" : "link-only"), typeof e.rtl == "boolean" && (e.direction = e.rtl ? "rtl" : "ltr", delete e.rtl), typeof e.theme == "object" && (e.mixedTheme = e.theme.mixed, e.theme = e.theme.system ? "system" : e.theme.dark ? "dark" : "light"), Array.isArray(e.notifications) && (e.notifications = { read: e.notifications }), typeof e.last == "object" && (e.notifications = e.notifications || {}, e.notifications.last = e.last, delete e.last), e.v = 1), e),
+  (e) => (e.v === 1 && (Array.isArray(e.composition) && (e.composition = "composition"), Array.isArray(e.notifications?.last?.banner) || (e.notifications = e.notifications || {}, e.notifications.last = e.notifications.last || {}, e.notifications.last.banner = []), e.v = 2), e),
+  (e) => (e.v === 2 && (e.syncSettings = !0, e.disableAds = !1, e.v = 3), e),
+  (e) => (e.v === 3 && (e.quickbar = !1, e.v = 4), e),
+  (e) => (e.v === 4 && (e.suits = { show: !1, elements: ["app-bar"], suit: "" }, e.notifications = e.notifications || {}, e.notifications.banners = !0, e.v = 5), e)
+];
+function oe(e) {
+  return {
+    version: 6,
+    ecosystem: {
+      bin: {
+        wordWrap: !1
+      },
+      play: {
+        showErrors: !0,
+        wordWrap: !1
+      },
+      studio: {},
+      link: {},
+      docs: {
+        api: e.api || "link-only",
+        composition: e.composition || "composition",
+        pins: {
+          enabled: e.pins || !1,
+          pinned: Array.isArray(e.pinned) ? e.pinned.map((i) => i.name || i).filter(Boolean) : []
+        },
+        mixedTheme: e.mixedTheme ?? !0,
+        favorites: [],
+        slashSearch: e.slashSearch || !1,
+        railDrawer: e.railDrawer || !1
+      }
+    },
+    one: {
+      avatar: e.avatar || "",
+      ads: {
+        enabled: !e.disableAds,
+        house: e.showHouseAds || !1
+      },
+      command: {},
+      theme: e.theme || "system",
+      direction: e.direction || "ltr",
+      colors: {
+        primary: e.colors?.one || "surface-light"
+      },
+      suits: {
+        enabled: e.suits?.show || !1,
+        elements: e.suits?.elements || ["app-bar"],
+        suit: e.suits?.suit || ""
+      },
+      notifications: {
+        enabled: e.notifications?.show ?? !0,
+        read: e.notifications?.read || [],
+        last: ""
+      },
+      banners: {
+        enabled: e.notifications?.banners ?? !0,
+        read: e.notifications?.last?.banner || [],
+        last: ""
+      },
+      quicklinks: e.quickbar || !1,
+      sync: e.syncSettings ?? !0,
+      devmode: e.dev || !1
+    }
+  };
+}
+function F(e) {
+  return {
+    ...e,
+    version: 7,
+    ecosystem: {
+      ...e.ecosystem,
+      mcp: {
+        seen: !1
+      }
+    }
+  };
+}
+function ie(e) {
+  const i = re.reduce((s, r) => r(s), e), t = oe(i);
+  return F(t);
+}
+const B = typeof window < "u", C = {
+  version: 7,
+  ecosystem: {
+    bin: {
+      wordWrap: !0
+    },
+    play: {
+      showErrors: !0,
+      wordWrap: !1
+    },
+    studio: {},
+    link: {},
+    docs: {
+      api: "link-only",
+      composition: "composition",
+      pins: {
+        enabled: !1,
+        pinned: []
+      },
+      mixedTheme: !0,
+      favorites: [],
+      slashSearch: !1,
+      railDrawer: !1
+    },
+    mcp: {
+      seen: !1
+    }
+  },
+  one: {
+    avatar: "",
+    ads: {
+      enabled: !0,
+      house: !1
+    },
+    command: {},
+    theme: "system",
+    direction: "ltr",
+    colors: {
+      primary: "surface-light"
+    },
+    suits: {
+      enabled: !1,
+      elements: ["app-bar"],
+      suit: ""
+    },
+    notifications: {
+      enabled: !0,
+      read: [],
+      last: ""
+    },
+    banners: {
+      enabled: !0,
+      read: [],
+      last: ""
+    },
+    quicklinks: !1,
+    ecosystem: {
+      pinned: [],
+      seen: !1
+    },
+    sync: !0,
+    devmode: !1
+  }
+}, ae = $("user", () => {
+  const e = G(structuredClone(C));
+  j(e, t, { deep: !0 });
+  function i() {
+    if (!B)
+      return;
+    const r = localStorage.getItem("vuetify@user");
+    if (r)
+      try {
+        const n = JSON.parse(r);
+        if (n.version >= 7) {
+          const c = {
+            version: 7,
+            ecosystem: x(structuredClone(C.ecosystem), n.ecosystem || {}),
+            one: x(structuredClone(C.one), n.one || {})
+          };
+          Object.assign(e, c);
+        } else if (n.version === 6) {
+          const c = F(n), a = {
+            version: 7,
+            ecosystem: x(structuredClone(C.ecosystem), c.ecosystem || {}),
+            one: x(structuredClone(C.one), c.one || {})
+          };
+          Object.assign(e, a);
+        } else {
+          const c = ie(n);
+          Object.assign(e, c);
+        }
+        t();
+      } catch (n) {
+        console.error("Failed to load user settings:", n);
+      }
+  }
+  function t() {
+    B && localStorage.setItem("vuetify@user", JSON.stringify(e, null, 2));
+  }
+  function s() {
+    B && (Object.assign(e, structuredClone(C)), t());
+  }
+  return i(), {
+    ...Z(e),
+    load: i,
+    save: t,
+    reset: s
+  };
+});
+function M() {
+  const e = te();
+  return f(
+    () => e.query
+  );
+}
+const X = $("one", () => {
+  const e = M(), i = Q(), t = Y(), s = U(), r = J(), n = L(!1), c = L(!1), a = S(null), d = S([]), g = f(() => e.value.session_id), R = f(() => a.value?.items[0].plan.interval), O = f(() => a.value?.items[0].plan.type), I = S([]), v = f(() => t.user?.sponsorships.find((o) => o.platform === "stripe" && o.tierName.startsWith("sub_"))), T = f(() => !!v.value?.tierName), m = f(() => t.user?.sponsorships.reduce((o, w) => {
+    if (!w.isActive || w.interval === "once")
+      return o;
+    const k = w.interval === "month" ? w.amount : w.amount / 12;
+    return o + k / 100;
+  }, 0) ?? 0), l = f(() => t.user?.sponsorships.find((o) => o.tierName.startsWith("sub_") && o.isActive)), p = f(() => t.user?.sponsorships.find((o) => o.platform === "github" && o.isActive)), h = f(() => t.user?.sponsorships.find((o) => o.platform === "discord" && o.isActive)), b = f(() => t.user?.sponsorships.find((o) => o.platform === "opencollective" && o.isActive)), W = f(() => t.user?.identities.find((o) => o.provider === "shopify")), _ = f(() => !s.url || t.isAdmin || v.value?.isActive || I.value.some((o) => ["one", "one/team"].includes(o)));
+  j(c, K), j(g, async (o) => {
+    o && await u();
+  }, { immediate: !0 }), j(e, (o) => {
+    if (o.one !== "subscribe" || t.user)
+      return;
+    t.dialog = !0;
+    const w = j(() => t.user, (k) => {
+      k && (t.dialog = !1, w());
+    });
+  }, { immediate: !0 });
+  async function u() {
+    try {
+      n.value = !0, await s.post("/one/activate", { sessionId: g.value }), await t.verify(!0), await E();
+      const o = new URL(window.location.href), w = o.searchParams;
+      w.delete("session_id"), w.delete("team"), history.pushState(null, "", o.toString());
+    } catch (o) {
+      r.showError(o?.message ?? "Error activating subscription, Please contact support");
+    } finally {
+      n.value = !1;
+    }
+  }
+  async function y() {
+    window.open(`${s.url}/one/manage`, "_blank");
+  }
+  async function A(o, w) {
+    n.value = !0;
+    const k = new URL("/one/subscribe", s.url);
+    k.searchParams.set("interval", o), k.searchParams.set("type", w), window.location.href = k.toString();
+  }
+  async function N() {
+    if (v.value)
+      try {
+        n.value = !0, await s.post(
+          `/one/cancel?subscriptionId=${v.value?.tierName}`
+        ), await t.verify(!0);
+      } catch (o) {
+        r.showError(o?.message ?? "Error cancelling subscription, Please contact support");
+      } finally {
+        n.value = !1;
+      }
+  }
+  async function z(o, w) {
+    if (v.value)
+      try {
+        n.value = !0, await s.post("/one/modify", {
+          subscriptionId: v.value.tierName,
+          interval: o,
+          type: w
+        }), await t.verify(!0);
+      } catch (k) {
+        r.showError(k?.message ?? "Error modifying subscription");
+      } finally {
+        n.value = !1;
+      }
+  }
+  async function E() {
+    try {
+      n.value = !0;
+      const o = await s.get("/one/info");
+      return a.value = o.subscription, d.value = o.invoices, o;
+    } catch (o) {
+      r.showError(o?.message ?? "Error fetching subscription info");
+    } finally {
+      n.value = !1;
+    }
+  }
+  async function H() {
+    try {
+      return n.value = !0, (await s.get("/one/activity")).items;
+    } catch (o) {
+      r.showError(o?.message ?? "Error fetching recent activity");
+    } finally {
+      n.value = !1;
+    }
+  }
+  function K() {
+    i.push({
+      query: {
+        ...e.value,
+        one: void 0
+      }
+    });
+  }
+  return {
+    info: a,
+    interval: R,
+    subscriptionType: O,
+    access: I,
+    invoices: d,
+    sessionId: g,
+    subscription: v,
+    monthlyTotal: m,
+    recentActivity: H,
+    hasBilling: T,
+    isLoading: n,
+    isOpen: c,
+    isSubscriber: _,
+    opencollective: b,
+    github: p,
+    discord: h,
+    shopify: W,
+    one: l,
+    activate: u,
+    cancel: N,
+    manage: y,
+    modify: z,
+    resetQuery: K,
+    subscribe: A,
+    subscriptionInfo: E
+  };
+}), ue = $("team", () => {
+  const e = M(), i = Y(), t = X(), s = U(), r = J(), n = L(!1), c = S(null), a = S(!1), d = f(() => e.value.invite), g = f(
+    () => c.value ? t.access?.some((m) => ["one/team", "snips/team"].includes(m)) : !1
+  );
+  j(d, async () => {
+    if (d.value) {
+      i.user || (i.dialog = !0);
+      try {
+        n.value = !0;
+        const m = await s.get(`/one/team/${d.value}`);
+        c.value = m.team, a.value = !0;
+      } catch (m) {
+        v(), r.showError(m.message);
+      } finally {
+        n.value = !1;
+      }
+    }
+  }, { immediate: !0 });
+  async function R(m) {
+    try {
+      if (n.value = !0, !c.value)
+        return;
+      await s.post("/one/team/remove", { userId: m }), c.value.members = c.value.members.filter((l) => l.id !== m);
+    } catch (l) {
+      r.showError(l?.message ?? "Error removing user from team");
+    } finally {
+      n.value = !1;
+    }
+  }
+  async function O() {
+    try {
+      n.value = !0, await s.post("/one/team/leave", { teamId: c.value?.id }), await i.verify(!0);
+    } catch (m) {
+      r.showError(m?.message ?? "Error leaving team");
+    } finally {
+      n.value = !1;
+    }
+  }
+  async function I() {
+    try {
+      n.value = !0, await s.post("/one/team/join", { inviteCode: d.value }), await i.verify(!0), v();
+    } catch (m) {
+      r.showError(m?.message ?? "Error joining team");
+    } finally {
+      n.value = !1;
+    }
+  }
+  function v() {
+    a.value = !1;
+    const m = new URL(window.location.href);
+    m.searchParams.delete("invite"), window.history.replaceState({}, "", m.toString());
+  }
+  const T = f(() => i.user?.id === i.user?.team?.owner?.id);
+  return {
+    team: c,
+    teamInviteDialog: a,
+    teamInviteCode: d,
+    hasTeamAccess: g,
+    isTeamOwner: T,
+    isLoading: n,
+    removeFromTeam: R,
+    leaveTeam: O,
+    joinTeam: I,
+    clearTeamQuery: v
+  };
+}), ce = typeof window < "u", Y = $("auth", () => {
+  const e = V(), i = U(), t = ae(), s = Q(), r = X(), n = ue(), c = J(), a = P(() => e.user), d = P(e, "dialog"), g = P(() => e.isLoading), R = P(() => e.isAuthenticated), O = P(() => e.isSuper), I = P(() => e.isAdmin), v = P(() => e.isEditor);
+  let T = !!e.lastLoginProvider();
+  j(a, (u) => {
+    if (!ce || !u?.settings)
+      return;
+    const y = localStorage.getItem("vuetify@user") || "{}";
+    if (JSON.stringify(u.settings, null, 2) === y)
+      return;
+    T = !0;
+    let A = u.settings;
+    A.version === 6 && (A = F(A));
+    const N = {
+      version: 7,
+      ecosystem: x(structuredClone(C.ecosystem), A.ecosystem || {}),
+      one: x(structuredClone(C.one), A.one || {})
+    };
+    Object.assign(t, N);
+  });
+  const m = ee(l, 500);
+  t.$subscribe(() => {
+    T || m(), T = !1;
+  });
+  async function l() {
+    if (await D(), !(!a.value || !t.one.sync))
+      try {
+        await i.post("/user/settings", { settings: t.$state }), await p(!0);
+      } catch (u) {
+        c.showError(u?.message ?? "Error syncing settings");
+      }
+  }
+  e.setCallbacks({
+    onAuth: (u) => {
+      r.access = u.access;
+      const y = u.user?.team;
+      y?.inviteCode && y.members && y.owner && (n.team = {
+        id: y.id,
+        name: y.name,
+        inviteCode: y.inviteCode,
+        members: y.members,
+        owner: y.owner
+      });
+    },
+    onError: (u) => {
+      c.showError(u.message ?? "Authentication error");
+    }
+  });
+  async function p(u = !1) {
+    return e.verify(u);
+  }
+  async function h(u = "github") {
+    await e.login(u), e.user && (e.dialog = !1, s.push("/user/dashboard"), l());
+  }
+  async function b(u) {
+    await e.logout(u), s.push({
+      path: "/",
+      query: s.currentRoute.value.query
+    });
+  }
+  function W(u) {
+    return e.findIdentity(u);
+  }
+  function _() {
+    return e.lastLoginProvider();
+  }
+  return {
+    // State (proxied from base)
+    user: a,
+    url: i.url,
+    dialog: d,
+    isLoading: g,
+    isAuthenticated: R,
+    isSuper: O,
+    isAdmin: I,
+    isEditor: v,
+    // Actions
+    verify: p,
+    findIdentity: W,
+    login: h,
+    logout: b,
+    lastLoginProvider: _,
+    sync: l
+  };
+});
+export {
+  Y as a,
+  ae as b,
+  X as c,
+  M as d,
+  he as e,
+  ue as f,
+  U as g,
+  ve as h,
+  J as u
+};