@vuetify/one 2.11.3 → 2.13.0

package/dist/auth-DkYOaeOy.js

@@ -0,0 +1,589 @@
+import { merge as k } from "lodash-es";
+import { defineStore as O } from "pinia";
+import { ref as b, reactive as G, watch as T, toRefs as K, computed as m, shallowRef as P, toRef as N, nextTick as Z } from "vue";
+import { useRoute as D, useRouter as z } from "vue-router";
+const F = O("queue", () => {
+  const e = b([]);
+  function s(o) {
+    const n = typeof o == "string" ? { text: o } : o;
+    e.value.push(n);
+  }
+  function r(o) {
+    s({
+      color: "error",
+      text: o,
+      location: "top end",
+      timeout: -1
+    });
+  }
+  function i(o) {
+    s({
+      color: "success",
+      text: o,
+      location: "top end"
+    });
+  }
+  return {
+    queue: e,
+    show: s,
+    showError: r,
+    showSuccess: i
+  };
+}), ee = [
+  (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 te(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((s) => s.name || s).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 Q(e) {
+  return {
+    ...e,
+    version: 7,
+    ecosystem: {
+      ...e.ecosystem,
+      mcp: {
+        seen: !1
+      }
+    }
+  };
+}
+function se(e) {
+  const s = ee.reduce((i, o) => o(i), e), r = te(s);
+  return Q(r);
+}
+const J = typeof window < "u", g = {
+  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
+  }
+}, re = O("user", () => {
+  const e = G(structuredClone(g));
+  T(e, r, { deep: !0 });
+  function s() {
+    if (!J)
+      return;
+    const o = localStorage.getItem("vuetify@user");
+    if (o)
+      try {
+        const n = JSON.parse(o);
+        if (n.version >= 7) {
+          const c = {
+            version: 7,
+            ecosystem: k(structuredClone(g.ecosystem), n.ecosystem || {}),
+            one: k(structuredClone(g.one), n.one || {})
+          };
+          Object.assign(e, c);
+        } else if (n.version === 6) {
+          const c = Q(n), h = {
+            version: 7,
+            ecosystem: k(structuredClone(g.ecosystem), c.ecosystem || {}),
+            one: k(structuredClone(g.one), c.one || {})
+          };
+          Object.assign(e, h);
+        } else {
+          const c = se(n);
+          Object.assign(e, c);
+        }
+        r();
+      } catch (n) {
+        console.error("Failed to load user settings:", n);
+      }
+  }
+  function r() {
+    J && localStorage.setItem("vuetify@user", JSON.stringify(e, null, 2));
+  }
+  function i() {
+    J && (Object.assign(e, structuredClone(g)), r());
+  }
+  return s(), {
+    ...K(e),
+    load: s,
+    save: r,
+    reset: i
+  };
+}), V = O("http", {
+  state: () => ({
+    url: ""
+  }),
+  actions: {
+    async fetch(e, s = {}) {
+      const r = await fetch(`${this.url}${e}`, {
+        credentials: "include",
+        ...s
+      });
+      if (!r.ok) {
+        const i = await r.text();
+        let o = i || `HTTP ${r.status}`;
+        try {
+          const n = JSON.parse(i);
+          o = n.message || n.error || i;
+        } catch {
+        }
+        throw new Error(o);
+      }
+      return r.status === 204 ? {} : r.json();
+    },
+    async post(e, s, r = {}) {
+      return this.fetch(e, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(s),
+        ...r
+      });
+    },
+    async form(e, s, r = {}) {
+      return this.fetch(e, {
+        method: "POST",
+        body: s,
+        ...r
+      });
+    },
+    async get(e, s = {}) {
+      return this.fetch(e, s);
+    },
+    async delete(e, s = {}) {
+      return this.fetch(e, {
+        method: "DELETE",
+        ...s
+      });
+    }
+  }
+});
+function M() {
+  const e = D();
+  return m(
+    () => e.query
+  );
+}
+const X = O("one", () => {
+  const e = M(), s = z(), r = Y(), i = V(), o = F(), n = P(!1), c = P(!1), h = b(null), y = b([]), S = m(() => e.value.session_id), R = m(() => h.value?.items[0].plan.interval), q = m(() => h.value?.items[0].plan.type), I = b([]), p = m(() => r.user?.sponsorships.find((t) => t.platform === "stripe" && t.tierName.startsWith("sub_"))), E = m(() => !!p.value?.tierName), a = m(() => r.user?.sponsorships.reduce((t, u) => {
+    if (!u.isActive || u.interval === "once")
+      return t;
+    const v = u.interval === "month" ? u.amount : u.amount / 12;
+    return t + v / 100;
+  }, 0) ?? 0), A = m(() => r.user?.sponsorships.find((t) => t.tierName.startsWith("sub_") && t.isActive)), U = m(() => r.user?.sponsorships.find((t) => t.platform === "github" && t.isActive)), W = m(() => r.user?.sponsorships.find((t) => t.platform === "discord" && t.isActive)), x = m(() => r.user?.sponsorships.find((t) => t.platform === "opencollective" && t.isActive)), l = m(() => r.user?.identities.find((t) => t.provider === "shopify")), d = m(() => !i.url || r.isAdmin || p.value?.isActive || I.value.some((t) => ["one", "one/team"].includes(t)));
+  T(c, L), T(S, async (t) => {
+    t && await f();
+  }, { immediate: !0 }), T(e, (t) => {
+    if (t.one !== "subscribe" || r.user)
+      return;
+    r.dialog = !0;
+    const u = T(() => r.user, (v) => {
+      v && (r.dialog = !1, u());
+    });
+  }, { immediate: !0 });
+  async function f() {
+    try {
+      n.value = !0, await i.post("/one/activate", { sessionId: S.value }), await r.verify(!0), await j();
+      const t = new URL(window.location.href), u = t.searchParams;
+      u.delete("session_id"), u.delete("team"), history.pushState(null, "", t.toString());
+    } catch (t) {
+      o.showError(t?.message ?? "Error activating subscription, Please contact support");
+    } finally {
+      n.value = !1;
+    }
+  }
+  async function $() {
+    window.open(`${i.url}/one/manage`, "_blank");
+  }
+  async function _(t, u) {
+    n.value = !0;
+    const v = new URL("/one/subscribe", i.url);
+    v.searchParams.set("interval", t), v.searchParams.set("type", u), window.location.href = v.toString();
+  }
+  async function H() {
+    if (p.value)
+      try {
+        n.value = !0, await i.post(
+          `/one/cancel?subscriptionId=${p.value?.tierName}`
+        ), await r.verify(!0);
+      } catch (t) {
+        o.showError(t?.message ?? "Error cancelling subscription, Please contact support");
+      } finally {
+        n.value = !1;
+      }
+  }
+  async function w(t, u) {
+    if (p.value)
+      try {
+        n.value = !0, await i.post("/one/modify", {
+          subscriptionId: p.value.tierName,
+          interval: t,
+          type: u
+        }), await r.verify(!0);
+      } catch (v) {
+        o.showError(v?.message ?? "Error modifying subscription");
+      } finally {
+        n.value = !1;
+      }
+  }
+  async function j() {
+    try {
+      n.value = !0;
+      const t = await i.get("/one/info");
+      return h.value = t.subscription, y.value = t.invoices, t;
+    } catch (t) {
+      o.showError(t?.message ?? "Error fetching subscription info");
+    } finally {
+      n.value = !1;
+    }
+  }
+  async function C() {
+    try {
+      return n.value = !0, await i.get("/one/activity");
+    } catch (t) {
+      o.showError(t?.message ?? "Error fetching recent activity");
+    } finally {
+      n.value = !1;
+    }
+  }
+  function L() {
+    s.push({
+      query: {
+        ...e.value,
+        one: void 0
+      }
+    });
+  }
+  return {
+    info: h,
+    interval: R,
+    subscriptionType: q,
+    access: I,
+    invoices: y,
+    sessionId: S,
+    subscription: p,
+    monthlyTotal: a,
+    recentActivity: C,
+    hasBilling: E,
+    isLoading: n,
+    isOpen: c,
+    isSubscriber: d,
+    opencollective: x,
+    github: U,
+    discord: W,
+    shopify: l,
+    one: A,
+    activate: f,
+    cancel: H,
+    manage: $,
+    modify: w,
+    resetQuery: L,
+    subscribe: _,
+    subscriptionInfo: j
+  };
+}), ne = O("team", () => {
+  const e = M(), s = Y(), r = X(), i = V(), o = F(), n = P(!1), c = b(null), h = b(!1), y = m(() => e.value.invite), S = m(
+    () => c.value ? r.access?.some((a) => ["one/team", "snips/team"].includes(a)) : !1
+  );
+  T(y, async () => {
+    if (y.value) {
+      s.user || (s.dialog = !0);
+      try {
+        n.value = !0;
+        const a = await i.get(`/one/team/${y.value}`);
+        c.value = a.team, h.value = !0;
+      } catch (a) {
+        p(), o.showError(a.message);
+      } finally {
+        n.value = !1;
+      }
+    }
+  }, { immediate: !0 });
+  async function R(a) {
+    try {
+      if (n.value = !0, !c.value)
+        return;
+      await i.post("/one/team/remove", { userId: a }), c.value.members = c.value.members.filter((A) => A.id !== a);
+    } catch (A) {
+      o.showError(A?.message ?? "Error removing user from team");
+    } finally {
+      n.value = !1;
+    }
+  }
+  async function q() {
+    try {
+      n.value = !0, await i.post("/one/team/leave", { teamId: c.value?.id }), await s.verify(!0);
+    } catch (a) {
+      o.showError(a?.message ?? "Error leaving team");
+    } finally {
+      n.value = !1;
+    }
+  }
+  async function I() {
+    try {
+      n.value = !0, await i.post("/one/team/join", { inviteCode: y.value }), await s.verify(!0), p();
+    } catch (a) {
+      o.showError(a?.message ?? "Error joining team");
+    } finally {
+      n.value = !1;
+    }
+  }
+  function p() {
+    h.value = !1;
+    const a = new URL(window.location.href);
+    a.searchParams.delete("invite"), window.history.replaceState({}, "", a.toString());
+  }
+  const E = m(() => s.user?.id === s.user?.team?.owner.id);
+  return {
+    team: c,
+    teamInviteDialog: h,
+    teamInviteCode: y,
+    hasTeamAccess: S,
+    isTeamOwner: E,
+    isLoading: n,
+    removeFromTeam: R,
+    leaveTeam: q,
+    joinTeam: I,
+    clearTeamQuery: p
+  };
+}), B = typeof window < "u", Y = O("auth", () => {
+  const e = b(!1), s = b(null), r = V(), i = re(), o = z(), n = P(!1), c = X(), h = ne(), y = F(), S = N(() => !!s.value), R = N(() => s.value?.role === "super"), q = N(() => ["super", "admin"].includes(s.value?.role ?? "")), I = N(() => ["super", "admin", "editor"].includes(s.value?.role ?? ""));
+  let p = !!x();
+  T(s, (l) => {
+    if (!B || !l?.settings)
+      return;
+    const d = localStorage.getItem("vuetify@user") || "{}";
+    if (JSON.stringify(l.settings, null, 2) === d)
+      return;
+    p = !0;
+    let f = l.settings;
+    f.version === 6 && (f = Q(f));
+    const $ = {
+      version: 7,
+      ecosystem: k(structuredClone(g.ecosystem), f.ecosystem || {}),
+      one: k(structuredClone(g.one), f.one || {})
+    };
+    Object.assign(i, $);
+  }), i.$subscribe(() => {
+    p || E(), p = !1;
+  });
+  async function E() {
+    if (await Z(), !(!s.value || !i.one.sync))
+      try {
+        await r.post("/user/settings", { settings: i.$state }), await a(!0);
+      } catch (l) {
+        y.showError(l?.message ?? "Error syncing settings");
+      }
+  }
+  async function a(l = !1) {
+    if (a.promise)
+      return a.promise;
+    if (!l && !document.cookie.includes("sx=1") && location.hostname.match(/([^.]+\.[^.]+)$/)?.[1] === new URL(r.url).hostname.match(/([^.]+\.[^.]+)$/)?.[1]) {
+      s.value = null;
+      return;
+    }
+    n.value = !0, a.promise = fetch(`${r.url}/auth/verify`, {
+      credentials: "include",
+      cache: l ? "reload" : void 0
+    }).then(
+      async (d) => {
+        if (d.ok || d.status === 401) {
+          const f = await d.json();
+          s.value = f.user, c.access = f.access, h.team = f.user?.team;
+        } else
+          console.error(d.statusText);
+      },
+      () => {
+      }
+    ).finally(() => {
+      n.value = !1, a.promise = null;
+    });
+  }
+  a.promise = null;
+  async function A(l = "github") {
+    n.value = !0;
+    const d = `${r.url}/auth/${l}/redirect`;
+    if (l === "shopify") {
+      window.location.assign(d + "?next=" + encodeURIComponent(window.location.href));
+      return;
+    }
+    const f = 400, $ = 600, _ = window.screenX + (window.innerWidth - f) / 2, H = window.screenY + (window.innerHeight - $) / 2, w = window.open(
+      "",
+      "vuetify:authorize:popup",
+      `popup,left=${_},top=${H},width=${f},height=${$},resizable`
+    );
+    if (!w) {
+      console.error("Failed to open popup");
+      return;
+    }
+    w.location.href = d;
+    let j = -1, C = -1;
+    function L(u) {
+      u.origin === r.url && u.data?.type === "auth-response" && (u.data.status === "success" ? (s.value || (localStorage.setItem("vuetify@lastLoginProvider", l), e.value = !1, o.push("/user/dashboard")), s.value = u.data.body.user, c.access = u.data.body.access, h.team = u.data.body.user?.team, E()) : console.error(u.data.message), t());
+    }
+    function t() {
+      window.removeEventListener("message", L), window.clearInterval(j), window.clearTimeout(C), w?.close(), n.value = !1;
+    }
+    window.addEventListener("message", L), j = window.setInterval(() => {
+      !w || w.closed ? (console.error("Auth popup closed"), t()) : w.postMessage({ type: "auth-request" }, "*");
+    }, 1e3), C = window.setTimeout(() => {
+      t(), console.error("Auth timed out");
+    }, 120 * 1e3);
+  }
+  async function U(l) {
+    n.value = !0;
+    const d = l ? `/auth/${l}/logout` : "/auth/logout";
+    try {
+      await r.post(d), await a(!0), s.value = null;
+    } catch (f) {
+      y.showError(f?.message ?? "Error logging out");
+    } finally {
+      o.push({
+        path: "/",
+        query: o.currentRoute.value.query
+      }), n.value = !1;
+    }
+  }
+  function W(l) {
+    return s.value?.identities.find((d) => d.provider === l);
+  }
+  function x() {
+    return B ? localStorage.getItem("vuetify@lastLoginProvider") : null;
+  }
+  return B && a(), {
+    user: s,
+    url: r.url,
+    dialog: e,
+    isLoading: n,
+    isAuthenticated: S,
+    isSuper: R,
+    isAdmin: q,
+    isEditor: I,
+    verify: a,
+    findIdentity: W,
+    login: A,
+    logout: U,
+    lastLoginProvider: x,
+    sync: E
+  };
+});
+export {
+  Y as a,
+  re as b,
+  X as c,
+  M as d,
+  V as e,
+  ne as f,
+  F as u
+};

package/dist/index.d.ts

@@ -181,7 +181,7 @@ interface AuthState {
     isEditor: Ref<boolean>;
     verify: (force?: boolean) => Promise<void>;
     findIdentity: (provider: string) => VOneIdentity | undefined;
-    login: (provider?: 'github' | 'discord' | 'shopify' | 'google') => Promise<void>;
+    login: (provider?: 'github' | 'discord' | 'shopify' | 'google' | 'opencollective') => Promise<void>;
     logout: (identity?: string) => Promise<void>;
     lastLoginProvider: () => string | null;
     sync: () => Promise<void>;
@@ -498,6 +498,16 @@ interface Invoice {
     status: string;
     pdf: string;
 }
+interface Activity {
+    id: string;
+    slug: string;
+    title: string | null;
+    createdAt: string;
+    updatedAt: string;
+    favorite: boolean;
+    pinned: boolean;
+    property: string;
+}
 interface OneState {
     info: Ref<Info | null>;
     interval: ComputedRef<SubscriptionItemPlan['interval'] | undefined>;
@@ -518,6 +528,7 @@ interface OneState {
     github: ComputedRef<VOneSponsorship | undefined>;
     discord: ComputedRef<VOneSponsorship | undefined>;
     shopify: ComputedRef<VOneIdentity | undefined>;
+    opencollective: ComputedRef<VOneSponsorship | undefined>;
     one: ComputedRef<VOneSponsorship | undefined>;
     activate: () => Promise<void>;
     cancel: () => Promise<void>;
@@ -526,8 +537,9 @@ interface OneState {
     resetQuery: () => void;
     subscribe: (interval: SubscriptionItemPlan['interval'], type: SubscriptionItemPlan['type']) => Promise<void>;
     subscriptionInfo: () => Promise<any>;
+    recentActivity: () => Promise<Activity[]>;
 }
-declare const useOneStore: pinia.StoreDefinition<"one", Pick<OneState, "info" | "access" | "invoices" | "isLoading" | "isOpen">, Pick<OneState, "one" | "interval" | "subscriptionType" | "sessionId" | "subscription" | "monthlyTotal" | "hasBilling" | "isSubscriber" | "github" | "discord" | "shopify">, Pick<OneState, "activate" | "cancel" | "manage" | "modify" | "resetQuery" | "subscribe" | "subscriptionInfo">>;
+declare const useOneStore: pinia.StoreDefinition<"one", Pick<OneState, "info" | "access" | "invoices" | "isLoading" | "isOpen">, Pick<OneState, "one" | "interval" | "subscriptionType" | "sessionId" | "subscription" | "monthlyTotal" | "hasBilling" | "isSubscriber" | "github" | "discord" | "shopify" | "opencollective">, Pick<OneState, "activate" | "cancel" | "manage" | "modify" | "resetQuery" | "subscribe" | "subscriptionInfo" | "recentActivity">>;
 
 type VOnePlay = {
     id: string;