@ichaingo/header 1.4.53 → 1.4.55

package/dist/index.js

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

package/dist/lib/Drawer.js

@@ -1,19 +1,19 @@
 'use client';
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import m from "rc-drawer";
-import { Menu as d, X as c } from "lucide-react";
+import d from "rc-drawer";
+import { Menu as m, X as c } from "lucide-react";
 import f from "./Nav.js";
 import { useState as p } from "react";
 function b({ hideLogin: i, hideNews: a, user: n }) {
-  const [t, l] = p(!1);
+  const [t, r] = p(!1);
   if (!t)
-    return /* @__PURE__ */ o(d, { onClick: () => l(!0), size: 32, style: { color: "var(--title)" }, className: "md:hidden ml-2.5 bg-module rounded-lg p-[4px] " });
-  const r = (e) => {
-    e == null || e.preventDefault(), e == null || e.stopPropagation(), l(!1);
+    return /* @__PURE__ */ o(m, { onClick: () => r(!0), size: 32, style: { color: "var(--title)" }, className: "md:hidden bg-module rounded-lg p-[4px] " });
+  const l = (e) => {
+    e == null || e.preventDefault(), e == null || e.stopPropagation(), r(!1);
   };
-  return /* @__PURE__ */ o(m, { open: t, placement: "right", className: "block md:hidden fixed top-0 bottom-0 left-0 right-0 z-1001 bg-background p-2", children: /* @__PURE__ */ s("div", { className: "w-full max-h-full overflow-y-auto p-3 bg-module rounded-lg", children: [
-    /* @__PURE__ */ o("div", { className: "flex justify-end items-center p-2", children: /* @__PURE__ */ o(c, { size: 24, style: { color: "var(--title)" }, onClick: (e) => r(e) }) }),
-    /* @__PURE__ */ o(f, { onClick: (e) => r(e), hideLogin: i, hideNews: a, user: n })
+  return /* @__PURE__ */ o(d, { open: t, placement: "right", className: "block md:hidden fixed top-0 bottom-0 left-0 right-0 z-1001 bg-background p-2", children: /* @__PURE__ */ s("div", { className: "w-full max-h-full overflow-y-auto p-3 bg-module rounded-lg", children: [
+    /* @__PURE__ */ o("div", { className: "flex justify-end items-center p-2", children: /* @__PURE__ */ o(c, { size: 24, style: { color: "var(--title)" }, onClick: (e) => l(e) }) }),
+    /* @__PURE__ */ o(f, { onClick: (e) => l(e), hideLogin: i, hideNews: a, user: n })
   ] }) });
 }
 export {

package/dist/lib/Nav.js

@@ -1,24 +1,25 @@
 'use client';
 import { jsxs as o, jsx as r, Fragment as E } from "react/jsx-runtime";
-import L from "@ichaingo/link";
-import _ from "./User/index.js";
-import v from "./Setting/index.js";
+import _ from "@ichaingo/link";
+import v from "./User/index.js";
+import N from "./Setting/index.js";
 import a from "@ichaingo/translation";
 import { twMerge as i } from "tailwind-merge";
-import N from "@ichaingo/better-link";
+import P from "@ichaingo/better-link";
 import { useLocale as S } from "next-intl";
 import k from "./User/Logout.js";
-import { useState as u, useCallback as B, useEffect as P } from "react";
-import I from "./User/SignIn.js";
-import { fetchUserProfile as T } from "@ichaingo/auth";
-import { onUserEvent as A, cleanUserEvent as R, USER_EVENTS as c } from "./events.js";
-import { usePathname as j } from "next/navigation";
-function G({ onClick: s = () => {
+import { useState as d, useCallback as B, useEffect as I } from "react";
+import T from "./User/SignIn.js";
+import { fetchUserProfile as A } from "@ichaingo/auth";
+import { onUserEvent as R, cleanUserEvent as j, USER_EVENTS as u } from "./events.js";
+import { usePathname as C } from "next/navigation";
+import { useLogin as K } from "@ichaingo/with-login";
+function Z({ onClick: s = () => {
 }, hideNews: p = !1, hideLogin: f = !1, user: h }) {
-  const { gotoAISQL: w, gotoChat: U } = N(), t = S(), m = j(), [g, x] = u(""), [n, b] = u(h), y = [
+  const { gotoAISQL: w, gotoChat: g } = P(), t = S(), m = C(), [U, x] = d(""), [n, b] = d(h), { Prefetch: y } = K({}), L = [
     {
       baseUrl: process.env.NEXT_PUBLIC_CHAT_URL,
-      href: U({ locale: t }),
+      href: g({ locale: t }),
       key: `/${t}`,
       label: /* @__PURE__ */ o("span", { className: "whitespace-nowrap leading-11 md:leading-[34px]", children: [
         /* @__PURE__ */ r("span", { role: "img", "aria-label": "hot", children: "🔥" }),
@@ -61,13 +62,13 @@ function G({ onClick: s = () => {
       label: /* @__PURE__ */ r(a, { value: "ranking", parentKey: "menu" }),
       show: (e) => e.includes("/ranking")
     }
-  ].filter((e) => p ? !["/explorer", "/chat", "/sql"].includes(e.key) : !0), d = B(() => new Promise((e) => {
-    T().then((l) => {
+  ].filter((e) => p ? !["/explorer", "/chat", "/sql"].includes(e.key) : !0), c = B(() => new Promise((e) => {
+    A().then((l) => {
       b(l), x((/* @__PURE__ */ new Date()).getTime().toString()), e(l);
     });
   }), []);
-  return P(() => (A(c.PROFILE_UPDATED, d), () => {
-    R(c.PROFILE_UPDATED, d);
+  return I(() => (R(u.PROFILE_UPDATED, c), () => {
+    j(u.PROFILE_UPDATED, c);
   }), []), /* @__PURE__ */ o(
     "nav",
     {
@@ -85,18 +86,19 @@ function G({ onClick: s = () => {
               "md:flex-row md:items-center md:w-auto md:h-[34px] md:leading-[34px] md:gap-6",
               "order-2 md:order-0"
             ),
-            children: y.map((e, l) => /* @__PURE__ */ r("li", { className: i("w-full md:w-auto h-11 md:h-auto cursor-pointer hover:text-primary", e.show(m) && "border-b-2 border-primary text-primary "), children: /* @__PURE__ */ r(L, { href: e.href, onClick: s, className: "h-full flex items-center justify-start", baseUrl: e.baseUrl, suppressHydrationWarning: !0, children: e.label }) }, l))
+            children: L.map((e, l) => /* @__PURE__ */ r("li", { className: i("w-full md:w-auto h-11 md:h-auto cursor-pointer hover:text-primary", e.show(m) && "border-b-2 border-primary text-primary "), children: /* @__PURE__ */ r(_, { href: e.href, onClick: s, className: "h-full flex items-center justify-start", baseUrl: e.baseUrl, suppressHydrationWarning: !0, children: e.label }) }, l))
           }
         ),
-        /* @__PURE__ */ r(v, { onClick: s }),
+        /* @__PURE__ */ r(N, { onClick: s }),
         !m.includes("/login") && !f ? /* @__PURE__ */ o(E, { children: [
-          /* @__PURE__ */ r(_, { onClick: s, userInfo: n }, g),
-          n != null && n.id ? /* @__PURE__ */ r("div", { className: "flex md:hidden h-11 md:h-auto  cursor-pointer whitespace-nowrap order-3 bg-background rounded-lg p-2 mt-3 w-full items-center justify-center text-subtitle", children: /* @__PURE__ */ r(k, {}) }) : /* @__PURE__ */ r(I, { onClick: s, className: "flex md:hidden h-11  cursor-pointer whitespace-nowrap order-3 bg-primary text-white rounded-lg p-2 mt-3 w-full items-center justify-center" })
-        ] }) : null
+          /* @__PURE__ */ r(v, { onClick: s, userInfo: n }, U),
+          n != null && n.id ? /* @__PURE__ */ r("div", { className: "flex md:hidden h-11 md:h-auto  cursor-pointer whitespace-nowrap order-3 bg-background rounded-lg p-2 mt-3 w-full items-center justify-center text-subtitle", children: /* @__PURE__ */ r(k, {}) }) : /* @__PURE__ */ r(T, { onClick: s, className: "flex md:hidden h-11  cursor-pointer whitespace-nowrap order-3 bg-primary text-white rounded-lg p-2 mt-3 w-full items-center justify-center" })
+        ] }) : null,
+        /* @__PURE__ */ r(y, {})
       ]
     }
   );
 }
 export {
-  G as default
+  Z as default
 };

package/dist/lib/Right.js

@@ -1,12 +1,21 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import i from "./Nav.js";
-import d from "./Drawer.js";
-function f({ hideNews: m, hideLogin: t, user: e }) {
-  return /* @__PURE__ */ a("div", { className: "flex justify-end items-center md:gap-10 z-1001 ", children: [
-    /* @__PURE__ */ r(d, { hideLogin: t, hideNews: m, user: e }),
-    /* @__PURE__ */ r("div", { className: "hidden md:block", children: /* @__PURE__ */ r(i, { hideNews: m, hideLogin: t, user: e }) })
+import l from "./Drawer.js";
+import { twMerge as o } from "tailwind-merge";
+var d = /* @__PURE__ */ ((t) => (t.EXPLORER = "explorer", t.CHAT = "chat", t.DEFAULT = "default", t))(d || {});
+function x({
+  hideNews: t,
+  hideLogin: m,
+  user: a,
+  source: e = "default"
+  /* DEFAULT */
+}) {
+  return /* @__PURE__ */ f("div", { className: o(e === "chat" ? "" : "flex justify-end items-center md:gap-10 z-1001"), children: [
+    /* @__PURE__ */ r(l, { hideLogin: m, hideNews: t, user: a }),
+    /* @__PURE__ */ r("div", { className: "hidden md:block", children: /* @__PURE__ */ r(i, { hideNews: t, hideLogin: m, user: a }) })
   ] });
 }
 export {
-  f as default
+  d as HeaderSource,
+  x as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ichaingo/header",
-  "version": "1.4.53",
+  "version": "1.4.55",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -29,20 +29,20 @@
     "rollup-plugin-preserve-use-client": "^1.0.0",
     "tailwind-merge": "^2.5.5",
     "next": "15.1.6",
-    "@ichaingo/auth": "1.4.53",
-    "@ichaingo/image": "1.4.53",
-    "@ichaingo/better-link": "1.4.53",
-    "@ichaingo/link": "1.4.53",
-    "@ichaingo/translation": "1.4.53",
-    "@ichaingo/ui": "1.4.53",
-    "@ichaingo/i18n": "1.4.53",
-    "@ichaingo/theme-toggle": "1.4.53",
-    "@ichaingo/with-login": "1.4.53",
-    "@ichaingo/avatar": "1.4.53",
-    "@ichaingo/iconfont": "1.4.53",
-    "@ichaingo/providers": "1.4.53",
-    "@ichaingo/tooltip": "1.4.53",
-    "@ichaingo/request": "1.4.53"
+    "@ichaingo/auth": "1.4.55",
+    "@ichaingo/image": "1.4.55",
+    "@ichaingo/better-link": "1.4.55",
+    "@ichaingo/avatar": "1.4.55",
+    "@ichaingo/link": "1.4.55",
+    "@ichaingo/translation": "1.4.55",
+    "@ichaingo/ui": "1.4.55",
+    "@ichaingo/theme-toggle": "1.4.55",
+    "@ichaingo/request": "1.4.55",
+    "@ichaingo/with-login": "1.4.55",
+    "@ichaingo/i18n": "1.4.55",
+    "@ichaingo/providers": "1.4.55",
+    "@ichaingo/tooltip": "1.4.55",
+    "@ichaingo/iconfont": "1.4.55"
   },
   "devDependencies": {
     "@types/js-cookie": "^3.0.6"