@vuetify/one 0.1.3 → 0.3.0

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as vue from 'vue';
 import { App } from 'vue';
 import * as pinia from 'pinia';
+import { PiniaPluginContext } from 'pinia';
 
 declare const useAuthStore: pinia.StoreDefinition<"auth", pinia._UnwrapAll<Pick<{
     user: vue.Ref<{
@@ -90,7 +91,7 @@ declare const useAuthStore: pinia.StoreDefinition<"auth", pinia._UnwrapAll<Pick<
             };
         }[];
     } | null>;
-    url: any;
+    url: string;
     isLoading: vue.ShallowRef<boolean>;
     verify: {
         (force?: boolean): Promise<void>;
@@ -188,7 +189,7 @@ declare const useAuthStore: pinia.StoreDefinition<"auth", pinia._UnwrapAll<Pick<
             };
         }[];
     } | null>;
-    url: any;
+    url: string;
     isLoading: vue.ShallowRef<boolean>;
     verify: {
         (force?: boolean): Promise<void>;
@@ -198,7 +199,7 @@ declare const useAuthStore: pinia.StoreDefinition<"auth", pinia._UnwrapAll<Pick<
     logout: () => Promise<void>;
     isSubscriber: vue.ComputedRef<boolean | undefined>;
     lastLoginProvider: () => string | null;
-}, "url" | "isSubscriber">, Pick<{
+}, "isSubscriber">, Pick<{
     user: vue.Ref<{
         id: string;
         isAdmin: boolean;
@@ -286,7 +287,7 @@ declare const useAuthStore: pinia.StoreDefinition<"auth", pinia._UnwrapAll<Pick<
             };
         }[];
     } | null>;
