@vuetify/one 2.8.2 → 2.9.1

package/dist/auth-CXrXnM17.js

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

package/dist/index.d.ts

@@ -156,10 +156,11 @@ interface VOneIdentity {
     userHandle: string;
     primary: boolean;
 }
+type VOneRole = 'super' | 'admin' | 'editor' | 'user';
 interface VOneUser {
     id: string;
     isAdmin: boolean;
-    role: 'super' | 'admin' | 'editor' | 'user';
+    role: VOneRole;
     name: string;
     shortid: string;
     picture: string;
@@ -174,6 +175,10 @@ interface AuthState {
     url: string;
     dialog: Ref<boolean>;
     isLoading: ShallowRef<boolean>;
+    isAuthenticated: Ref<boolean>;
+    isSuper: Ref<boolean>;
+    isAdmin: Ref<boolean>;
+    isEditor: Ref<boolean>;
     verify: (force?: boolean) => Promise<void>;
     findIdentity: (provider: string) => VOneIdentity | undefined;
     login: (provider?: 'github' | 'discord' | 'shopify') => Promise<void>;
@@ -181,7 +186,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, "sync" | "verify" | "findIdentity" | "login" | "logout" | "lastLoginProvider">>;
+declare const useAuthStore: pinia.StoreDefinition<"auth", Pick<AuthState, "isLoading" | "user" | "url" | "dialog" | "isAuthenticated" | "isSuper" | "isAdmin" | "isEditor">, Pick<AuthState, never>, Pick<AuthState, "sync" | "verify" | "findIdentity" | "login" | "logout" | "lastLoginProvider">>;
 
 interface VOneBanner {
     id: string;
@@ -428,7 +433,7 @@ interface LinksState {
     index: () => Promise<VOneLink[]>;
     create: (options: CreateLinkOptions) => Promise<VOneLink | undefined>;
 }
-declare const useLinksStore: pinia.StoreDefinition<"links", Pick<LinksState, "isLoading" | "all" | "isSaving">, Pick<LinksState, "favorites" | "pinned" | "canCreate">, Pick<LinksState, "index" | "create">>;
+declare const useLinksStore: pinia.StoreDefinition<"links", Pick<LinksState, "isLoading" | "all" | "isSaving">, Pick<LinksState, "favorites" | "pinned" | "canCreate">, Pick<LinksState, "create" | "index">>;
 
 interface VOneNotification {
     id: string;