allauth-vue 0.4.3

package/README.md

@@ -0,0 +1,5 @@
+# AllAuth Vue
+
+AllAuth Vue Wrapper
+
+旨在为 Vue 开发者提供简便的 AllAuth 集成方式。

package/dist/allauth-vue.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/allauth'
+export {}

package/dist/allauth-vue.js

@@ -0,0 +1,204 @@
+import { inject as w, ref as T, watch as k, computed as m } from "vue";
+function p(i, e, t, o) {
+  function s(r) {
+    return r instanceof t ? r : new t(function(n) {
+      n(r);
+    });
+  }
+  return new (t || (t = Promise))(function(r, n) {
+    function a(c) {
+      try {
+        u(o.next(c));
+      } catch (h) {
+        n(h);
+      }
+    }
+    function d(c) {
+      try {
+        u(o.throw(c));
+      } catch (h) {
+        n(h);
+      }
+    }
+    function u(c) {
+      c.done ? r(c.value) : s(c.value).then(a, d);
+    }
+    u((o = o.apply(i, e || [])).next());
+  });
+}
+const E = (i) => {
+  const o = window.screenX + (window.innerWidth - 400) / 2, s = window.screenY + (window.innerHeight - 600) / 2;
+  return window.open(i, "auth0:authorize:popup", `left=${o},top=${s},width=400,height=600,resizable,scrollbars=yes,status=1`);
+}, f = "__ALLAUTH_", g = f + "ACCESS_TOKEN", l = f + "ID_TOKEN", A = {
+  load: function(i) {
+    return window.localStorage.getItem(i);
+  },
+  save: function(i, e) {
+    window.localStorage.setItem(i, e);
+  },
+  delete: function(i) {
+    window.localStorage.removeItem(i);
+  }
+}, S = (i) => decodeURIComponent(atob(i).split("").map((e) => "%" + ("00" + e.charCodeAt(0).toString(16)).slice(-2)).join("")), _ = (i) => S(i.replace(/_/g, "/").replace(/-/g, "+")), R = (i) => {
+  const e = i.split("."), [t, o, s] = e;
+  if (e.length !== 3 || !t || !o || !s)
+    throw new Error("ID token could not be decoded");
+  const r = JSON.parse(_(o)), n = { __raw: i };
+  return Object.keys(r).forEach((a) => {
+    n[a] = r[a];
+  }), {
+    encoded: { header: t, payload: o, signature: s },
+    header: JSON.parse(_(t)),
+    claims: n
+  };
+};
+class y {
+  getIdToken() {
+    return this.idToken;
+  }
+  getAccessToken() {
+    return this.accessToken;
+  }
+  getUser() {
+    if (!this.idToken)
+      return null;
+    const { sub: e, name: t } = this.idToken.claims;
+    return { sub: e, name: t };
+  }
+  constructor(e) {
+    if (this.defaultOptions = {
+      storage: A
+    }, !e.allauth_domain)
+      throw new Error("allauth_domain 不能为空");
+    if (!e.app_domain)
+      throw new Error("app_domain 不能为空");
+    if (!e.allauth_api_endpoint)
+      throw new Error("allauth_api_endpoint 不能为空");
+    this.options = Object.assign(Object.assign({}, this.defaultOptions), e);
+    const t = this.options.storage.load(l), o = this.options.storage.load(g);
+    t && this._onIdTokenUpdated(t), this.accessToken = o;
+  }
+  login() {
+    window.location.assign(this._buildAuthorizeUrl());
+  }
+  logout() {
+    this.options.storage.delete(l), delete this.idToken;
+  }
+  loginWithPopup() {
+    return p(this, void 0, void 0, function* () {
+      const e = E("");
+      if (!e)
+        throw new Error("无法打开登录窗口: window.open 返回 `null`");
+      e.location.href = this._buildAuthorizeUrl();
+    });
+  }
+  _getRedirectUri() {
+    return location.href;
+  }
+  _buildAuthorizeUrl() {
+    const e = `${this.options.allauth_domain}`, t = this._getRedirectUri(), o = ["openid"], s = "code", r = Date.now();
+    let n = new URLSearchParams();
+    return o.forEach((a) => n.append("scope", a)), n.append("response_type", s), n.append("redirect_uri", t), n.append("client_id", this.options.client_id), n.append("state", r.toString()), `${e}?${n.toString()}`;
+  }
+  /**
+   * 在重定向到 Authorize EndPoint 后，
+   * AllAuth Provider 重定向到回调页
+   * 调用 `handleAuthroizeRedirectCallback` 去处理成功或失败的响应
+   * 如果响应成功，会继续鉴权流程，拿到 AccessToken 和 IdToken
+   */
+  handleAuthroizeRedirectCallback() {
+    return p(this, arguments, void 0, function* (e = location.href) {
+      const t = new URL(e), o = t.searchParams.get("code");
+      if (o) {
+        console.log("got code", o);
+        const s = yield this._requestToken(o);
+        console.log(s);
+        const { access_token: r, id_token: n, error: a } = s;
+        t.searchParams.delete("code"), this._updateToken({ accessToken: r, idToken: n }), location.replace(t);
+      }
+      return t;
+    });
+  }
+  _onIdTokenUpdated(e) {
+    let t;
+    try {
+      t = R(e), this.idToken = t, console.log("idToken", t);
+    } catch (o) {
+      console.error(o);
+    }
+  }
+  _updateToken({ idToken: e, accessToken: t }) {
+    this.accessToken = t, t ? this.options.storage.save(g, t) : (console.log("ACCESS_TOKEN Cleared"), this.options.storage.delete(g)), e ? (this.options.storage.save(l, e), this._onIdTokenUpdated(e)) : (console.log("ID_TOKEN Cleared"), this.options.storage.delete(l));
+  }
+  _requestToken(e) {
+    return p(this, void 0, void 0, function* () {
+      const t = `${this.options.allauth_api_endpoint}/token`;
+      return yield (yield this._postForm(t, {
+        grant_type: "authorization_code",
+        redirect_uri: this._getRedirectUri(),
+        code: e
+      })).json();
+    });
+  }
+  _postForm(e, t) {
+    const o = [];
+    for (var s in t) {
+      var r = encodeURIComponent(s), n = encodeURIComponent(t[s]);
+      o.push(r + "=" + n);
+    }
+    return fetch(e, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8"
+      },
+      body: o.join("&")
+    });
+  }
+}
+function U(i) {
+  return {
+    allauth: {
+      install(e) {
+        const t = i.plugins || {}, o = new y(i), s = T(null);
+        (async () => (console.log("页面加载"), await o.handleAuthroizeRedirectCallback(), s.value = o.getUser()))();
+        function r(n) {
+          switch (n) {
+            case "login": {
+              const a = o.getAccessToken();
+              if (!a)
+                throw new Error("缺失 AccessToken");
+              for (const d of Object.values(t))
+                d.onauth({
+                  event: "login",
+                  accessToken: a
+                });
+              break;
+            }
+          }
+        }
+        k(s, (n, a) => {
+          console.log(n, a), n && !a ? r("login") : !n && a && r("logout");
+        }), e.provide("allauth", {
+          user: s,
+          accessToken: m(() => s.value && o.getAccessToken()),
+          login() {
+            o.login();
+          },
+          logout() {
+            o.logout(), s.value = o.getUser();
+          },
+          ...t
+        });
+      }
+    },
+    useAllAuth() {
+      const e = w("allauth");
+      if (typeof e > "u")
+        throw new Error("请先通过 .use(allauth) 注册 AllAuth 插件。");
+      return e;
+    }
+  };
+}
+export {
+  U as createAllAuth
+};