-    url: any;
+    url: string;
     isLoading: vue.ShallowRef<boolean>;
     verify: {
         (force?: boolean): Promise<void>;
@@ -296,7 +297,101 @@ declare const useAuthStore: pinia.StoreDefinition<"auth", pinia._UnwrapAll<Pick<
     logout: () => Promise<void>;
     isSubscriber: vue.ComputedRef<boolean | undefined>;
     lastLoginProvider: () => string | null;
-}, "url" | "verify" | "login" | "logout" | "lastLoginProvider">>;
+}, "verify" | "login" | "logout" | "lastLoginProvider">>;
+
+type Bin = {
+    id: string;
+    content: string;
+    favorite: boolean;
+    pinned: boolean;
+    owner: Record<string, unknown>;
+    visibility: 'private' | 'public';
+};
+declare const useBinsStore: pinia.StoreDefinition<"bins", pinia._UnwrapAll<Pick<{
+    isOwner: vue.ComputedRef<boolean>;
+    all: vue.Ref<{
+        id: string;
+        content: string;
+        favorite: boolean;
+        pinned: boolean;
+        owner: Record<string, unknown>;
+        visibility: 'private' | 'public';
+    }[]>;
+    create: (bin: Bin) => Promise<{
+        bin: Bin;
+    }>;
+    delete: (id: string) => Promise<Response>;
+    current: vue.Ref<Bin | undefined>;
+    find: (id: string) => Promise<{
+        bin: Bin;
+    }>;
+    get: () => Promise<Bin[]>;
+    update: (bin: Bin, id: string) => Promise<{
+        bin: Bin;
+    }>;
+    updateOrCreate: (bin: Bin, id?: string) => Promise<{
+        bin: Bin;
+    }>;
+}, "all" | "current">>, Pick<{
+    isOwner: vue.ComputedRef<boolean>;
+    all: vue.Ref<{
+        id: string;
+        content: string;
+        favorite: boolean;
+        pinned: boolean;
+        owner: Record<string, unknown>;
+        visibility: 'private' | 'public';
+    }[]>;
+    create: (bin: Bin) => Promise<{
+        bin: Bin;
+    }>;
+    delete: (id: string) => Promise<Response>;
+    current: vue.Ref<Bin | undefined>;
+    find: (id: string) => Promise<{
+        bin: Bin;
+    }>;
+    get: () => Promise<Bin[]>;
+    update: (bin: Bin, id: string) => Promise<{
+        bin: Bin;
+    }>;
+    updateOrCreate: (bin: Bin, id?: string) => Promise<{
+        bin: Bin;
+    }>;
+}, "isOwner">, Pick<{
+    isOwner: vue.ComputedRef<boolean>;
+    all: vue.Ref<{
+        id: string;
+        content: string;
+        favorite: boolean;
+        pinned: boolean;
+        owner: Record<string, unknown>;
+        visibility: 'private' | 'public';
+    }[]>;
+    create: (bin: Bin) => Promise<{
+        bin: Bin;
+    }>;
+    delete: (id: string) => Promise<Response>;
+    current: vue.Ref<Bin | undefined>;
+    find: (id: string) => Promise<{
+        bin: Bin;
+    }>;
+    get: () => Promise<Bin[]>;
+    update: (bin: Bin, id: string) => Promise<{
+        bin: Bin;
+    }>;
+    updateOrCreate: (bin: Bin, id?: string) => Promise<{
+        bin: Bin;
+    }>;
+}, "get" | "delete" | "update" | "find" | "create" | "updateOrCreate">>;
+
+declare const useHttpStore: pinia.StoreDefinition<"http", {
+    url: string;
+}, {}, {
+    fetch<T = any>(url: string, options?: RequestInit): Promise<T>;
+    post<T_1 = any>(url: string, body?: any, options?: RequestInit): Promise<T_1>;
+    get<T_2 = any>(url: string, options?: RequestInit): Promise<T_2>;
+    delete(url: string, options?: RequestInit): Promise<Response>;
+}>;
 
 declare const useOneStore: pinia.StoreDefinition<"one", pinia._UnwrapAll<Pick<{
     activate: () => Promise<void>;
@@ -632,5 +727,6 @@ declare const useUserStore: pinia.StoreDefinition<"user", pinia._UnwrapAll<Pick<
 declare function createOne(): {
     install: (app: App) => void;
 };
+declare function one(ctx: PiniaPluginContext): void;
 
-export { createOne, useAuthStore, useOneStore, useUserStore };
+export { createOne, one, useAuthStore, useBinsStore, useHttpStore, useOneStore, useUserStore };

package/dist/index.js

@@ -1,19 +1,51 @@
-import { reactive as Y, toRefs as Z, ref as K, shallowRef as U, computed as A, watch as B, defineComponent as L, openBlock as m, createBlock as v, unref as a, withCtx as d, createVNode as u, createTextVNode as w, toDisplayString as S, createCommentVNode as Q, mergeProps as ee, createElementVNode as b, createElementBlock as te, Fragment as oe, renderList as ie, pushScopeId as se, popScopeId as ne, onBeforeMount as re } from "vue";
-import { defineStore as O } from "pinia";
-import { merge as j } from "lodash-es";
-import { mdiDiscord as R, mdiGithub as F, mdiViewDashboard as ae, mdiLogoutVariant as le, mdiLogin as ce, mdiShieldStarOutline as ue, mdiReddit as de } from "@mdi/js";
-import { VListItem as E, VList as G, VListSubheader as fe } from "vuetify/lib/components/VList/index.mjs";
-import { VAvatar as pe } from "vuetify/lib/components/VAvatar/index.mjs";
-import { VBtn as M } from "vuetify/lib/components/VBtn/index.mjs";
-import { VMenu as me } from "vuetify/lib/components/VMenu/index.mjs";
-import { VSkeletonLoader as he } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
-import { useDisplay as ve, useTheme as ge } from "vuetify";
-import { VCard as ye, VCardTitle as _e, VCardSubtitle as be } from "vuetify/lib/components/VCard/index.mjs";
-import { VDialog as we } from "vuetify/lib/components/VDialog/index.mjs";
-import { VImg as J } from "vuetify/lib/components/VImg/index.mjs";
+import { reactive as Y, toRefs as Z, ref as O, shallowRef as T, computed as x, watch as H, defineComponent as V, openBlock as h, createBlock as b, unref as l, withCtx as f, createVNode as d, createTextVNode as S, toDisplayString as B, createCommentVNode as K, mergeProps as Q, createElementVNode as k, createElementBlock as ee, Fragment as te, renderList as oe, pushScopeId as se, popScopeId as ne, onBeforeMount as ie } from "vue";
+import { defineStore as $ } from "pinia";
+import { merge as D } from "lodash-es";
+import { mdiDiscord as M, mdiGithub as G, mdiViewDashboard as re, mdiLogoutVariant as ae, mdiLogin as le, mdiShieldStarOutline as ce, mdiReddit as ue } from "@mdi/js";
+import { VListItem as z, VList as J, VListSubheader as de } from "vuetify/lib/components/VList/index.mjs";
+import { VAvatar as fe } from "vuetify/lib/components/VAvatar/index.mjs";
+import { VBtn as W } from "vuetify/lib/components/VBtn/index.mjs";
+import { VMenu as pe } from "vuetify/lib/components/VMenu/index.mjs";
+import { VSkeletonLoader as me } from "vuetify/lib/components/VSkeletonLoader/index.mjs";
+import { useDisplay as ve, useTheme as he } from "vuetify";
+import { VCard as ye, VCardTitle as ge, VCardSubtitle as be } from "vuetify/lib/components/VCard/index.mjs";
+import { VDialog as _e } from "vuetify/lib/components/VDialog/index.mjs";
+import { VImg as we } from "vuetify/lib/components/VImg/index.mjs";
 import { VFooter as Le } from "vuetify/lib/components/VFooter/index.mjs";
 import { VIcon as xe } from "vuetify/lib/components/VIcon/index.mjs";
-const I = typeof window < "u", H = {
+const N = $("http", {
+  state: () => ({
+    url: ""
+  }),
+  actions: {
+    async fetch(o, t = {}) {
+      const s = await fetch(`${this.url}${o}`, {
+        credentials: "include",
+        ...t
+      });
+      return s.status === 204 ? s : s.json();
+    },
+    async post(o, t, s = {}) {
+      return this.fetch(o, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(t),
+        ...s
+      });
+    },
+    async get(o, t = {}) {
+      return this.fetch(o, t);
+    },
+    async delete(o, t = {}) {
+      return this.fetch(o, {
+        method: "DELETE",
+        ...t
+      });
+    }
+  }
+}), C = typeof window < "u", P = {
   v: 4,
   api: "link-only",
   avatar: "",
@@ -40,279 +72,273 @@ const I = typeof window < "u", H = {
       jobs: null
     }
   }
-}, W = O("user", () => {
-  const i = Y(j({}, H));
+}, q = $("user", () => {
+  const o = Y(D({}, P));
   function t() {
-    if (!I)
+    if (!C)
       return;
-    const r = localStorage.getItem("vuetify@user"), e = r ? JSON.parse(r) : {}, c = e.v === i.v;
-    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.last = e.last, delete e.last)), 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.syncSettings = !0, e.disableAds = !1, e.v = 3), e.v === 3 && (e.quickbar = !1), e.v = i.v, Object.assign(i, j(i, e)), c && s();
+    const a = localStorage.getItem("vuetify@user"), e = a ? JSON.parse(a) : {}, p = e.v === o.v;
+    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.last = e.last, delete e.last)), 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.syncSettings = !0, e.disableAds = !1, e.v = 3), e.v === 3 && (e.quickbar = !1), e.v = o.v, Object.assign(o, D(o, e)), p && s();
   }
   function s() {
-    I && localStorage.setItem("vuetify@user", JSON.stringify(i, null, 2));
+    C && localStorage.setItem("vuetify@user", JSON.stringify(o, null, 2));
   }
   function n() {
-    I && (Object.assign(i, j({}, H)), s());
+    C && (Object.assign(o, D({}, P)), s());
   }
   return t(), {
-    ...Z(i),
+    ...Z(o),
     load: t,
     save: s,
     reset: n
   };
