@ichaingo/with-login 1.4.156 → 1.5.1

package/dist/index.d.ts

@@ -1,7 +1,46 @@
-interface WithLoginProps extends React.PropsWithChildren, React.HTMLAttributes<any> {
+import { default as React } from 'react';
+export declare const isLogin: () => boolean;
+export declare enum LoginMessageType {
+    CLOSE_LOGIN_MODAL = "closeLoginModal",
+    LOGIN_SUCCESS = "loginSuccess"
+}
+export declare enum OpenLoginType {
+    LOGIN = "login",
+    REGISTER = "register"
+}
+export interface LoginContextValue {
+    isOpen: boolean;
+    openLogin: (type?: OpenLoginType) => void;
+    closeLogin: () => void;
+    setLoginOpen: (open: boolean) => void;
+    url: string | null;
+    currentTheme: string;
+    mounted: boolean;
+    Trigger: React.FC<React.HTMLAttributes<HTMLDivElement>>;
+    registerLoginSuccessCallback: (callback: () => void | Promise<void>) => () => void;
+}
+interface LoginProviderProps {
     children: React.ReactNode;
-    onClick: () => void;
+    loginSuccessCallback?: () => Promise<void>;
+}
+/**
+ * LoginProvider 组件：提供全局登录状态和功能
+ */
+export declare function LoginProvider({ children, loginSuccessCallback }: LoginProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * useLogin hook：消费 LoginContext
+ */
+export declare function useLogin(): LoginContextValue;
+interface WithLoginProps extends React.PropsWithChildren, React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+    onClick?: () => void;
 }
-export default function WithLogin({ children, onClick, ...rest }: WithLoginProps): import("react/jsx-runtime").JSX.Element;
-export {};
+/**
+ * 一个简单封装：
+ * - children 作为触发区域
+ * - 使用全局 LoginProvider 的登录功能
+ * - 如果提供了 onClick，会在登录成功后调用
+ */
+export declare function WithLogin({ children, onClick, ...rest }: WithLoginProps): import("react/jsx-runtime").JSX.Element | null;
+export default WithLogin;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAOA,UAAU,cAAe,SAAQ,KAAK,CAAC,iBAAiB,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC;IACjF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAmF/E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8E,MAAM,OAAO,CAAC;AAMnG,eAAO,MAAM,OAAO,eAGnB,CAAC;AAEF,oBAAY,gBAAgB;IAC1B,iBAAiB,oBAAoB;IACrC,aAAa,iBAAiB;CAC/B;AAED,oBAAY,aAAa;IACvB,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,iBAAiB;IAEhC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,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,OAAO,EAAE,OAAO,CAAC;IAEjB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IAExD,4BAA4B,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,CAAC;CACpF;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5C;AAKD;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,oBAA8C,EAAE,EAAE,kBAAkB,2CA0H7G;AAED;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C;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;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,kDAevE;AAED,eAAe,SAAS,CAAC"}

package/dist/index.js

@@ -1,76 +1,103 @@
 'use client';
-import { jsxs as m, Fragment as x, jsx as o } from "react/jsx-runtime";
-import { useState as i, useEffect as f } from "react";
-import { createPortal as y } from "react-dom";
-import { useLocale as v } from "next-intl";
-import { twMerge as t } from "tailwind-merge";
-import { useTheme as N } from "@ichaingo/next-themes";
-function _({ children: d, onClick: T, ...u }) {
-  const [e, a] = i(!1), p = v(), { resolvedTheme: n } = N(), [r, g] = i(!1), [l, s] = i(!1);
-  f(() => {
-    g(!0);
+import { jsx as m, jsxs as y } from "react/jsx-runtime";
+import I, { createContext as M, useState as w, useRef as N, useCallback as c, useEffect as p, useContext as R } from "react";
+import { useLocale as O } from "next-intl";
+import { twMerge as $ } from "tailwind-merge";
+import { useTheme as P } from "@ichaingo/next-themes";
+import k from "js-cookie";
+const z = () => !!k.get("refresh_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 || {});
+const C = M(void 0);
+function F({ children: e, loginSuccessCallback: n = () => Promise.resolve() }) {
+  const [i, s] = w(!1), [l, h] = w(!1), [a, v] = w(null), _ = N(/* @__PURE__ */ new Set()), u = O(), { resolvedTheme: U } = P(), t = l && U ? U : "light", L = c((o) => {
+    const r = typeof window < "u" ? window.location.href : "", g = `${process.env.NEXT_PUBLIC_AUTH_URL}/${u}/login?mode=dialog&theme=${t}&redirect_uri=${r}`, f = `${process.env.NEXT_PUBLIC_AUTH_URL}/${u}/register?mode=dialog&theme=${t}&redirect_uri=${r}`;
+    s(!0), v(o === "register" ? f : g);
+  }, [t, u]), d = c(() => {
+    s(!1);
+  }, []), E = c((o) => {
+    s(o);
   }, []);
-  const c = r && n ? n : "light", h = `${process.env.NEXT_PUBLIC_AUTH_URL}/${p}/login?mode=dialog&theme=${c}`, L = () => {
-    a(!0), s(!1);
-  }, b = () => a(!1);
-  f(() => {
-    e && r && s(!1);
-  }, [n, e, r]);
-  const w = () => {
-    s(!0);
-  };
-  return /* @__PURE__ */ m(x, { children: [
-    /* @__PURE__ */ o("div", { onClick: L, style: { cursor: "pointer" }, ...u, children: d }),
-    e && y(
-      /* @__PURE__ */ m(
-        "div",
+  p(() => {
+    if (t) {
+      const o = typeof window < "u" ? window.location.href : "", r = `${process.env.NEXT_PUBLIC_AUTH_URL}/${u}/login?mode=dialog&theme=${t}&redirect_uri=${o}`;
+      v(r);
+    }
+  }, [t]), p(() => {
+    h(!0);
+    const o = (r) => {
+      var g, f;
+      ((g = r.data) == null ? void 0 : g.type) === "closeLoginModal" && d(), ((f = r.data) == null ? void 0 : f.type) === "loginSuccess" && (console.log("handleMessage", r.data.type), d(), window.location.reload());
+    };
+    return window.addEventListener("message", o), () => {
+      window.removeEventListener("message", o);
+    };
+  }, [d, n]);
+  const S = c((o) => (_.current.add(o), () => {
+    _.current.delete(o);
+  }), []), x = c(
+    ({ children: o, ...r }) => /* @__PURE__ */ m("div", { onClick: () => L(), style: { cursor: "pointer" }, ...r, children: o }),
+    [L]
+  ), T = I.useMemo(() => z() ? null : /* @__PURE__ */ m(
+    "div",
+    {
+      className: $(
+        " left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-full h-full bg-[rgba(0,0,0,0.7)] opacity-0 z-[-1]",
+        "transition-all duration-500 zoom-in-out fixed block",
+        i && "z-99999 opacity-100"
+      ),
+      children: a && /* @__PURE__ */ m(
+        "iframe",
         {
-          className: t(
-            "fixed w-0 h-9 bg-[rgba(0,0,0,0.7)] z-1000",
-            e && "top-0 left-0 w-full h-full"
+          src: a ?? "",
+          className: $(
+            "w-full h-full border-none relative z-10 transition-opacity duration-300",
+            "opacity-100"
           ),
-          children: [
-            /* @__PURE__ */ o(
-              "div",
-              {
-                className: t(
-                  "absolute inset-0 transition-opacity duration-300",
-                  l ? "opacity-0 pointer-events-none" : "opacity-100 z-30"
-                )
-              }
-            ),
-            /* @__PURE__ */ o(
-              "iframe",
-              {
-                src: h,
-                className: t(
-                  "w-full h-full border-none relative z-10 transition-opacity duration-300",
-                  l ? "opacity-100" : "opacity-0"
-                ),
-                title: "Login",
-                onLoad: w,
-                sandbox: "allow-scripts allow-forms allow-same-origin"
-              },
-              `login-iframe-${c}`
-            ),
-            /* @__PURE__ */ o(
-              "button",
-              {
-                onClick: b,
-                className: t(
-                  "absolute top-2 right-2 bg-transparent border-none text-2xl cursor-pointer z-20",
-                  "text-white"
-                ),
-                children: "×"
-              }
-            )
-          ]
-        }
-      ),
-      document.body
-    )
+          title: "Login",
+          sandbox: "allow-scripts allow-forms allow-same-origin"
+        },
+        `login-iframe-${t}`
+      )
+    }
+  ), [
+    t,
+    i,
+    a
+  ]), b = {
+    isOpen: i,
+    openLogin: L,
+    closeLogin: d,
+    setLoginOpen: E,
+    url: a,
+    currentTheme: t,
+    mounted: l,
+    Trigger: x,
+    registerLoginSuccessCallback: S
+  };
+  return /* @__PURE__ */ y(C.Provider, { value: b, children: [
+    e,
+    T
   ] });
 }
+function G() {
+  const e = R(C);
+  if (e === void 0)
+    throw new Error("useLogin must be used within a LoginProvider");
+  return e;
+}
+function J({ children: e, onClick: n, ...i }) {
+  const { Trigger: s, registerLoginSuccessCallback: l } = G();
+  return p(() => {
+    if (n)
+      return l(n);
+  }, [n, l]), e ? /* @__PURE__ */ m(s, { ...i, children: e }) : null;
+}
 export {
-  _ as default
+  A as LoginMessageType,
+  F as LoginProvider,
+  B as OpenLoginType,
+  J as WithLogin,
+  J as default,
+  z as isLogin,
+  G as useLogin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ichaingo/with-login",
-  "version": "1.4.156",
+  "version": "1.5.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -17,15 +17,15 @@
     "dist",
     "!**/*.tsbuildinfo"
   ],
-  "peerDependencies": {
-    "tailwind-merge": "^2.5.5",
-    "@ichaingo/next-themes": "^0.4.11",
-    "next-intl": "^4.3.4",
-    "next": "^15.1.6",
-    "js-cookie": "^3.0.5"
-  },
   "devDependencies": {
-    "rollup-plugin-preserve-use-client": "^1.0.0",
-    "@types/js-cookie": "^3.0.6"
+    "rollup-plugin-preserve-use-client": "3.0.1",
+    "@types/js-cookie": "3.0.6"
+  },
+  "dependencies": {
+    "tailwind-merge": "3.3.1",
+    "@ichaingo/next-themes": "0.5.0",
+    "next-intl": "4.6.1",
+    "next": "15.5.6",
+    "js-cookie": "3.0.5"
   }
-}
+}