@ichaingo/with-login 1.4.28 → 1.4.30

package/dist/index.d.ts

@@ -1,7 +1,32 @@
+import { default as React } from 'react';
+export declare const isLogin: () => boolean;
+export interface UseLoginResult {
+    isOpen: boolean;
+    openLogin: () => void;
+    closeLogin: () => void;
+    setLoginOpen: (open: boolean) => void;
+    loginUrl: string;
+    currentTheme: string;
+    iframeLoaded: boolean;
+    handleIframeLoad: () => void;
+    mounted: boolean;
+    Trigger: React.FC<React.HTMLAttributes<HTMLDivElement>>;
+    LoginModal: React.FC;
+}
+/**
+ * 登录逻辑 + UI 全都在这个 hook 里面
+ * - 返回 Trigger：包裹触发登录的元素
+ * - 返回 LoginModal：实际渲染登录弹窗（使用 createPortal）
+ */
+export declare function useLogin(): UseLoginResult;
 interface WithLoginProps extends React.PropsWithChildren, React.HTMLAttributes<any> {
-    children: React.ReactNode;
-    onClick: () => void;
+    children?: React.ReactNode;
 }
-export default function WithLogin({ children, onClick, ...rest }: WithLoginProps): import("react/jsx-runtime").JSX.Element;
-export {};
+/**
+ * 一个简单封装：
+ * - children 作为触发区域
+ * - 内部自动渲染 LoginModal
+ */
+export declare function WithLogin({ children, ...rest }: WithLoginProps): import("react/jsx-runtime").JSX.Element;
+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,KAA2C,MAAM,OAAO,CAAC;AAOhE,eAAO,MAAM,OAAO,eAEnB,CAAC;AAEF,MAAM,WAAW,cAAc;IAE7B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,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;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,IAAI,cAAc,CA2HzC;AAED,UAAU,cACR,SAAQ,KAAK,CAAC,iBAAiB,EAC7B,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAS9D;AAED,eAAe,SAAS,CAAC"}

package/dist/index.js

@@ -1,76 +1,181 @@
 '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 u, jsxs as w, Fragment as T } from "react/jsx-runtime";