-}), g = "https://api.vuetifyjs.com", x = O("auth", () => {
-  const i = K(null), t = W(), s = U(!1), n = A(() => {
-    var o, l;
-    return ((o = i.value) == null ? void 0 : o.isAdmin) || ((l = i.value) == null ? void 0 : l.sponsorships.some((f) => f.isActive));
+}), w = $("auth", () => {
+  const o = O(null), t = N(), s = q(), n = T(!1), a = x(() => {
+    var i, r;
+    return !t.url || ((i = o.value) == null ? void 0 : i.isAdmin) || ((r = o.value) == null ? void 0 : r.sponsorships.some((c) => c.isActive));
   });
-  let r = !1;
-  B(i, (o) => {
-    if (!(o != null && o.settings))
+  let e = !1;
+  H(o, (i) => {
+    if (!(i != null && i.settings))
       return;
-    const l = localStorage.getItem("vuetify@user") || "{}";
-    JSON.stringify(o.settings, null, 2) !== l && (r = !0, Object.assign(t, o.settings));
-  }), t.$subscribe(() => {
-    r || e(), r = !1;
+    const r = localStorage.getItem("vuetify@user") || "{}";
+    JSON.stringify(i.settings, null, 2) !== r && (e = !0, Object.assign(s, i.settings));
+  }), s.$subscribe(() => {
+    e || p(), e = !1;
   });
-  async function e() {
+  async function p() {
     try {
-      await fetch(`${g}/user/settings`, {
-        method: "POST",
-        credentials: "include",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-          settings: t.$state
-        })
-      });
-    } catch (o) {
-      console.error(o);
+      await t.post("/user/settings", { settings: s.$state });
+    } catch (i) {
+      console.error(i);
     }
   }
-  async function c(o = !1) {
-    if (c.promise)
-      return c.promise;
-    s.value = !0, c.promise = fetch(`${g}/auth/verify`, {
+  async function u(i = !1) {
+    if (u.promise)
+      return u.promise;
+    n.value = !0, u.promise = fetch(`${t.url}/auth/verify`, {
       credentials: "include",
-      headers: o ? {
+      headers: i ? {
         "Cache-Control": "no-cache"
       } : void 0
     }).then(
-      async (l) => {
-        l.ok ? i.value = (await l.json()).user : l.status === 401 ? i.value = null : console.error(l.statusText);
+      async (r) => {
+        r.ok ? o.value = (await r.json()).user : r.status === 401 ? o.value = null : console.error(r.statusText);
       },
       () => {
       }
     ).finally(() => {
-      s.value = !1, c.promise = null;
+      n.value = !1, u.promise = null;
     });
   }
-  c.promise = null;
-  async function h(o = "github") {
-    s.value = !0;
-    const l = `${g}/auth/${o}/redirect`, f = 400, D = 600, z = window.screenX + (window.innerWidth - f) / 2, X = window.screenY + (window.innerHeight - D) / 2, p = window.open(
+  u.promise = null;
+  async function _(i = "github") {
+    n.value = !0;
+    const r = `${t.url}/auth/${i}/redirect`, c = 400, m = 600, I = window.screenX + (window.innerWidth - c) / 2, A = window.screenY + (window.innerHeight - m) / 2, v = window.open(
       "",
       "vuetify:authorize:popup",
-      `popup,left=${z},top=${X},width=${f},height=${D},resizable`
+      `popup,left=${I},top=${A},width=${c},height=${m},resizable`
     );
-    if (!p) {
+    if (!v) {
       console.error("Failed to open popup");
       return;
     }
-    p.location.href = l;
-    let C = -1, T = -1;
-    function N(_) {
-      var P;
-      _.origin === g && ((P = _.data) == null ? void 0 : P.type) === "auth-response" && (_.data.status === "success" ? (i.value || localStorage.setItem("vuetify@lastLoginProvider", o), i.value = _.data.body.user) : console.error(_.data.message), k());
+    v.location.href = r;
+    let U = -1, R = -1;
+    function E(L) {
+      var F;
+      L.origin === t.url && ((F = L.data) == null ? void 0 : F.type) === "auth-response" && (L.data.status === "success" ? (o.value || localStorage.setItem("vuetify@lastLoginProvider", i), o.value = L.data.body.user) : console.error(L.data.message), j());
     }
-    function k() {
-      window.removeEventListener("message", N), window.clearInterval(C), window.clearTimeout(T), p == null || p.close(), s.value = !1;
+    function j() {
+      window.removeEventListener("message", E), window.clearInterval(U), window.clearTimeout(R), v == null || v.close(), n.value = !1;
     }
-    window.addEventListener("message", N), C = window.setInterval(() => {
-      !p || p.closed ? (console.error("Auth popup closed"), k()) : p.postMessage({ type: "auth-request" }, "*");
-    }, 1e3), T = window.setTimeout(() => {
-      k(), console.error("Auth timed out");
+    window.addEventListener("message", E), U = window.setInterval(() => {
+      !v || v.closed ? (console.error("Auth popup closed"), j()) : v.postMessage({ type: "auth-request" }, "*");
+    }, 1e3), R = window.setTimeout(() => {
+      j(), console.error("Auth timed out");
     }, 120 * 1e3);
   }
-  async function $() {
-    s.value = !0;
+  async function y() {
+    n.value = !0;
     try {
-      await fetch(`${g}/auth/logout`, {
-        method: "POST",
-        credentials: "include"
-      }), await c(!0), i.value = null;
-    } catch (o) {
-      console.error(o);
+      await t.post("/auth/logout"), await u(!0), o.value = null;
+    } catch (i) {
+      console.error(i);
     } finally {
-      s.value = !1;
+      n.value = !1;
     }
   }
-  function y() {
+  function g() {
     return localStorage.getItem("vuetify@lastLoginProvider");
   }
-  return y() && c(), {
-    user: i,
-    url: g,
-    isLoading: s,
-    verify: c,
-    login: h,
-    logout: $,
-    isSubscriber: n,
-    lastLoginProvider: y
+  return g() && u(), {
+    user: o,
+    url: t.url,
+    isLoading: n,
+    verify: u,
+    login: _,
+    logout: y,
+    isSubscriber: a,
+    lastLoginProvider: g
   };
-}), Ve = /* @__PURE__ */ L({
+}), Ve = /* @__PURE__ */ V({
   __name: "VoDiscordLogin",
-  setup(i) {
-    const t = x();
-    return (s, n) => (m(), v(E, {
-      "prepend-icon": `svg:${a(R)}`,
-      title: a(t).user ? "Connect Discord" : "Log in with Discord",
-      subtitle: !a(t).user && a(t).lastLoginProvider() === "discord" ? "Last Used" : "",
+  setup(o) {
+    const t = w();
+    return (s, n) => (h(), b(z, {
+      "prepend-icon": `svg:${l(M)}`,
+      title: l(t).user ? "Connect Discord" : "Log in with Discord",
+      subtitle: !l(t).user && l(t).lastLoginProvider() === "discord" ? "Last Used" : "",
       nav: "",
       "base-color": "#5865F2",
       slim: "",
       variant: "flat",
-      onClick: n[0] || (n[0] = (r) => a(t).login("discord"))
+      onClick: n[0] || (n[0] = (a) => l(t).login("discord"))
     }, null, 8, ["prepend-icon", "title", "subtitle"]));
   }
-}), Se = /* @__PURE__ */ L({
+}), $e = /* @__PURE__ */ V({
   __name: "VoGithubLogin",
-  setup(i) {
-    const t = x();
-    return (s, n) => (m(), v(E, {
-      "prepend-icon": `svg:${a(F)}`,
-      title: a(t).user ? "Connect GitHub" : "Log in with GitHub",
-      subtitle: !a(t).user && a(t).lastLoginProvider() === "github" ? "Last Used" : "",
+  setup(o) {
+    const t = w();
+    return (s, n) => (h(), b(z, {
+      "prepend-icon": `svg:${l(G)}`,
+      title: l(t).user ? "Connect GitHub" : "Log in with GitHub",
+      subtitle: !l(t).user && l(t).lastLoginProvider() === "github" ? "Last Used" : "",
       "base-color": "#2a2a2a",
       nav: "",
       slim: "",
       variant: "flat",
-      onClick: n[0] || (n[0] = (r) => a(t).login("github"))
+      onClick: n[0] || (n[0] = (a) => l(t).login("github"))
     }, null, 8, ["prepend-icon", "title", "subtitle"]));
   }
-}), $e = /* @__PURE__ */ L({
+}), Se = /* @__PURE__ */ V({
   __name: "VoUserBtn",
   props: {
     external: Boolean
   },
-  setup(i) {
-    const t = i, s = x(), n = W(), r = [
+  setup(o) {
+    const t = o, s = w(), n = q(), a = x(() => [
       { title: "Options", type: "subheader" },
       {
         title: "My Dashboard",
-        appendIcon: `svg:${ae}`,
+        appendIcon: `svg:${re}`,
         to: t.external ? void 0 : "/user/dashboard",
         href: t.external ? "https://vuetifyjs.com/user/dashboard/" : void 0,
         target: t.external ? "_blank" : void 0
       },
+      {
+        title: "My Subscriptions",
+        appendIcon: "$vuetify",
+        href: "https://vuetifyjs.com/user/subscriptions/",
+        target: "_blank"
+      },
       {
         title: "Logout",
-        appendIcon: `svg:${le}`,
+        appendIcon: `svg:${ae}`,
         onClick: () => {
           s.logout();
         }
       }
-    ];
-    return (e, c) => (m(), v(M, {
+    ]);
+    return (e, p) => (h(), b(W, {
       class: "vo-user-btn",
-      loading: a(s).isLoading,
+      loading: l(s).isLoading,
       icon: ""
     }, {
-      loader: d(() => [
-        u(he, { type: "avatar" })
+      loader: f(() => [
+        d(me, { type: "avatar" })
       ]),
-      default: d(() => [
-        u(me, {
-          disabled: !a(s).user || a(s).isLoading,
+      default: f(() => [
+        d(pe, {
+          disabled: !l(s).user || l(s).isLoading,
           activator: "parent",
           location: "bottom end"
         }, {
-          default: d(() => [
-            u(G, {
-              items: r,
+          default: f(() => [
+            d(J, {
+              items: a.value,
               lines: !1,
               density: "compact",
               "item-props": "",
               nav: ""
             }, {
-              subheader: d(({ props: h }) => [
-                u(fe, { class: "text-high-emphasis text-uppercase font-weight-black" }, {
-                  default: d(() => [
-                    w(S(h.title), 1)
+              subheader: f(({ props: u }) => [
+                d(de, { class: "text-high-emphasis text-uppercase font-weight-black" }, {
+                  default: f(() => [
+                    S(B(u.title), 1)
                   ]),
                   _: 2
                 }, 1024)
               ]),
               _: 1
-            })
+            }, 8, ["items"])
           ]),
           _: 1
         }, 8, ["disabled"]),
-        a(s).user ? (m(), v(pe, {
+        l(s).user ? (h(), b(fe, {
           key: 0,
-          image: a(n).avatar || a(s).user.picture || ""
-        }, null, 8, ["image"])) : Q("", !0)
+          image: l(n).avatar || l(s).user.picture || ""
+        }, null, 8, ["image"])) : K("", !0)
       ]),
       _: 1
     }, 8, ["loading"]));
   }
 });
-const q = (i, t) => {
-  const s = i.__vccOpts || i;
-  for (const [n, r] of t)
-    s[n] = r;
+const X = (o, t) => {
+  const s = o.__vccOpts || o;
+  for (const [n, a] of t)
+    s[n] = a;
   return s;
-}, ke = /* @__PURE__ */ q($e, [["__scopeId", "data-v-8e6fff6f"]]), je = { class: "text-center mb-6" }, Ie = /* @__PURE__ */ L({
+}, ke = /* @__PURE__ */ X(Se, [["__scopeId", "data-v-aeb16535"]]), Ie = { class: "text-center mb-6" }, Ae = /* @__PURE__ */ V({
   __name: "VoAuthDialog",
-  setup(i) {
-    const t = x(), { mdAndDown: s, lgAndUp: n } = ve(), r = ge();
-    return (e, c) => !a(t).user && !a(t).isLoading ? (m(), v(we, {
+  setup(o) {
+    const t = w(), { mdAndDown: s, lgAndUp: n } = ve(), a = he();
+    return (e, p) => !l(t).user && !l(t).isLoading ? (h(), b(_e, {
       key: 0,
       "max-width": "480"
     }, {
-      activator: d(({ props: h }) => [
-        u(M, ee({
-          ...h,
-          [`${a(n) ? "append-" : ""}icon`]: `svg:${a(ce)}`,
-          text: a(n) ? "Login" : void 0
+      activator: f(({ props: u }) => [
+        d(W, Q({
+          ...u,
+          [`${l(n) ? "append-" : ""}icon`]: `svg:${l(le)}`,
+          text: l(n) ? "Login" : void 0
         }, {
-          rounded: a(s),
+          rounded: l(s),
           class: "text-none",
           color: "primary",
           variant: "outlined"
         }), null, 16, ["rounded"])
       ]),
-      default: d(() => [
-        u(ye, { class: "pt-6 pb-1 pb-sm-4 px-4 px-sm-8" }, {
-          default: d(() => [
-            u(J, {
-              src: `https://cdn.vuetifyjs.com/docs/images/logos/vuetify-logo-v3-slim-text-${a(r).name.value}.svg`,
+      default: f(() => [
+        d(ye, { class: "pt-6 pb-1 pb-sm-4 px-4 px-sm-8" }, {
+          default: f(() => [
+            d(we, {
+              src: `https://cdn.vuetifyjs.com/docs/images/logos/vuetify-logo-v3-slim-text-${l(a).name.value}.svg`,
               class: "mb-4",
               height: "30"
             }, null, 8, ["src"]),
-            b("div", je, [
-              u(_e, { class: "text-h5 mb-1 text-md-h4 font-weight-bold" }, {
-                default: d(() => [
-                  w(S(a(t).lastLoginProvider() ? "Welcome Back" : "Log in to Vuetify"), 1)
+            k("div", Ie, [
+              d(ge, { class: "text-h5 mb-1 text-md-h4 font-weight-bold" }, {
+                default: f(() => [
+                  S(B(l(t).lastLoginProvider() ? "Welcome Back" : "Log in to Vuetify"), 1)
                 ]),
                 _: 1
               }),
-              u(be, { class: "text-wrap" }, {
-                default: d(() => [
-                  w(" Sign in with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
+              d(be, { class: "text-wrap" }, {
+                default: f(() => [
+                  S(" Sign in with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
                 ]),
                 _: 1
               })
             ]),
-            u(G, {
+            d(J, {
               class: "mx-auto",
               "max-width": "300",
               width: "100%"
             }, {
-              default: d(() => [
-                u(Se, { class: "mb-3" }),
-                u(Ve)
+              default: f(() => [
+                d($e, { class: "mb-3" }),
+                d(Ve)
               ]),
               _: 1
             })
@@ -321,24 +347,23 @@ const q = (i, t) => {
         })
       ]),
       _: 1
-    })) : (m(), v(ke, { key: 1 }));
+    })) : (h(), b(ke, { key: 1 }));
   }
-}), Ae = (i) => (se("data-v-6f6b85b8"), i = i(), ne(), i), Oe = {
-  class: "d-inline-block me-2 text-decoration-none text-primary",
-  href: "https://vuetifyjs.com/",
-  target: "_blank",
-  title: "Vuetify Documentation",
-  rel: "noopener noreferrer"
-}, De = ["href", "title"], Ce = {
-  class: "text-caption",
+}), je = (o) => (se("data-v-b66944c0"), o = o(), ne(), o), De = ["href", "title"], Ce = {
+  class: "text-caption text-disabled",
   style: { position: "absolute", right: "16px" }
-}, Te = /* @__PURE__ */ Ae(() => /* @__PURE__ */ b("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Ne = /* @__PURE__ */ L({
+}, Oe = /* @__PURE__ */ je(() => /* @__PURE__ */ k("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Te = /* @__PURE__ */ V({
   __name: "VoFooter",
-  setup(i) {
+  setup(o) {
     const t = [
+      {
+        title: "Vuetify Documentation",
+        icon: "$vuetify",
+        href: "https://vuetifyjs.com/"
+      },
       {
         title: "Vuetify Support",
-        icon: `svg:${ue}`,
+        icon: `svg:${ce}`,
         href: "https://support.vuetifyjs.com/"
       },
       {
@@ -348,139 +373,169 @@ const q = (i, t) => {
       },
       {
         title: "Vuetify GitHub",
-        icon: `svg:${F}`,
+        icon: `svg:${G}`,
         href: "https://github.com/vuetifyjs/vuetify"
       },
       {
         title: "Vuetify Discord",
-        icon: `svg:${R}`,
+        icon: `svg:${M}`,
         href: "https://community.vuetifyjs.com/"
       },
       {
         title: "Vuetify Reddit",
-        icon: `svg:${de}`,
+        icon: `svg:${ue}`,
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
-    return (s, n) => (m(), v(Le, {
+    return (s, n) => (h(), b(Le, {
       class: "vo-footer",
       theme: "dark",
       height: "40"
     }, {
-      default: d(() => [
-        b("a", Oe, [
-          u(J, {
-            alt: "Vuetify logo",
-            src: "https://cdn.vuetifyjs.com/docs/images/logos/v.svg",
-            width: "32"
-          })
-        ]),
-        (m(), te(oe, null, ie(t, (r) => b("a", {
-          key: r.title,
-          href: r.href,
-          title: r.title,
+      default: f(() => [
+        (h(), ee(te, null, oe(t, (a) => k("a", {
+          key: a.title,
+          href: a.href,
+          title: a.title,
           class: "d-inline-block mx-2 social-link",
           target: "_blank",
           rel: "noopener noreferrer"
         }, [
-          u(xe, { size: "18" }, {
-            default: d(() => [
-              w(S(r.icon), 1)
-            ]),
-            _: 2
-          }, 1024)
+          d(xe, {
+            icon: a.icon,
+            size: a.icon === "$vuetify" ? 24 : 16
+          }, null, 8, ["icon", "size"])
         ], 8, De)), 64)),
-        b("div", Ce, [
-          w(" © 2016-" + S((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-          Te
+        k("div", Ce, [
+          S(" © 2016-" + B((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+          Oe
         ])
       ]),
       _: 1
     }));
   }
 });
-const Pe = /* @__PURE__ */ q(Ne, [["__scopeId", "data-v-6f6b85b8"]]), V = "https://api.vuetifyjs.com", Ke = O("one", () => {
-  const t = new URLSearchParams(window.location.search).get("session_id"), s = x(), n = U(!1), r = A(() => {
-    var o;
-    return (o = s.user) == null ? void 0 : o.sponsorships.find((l) => l.platform === "stripe" && l.tierName.startsWith("sub_"));
-  }), e = A(() => {
-    var o;
-    return (o = r.value) == null ? void 0 : o.isActive;
+const He = /* @__PURE__ */ X(Te, [["__scopeId", "data-v-b66944c0"]]), Ze = $("bins", () => {
+  const o = w(), t = N(), s = O([]), n = O(), a = T(-1), e = x(() => !o.user || !n.value ? !1 : o.user.id === n.value.owner.id);
+  H(() => n, () => {
+    window.clearTimeout(a.value), a.value = window.setTimeout(() => {
+      !n.value || !e.value || y(n.value, n.value.id);
+    }, 100);
+  }, { deep: !0 });
+  async function p() {
+    const r = await t.get("/one/bins");
+    return s.value = r.bins, r.bins;
+  }
+  async function u(r) {
+    const c = await t.delete(`/one/bins/${r}`);
+    return s.value = s.value.filter((m) => m.id !== r), c;
+  }
+  async function _(r) {
+    const c = await t.post("/one/bins", { bin: r });
+    return s.value.push(c.bin), n.value = c.bin, c;
+  }
+  async function y(r, c) {
+    const m = await t.post(`/one/bins/${c}`, { bin: r }), I = s.value.findIndex((A) => A.id === c);
+    return s.value.splice(I, 1, m.bin), m;
+  }
+  async function g(r, c) {
+    const m = c ? await y(r, c) : await _(r);
+    return n.value = m.bin, m;
+  }
+  async function i(r) {
+    const c = await t.get(`/one/bins/${r}`);
+    return n.value = c.bin, c;
+  }
+  return {
+    isOwner: e,
+    all: s,
+    create: _,
+    delete: u,
+    current: n,
+    find: i,
+    get: p,
+    update: y,
+    updateOrCreate: g
+  };
+}), Ke = $("one", () => {
+  const t = new URLSearchParams(window.location.search).get("session_id"), s = w(), n = N(), a = T(!1), e = x(() => {
+    var i;
+    return (i = s.user) == null ? void 0 : i.sponsorships.find((r) => r.platform === "stripe" && r.tierName.startsWith("sub_"));
+  }), p = x(() => {
+    var i;
+    return (i = e.value) == null ? void 0 : i.isActive;
   });
-  re(async () => {
-    t && await c();
-  }), B(e, (o) => {
-    o && y();
+  ie(async () => {
+    t && await u();
+  }), H(p, (i) => {
+    i && g();
   });
-  async function c() {
+  async function u() {
     try {
-      n.value = !0;
-      const o = await fetch(`${V}/one/activate`, {
-        method: "POST",
-        credentials: "include",
-        headers: {
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify({ sessionId: t })
-      }).then((l) => l.json());
-      s.user = o.user;
+      a.value = !0;
+      const i = await n.post("/one/activate", { sessionId: t });
+      s.user = i.user;
     } catch {
     } finally {
-      n.value = !1;
+      a.value = !1;
     }
   }
-  async function h() {
-    n.value = !0, window.location.href = `${V}/one/subscribe`;
+  async function _() {
+    a.value = !0, window.location.href = `${n.url}/one/subscribe`;
   }
-  async function $() {
-    var o;
-    if (r.value)
+  async function y() {
+    var i;
+    if (e.value)
       try {
-        n.value = !0;
-        const l = await fetch(`${V}/one/cancel?subscriptionId=${(o = r.value) == null ? void 0 : o.tierName}`, {
-          method: "POST",
-          credentials: "include"
-        }).then((f) => f.json());
-        s.user = l.user;
+        a.value = !0;
+        const r = await n.post(
+          `/one/cancel?subscriptionId=${(i = e.value) == null ? void 0 : i.tierName}`
+        );
+        s.user = r.user;
       } catch {
       } finally {
-        n.value = !1;
+        a.value = !1;
       }
   }
-  async function y() {
-    var o;
-    if (r.value)
+  async function g() {
+    var i;
+    if (e.value)
       try {
-        n.value = !0;
-        const l = await fetch(`${V}/one/verify?subscriptionId=${(o = r.value) == null ? void 0 : o.tierName}`, {
-          method: "POST",
-          credentials: "include"
-        }).then((f) => f.json());
-        s.user = l.user;
+        a.value = !0;
+        const r = await n.post(
+          `/one/verify?subscriptionId=${(i = e.value) == null ? void 0 : i.tierName}`
+        );
+        s.user = r.user;
       } catch {
       } finally {
-        n.value = !1;
+        a.value = !1;
       }
   }
   return {
-    activate: c,
-    cancel: $,
-    subscribe: h,
-    verify: y,
-    subscription: r,
-    isLoading: n,
-    isSubscriber: e
+    activate: u,
+    cancel: y,
+    subscribe: _,
+    verify: g,
+    subscription: e,
+    isLoading: a,
+    isSubscriber: p
   };
 });
 function Qe() {
-  function i(t) {
-    t.component("VoAuthDialog", Ie), t.component("VoFooter", Pe);
+  function o(t) {
+    t.component("VoAuthDialog", Ae), t.component("VoFooter", He);
   }
-  return { install: i };
+  return { install: o };
+}
+function et(o) {
+  o.store.url = "https://api.vuetifyjs.com";
 }
 export {
   Qe as createOne,
-  x as useAuthStore,
+  et as one,
+  w as useAuthStore,
+  Ze as useBinsStore,
+  N as useHttpStore,
   Ke as useOneStore,
-  W as useUserStore
+  q as useUserStore
 };

package/dist/style.css

@@ -1 +1 @@
-.vo-user-btn[data-v-8e6fff6f] .v-skeleton-loader__avatar{min-height:40px;height:40px;width:40px;max-height:40px;min-width:40px;max-width:40px}.social-link[data-v-6f6b85b8] .v-icon{color:#1976d252;text-decoration:none;transition:.2s ease-in-out}.social-link[data-v-6f6b85b8] .v-icon:hover{color:#1976d2}
+.vo-user-btn[data-v-aeb16535] .v-skeleton-loader__avatar{min-height:40px;height:40px;width:40px;max-height:40px;min-width:40px;max-width:40px}.social-link[data-v-b66944c0] .v-icon{color:rgba(var(--v-theme-on-background),var(--v-disabled-opacity));text-decoration:none;transition:.2s ease-in-out}.social-link[data-v-b66944c0] .v-icon:hover{color:#1976d2}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuetify/one",
-  "version": "0.1.3",
+  "version": "0.3.0",
   "private": false,
   "type": "module",
   "license": "MIT",
@@ -21,10 +21,13 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build --config vite.build.config.ts && yarn build:types",
+    "build:dev": "vite build --mode development --config vite.build.config.ts ",
     "build:types": "rimraf types-temp && vue-tsc --pretty -p tsconfig.json && rollup --config rollup.types.config.js && rimraf types-temp",
-    "watch": "yarn build --mode development --watch",
+    "watch": "yarn build:dev --watch",
     "preview": "vite preview",
-    "lint": "eslint . --ext .ts,.vue --fix --ignore-path .gitignore"
+    "lint": "eslint . --ext .ts,.vue --fix --ignore-path .gitignore",
+    "test": "vitest",
+    "coverage": "vitest run --coverage"
   },
   "peerDependencies": {
     "@mdi/js": "6.2.95",
@@ -51,6 +54,7 @@
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-vue": "^9.16.1",
+    "jsdom": "^23.0.1",
     "lodash-es": "^4.17.21",
     "pinia": "^2.0.0",
     "rimraf": "^5.0.5",
@@ -65,6 +69,7 @@
     "vite": "^4.2.0",
     "vite-plugin-vue-layouts": "^0.8.0",
     "vite-plugin-vuetify": "^1.0.0",
+    "vitest": "^1.1.0",
     "vue": "^3.2.0",
     "vue-router": "^4.0.0",
     "vue-tsc": "^1.2.0",