@vuetify/one 0.1.1 → 0.1.3

package/dist/index.js

@@ -1,8 +1,8 @@
-import { reactive as Y, toRefs as Z, ref as K, shallowRef as E, computed as j, watch as N, defineComponent as L, openBlock as m, createBlock as g, unref as a, withCtx as d, createVNode as u, createTextVNode as w, toDisplayString as x, 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 { 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 I } from "lodash-es";
-import { mdiDiscord as H, mdiGithub as B, mdiViewDashboard as ae, mdiLogoutVariant as le, mdiLogin as ce, mdiShieldStarOutline as ue, mdiReddit as de } from "@mdi/js";
-import { VListItem as F, VList as G, VListSubheader as fe } from "vuetify/lib/components/VList/index.mjs";
+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";
@@ -12,8 +12,8 @@ import { VCard as ye, VCardTitle as _e, VCardSubtitle as be } from "vuetify/lib/
 import { VDialog as we } from "vuetify/lib/components/VDialog/index.mjs";
 import { VImg as J } from "vuetify/lib/components/VImg/index.mjs";
 import { VFooter as Le } from "vuetify/lib/components/VFooter/index.mjs";
-import { VIcon as Ve } from "vuetify/lib/components/VIcon/index.mjs";
-const A = typeof window < "u", U = {
+import { VIcon as xe } from "vuetify/lib/components/VIcon/index.mjs";
+const I = typeof window < "u", H = {
   v: 4,
   api: "link-only",
   avatar: "",
@@ -41,18 +41,18 @@ const A = typeof window < "u", U = {
     }
   }
 }, W = O("user", () => {
-  const i = Y(I({}, U));
+  const i = Y(j({}, H));
   function t() {
-    if (!A)
+    if (!I)
       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, I(i, e)), c && s();
+    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();
   }
   function s() {
-    A && localStorage.setItem("vuetify@user", JSON.stringify(i, null, 2));
+    I && localStorage.setItem("vuetify@user", JSON.stringify(i, null, 2));
   }
   function n() {
-    A && (Object.assign(i, I({}, U)), s());
+    I && (Object.assign(i, j({}, H)), s());
   }
   return t(), {
     ...Z(i),
@@ -60,13 +60,13 @@ const A = typeof window < "u", U = {
     save: s,
     reset: n
   };
-}), v = {}.VITE_API_SERVER_URL, V = O("auth", () => {
-  const i = K(null), t = W(), s = E(!1), n = j(() => {
+}), g = "https://api.vuetifyjs.com", x = O("auth", () => {
+  const i = K(null), t = W(), s = U(!1), n = A(() => {
     var o, l;
-    return !v || ((o = i.value) == null ? void 0 : o.isAdmin) || ((l = i.value) == null ? void 0 : l.sponsorships.some((f) => f.isActive));
+    return ((o = i.value) == null ? void 0 : o.isAdmin) || ((l = i.value) == null ? void 0 : l.sponsorships.some((f) => f.isActive));
   });
   let r = !1;
-  N(i, (o) => {
+  B(i, (o) => {
     if (!(o != null && o.settings))
       return;
     const l = localStorage.getItem("vuetify@user") || "{}";
@@ -76,7 +76,7 @@ const A = typeof window < "u", U = {
   });
   async function e() {
     try {
-      await fetch(`${v}/user/settings`, {
+      await fetch(`${g}/user/settings`, {
         method: "POST",
         credentials: "include",
         headers: {
@@ -93,7 +93,7 @@ const A = typeof window < "u", U = {
   async function c(o = !1) {
     if (c.promise)
       return c.promise;
-    s.value = !0, c.promise = fetch(`${v}/auth/verify`, {
+    s.value = !0, c.promise = fetch(`${g}/auth/verify`, {
       credentials: "include",
       headers: o ? {
         "Cache-Control": "no-cache"
@@ -111,7 +111,7 @@ const A = typeof window < "u", U = {
   c.promise = null;
   async function h(o = "github") {
     s.value = !0;
-    const l = `${v}/auth/${o}/redirect`, f = 400, D = 600, z = window.screenX + (window.innerWidth - f) / 2, X = window.screenY + (window.innerHeight - D) / 2, p = window.open(
+    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(
       "",
       "vuetify:authorize:popup",
       `popup,left=${z},top=${X},width=${f},height=${D},resizable`
@@ -121,24 +121,24 @@ const A = typeof window < "u", U = {
       return;
     }
     p.location.href = l;
-    let T = -1, R = -1;
-    function C(_) {
+    let C = -1, T = -1;
+    function N(_) {
       var P;
-      _.origin === v && ((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());
+      _.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());
     }
     function k() {
-      window.removeEventListener("message", C), window.clearInterval(T), window.clearTimeout(R), p == null || p.close(), s.value = !1;
+      window.removeEventListener("message", N), window.clearInterval(C), window.clearTimeout(T), p == null || p.close(), s.value = !1;
     }
-    window.addEventListener("message", C), T = window.setInterval(() => {
+    window.addEventListener("message", N), C = window.setInterval(() => {
       !p || p.closed ? (console.error("Auth popup closed"), k()) : p.postMessage({ type: "auth-request" }, "*");
-    }, 1e3), R = window.setTimeout(() => {
+    }, 1e3), T = window.setTimeout(() => {
       k(), console.error("Auth timed out");
     }, 120 * 1e3);
   }
   async function $() {
     s.value = !0;
     try {
-      await fetch(`${v}/auth/logout`, {
+      await fetch(`${g}/auth/logout`, {
         method: "POST",
         credentials: "include"
       }), await c(!0), i.value = null;
@@ -153,7 +153,7 @@ const A = typeof window < "u", U = {
   }
   return y() && c(), {
     user: i,
-    url: v,
+    url: g,
     isLoading: s,
     verify: c,
     login: h,
@@ -161,12 +161,12 @@ const A = typeof window < "u", U = {
     isSubscriber: n,
     lastLoginProvider: y
   };
-}), Se = /* @__PURE__ */ L({
+}), Ve = /* @__PURE__ */ L({
   __name: "VoDiscordLogin",
   setup(i) {
-    const t = V();
-    return (s, n) => (m(), g(F, {
-      "prepend-icon": `svg:${a(H)}`,
+    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" : "",
       nav: "",
@@ -176,12 +176,12 @@ const A = typeof window < "u", U = {
       onClick: n[0] || (n[0] = (r) => a(t).login("discord"))
     }, null, 8, ["prepend-icon", "title", "subtitle"]));
   }
-}), xe = /* @__PURE__ */ L({
+}), Se = /* @__PURE__ */ L({
   __name: "VoGithubLogin",
   setup(i) {
-    const t = V();
-    return (s, n) => (m(), g(F, {
-      "prepend-icon": `svg:${a(B)}`,
+    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" : "",
       "base-color": "#2a2a2a",
@@ -197,7 +197,7 @@ const A = typeof window < "u", U = {
     external: Boolean
   },
   setup(i) {
-    const t = i, s = V(), n = W(), r = [
+    const t = i, s = x(), n = W(), r = [
       { title: "Options", type: "subheader" },
       {
         title: "My Dashboard",
@@ -214,7 +214,7 @@ const A = typeof window < "u", U = {
         }
       }
     ];
-    return (e, c) => (m(), g(M, {
+    return (e, c) => (m(), v(M, {
       class: "vo-user-btn",
       loading: a(s).isLoading,
       icon: ""
@@ -239,7 +239,7 @@ const A = typeof window < "u", U = {
               subheader: d(({ props: h }) => [
                 u(fe, { class: "text-high-emphasis text-uppercase font-weight-black" }, {
                   default: d(() => [
-                    w(x(h.title), 1)
+                    w(S(h.title), 1)
                   ]),
                   _: 2
                 }, 1024)
@@ -249,7 +249,7 @@ const A = typeof window < "u", U = {
           ]),
           _: 1
         }, 8, ["disabled"]),
-        a(s).user ? (m(), g(pe, {
+        a(s).user ? (m(), v(pe, {
           key: 0,
           image: a(n).avatar || a(s).user.picture || ""
         }, null, 8, ["image"])) : Q("", !0)
@@ -263,11 +263,11 @@ const q = (i, t) => {
   for (const [n, r] of t)
     s[n] = r;
   return s;
-}, ke = /* @__PURE__ */ q($e, [["__scopeId", "data-v-8e6fff6f"]]), Ie = { class: "text-center mb-6" }, Ae = /* @__PURE__ */ L({
+}, ke = /* @__PURE__ */ q($e, [["__scopeId", "data-v-8e6fff6f"]]), je = { class: "text-center mb-6" }, Ie = /* @__PURE__ */ L({
   __name: "VoAuthDialog",
   setup(i) {
-    const t = V(), { mdAndDown: s, lgAndUp: n } = ve(), r = ge();
-    return (e, c) => !a(t).user && !a(t).isLoading ? (m(), g(we, {
+    const t = x(), { mdAndDown: s, lgAndUp: n } = ve(), r = ge();
+    return (e, c) => !a(t).user && !a(t).isLoading ? (m(), v(we, {
       key: 0,
       "max-width": "480"
     }, {
@@ -291,10 +291,10 @@ const q = (i, t) => {
               class: "mb-4",
               height: "30"
             }, null, 8, ["src"]),
-            b("div", Ie, [
+            b("div", je, [
               u(_e, { class: "text-h5 mb-1 text-md-h4 font-weight-bold" }, {
                 default: d(() => [
-                  w(x(a(t).lastLoginProvider() ? "Welcome Back" : "Log in to Vuetify"), 1)
+                  w(S(a(t).lastLoginProvider() ? "Welcome Back" : "Log in to Vuetify"), 1)
                 ]),
                 _: 1
               }),
@@ -311,8 +311,8 @@ const q = (i, t) => {
               width: "100%"
             }, {
               default: d(() => [
-                u(xe, { class: "mb-3" }),
-                u(Se)
+                u(Se, { class: "mb-3" }),
+                u(Ve)
               ]),
               _: 1
             })
@@ -321,18 +321,18 @@ const q = (i, t) => {
         })
       ]),
       _: 1
-    })) : (m(), g(ke, { key: 1 }));
+    })) : (m(), v(ke, { key: 1 }));
   }
-}), je = (i) => (se("data-v-6f6b85b8"), i = i(), ne(), i), Oe = {
+}), 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"], Te = {
+}, De = ["href", "title"], Ce = {
   class: "text-caption",
   style: { position: "absolute", right: "16px" }
-}, Re = /* @__PURE__ */ je(() => /* @__PURE__ */ b("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Ce = /* @__PURE__ */ L({
+}, Te = /* @__PURE__ */ Ae(() => /* @__PURE__ */ b("span", { class: "d-none d-sm-inline-block" }, "Vuetify, LLC", -1)), Ne = /* @__PURE__ */ L({
   __name: "VoFooter",
   setup(i) {
     const t = [
@@ -348,12 +348,12 @@ const q = (i, t) => {
       },
       {
         title: "Vuetify GitHub",
-        icon: `svg:${B}`,
+        icon: `svg:${F}`,
         href: "https://github.com/vuetifyjs/vuetify"
       },
       {
         title: "Vuetify Discord",
-        icon: `svg:${H}`,
+        icon: `svg:${R}`,
         href: "https://community.vuetifyjs.com/"
       },
       {
@@ -362,7 +362,7 @@ const q = (i, t) => {
         href: "https://reddit.com/r/vuetifyjs"
       }
     ];
-    return (s, n) => (m(), g(Le, {
+    return (s, n) => (m(), v(Le, {
       class: "vo-footer",
       theme: "dark",
       height: "40"
@@ -383,39 +383,39 @@ const q = (i, t) => {
           target: "_blank",
           rel: "noopener noreferrer"
         }, [
-          u(Ve, { size: "18" }, {
+          u(xe, { size: "18" }, {
             default: d(() => [
-              w(x(r.icon), 1)
+              w(S(r.icon), 1)
             ]),
             _: 2
           }, 1024)
         ], 8, De)), 64)),
-        b("div", Te, [
-          w(" © 2016-" + x((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
-          Re
+        b("div", Ce, [
+          w(" © 2016-" + S((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+          Te
         ])
       ]),
       _: 1
     }));
   }
 });
-const Pe = /* @__PURE__ */ q(Ce, [["__scopeId", "data-v-6f6b85b8"]]), S = {}.VITE_API_SERVER_URL, Ke = O("one", () => {
-  const t = new URLSearchParams(window.location.search).get("session_id"), s = V(), n = E(!1), r = j(() => {
+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 = j(() => {
+  }), e = A(() => {
     var o;
     return (o = r.value) == null ? void 0 : o.isActive;
   });
   re(async () => {
     t && await c();
-  }), N(e, (o) => {
+  }), B(e, (o) => {
     o && y();
   });
   async function c() {
     try {
       n.value = !0;
-      const o = await fetch(`${S}/one/activate`, {
+      const o = await fetch(`${V}/one/activate`, {
         method: "POST",
         credentials: "include",
         headers: {
@@ -430,14 +430,14 @@ const Pe = /* @__PURE__ */ q(Ce, [["__scopeId", "data-v-6f6b85b8"]]), S = {}.VIT
     }
   }
   async function h() {
-    n.value = !0, window.location.href = `${S}/one/subscribe`;
+    n.value = !0, window.location.href = `${V}/one/subscribe`;
   }
   async function $() {
     var o;
     if (r.value)
       try {
         n.value = !0;
-        const l = await fetch(`${S}/one/cancel?subscriptionId=${(o = r.value) == null ? void 0 : o.tierName}`, {
+        const l = await fetch(`${V}/one/cancel?subscriptionId=${(o = r.value) == null ? void 0 : o.tierName}`, {
           method: "POST",
           credentials: "include"
         }).then((f) => f.json());
@@ -452,7 +452,7 @@ const Pe = /* @__PURE__ */ q(Ce, [["__scopeId", "data-v-6f6b85b8"]]), S = {}.VIT
     if (r.value)
       try {
         n.value = !0;
-        const l = await fetch(`${S}/one/verify?subscriptionId=${(o = r.value) == null ? void 0 : o.tierName}`, {
+        const l = await fetch(`${V}/one/verify?subscriptionId=${(o = r.value) == null ? void 0 : o.tierName}`, {
           method: "POST",
           credentials: "include"
         }).then((f) => f.json());
@@ -474,13 +474,13 @@ const Pe = /* @__PURE__ */ q(Ce, [["__scopeId", "data-v-6f6b85b8"]]), S = {}.VIT
 });
 function Qe() {
   function i(t) {
-    t.component("VoAuthDialog", Ae), t.component("VoFooter", Pe);
+    t.component("VoAuthDialog", Ie), t.component("VoFooter", Pe);
   }
   return { install: i };
 }
 export {
   Qe as createOne,
-  V as useAuthStore,
+  x as useAuthStore,
   Ke as useOneStore,
   W as useUserStore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuetify/one",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "private": false,
   "type": "module",
   "license": "MIT",
@@ -13,6 +13,9 @@
   "exports": {
     ".": {
       "import": "./dist/index.js"
+    },
+    "./styles": {
+      "import": "./dist/style.css"
     }
   },
   "scripts": {