@ichaingo/with-login 1.4.54 → 1.4.56

package/dist/index.d.ts

@@ -20,6 +20,7 @@ export interface UseLoginResult {
     mounted: boolean;
     Trigger: React.FC<React.HTMLAttributes<HTMLDivElement>>;
     LoginModal: React.FC;
+    Prefetch: React.FC;
 }
 interface UseLoginProps {
     loginSuccessCallback?: () => Promise<void>;
@@ -30,7 +31,7 @@ interface UseLoginProps {
  * - 返回 LoginModal：实际渲染登录弹窗（使用 createPortal）
  */
 export declare function useLogin({ loginSuccessCallback }: UseLoginProps): UseLoginResult;
-interface WithLoginProps extends React.PropsWithChildren, React.HTMLAttributes<any> {
+interface WithLoginProps extends React.PropsWithChildren, React.HTMLAttributes<HTMLElement> {
     children?: React.ReactNode;
     onClick?: () => void;
 }

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAOhE,eAAO,MAAM,OAAO,eAEnB,CAAC;AACF,oBAAY,gBAAgB;IAC1B,iBAAiB,oBAAoB;IACrC,aAAa,iBAAiB;CAC/B;AACD,oBAAY,aAAa;IACvB,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AACD,MAAM,WAAW,cAAc;IAE7B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAE,IAAI,CAAC,EAAE,aAAa,KAAM,IAAI,CAAC;IAC5C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IAEjB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACxD,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;CACtB;AACD,UAAU,aAAa;IACrB,oBAAoB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5C;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAC,oBAA8C,EAAC,EAAE,aAAa,GAAG,cAAc,CAiIxG;AAED,UAAU,cACR,SAAQ,KAAK,CAAC,iBAAiB,EAC7B,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAWvE;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAOhE,eAAO,MAAM,OAAO,eAEnB,CAAC;AACF,oBAAY,gBAAgB;IAC1B,iBAAiB,oBAAoB;IACrC,aAAa,iBAAiB;CAC/B;AACD,oBAAY,aAAa;IACvB,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AACD,MAAM,WAAW,cAAc;IAE7B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAE,IAAI,CAAC,EAAE,aAAa,KAAM,IAAI,CAAC;IAC5C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IAEjB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACxD,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;CACpB;AACD,UAAU,aAAa;IACrB,oBAAoB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5C;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAC,oBAA8C,EAAC,EAAE,aAAa,GAAG,cAAc,CAqJxG;AAED,UAAU,cACR,SAAQ,KAAK,CAAC,iBAAiB,EAC7B,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAYvE;AAED,eAAe,SAAS,CAAC"}

package/dist/index.js

@@ -1,110 +1,123 @@
 'use client';
-import { jsx as l, jsxs as y, Fragment as T } from "react/jsx-runtime";
-import { useState as m, useCallback as i, useEffect as U } from "react";
-import { createPortal as b } from "react-dom";
-import { useLocale as M } from "next-intl";
-import { twMerge as _ } from "tailwind-merge";
-import { useTheme as O } from "@ichaingo/next-themes";
-import x from "js-cookie";
-const k = () => !!x.get("id_token");
-var C = /* @__PURE__ */ ((e) => (e.CLOSE_LOGIN_MODAL = "closeLoginModal", e.LOGIN_SUCCESS = "loginSuccess", e))(C || {}), G = /* @__PURE__ */ ((e) => (e.LOGIN = "login", e.REGISTER = "register", e))(G || {});
-function P({ loginSuccessCallback: e = () => Promise.resolve() }) {
-  const [o, a] = m(!1), [r, f] = m(!1), [c, d] = m(!1), [g, E] = m(null), L = M(), { resolvedTheme: p } = O(), s = r && p ? p : "light", h = i((t) => {
-    const n = window.location.href, w = `${process.env.NEXT_PUBLIC_AUTH_URL}/${L}/login?mode=dialog&theme=${s}&redirect_uri=${n}`, S = `${process.env.NEXT_PUBLIC_AUTH_URL}/${L}/register?mode=dialog&theme=${s}&redirect_uri=${n}`;
-    a(!0), d(!1), E(t === "register" ? S : w);
-  }, [s, L]), u = i(() => {
-    a(!1);
-  }, []), I = i((t) => {
-    a(t), t && d(!1);
+import { jsx as s, jsxs as y, Fragment as M } from "react/jsx-runtime";
+import { useState as d, useCallback as n, useEffect as U } from "react";
+import { createPortal as x } from "react-dom";
+import { useLocale as O } from "next-intl";
+import { twMerge as N } from "tailwind-merge";
+import { useTheme as C } from "@ichaingo/next-themes";
+import R from "js-cookie";
+const k = () => !!R.get("id_token");
+var A = /* @__PURE__ */ ((e) => (e.CLOSE_LOGIN_MODAL = "closeLoginModal", e.LOGIN_SUCCESS = "loginSuccess", e))(A || {}), B = /* @__PURE__ */ ((e) => (e.LOGIN = "login", e.REGISTER = "register", e))(B || {});
+function G({ loginSuccessCallback: e = () => Promise.resolve() }) {
+  const [o, l] = d(!1), [t, g] = d(!1), [i, f] = d(!1), [L, E] = d(null), [$, I] = d(!1), u = O(), { resolvedTheme: p } = C(), h = window.location.href, a = t && p ? p : "light", v = n((r) => {
+    const c = `${process.env.NEXT_PUBLIC_AUTH_URL}/${u}/login?mode=dialog&theme=${a}&redirect_uri=${h}`, w = `${process.env.NEXT_PUBLIC_AUTH_URL}/${u}/register?mode=dialog&theme=${a}&redirect_uri=${h}`;
+    l(!0), f(!1), E(r === "register" ? w : c);
+  }, [a, u, h]), m = n(() => {
+    l(!1);
+  }, []), P = n((r) => {
+    l(r), r && f(!1);
   }, []);
   U(() => {
-    o && r && d(!1);
-  }, [p, o, r]), U(() => {
-    f(!0);
-    const t = (n) => {
-      n.data.type === "closeLoginModal" && u(), n.data.type === "loginSuccess" && (u(), e && e());
+    o && t && f(!1);
+  }, [p, o, t]), U(() => {
+    g(!0);
+    const r = (c) => {
+      c.data.type === "closeLoginModal" && m(), c.data.type === "loginSuccess" && (m(), e && e());
     };
-    return window.addEventListener("message", t), () => {
-      window.removeEventListener("message", t);
+    return window.addEventListener("message", r), () => {
+      window.removeEventListener("message", r);
     };
-  }, []);
-  const v = i(() => {
-    d(!0);
-  }, []), $ = i(
-    ({ children: t, onClick: n, ...w }) => /* @__PURE__ */ l("div", { onClick: () => h(), style: { cursor: "pointer" }, ...w, children: t }),
-    [h]
-  ), N = i(() => o ? b(
+  }, [m, e]), U(() => {
+    t && I(!0);
+  }, [t]);
+  const _ = n(() => {
+    f(!0);
+  }, []), T = n(
+    ({ children: r, onClick: c, ...w }) => /* @__PURE__ */ s("div", { onClick: () => v(), style: { cursor: "pointer" }, ...w, children: r }),
+    [v]
+  ), b = n(() => !$ || !t ? null : x(
+    /* @__PURE__ */ s("div", { className: "w-[1px] h-[1px] fixed left-0 bottom-0", children: /* @__PURE__ */ s(
+      "iframe",
+      {
+        src: `${process.env.NEXT_PUBLIC_AUTH_URL}/${u}/login?mode=dialog`,
+        className: "w-[1px] h-[1px]",
+        title: "Login Prefetch"
+      }
+    ) }),
+    document.body
+  ), [$, t]), S = n(() => o ? x(
     /* @__PURE__ */ y(
       "div",
       {
-        className: _(
+        className: N(
           "fixed w-0 h-9 bg-[rgba(0,0,0,0.7)] z-1002",
           o && "top-0 left-0 w-full h-full"
         ),
         children: [
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ s(
             "div",
             {
-              className: _(
+              className: N(
                 "absolute inset-0 transition-opacity duration-300",
-                c ? "opacity-0 pointer-events-none" : "opacity-100 z-1002"
+                i ? "opacity-0 pointer-events-none" : "opacity-100 z-1002"
               )
             }
           ),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ s(
             "iframe",
             {
-              src: g ?? "",
-              className: _(
+              src: L ?? "",
+              className: N(
                 "w-full h-full border-none relative z-10 transition-opacity duration-300",
-                c ? "opacity-100" : "opacity-0"
+                i ? "opacity-100" : "opacity-0"
               ),
               title: "Login",
-              onLoad: v,
+              onLoad: _,
               sandbox: "allow-scripts allow-forms allow-same-origin"
             },
-            `login-iframe-${s}`
+            `login-iframe-${a}`
           )
         ]
       }
     ),
     document.body
   ) : null, [
-    u,
-    s,
-    v,
-    c,
+    a,
+    _,
+    i,
     o,
-    g
+    L
   ]);
   return {
     isOpen: o,
-    openLogin: h,
-    closeLogin: u,
-    setLoginOpen: I,
-    url: g,
-    currentTheme: s,
-    iframeLoaded: c,
-    handleIframeLoad: v,
-    mounted: r,
-    Trigger: $,
-    LoginModal: N
+    openLogin: v,
+    closeLogin: m,
+    setLoginOpen: P,
+    url: L,
+    currentTheme: a,
+    iframeLoaded: i,
+    handleIframeLoad: _,
+    mounted: t,
+    Trigger: T,
+    LoginModal: S,
+    Prefetch: b
   };
 }
-function D({ children: e, onClick: o, ...a }) {
-  const { Trigger: r, LoginModal: f } = P({ loginSuccessCallback: async () => {
+function q({ children: e, onClick: o, ...l }) {
+  const { Trigger: t, LoginModal: g, Prefetch: i } = G({ loginSuccessCallback: async () => {
     o == null || o();
   } });
-  return /* @__PURE__ */ y(T, { children: [
-    e && /* @__PURE__ */ l(r, { ...a, children: e }),
-    /* @__PURE__ */ l(f, {})
+  return /* @__PURE__ */ y(M, { children: [
+    e && /* @__PURE__ */ s(t, { ...l, children: e }),
+    /* @__PURE__ */ s(g, {}),
+    /* @__PURE__ */ s(i, {})
   ] });
 }
 export {
-  C as LoginMessageType,
-  G as OpenLoginType,
-  D as WithLogin,
-  D as default,
+  A as LoginMessageType,
+  B as OpenLoginType,
+  q as WithLogin,
+  q as default,
   k as isLogin,
-  P as useLogin
+  G as useLogin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ichaingo/with-login",
-  "version": "1.4.54",
+  "version": "1.4.56",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",