+import { useState as x, useEffect as L, useCallback as f } from "react";
+import { createPortal as j } from "react-dom";
+import { useLocale as R } from "next-intl";
+import { twMerge as m } from "tailwind-merge";
+import { useTheme as b } from "@ichaingo/next-themes";
+/*! js-cookie v3.0.5 | MIT */
+function h(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var i = arguments[t];
+    for (var a in i)
+      e[a] = i[a];
+  }
+  return e;
+}
+var z = {
+  read: function(e) {
+    return e[0] === '"' && (e = e.slice(1, -1)), e.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
+  },
+  write: function(e) {
+    return encodeURIComponent(e).replace(
+      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,
+      decodeURIComponent
+    );
+  }
+};
+function C(e, t) {
+  function i(o, c, n) {
+    if (!(typeof document > "u")) {
+      n = h({}, t, n), typeof n.expires == "number" && (n.expires = new Date(Date.now() + n.expires * 864e5)), n.expires && (n.expires = n.expires.toUTCString()), o = encodeURIComponent(o).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
+      var s = "";
+      for (var r in n)
+        n[r] && (s += "; " + r, n[r] !== !0 && (s += "=" + n[r].split(";")[0]));
+      return document.cookie = o + "=" + e.write(c, o) + s;
+    }
+  }
+  function a(o) {
+    if (!(typeof document > "u" || arguments.length && !o)) {
+      for (var c = document.cookie ? document.cookie.split("; ") : [], n = {}, s = 0; s < c.length; s++) {
+        var r = c[s].split("="), d = r.slice(1).join("=");
+        try {
+          var l = decodeURIComponent(r[0]);
+          if (n[l] = e.read(d, l), o === l)
+            break;
+        } catch {
+        }
+      }
+      return o ? n[o] : n;
+    }
+  }
+  return Object.create(
+    {
+      set: i,
+      get: a,
+      remove: function(o, c) {
+        i(
+          o,
+          "",
+          h({}, c, {
+            expires: -1
+          })
+        );
+      },
+      withAttributes: function(o) {
+        return C(this.converter, h({}, this.attributes, o));
+      },
+      withConverter: function(o) {
+        return C(h({}, this.converter, o), this.attributes);
+      }
+    },
+    {
+      attributes: { value: Object.freeze(t) },
+      converter: { value: Object.freeze(e) }
+    }
+  );
+}
+var B = C(z, { path: "/" });
+const $ = () => !!B.get("id_token");
+function O() {
+  const [e, t] = x(!1), [i, a] = x(!1), [o, c] = x(!1), n = R(), { resolvedTheme: s } = b();
+  L(() => {
+    a(!0);
   }, []);
-  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",
-        {
-          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"
+  const r = i && s ? s : "light", d = `${process.env.NEXT_PUBLIC_AUTH_URL}/${n}/login?mode=dialog&theme=${r}`, l = f(() => {
+    t(!0), c(!1);
+  }, []), p = f(() => {
+    t(!1);
+  }, []), y = f((g) => {
+    t(g), g && c(!1);
+  }, []);
+  L(() => {
+    e && i && c(!1);
+  }, [s, e, i]);
+  const v = f(() => {
+    c(!0);
+  }, []), U = f(
+    ({ children: g, ...k }) => /* @__PURE__ */ u("div", { onClick: l, style: { cursor: "pointer" }, ...k, children: g }),
+    [l]
+  ), I = f(() => e ? j(
+    /* @__PURE__ */ w(
+      "div",
+      {
+        className: m(
+          "fixed w-0 h-9 bg-[rgba(0,0,0,0.7)] z-1000",
+          e && "top-0 left-0 w-full h-full"
+        ),
+        children: [
+          /* @__PURE__ */ u(
+            "div",
+            {
+              className: m(
+                "absolute inset-0 transition-opacity duration-300",
+                o ? "opacity-0 pointer-events-none" : "opacity-100 z-30"
+              )
+            }
           ),
-          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
-    )
+          /* @__PURE__ */ u(
+            "iframe",
+            {
+              src: d,
+              className: m(
+                "w-full h-full border-none relative z-10 transition-opacity duration-300",
+                o ? "opacity-100" : "opacity-0"
+              ),
+              title: "Login",
+              onLoad: v,
+              sandbox: "allow-scripts allow-forms allow-same-origin"
+            },
+            `login-iframe-${r}`
+          ),
+          /* @__PURE__ */ u(
+            "button",
+            {
+              onClick: p,
+              className: m(
+                "absolute top-2 right-2 bg-transparent border-none text-2xl cursor-pointer z-20",
+                r === "dark" ? "text-white" : "text-gray-800"
+              ),
+              children: "×"
+            }
+          )
+        ]
+      }
+    ),
+    document.body
+  ) : null, [
+    p,
+    r,
+    v,
+    o,
+    e,
+    d
+  ]);
+  return {
+    isOpen: e,
+    openLogin: l,
+    closeLogin: p,
+    setLoginOpen: y,
+    loginUrl: d,
+    currentTheme: r,
+    iframeLoaded: o,
+    handleIframeLoad: v,
+    mounted: i,
+    Trigger: U,
+    LoginModal: I
+  };
+}
+function N({ children: e, ...t }) {
+  const { Trigger: i, LoginModal: a } = O();
+  return /* @__PURE__ */ w(T, { children: [
+    e && /* @__PURE__ */ u(i, { ...t, children: e }),
+    /* @__PURE__ */ u(a, {})
   ] });
 }
 export {
-  _ as default
+  N as WithLogin,
+  N as default,
+  $ as isLogin,
+  O as useLogin
 };

package/package.json

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