react-solidlike 2.5.2 → 2.5.3

package/dist/index.d.ts

@@ -1,7 +1,9 @@
 export { Await, type AwaitProps } from "./Await";
+export { ClientOnly, type ClientOnlyProps } from "./ClientOnly";
 export { Dynamic, type DynamicProps } from "./Dynamic";
 export { ErrorBoundary, type ErrorBoundaryProps } from "./ErrorBoundary";
 export { For, type ForProps } from "./For";
+export { Once, type OnceProps } from "./Once";
 export { QueryBoundary, type QueryBoundaryProps, type QueryResult } from "./QueryBoundary";
 export { Repeat, type RepeatProps } from "./Repeat";
 export { Show, type ShowProps } from "./Show";

package/dist/index.js

@@ -43,6 +43,16 @@ function Await({ promise, loading = null, error = null, children }) {
 	return children;
 }
 
+function ClientOnly({ children, fallback = null }) {
+	const [isClient, setIsClient] = useState(false);
+	useEffect(() => {
+		setIsClient(true);
+	}, []);
+	if (!isClient) return typeof fallback === "function" ? fallback() : fallback;
+	if (typeof children === "function") return children();
+	return children;
+}
+
 function Dynamic({ component, fallback = null, ...props }) {
 	if (!component) return typeof fallback === "function" ? fallback() : fallback;
 	return createElement(component, props);
@@ -88,6 +98,18 @@ function For({ each, children, keyExtractor, fallback = null, wrapper, reverse }
 	return wrapper && isValidElement(wrapper) ? cloneElement(wrapper, {}, elements) : elements;
 }
 
+function Once({ children }) {
+	const cachedRef = useRef({
+		rendered: false,
+		content: null
+	});
+	if (!cachedRef.current.rendered) {
+		cachedRef.current.rendered = true;
+		cachedRef.current.content = children;
+	}
+	return cachedRef.current.content;
+}
+
 function defaultIsEmpty(data) {
 	if (data == null) return true;
 	if (Array.isArray(data)) return data.length === 0;
@@ -250,4 +272,4 @@ function Visible({ children, fallback = null, rootMargin = "0px", threshold = 0,
 	});
 }
 
-export { Await, Default, Dynamic, ErrorBoundary, For, Match, QueryBoundary, Repeat, Show, Split, Switch, Timeout, Visible };
+export { Await, ClientOnly, Default, Dynamic, ErrorBoundary, For, Match, Once, QueryBoundary, Repeat, Show, Split, Switch, Timeout, Visible };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-solidlike",
-    "version": "2.5.2",
+    "version": "2.5.3",
     "description": "Declarative React control flow components inspired by Solid.js, replacing ternary expressions and array.map() in JSX",
     "type": "module",
     "main": "./dist/index.js",
@@ -53,7 +53,7 @@
         "@types/react-dom": "^19.2.3",
         "react": "^19.2.3",
         "react-dom": "^19.2.3",
-        "rolldown": "^1.0.0-rc.2",
+        "rolldown": "^1.0.0-rc.3",
         "typescript": "^5.9.3"
     }
 }