next-recomponents 2.0.76 → 2.0.77

package/dist/index.js

@@ -3660,6 +3660,7 @@ function ArrowDownIcon() {
 
 // src/container/index.tsx
 var import_link = __toESM(require_link2());
+var import_server = require("react-dom/server");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function Container({
   children,
@@ -3673,6 +3674,30 @@ function Container({
 }) {
   const [isSidebarOpen, setIsSidebarOpen] = (0, import_react2.useState)(false);
   const [isFooterOpen, setIsFooterOpen] = (0, import_react2.useState)(expandedFooter);
+  (0, import_react2.useEffect)(() => {
+    if (typeof document != "undefined") {
+      const last = navItems == null ? void 0 : navItems[navItems.length - 1];
+      if (!last) return;
+      const pageTitle = typeof last.name === "string" ? last.name : typeof appName === "string" ? appName : "No definido";
+      document.title = pageTitle;
+      if (last.icon) {
+        try {
+          const svgString = (0, import_server.renderToStaticMarkup)(last.icon);
+          if (svgString.startsWith("<svg")) {
+            const dataUri = `data:image/svg+xml,${encodeURIComponent(svgString)}`;
+            let link = document.querySelector("link[rel='icon']");
+            if (!link) {
+              link = document.createElement("link");
+              link.rel = "icon";
+              document.head.appendChild(link);
+            }
+            link.href = dataUri;
+          }
+        } catch {
+        }
+      }
+    }
+  }, [navItems, appName]);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-col h-screen", children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { className: "", children: [
       /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "bg-blue-600 text-white p-4 flex justify-between items-center shadow-md", children: [

package/dist/index.mjs

@@ -3561,7 +3561,7 @@ function Button({
 }
 
 // src/container/index.tsx
-import { useState as useState2 } from "react";
+import { useEffect, useState as useState2 } from "react";
 
 // src/container/icons.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
@@ -3632,6 +3632,7 @@ function ArrowDownIcon() {
 
 // src/container/index.tsx
 var import_link = __toESM(require_link2());
+import { renderToStaticMarkup } from "react-dom/server";
 import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function Container({
   children,
@@ -3645,6 +3646,30 @@ function Container({
 }) {
   const [isSidebarOpen, setIsSidebarOpen] = useState2(false);
   const [isFooterOpen, setIsFooterOpen] = useState2(expandedFooter);
+  useEffect(() => {
+    if (typeof document != "undefined") {
+      const last = navItems == null ? void 0 : navItems[navItems.length - 1];
+      if (!last) return;
+      const pageTitle = typeof last.name === "string" ? last.name : typeof appName === "string" ? appName : "No definido";
+      document.title = pageTitle;
+      if (last.icon) {
+        try {
+          const svgString = renderToStaticMarkup(last.icon);
+          if (svgString.startsWith("<svg")) {
+            const dataUri = `data:image/svg+xml,${encodeURIComponent(svgString)}`;
+            let link = document.querySelector("link[rel='icon']");
+            if (!link) {
+              link = document.createElement("link");
+              link.rel = "icon";
+              document.head.appendChild(link);
+            }
+            link.href = dataUri;
+          }
+        } catch {
+        }
+      }
+    }
+  }, [navItems, appName]);
   return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col h-screen", children: [
     /* @__PURE__ */ jsxs2("header", { className: "", children: [
       /* @__PURE__ */ jsxs2("div", { className: "bg-blue-600 text-white p-4 flex justify-between items-center shadow-md", children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-recomponents",
-  "version": "2.0.76",
+  "version": "2.0.77",
   "description": "description nueva",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/container/index.tsx

@@ -2,6 +2,7 @@
 import React, { cloneElement, ReactNode, useEffect, useState } from "react";
 import MenuIcon, { ArrowDownIcon, ArrowUpIcon, HomeIcon } from "./icons";
 import Link from "next/link";
+import { renderToStaticMarkup } from "react-dom/server";
 type LocationItem = {
   location: string;
   name: JSX.Element | string | ReactNode;
@@ -39,6 +40,41 @@ export default function Container({
   //     }
   //   }
   // }, []);
+
+  useEffect(() => {
+    if (typeof document != "undefined") {
+      const last = navItems?.[navItems.length - 1];
+      if (!last) return;
+
+      const pageTitle =
+        typeof last.name === "string"
+          ? last.name
+          : typeof appName === "string"
+            ? appName
+            : "No definido";
+
+      document.title = pageTitle;
+
+      if (last.icon) {
+        try {
+          const svgString = renderToStaticMarkup(last.icon as any);
+          if (svgString.startsWith("<svg")) {
+            const dataUri = `data:image/svg+xml,${encodeURIComponent(svgString)}`;
+            let link =
+              document.querySelector<HTMLLinkElement>("link[rel='icon']");
+            if (!link) {
+              link = document.createElement("link");
+              link.rel = "icon";
+              document.head.appendChild(link);
+            }
+            link.href = dataUri;
+          }
+        } catch {
+          // last.icon no es un SVG renderizable de forma estática; no tocar el favicon
+        }
+      }
+    }
+  }, [navItems, appName]);
   return (
     <div className="flex flex-col h-screen">
       {/* Header */}