@vuetify/one 0.1.0 → 0.1.2

package/dist/index.js

@@ -0,0 +1,486 @@
+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 { 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 { 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 { 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 = {
+  v: 4,
+  api: "link-only",
+  avatar: "",
+  dev: !1,
+  disableAds: !1,
+  composition: "options",
+  pwaRefresh: !0,
+  theme: "system",
+  mixedTheme: !0,
+  direction: "ltr",
+  slashSearch: !1,
+  syncSettings: !0,
+  quickbar: !1,
+  railDrawer: !1,
+  notifications: {
+    show: !0,
+    read: [],
+    last: {
+      banner: [],
+      v2banner: null,
+      install: null,
+      notification: null,
+      promotion: null,
+      jobs: null
+    }
+  }
+}, W = O("user", () => {
+  const i = Y(I({}, U));
+  function t() {
+    if (!A)
+      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();
+  }
+  function s() {
+    A && localStorage.setItem("vuetify@user", JSON.stringify(i, null, 2));
+  }
+  function n() {
+    A && (Object.assign(i, I({}, U)), s());
+  }
+  return t(), {
+    ...Z(i),
+    load: t,
+    save: s,
+    reset: n
+  };
+}), v = {}.VITE_API_SERVER_URL, V = O("auth", () => {
+  const i = K(null), t = W(), s = E(!1), n = j(() => {
+    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));
+  });
+  let r = !1;
+  N(i, (o) => {
+    if (!(o != null && o.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;
+  });
+  async function e() {
+    try {
+      await fetch(`${v}/user/settings`, {
+        method: "POST",
+        credentials: "include",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+          settings: t.$state
+        })
+      });
+    } catch (o) {
+      console.error(o);
+    }
+  }
+  async function c(o = !1) {
+    if (c.promise)
+      return c.promise;
+    s.value = !0, c.promise = fetch(`${v}/auth/verify`, {
+      credentials: "include",
+      headers: o ? {
+        "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);
+      },
+      () => {
+      }
+    ).finally(() => {
+      s.value = !1, c.promise = null;
+    });
+  }
+  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(
+      "",
+      "vuetify:authorize:popup",
+      `popup,left=${z},top=${X},width=${f},height=${D},resizable`
+    );
+    if (!p) {
+      console.error("Failed to open popup");
+      return;
+    }
+    p.location.href = l;
+    let T = -1, R = -1;
+    function C(_) {
+      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());
+    }
+    function k() {
+      window.removeEventListener("message", C), window.clearInterval(T), window.clearTimeout(R), p == null || p.close(), s.value = !1;
+    }
+    window.addEventListener("message", C), T = window.setInterval(() => {
+      !p || p.closed ? (console.error("Auth popup closed"), k()) : p.postMessage({ type: "auth-request" }, "*");
+    }, 1e3), R = window.setTimeout(() => {
+      k(), console.error("Auth timed out");
+    }, 120 * 1e3);
+  }
+  async function $() {
+    s.value = !0;
+    try {
+      await fetch(`${v}/auth/logout`, {
+        method: "POST",
+        credentials: "include"
+      }), await c(!0), i.value = null;
+    } catch (o) {
+      console.error(o);
+    } finally {
+      s.value = !1;
+    }
+  }
+  function y() {
+    return localStorage.getItem("vuetify@lastLoginProvider");
+  }
+  return y() && c(), {
+    user: i,
+    url: v,
+    isLoading: s,
+    verify: c,
+    login: h,
+    logout: $,
+    isSubscriber: n,
+    lastLoginProvider: y
+  };
+}), Se = /* @__PURE__ */ L({
+  __name: "VoDiscordLogin",
+  setup(i) {
+    const t = V();
+    return (s, n) => (m(), g(F, {
+      "prepend-icon": `svg:${a(H)}`,
+      title: a(t).user ? "Connect Discord" : "Log in with Discord",
+      subtitle: !a(t).user && a(t).lastLoginProvider() === "discord" ? "Last Used" : "",
+      nav: "",
+      "base-color": "#5865F2",
+      slim: "",
+      variant: "flat",
+      onClick: n[0] || (n[0] = (r) => a(t).login("discord"))
+    }, null, 8, ["prepend-icon", "title", "subtitle"]));
+  }
+}), xe = /* @__PURE__ */ L({
+  __name: "VoGithubLogin",
+  setup(i) {
+    const t = V();
+    return (s, n) => (m(), g(F, {
+      "prepend-icon": `svg:${a(B)}`,
+      title: a(t).user ? "Connect GitHub" : "Log in with GitHub",
+      subtitle: !a(t).user && a(t).lastLoginProvider() === "github" ? "Last Used" : "",
+      "base-color": "#2a2a2a",
+      nav: "",
+      slim: "",
+      variant: "flat",
+      onClick: n[0] || (n[0] = (r) => a(t).login("github"))
+    }, null, 8, ["prepend-icon", "title", "subtitle"]));
+  }
+}), $e = /* @__PURE__ */ L({
+  __name: "VoUserBtn",
+  props: {
+    external: Boolean
+  },
+  setup(i) {
+    const t = i, s = V(), n = W(), r = [
+      { title: "Options", type: "subheader" },
+      {
+        title: "My Dashboard",
+        appendIcon: `svg:${ae}`,
+        to: t.external ? void 0 : "/user/dashboard",
+        href: t.external ? "https://vuetifyjs.com/user/dashboard/" : void 0,
+        target: t.external ? "_blank" : void 0
+      },
+      {
+        title: "Logout",
+        appendIcon: `svg:${le}`,
+        onClick: () => {
+          s.logout();
+        }
+      }
+    ];
+    return (e, c) => (m(), g(M, {
+      class: "vo-user-btn",
+      loading: a(s).isLoading,
+      icon: ""
+    }, {
+      loader: d(() => [
+        u(he, { type: "avatar" })
+      ]),
+      default: d(() => [
+        u(me, {
+          disabled: !a(s).user || a(s).isLoading,
+          activator: "parent",
+          location: "bottom end"
+        }, {
+          default: d(() => [
+            u(G, {
+              items: r,
+              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(x(h.title), 1)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["disabled"]),
+        a(s).user ? (m(), g(pe, {
+          key: 0,
+          image: a(n).avatar || a(s).user.picture || ""
+        }, null, 8, ["image"])) : Q("", !0)
+      ]),
+      _: 1
+    }, 8, ["loading"]));
+  }
+});
+const q = (i, t) => {
+  const s = i.__vccOpts || i;
+  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({
+  __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, {
+      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
+        }, {
+          rounded: a(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`,
+              class: "mb-4",
+              height: "30"
+            }, null, 8, ["src"]),
+            b("div", Ie, [
+              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)
+                ]),
+                _: 1
+              }),
+              u(be, { class: "text-wrap" }, {
+                default: d(() => [
+                  w(" Sign in with GitHub or Discord to save your settings and unlock exclusive subscriber perks. ")
+                ]),
+                _: 1
+              })
+            ]),
+            u(G, {
+              class: "mx-auto",
+              "max-width": "300",
+              width: "100%"
+            }, {
+              default: d(() => [
+                u(xe, { class: "mb-3" }),
+                u(Se)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    })) : (m(), g(ke, { key: 1 }));
+  }
+}), je = (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 = {
+  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({
+  __name: "VoFooter",
+  setup(i) {
+    const t = [
+      {
+        title: "Vuetify Support",
+        icon: `svg:${ue}`,
+        href: "https://support.vuetifyjs.com/"
+      },
+      {
+        title: "Vuetify X",
+        icon: "svg:M2.04875 3.00002L9.77052 13.3248L1.99998 21.7192H3.74882L10.5519 14.3697L16.0486 21.7192H22L13.8437 10.8137L21.0765 3.00002H19.3277L13.0624 9.76874L8.0001 3.00002H2.04875ZM4.62054 4.28821H7.35461L19.4278 20.4308H16.6937L4.62054 4.28821Z",
+        href: "https://x.com/vuetifyjs"
+      },
+      {
+        title: "Vuetify GitHub",
+        icon: `svg:${B}`,
+        href: "https://github.com/vuetifyjs/vuetify"
+      },
+      {
+        title: "Vuetify Discord",
+        icon: `svg:${H}`,
+        href: "https://community.vuetifyjs.com/"
+      },
+      {
+        title: "Vuetify Reddit",
+        icon: `svg:${de}`,
+        href: "https://reddit.com/r/vuetifyjs"
+      }
+    ];
+    return (s, n) => (m(), g(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,
+          class: "d-inline-block mx-2 social-link",
+          target: "_blank",
+          rel: "noopener noreferrer"
+        }, [
+          u(Ve, { size: "18" }, {
+            default: d(() => [
+              w(x(r.icon), 1)
+            ]),
+            _: 2
+          }, 1024)
+        ], 8, De)), 64)),
+        b("div", Te, [
+          w(" © 2016-" + x((/* @__PURE__ */ new Date()).getFullYear()) + " ", 1),
+          Re
+        ])
+      ]),
+      _: 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(() => {
+    var o;
+    return (o = s.user) == null ? void 0 : o.sponsorships.find((l) => l.platform === "stripe" && l.tierName.startsWith("sub_"));
+  }), e = j(() => {
+    var o;
+    return (o = r.value) == null ? void 0 : o.isActive;
+  });
+  re(async () => {
+    t && await c();
+  }), N(e, (o) => {
+    o && y();
+  });
+  async function c() {
+    try {
+      n.value = !0;
+      const o = await fetch(`${S}/one/activate`, {
+        method: "POST",
+        credentials: "include",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({ sessionId: t })
+      }).then((l) => l.json());
+      s.user = o.user;
+    } catch {
+    } finally {
+      n.value = !1;
+    }
+  }
+  async function h() {
+    n.value = !0, window.location.href = `${S}/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}`, {
+          method: "POST",
+          credentials: "include"
+        }).then((f) => f.json());
+        s.user = l.user;
+      } catch {
+      } finally {
+        n.value = !1;
+      }
+  }
+  async function y() {
+    var o;
+    if (r.value)
+      try {
+        n.value = !0;
+        const l = await fetch(`${S}/one/verify?subscriptionId=${(o = r.value) == null ? void 0 : o.tierName}`, {
+          method: "POST",
+          credentials: "include"
+        }).then((f) => f.json());
+        s.user = l.user;
+      } catch {
+      } finally {
+        n.value = !1;
+      }
+  }
+  return {
+    activate: c,
+    cancel: $,
+    subscribe: h,
+    verify: y,
+    subscription: r,
+    isLoading: n,
+    isSubscriber: e
+  };
+});
+function Qe() {
+  function i(t) {
+    t.component("VoAuthDialog", Ae), t.component("VoFooter", Pe);
+  }
+  return { install: i };
+}
+export {
+  Qe as createOne,
+  V as useAuthStore,
+  Ke as useOneStore,
+  W as useUserStore
+};

package/dist/style.css

@@ -1 +1 @@
-#vo-user-btn .v-skeleton-loader__avatar[data-v-bbec7f26]{min-height:40px;height:40px;width:40px;max-height:40px;min-width:40px;max-width:40px}.social-link svg{color:#1976d252;text-decoration:none;transition:.2s ease-in-out}.social-link svg:hover{color:#1976d2}
+.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}

package/package.json

@@ -1,62 +1,73 @@
 {
   "name": "@vuetify/one",
-  "version": "0.1.0",
+  "version": "0.1.2",
+  "private": false,
   "type": "module",
+  "license": "MIT",
   "files": [
-    "dist",
-    "./index.d.ts"
+    "dist"
   ],
-  "main": "./dist/v-one.umd.cjs",
-  "module": "./dist/v-one.js",
-  "types": "./index.d.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/v-one.js",
-      "require": "./dist/v-one.umd.cjs"
+      "import": "./dist/index.js"
     },
     "./styles": {
-      "import": "./dist/style.css",
-      "require": "./dist/style.css"
+      "import": "./dist/style.css"
     }
   },
   "scripts": {
     "dev": "vite",
-    "build": "vite --config vite.build.config.ts build",
+    "build": "vite build --config vite.build.config.ts && yarn build:types",
+    "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",
     "preview": "vite preview",
-    "lint": "eslint . --fix --ignore-path .gitignore"
+    "lint": "eslint . --ext .ts,.vue --fix --ignore-path .gitignore"
   },
-  "dependencies": {
+  "peerDependencies": {
     "@mdi/js": "6.2.95",
-    "core-js": "^3.29.0",
     "lodash-es": "^4.17.21",
     "vue": "^3.2.0",
     "vuetify": "^3.0.0"
   },
   "devDependencies": {
     "@babel/types": "^7.21.4",
+    "@mdi/js": "6.2.95",
+    "@rollup/plugin-alias": "^5.1.0",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^18.15.0",
     "@vitejs/plugin-vue": "^4.0.0",
     "@vue/eslint-config-typescript": "^11.0.0",
+    "conventional-changelog-cli": "^4.1.0",
+    "conventional-changelog-vuetify": "^1.1.0",
+    "conventional-github-releaser": "^3.1.5",
+    "core-js": "^3.29.0",
+    "eslint": "^8.46.0",
     "eslint-config-standard": "^17.1.0",
     "eslint-plugin-import": "^2.28.0",
     "eslint-plugin-n": "^16.0.1",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-vue": "^9.16.1",
-    "eslint": "^8.46.0",
+    "lodash-es": "^4.17.21",
     "pinia": "^2.0.0",
+    "rimraf": "^5.0.5",
     "roboto-fontface": "*",
+    "rollup": "^4.9.1",
+    "rollup-plugin-dts": "^6.1.0",
     "sass": "^1.60.0",
     "typescript": "^5.0.0",
     "unplugin-fonts": "^1.0.3",
     "unplugin-vue-components": "^0.26.0",
     "unplugin-vue-router": "^0.7.0",
+    "vite": "^4.2.0",
     "vite-plugin-vue-layouts": "^0.8.0",
     "vite-plugin-vuetify": "^1.0.0",
-    "vite": "^4.2.0",
+    "vue": "^3.2.0",
     "vue-router": "^4.0.0",
-    "vue-tsc": "^1.2.0"
+    "vue-tsc": "^1.2.0",
+    "vuetify": "^3.0.0"
   }
 }