@vuetify/one 2.3.1 → 2.4.0

package/dist/auth-fh7sX38H.js

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

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import * as vue from 'vue';
 import { Ref, ComputedRef, ShallowRef, App } from 'vue';
 import * as pinia from 'pinia';
 import { PiniaPluginContext } from 'pinia';
@@ -54,7 +53,7 @@ declare const useTeamStore: pinia.StoreDefinition<"team", Pick<{
     teamInviteCode: ComputedRef<string>;
     hasTeamAccess: ComputedRef<boolean>;
     isTeamOwner: ComputedRef<boolean>;
-    isLoading: ShallowRef<boolean, boolean>;
+    isLoading: ShallowRef<boolean>;
     removeFromTeam: (id: string) => Promise<void>;
     leaveTeam: () => Promise<void>;
     joinTeam: () => Promise<void>;
@@ -93,7 +92,7 @@ declare const useTeamStore: pinia.StoreDefinition<"team", Pick<{
     teamInviteCode: ComputedRef<string>;
     hasTeamAccess: ComputedRef<boolean>;
     isTeamOwner: ComputedRef<boolean>;
-    isLoading: ShallowRef<boolean, boolean>;
+    isLoading: ShallowRef<boolean>;
     removeFromTeam: (id: string) => Promise<void>;
     leaveTeam: () => Promise<void>;
     joinTeam: () => Promise<void>;
@@ -132,7 +131,7 @@ declare const useTeamStore: pinia.StoreDefinition<"team", Pick<{
     teamInviteCode: ComputedRef<string>;
     hasTeamAccess: ComputedRef<boolean>;
     isTeamOwner: ComputedRef<boolean>;
-    isLoading: ShallowRef<boolean, boolean>;
+    isLoading: ShallowRef<boolean>;
     removeFromTeam: (id: string) => Promise<void>;
     leaveTeam: () => Promise<void>;
     joinTeam: () => Promise<void>;
@@ -180,7 +179,7 @@ interface AuthState {
     lastLoginProvider: () => string | null;
     sync: () => Promise<void>;
 }
-declare const useAuthStore: pinia.StoreDefinition<"auth", Pick<AuthState, "isLoading" | "user" | "url" | "dialog">, Pick<AuthState, never>, Pick<AuthState, "verify" | "sync" | "findIdentity" | "login" | "logout" | "lastLoginProvider">>;
+declare const useAuthStore: pinia.StoreDefinition<"auth", Pick<AuthState, "isLoading" | "user" | "url" | "dialog">, Pick<AuthState, never>, Pick<AuthState, "sync" | "verify" | "findIdentity" | "login" | "logout" | "lastLoginProvider">>;
 
 interface VOneBanner {
     id: string;
@@ -281,7 +280,7 @@ declare const useDownloadsStore: pinia.StoreDefinition<"downloads", Pick<{
         created_at: string;
         download_url: string;
     }[]>;
-    isLoading: ShallowRef<boolean, boolean>;
+    isLoading: ShallowRef<boolean>;
     index: () => Promise<{
         id: number;
         download_items: {
@@ -321,7 +320,7 @@ declare const useDownloadsStore: pinia.StoreDefinition<"downloads", Pick<{
         created_at: string;
         download_url: string;
     }[]>;
-    isLoading: ShallowRef<boolean, boolean>;
+    isLoading: ShallowRef<boolean>;
     index: () => Promise<{
         id: number;
         download_items: {
@@ -361,7 +360,7 @@ declare const useDownloadsStore: pinia.StoreDefinition<"downloads", Pick<{
         created_at: string;
         download_url: string;
     }[]>;
-    isLoading: ShallowRef<boolean, boolean>;
+    isLoading: ShallowRef<boolean>;
     index: () => Promise<{
         id: number;
         download_items: {
@@ -467,9 +466,8 @@ interface OneState {
     resetQuery: () => void;
     subscribe: (interval: SubscriptionItemPlan['interval'], type: SubscriptionItemPlan['type']) => Promise<void>;
     subscriptionInfo: () => Promise<any>;
-    verify: () => Promise<void>;
 }
-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" | "verify">>;
+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">>;
 
 interface ShopifyProduct {
     id: string;
@@ -587,8 +585,8 @@ declare const usePromotionsStore: pinia.StoreDefinition<"promotions", Pick<{
             type: "theme" | "video" | "book" | "course" | "website" | "job" | "merch" | "digital" | "services" | "documentation";
         };
     }[]>;
-    isLoading: vue.ShallowRef<boolean, boolean>;
-    hasLoaded: vue.ShallowRef<boolean, boolean>;
+    isLoading: globalThis.ShallowRef<boolean>;
+    hasLoaded: globalThis.ShallowRef<boolean>;
     discoverable: globalThis.ComputedRef<{
         id: string;
         slug: string;
@@ -730,8 +728,8 @@ declare const usePromotionsStore: pinia.StoreDefinition<"promotions", Pick<{
             type: "theme" | "video" | "book" | "course" | "website" | "job" | "merch" | "digital" | "services" | "documentation";
         };
     }[]>;
-    isLoading: vue.ShallowRef<boolean, boolean>;
-    hasLoaded: vue.ShallowRef<boolean, boolean>;
+    isLoading: globalThis.ShallowRef<boolean>;
+    hasLoaded: globalThis.ShallowRef<boolean>;
     discoverable: globalThis.ComputedRef<{
         id: string;
         slug: string;
@@ -873,8 +871,8 @@ declare const usePromotionsStore: pinia.StoreDefinition<"promotions", Pick<{
             type: "theme" | "video" | "book" | "course" | "website" | "job" | "merch" | "digital" | "services" | "documentation";
         };
     }[]>;
-    isLoading: vue.ShallowRef<boolean, boolean>;
-    hasLoaded: vue.ShallowRef<boolean, boolean>;
+    isLoading: globalThis.ShallowRef<boolean>;
+    hasLoaded: globalThis.ShallowRef<boolean>;
     discoverable: globalThis.ComputedRef<{
         id: string;
         slug: string;