@0xchain/header 1.1.0-beta.6 → 1.1.0-beta.61

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024-present 0xchain
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { JSX } from 'react/jsx-runtime';
 
 export declare function emitUserEvent(eventName: string, data?: any): void;
 
-declare function HeaderBar({ extra, children, className, hideNews, hideLogin, source }: HeaderBarProps): Promise<JSX.Element>;
+declare function HeaderBar({ extra, children, className, hideNews, hideLogin, source, brand }: HeaderBarProps): Promise<JSX.Element>;
 export default HeaderBar;
 
 export declare interface HeaderBarProps extends default_2.HTMLAttributes<HTMLDivElement> {
@@ -12,8 +12,17 @@ export declare interface HeaderBarProps extends default_2.HTMLAttributes<HTMLDiv
     hideNews?: boolean;
     hideLogin?: boolean;
     source?: HeaderSource;
+    /** 品牌标识：iChatGo（默认）或 CHAINDIGG */
+    brand?: HeaderBrand;
 }
 
+/**
+ * 品牌标识
+ * - "iChatGo": iChatGo 品牌（默认）
+ * - "CHAINDIGG": CHAINDIGG 品牌
+ */
+export declare type HeaderBrand = "iChatGo" | "CHAINDIGG";
+
 export declare enum HeaderSource {
     EXPLORER = "explorer",
     CHAT = "chat",

package/dist/index.js

@@ -1,46 +1,62 @@
-import { jsxs as r, Fragment as x, jsx as a } from "react/jsx-runtime";
-import { twMerge as i } from "tailwind-merge";
-import k from "@0xchain/request";
-import m, { HeaderSource as o } from "./lib/Right.js";
-import g from "./lib/Logo.js";
-import { cookies as E } from "next/headers";
-import { USER_EVENTS as _, emitUserEvent as w, onUserEvent as j } from "./lib/events.js";
-async function N({ extra: l, children: p, className: f, hideNews: d, hideLogin: c, source: t = o.DEFAULT }) {
-  var n;
-  let e = {
+import { jsxs, jsx } from "react/jsx-runtime";
+import { twMerge } from "tailwind-merge";
+import request from "@0xchain/request";
+import Right, { HeaderSource } from "./lib/Right.js";
+import Logo from "./lib/Logo.js";
+import { cookies } from "next/headers";
+import { HeaderProvider } from "./lib/context.js";
+import { createSessionFromCookieGetter } from "@0xchain/auth";
+import { USER_EVENTS, emitUserEvent, onUserEvent } from "./lib/events.js";
+async function HeaderBar({
+  extra,
+  children,
+  className,
+  hideNews = false,
+  hideLogin = false,
+  source = HeaderSource.DEFAULT,
+  brand = "iChatGo"
+}) {
+  let userInfo = {
     data: {}
   };
-  try {
-    const s = (n = (await E()).get("refresh_token")) == null ? void 0 : n.value;
-    if (typeof s < "u" && s !== "")
-      try {
-        e = await k.get("/v2/users/profile", {
-          baseURL: process.env.AUTH_INNER_API_URL
-        });
-      } catch (h) {
-        console.error(h), e = { data: {} };
+  if (brand !== "CHAINDIGG") {
+    try {
+      const cookieStore = await cookies();
+      const session = createSessionFromCookieGetter(
+        (key) => cookieStore.get(key)?.value ?? null
+      );
+      if (session.isLoggedIn) {
+        try {
+          userInfo = await request.get("/v2/users/profile", {
+            baseURL: process.env.AUTH_INNER_API_URL
+          });
+        } catch (error) {
+          console.error(error);
+          userInfo = { data: {} };
+        }
       }
-  } catch {
-    e = { data: {} };
+    } catch {
+      userInfo = { data: {} };
+    }
   }
-  return /* @__PURE__ */ r(x, { children: [
-    /* @__PURE__ */ r("div", { className: i("sticky left-0 right-0 top-0 bg-background h-16 z-999", t === o.CHAT ? "hidden md:block" : "block", f), children: [
-      /* @__PURE__ */ r("div", { className: "md:bg-card h-13 text-center flex flex-wrap justify-between items-center gap-2 px-4", children: [
-        /* @__PURE__ */ r("div", { className: i("items-center flex-1 gap-6", t === o.CHAT ? "hidden md:flex" : "flex"), children: [
-          /* @__PURE__ */ a(g, {}),
-          p
+  return /* @__PURE__ */ jsxs(HeaderProvider, { brand, children: [
+    /* @__PURE__ */ jsxs("div", { className: twMerge("sticky left-0 right-0 top-0 bg-background h-16 z-999", source === HeaderSource.CHAT ? "hidden md:block flex-1" : "block", className), children: [
+      /* @__PURE__ */ jsxs("div", { className: "md:bg-card h-13 text-center flex flex-wrap justify-between items-center gap-2 md:gap-10 px-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: twMerge("items-center gap-6", source === HeaderSource.CHAT ? "hidden md:flex" : "flex"), children: [
+          /* @__PURE__ */ jsx(Logo, {}),
+          children
         ] }),
-        /* @__PURE__ */ a(m, { hideNews: d, hideLogin: c, user: (e == null ? void 0 : e.data) || {} })
+        /* @__PURE__ */ jsx(Right, { hideNews, hideLogin, user: userInfo?.data || {} })
       ] }),
-      l
+      extra
     ] }),
-    /* @__PURE__ */ a("div", { className: i(t === o.CHAT ? "block md:hidden" : "hidden"), children: /* @__PURE__ */ a(m, { hideNews: d, source: t, hideLogin: c, user: (e == null ? void 0 : e.data) || {} }) })
+    /* @__PURE__ */ jsx("div", { className: twMerge(source === HeaderSource.CHAT ? "block md:hidden" : "hidden"), children: /* @__PURE__ */ jsx(Right, { hideNews, source, hideLogin, user: userInfo?.data || {} }) })
   ] });
 }
 export {
-  o as HeaderSource,
-  _ as USER_EVENTS,
-  N as default,
-  w as emitUserEvent,
-  j as onUserEvent
+  HeaderSource,
+  USER_EVENTS,
+  HeaderBar as default,
+  emitUserEvent,
+  onUserEvent
 };

package/dist/lib/Drawer.js

@@ -1,21 +1,46 @@
 'use client';
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import i from "rc-drawer";
-import { Menu as d, X as m } from "lucide-react";
-import f from "./Nav.js";
-import { useState as p } from "react";
-function b({ hideLogin: a, hideNews: n, user: s }) {
-  const [o, t] = p(!1);
-  if (!o)
-    return /* @__PURE__ */ e(d, { onClick: () => t(!0), size: 32, style: { color: "var(--foreground)" }, className: "md:hidden bg-card rounded-lg p-[4px] " });
-  const l = (r) => {
-    r == null || r.preventDefault(), r == null || r.stopPropagation(), t(!1);
+import { jsx, jsxs } from "react/jsx-runtime";
+import RcDrawer from "rc-drawer";
+import { Menu, X } from "lucide-react";
+import Nav from "./Nav.js";
+import { useState } from "react";
+import { useIsChaindigg } from "./context.js";
+function Drawer({
+  hideLogin = false,
+  hideNews = false,
+  user
+}) {
+  const isChaindigg = useIsChaindigg();
+  const [open, setOpen] = useState(false);
+  if (!open) {
+    return /* @__PURE__ */ jsx(
+      Menu,
+      {
+        onClick: () => setOpen(true),
+        size: 32,
+        style: { color: "var(--foreground)" },
+        className: "md:hidden bg-card rounded-lg p-[4px]"
+      }
+    );
+  }
+  const handleClose = (e) => {
+    e?.preventDefault();
+    e?.stopPropagation();
+    setOpen(false);
   };
-  return /* @__PURE__ */ e(i, { open: o, placement: "right", className: "block md:hidden fixed top-0 bottom-0 left-0 right-0 z-1001 bg-background/70 p-2 h-screen", children: /* @__PURE__ */ c("div", { className: "w-full max-h-[calc(100svh-16px)] overflow-y-auto p-3 bg-card rounded-lg", children: [
-    /* @__PURE__ */ e("div", { className: "flex justify-end items-center p-2", children: /* @__PURE__ */ e(m, { size: 24, style: { color: "var(--foreground)" }, onClick: (r) => l(r) }) }),
-    /* @__PURE__ */ e(f, { onClick: (r) => l(r), hideLogin: a, hideNews: n, user: s })
-  ] }) });
+  return /* @__PURE__ */ jsx(
+    RcDrawer,
+    {
+      open,
+      placement: "right",
+      className: `block md:hidden fixed top-0 bottom-0 left-0 right-0 z-1001 p-2 bg-card ${isChaindigg ? "bg-background" : "bg-background/70 h-screen"}`,
+      children: /* @__PURE__ */ jsxs("div", { className: `w-full overflow-y-auto p-3 bg-card rounded-lg ${isChaindigg ? "max-h-full" : "max-h-[calc(100svh-16px)]"}`, children: [
+        /* @__PURE__ */ jsx("div", { className: "flex justify-end items-center p-2", children: /* @__PURE__ */ jsx(X, { size: 24, style: { color: "var(--foreground)" }, onClick: (e) => handleClose(e) }) }),
+        /* @__PURE__ */ jsx(Nav, { onClick: (e) => handleClose(e), hideLogin, hideNews, user })
+      ] })
+    }
+  );
 }
 export {
-  b as default
+  Drawer as default
 };

package/dist/lib/Explorer.js

@@ -1,94 +1,105 @@
 'use client';
-import { jsxs as t, Fragment as w, jsx as r } from "react/jsx-runtime";
-import m from "@0xchain/translation";
-import { Dropdown as b } from "antd";
-import { useState as f, useEffect as y } from "react";
-import N from "@0xchain/request";
-import x from "@0xchain/better-link";
-import j from "@0xchain/image";
-import { usePathname as A, useRouter as I } from "next/navigation";
-import { Accordion as S, AccordionItem as L, AccordionTrigger as P } from "@0xchain/ui/accordion";
-function q({ onClick: a = () => {
-}, onExpandChange: n }) {
-  A();
-  const p = I(), { gotoExplorer: h } = x(), [s, v] = f([]), [c, i] = f(""), g = async () => {
-    const e = await N.get("/api/v2/chains/all-chain-list/basic");
-    v(e.data);
-  }, d = (e, o) => {
-    e == null || e.preventDefault(), e == null || e.stopPropagation(), a == null || a(), i("");
-    const l = h({ chain: o.chainSymbol });
-    p.push(l);
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import Translation from "@0xchain/translation";
+import { Dropdown } from "antd";
+import { useState, useEffect } from "react";
+import request from "@0xchain/request";
+import BetterLink from "@0xchain/better-link";
+import ImageBar from "@0xchain/image";
+import { Accordion, AccordionItem, AccordionTrigger } from "@0xchain/ui/accordion";
+function Explorer({ onClick = () => void 0, onExpandChange }) {
+  const { gotoExplorer } = BetterLink();
+  const [list, setList] = useState([]);
+  const [accordionValue, setAccordionValue] = useState("");
+  const getList = async () => {
+    try {
+      const res = await request.get("/api/v2/chains/all-chain-list/basic");
+      setList(Array.isArray(res.data) ? res.data : []);
+    } catch (error) {
+      console.error(error);
+      setList([]);
+    }
   };
-  y(() => {
-    g();
+  const handleClick = (e, item) => {
+    e?.preventDefault();
+    e?.stopPropagation();
+    onClick?.();
+    setAccordionValue("");
+    const url = gotoExplorer({ chain: item.chainSymbol });
+    const baseUrl = process.env.NEXT_PUBLIC_APP_URL || "";
+    window.location.href = `${baseUrl}${url}`;
+  };
+  useEffect(() => {
+    getList();
   }, []);
-  const u = (e) => {
-    var o, l;
-    return /* @__PURE__ */ t(
+  const renderItemContent = (item) => {
+    return /* @__PURE__ */ jsxs(
       "div",
       {
         className: "w-full h-full flex items-center gap-2 py-2 cursor-pointer font-medium",
         children: [
-          /* @__PURE__ */ r(
-            j,
+          /* @__PURE__ */ jsx(
+            ImageBar,
             {
-              src: e != null && e.chainIconUrl ? e == null ? void 0 : e.chainIconUrl : `//cdn.ichaingo.com/module/cryptos/${(l = (o = e == null ? void 0 : e.chain) == null ? void 0 : o.toLowerCase()) == null ? void 0 : l.replace(" ", "-")}.png?format=auto&width=20&height=20`,
+              src: item?.chainIconUrl ? item?.chainIconUrl : `//cdn.ichaingo.com/module/cryptos/${item?.chain?.toLowerCase()?.replace(" ", "-")}.png?format=auto&width=20&height=20`,
               className: "w-5 h-5",
               objectFit: "contain"
             }
           ),
-          /* @__PURE__ */ r("div", { className: "flex-1", children: e == null ? void 0 : e.chainSymbol })
+          /* @__PURE__ */ jsx("div", { className: "flex-1", children: item?.chainSymbol })
         ]
       }
     );
   };
-  return /* @__PURE__ */ t(w, { children: [
-    /* @__PURE__ */ r("div", { className: "hidden md:block", children: /* @__PURE__ */ r(
-      b,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: /* @__PURE__ */ jsx(
+      Dropdown,
       {
         getPopupContainer: () => document.body,
         classNames: {
           root: "w-50"
         },
-        arrow: { pointAtCenter: !0 },
+        arrow: { pointAtCenter: true },
         placement: "bottom",
         menu: {
-          items: s.map((e) => ({
-            label: u(e),
-            key: e.chainSymbol,
-            onClick: (o) => d(o.domEvent, e)
+          items: list.map((item) => ({
+            label: renderItemContent(item),
+            key: item.chainSymbol,
+            onClick: (info) => handleClick(info.domEvent, item)
           }))
         },
-        children: /* @__PURE__ */ r("div", { className: "whitespace-nowrap flex items-center gap-1 rounded-lg", children: /* @__PURE__ */ r(m, { value: "title", parentKey: "browser" }) })
+        children: /* @__PURE__ */ jsx("div", { className: "whitespace-nowrap flex items-center gap-1 rounded-lg", children: /* @__PURE__ */ jsx(Translation, { value: "title", parentKey: "browser" }) })
       }
     ) }),
-    /* @__PURE__ */ r("div", { className: "md:hidden w-full", children: /* @__PURE__ */ t("div", { onClick: (e) => {
-      e.preventDefault(), e.stopPropagation();
+    /* @__PURE__ */ jsx("div", { className: "md:hidden w-full", children: /* @__PURE__ */ jsxs("div", { onClick: (e) => {
+      e.preventDefault();
+      e.stopPropagation();
     }, children: [
-      /* @__PURE__ */ r(
-        S,
+      /* @__PURE__ */ jsx(
+        Accordion,
         {
           type: "single",
-          collapsible: !0,
+          collapsible: true,
           className: "w-full",
-          value: c,
-          onValueChange: (e) => {
-            i(e), n == null || n(!!e);
+          value: accordionValue,
+          onValueChange: (value) => {
+            setAccordionValue(value);
+            onExpandChange?.(!!value);
           },
-          children: /* @__PURE__ */ r(L, { value: "explorer", className: "border-0", children: /* @__PURE__ */ r(P, { className: "rounded-lg font-medium h-11 w-full flex py-2 justify-between items-center hover:no-underline focus-visible:ring-0 focus-visible:ring-offset-0", children: /* @__PURE__ */ r("div", { className: "flex w-full justify-between items-center", children: /* @__PURE__ */ r("span", { className: "text-foreground", children: /* @__PURE__ */ r(m, { value: "title", parentKey: "browser" }) }) }) }) })
+          children: /* @__PURE__ */ jsx(AccordionItem, { value: "explorer", className: "border-0", children: /* @__PURE__ */ jsx(AccordionTrigger, { className: "rounded-lg font-medium h-11 w-full flex py-2 justify-between items-center hover:no-underline focus-visible:ring-0 focus-visible:ring-offset-0", children: /* @__PURE__ */ jsx("div", { className: "flex w-full justify-between items-center", children: /* @__PURE__ */ jsx("span", { className: "text-foreground", children: /* @__PURE__ */ jsx(Translation, { value: "title", parentKey: "browser" }) }) }) }) })
         }
       ),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ jsx(
         "div",
         {
           className: "grid transition-[grid-template-rows] duration-300 ease-in-out",
-          style: { gridTemplateRows: c ? "1fr" : "0fr" },
-          children: /* @__PURE__ */ r("div", { className: "overflow-hidden", children: /* @__PURE__ */ r("div", { className: "mt-3 rounded-lg flex flex-col gap-2 max-h-[60vh] overflow-auto", children: s.map((e) => /* @__PURE__ */ r("div", { className: "w-full", onClick: (o) => d(o, e), children: u(e) }, e.chainSymbol)) }) })
+          style: { gridTemplateRows: accordionValue ? "1fr" : "0fr" },
+          children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "mt-3 rounded-lg flex flex-col gap-2 max-h-[60vh] overflow-auto", children: list.map((item) => /* @__PURE__ */ jsx("div", { className: "w-full", onClick: (e) => handleClick(e, item), children: renderItemContent(item) }, item.chainSymbol)) }) })
         }
       )
     ] }) })
   ] });
 }
 export {
-  q as default
+  Explorer as default
 };

package/dist/lib/Logo.js

@@ -1,23 +1,80 @@
 'use client';
-import { jsx as r } from "react/jsx-runtime";
-import o from "@0xchain/image";
-import t from "@0xchain/link";
-import { twMerge as e } from "tailwind-merge";
-function p() {
-  return /* @__PURE__ */ r(t, { suppressHydrationWarning: !0, href: "/", baseUrl: process.env.NEXT_PUBLIC_BASE_URL, className: e(
-    "w-auto shrink-0 block cursor-pointer"
-  ), children: /* @__PURE__ */ r(
-    o,
+import { jsxs, jsx } from "react/jsx-runtime";
+import ImageBar from "@0xchain/image";
+import LinkBar from "@0xchain/link";
+import { twMerge } from "tailwind-merge";
+import { useIsChaindigg } from "./context.js";
+function Logo() {
+  const isChaindigg = useIsChaindigg();
+  if (isChaindigg) {
+    return /* @__PURE__ */ jsxs(
+      LinkBar,
+      {
+        suppressHydrationWarning: true,
+        href: `/explorer`,
+        baseUrl: "",
+        className: twMerge("w-auto shrink-0 block cursor-pointer"),
+        children: [
+          /* @__PURE__ */ jsx(
+            ImageBar,
+            {
+              className: "block dark:hidden",
+              src: `${process.env.NEXT_PUBLIC_CDN_URL}/uploads/2026/01/07/695dcb36c177e.png`,
+              width: 154,
+              height: 32,
+              alt: "logo",
+              objectFit: "contain",
+              priority: true
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ImageBar,
+            {
+              className: "hidden dark:block",
+              src: `${process.env.NEXT_PUBLIC_CDN_URL}/uploads/2026/01/07/695dcf43c95d8.png`,
+              width: 154,
+              height: 32,
+              alt: "logo",
+              objectFit: "contain",
+              priority: true
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    LinkBar,
     {
-      src: `${process.env.NEXT_PUBLIC_CDN_URL}/logo.png`,
-      width: 154,
-      height: 32,
-      alt: "logo",
-      objectFit: "contain",
-      priority: !0
+      suppressHydrationWarning: true,
+      href: `/`,
+      baseUrl: process.env.NEXT_PUBLIC_APP_URL,
+      className: twMerge("w-auto shrink-0 block cursor-pointer"),
+      children: [
+        /* @__PURE__ */ jsx(
+          ImageBar,
+          {
+            className: "block dark:hidden",
+            src: `${process.env.NEXT_PUBLIC_CDN_URL}/uploads/2026/04/01/69ccb9c05c2c6.png`,
+            width: 136,
+            alt: "logo",
+            priority: true
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ImageBar,
+          {
+            className: "hidden dark:block",
+            src: `${process.env.NEXT_PUBLIC_CDN_URL}/uploads/2026/04/01/69ccb9bd7787f.png`,
+            width: 136,
+            alt: "logo",
+            priority: true
+          }
+        )
+      ]
     }
-  ) });
+  );
 }
 export {
-  p as default
+  Logo as default
 };