fumadocs-core 15.6.6 → 15.6.7

package/dist/hide-if-empty.d.ts

@@ -1,14 +1,18 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import { ReactNode, HTMLAttributes, FC } from 'react';
 
+declare function HideIfEmptyProvider({ nonce, children, }: {
+    nonce?: string;
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
 /**
  * The built-in CSS `:empty` selector cannot detect if the children is hidden, classes such as `md:hidden` causes it to fail.
  * This component is an enhancement to `empty:hidden` to fix the issue described above.
  *
  * This can be expensive, please avoid this whenever possible.
  */
-declare function HideIfEmpty({ children }: {
-    children: ReactNode;
+declare function HideIfEmpty<Props extends HTMLAttributes<HTMLElement>>({ as: Comp, ...props }: Props & {
+    as: FC<Props>;
 }): react_jsx_runtime.JSX.Element;
 
-export { HideIfEmpty };
+export { HideIfEmpty, HideIfEmptyProvider };

package/dist/hide-if-empty.js

@@ -2,9 +2,28 @@
 import "./chunk-JSBRDJBE.js";
 
 // src/hide-if-empty.tsx
-import React from "react";
+import {
+  createContext,
+  useContext,
+  useEffect,
+  useId,
+  useMemo,
+  useState
+} from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var isEmpty = (node) => {
+var Context = createContext({
+  nonce: void 0
+});
+function HideIfEmptyProvider({
+  nonce,
+  children
+}) {
+  return /* @__PURE__ */ jsx(Context.Provider, { value: useMemo(() => ({ nonce }), [nonce]), children });
+}
+function getElement(id) {
+  return document.querySelector(`[data-fd-if-empty="${id}"]`);
+}
+function isEmpty(node) {
   for (let i = 0; i < node.childNodes.length; i++) {
     const child = node.childNodes.item(i);
     if (child.nodeType === Node.TEXT_NODE || child.nodeType === Node.ELEMENT_NODE && window.getComputedStyle(child).display !== "none") {
@@ -12,53 +31,52 @@ var isEmpty = (node) => {
     }
   }
   return true;
-};
-function HideIfEmpty({ children }) {
-  const id = React.useId();
-  const [empty, setEmpty] = React.useState();
-  React.useEffect(() => {
-    const element = document.querySelector(
-      `[data-fdid="${id}"]`
-    );
-    if (!element) return;
-    const onUpdate = () => {
-      setEmpty(isEmpty(element));
-    };
-    const observer = new ResizeObserver(onUpdate);
-    observer.observe(element);
-    onUpdate();
-    return () => {
-      observer.disconnect();
+}
+function HideIfEmpty({
+  as: Comp,
+  ...props
+}) {
+  const id = useId();
+  const { nonce } = useContext(Context);
+  const [empty, setEmpty] = useState(() => {
+    const element = typeof window !== "undefined" ? getElement(id) : null;
+    if (element) return isEmpty(element);
+  });
+  useEffect(() => {
+    const handleResize = () => {
+      const element = getElement(id);
+      if (element) setEmpty(isEmpty(element));
     };
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
   }, [id]);
-  let child;
-  if (React.isValidElement(children)) {
-    child = React.cloneElement(children, {
-      ...children.props,
-      "data-fdid": id,
-      "data-empty": empty,
-      suppressHydrationWarning: true
-    });
-  } else {
-    child = React.Children.count(children) > 1 ? React.Children.only(null) : null;
-  }
+  const init = (id2) => {
+    const element = getElement(id2);
+    if (element) element.hidden = isEmpty(element);
+    const script = document.currentScript;
+    if (script) script.parentNode?.removeChild(script);
+  };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    child,
+    /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ...props,
+        "data-fd-if-empty": id,
+        hidden: empty ?? false
+      }
+    ),
     empty === void 0 && /* @__PURE__ */ jsx(
       "script",
       {
-        suppressHydrationWarning: true,
+        nonce,
         dangerouslySetInnerHTML: {
-          __html: `{
-const element = document.querySelector('[data-fdid="${id}"]')
-if (element) {
-  element.setAttribute('data-empty', String((${isEmpty.toString()})(element)))
-}}`
+          __html: `{${getElement};${isEmpty};(${init})("${id}")}`
         }
       }
     )
   ] });
 }
 export {
-  HideIfEmpty
+  HideIfEmpty,
+  HideIfEmptyProvider
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-core",
-  "version": "15.6.6",
+  "version": "15.6.7",
   "description": "The library for building a documentation website in Next.js",
   "keywords": [
     "NextJs",