package/dist/lib/allauth.d.ts

@@ -0,0 +1,22 @@
+import { AllAuthClientOptions, UserClaims } from 'allauth-spa-js';
+import { AllAuthPlugin } from 'allauth-types';
+import { ComputedRef, Ref, App } from 'vue';
+type Plugins = {
+    [key: string]: AllAuthPlugin;
+};
+export type AllAuthVueClientOptions<P extends Plugins> = AllAuthClientOptions & {
+    plugins?: P;
+};
+export declare function createAllAuth<P extends Plugins>(options: AllAuthVueClientOptions<P>): {
+    allauth: {
+        install(app: App): void;
+    };
+    useAllAuth(): UseAllAuth & P;
+};
+export interface UseAllAuth {
+    user: Ref<UserClaims | null>;
+    accessToken: ComputedRef<UserClaims | null>;
+    login(): void;
+    logout(): void;
+}
+export {};

package/dist/src/main.d.ts

@@ -0,0 +1,5 @@
+export declare const allauth: {
+    install(app: import('vue').App): void;
+}, useAllAuth: () => import('../lib/allauth').UseAllAuth & {
+    [key: string]: import('allauth-types').AllAuthPlugin;
+};

package/dist/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfig;
+export default _default;

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "allauth-vue",
+  "version": "0.4.3",
+  "type": "module",
+  "main": "dist/allauth-vue.js",
+  "files": ["dist"],
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "allauth-spa-js": "^0.4.3",
+    "allauth-types": "^0.4.3",
+    "vue": "^3.5.25"
+  },
+  "devDependencies": {
+    "@types/node": "^24.10.1",
+    "@vitejs/plugin-vue": "^6.0.2",
+    "@vue/tsconfig": "^0.8.1",
+    "typescript": "~5.9.3",
+    "unplugin-dts": "1.0.0-beta.6",
+    "vite": "^7.3.1",
+    "vue-tsc": "^3.1.5"
+  }
+}