@0xchain/with-login 0.0.1

package/README.md

@@ -0,0 +1,7 @@
+# @0xchain/with-login
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test @0xchain/with-login` to execute the unit tests via [Vitest](https://vitest.dev/).

package/dist/index.d.ts

@@ -0,0 +1,46 @@
+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;
+    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;
+}
+/**
+ * 一个简单封装：
+ * - 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,103 @@
+'use client';
+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 "@0xchain/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);
+  }, []);
+  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",
+        {
+          src: a ?? "",
+          className: $(
+            "w-full h-full border-none relative z-10 transition-opacity duration-300",
+            "opacity-100"
+          ),
+          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 {
+  A as LoginMessageType,
+  F as LoginProvider,
+  B as OpenLoginType,
+  J as WithLogin,
+  J as default,
+  z as isLogin,
+  G as useLogin
+};

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@0xchain/with-login",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "!**/*.tsbuildinfo"
+  ],
+  "devDependencies": {
+    "rollup-plugin-preserve-use-client": "3.0.1",
+    "@types/js-cookie": "3.0.6"
+  },
+  "dependencies": {
+    "tailwind-merge": "3.3.1",
+    "@0xchain/next-themes": "1.0.0",
+    "next-intl": "4.6.1",
+    "next": "15.5.6",
+    "js-cookie": "3.0.5"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}