react-solidlike 2.1.0 → 2.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-solidlike",
-    "version": "2.1.0",
+    "version": "2.2.0",
     "description": "Declarative React control flow components inspired by Solid.js, replacing ternary expressions and array.map() in JSX",
     "type": "module",
     "main": "./dist/index.js",

package/dist/index.cjs

@@ -1,161 +0,0 @@
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-function Await({ promise, loading = null, error = null, children }) {
-	const [state, setState] = (0, react.useState)(() => {
-		if (!(promise instanceof Promise)) return {
-			status: "fulfilled",
-			value: promise
-		};
-		return { status: "pending" };
-	});
-	(0, react.useEffect)(() => {
-		if (!(promise instanceof Promise)) {
-			setState({
-				status: "fulfilled",
-				value: promise
-			});
-			return;
-		}
-		setState({ status: "pending" });
-		let cancelled = false;
-		promise.then((value) => {
-			if (!cancelled) setState({
-				status: "fulfilled",
-				value
-			});
-		}).catch((err) => {
-			if (!cancelled) setState({
-				status: "rejected",
-				error: err
-			});
-		});
-		return () => {
-			cancelled = true;
-		};
-	}, [promise]);
-	if (state.status === "pending") return loading;
-	if (state.status === "rejected") {
-		if (typeof error === "function") return error(state.error);
-		return error;
-	}
-	if (typeof children === "function") return children(state.value);
-	return children;
-}
-
-function Dynamic({ component, fallback = null, ...props }) {
-	if (!component) return fallback;
-	return (0, react.createElement)(component, props);
-}
-
-var ErrorBoundary = class extends react.Component {
-	constructor(props) {
-		super(props);
-		this.state = { error: null };
-	}
-	static getDerivedStateFromError(error) {
-		return { error };
-	}
-	componentDidCatch(error, errorInfo) {
-		this.props.onError?.(error, errorInfo);
-	}
-	componentDidUpdate(prevProps) {
-		if (this.state.error && prevProps.resetKey !== this.props.resetKey) this.reset();
-	}
-	reset = () => {
-		this.setState({ error: null });
-	};
-	render() {
-		const { error } = this.state;
-		const { fallback, children } = this.props;
-		if (error) {
-			if (typeof fallback === "function") return fallback(error, this.reset);
-			return fallback;
-		}
-		return children;
-	}
-};
-
-function For({ each, children, keyExtractor, fallback = null }) {
-	if (!each || each.length === 0) return fallback;
-	return each.map((item, index) => {
-		const key = keyExtractor ? keyExtractor(item, index) : index;
-		return  (0, react_jsx_runtime.jsx)(react.Fragment, { children: children(item, index) }, key);
-	});
-}
-
-function defaultIsEmpty(data) {
-	if (data == null) return true;
-	if (Array.isArray(data)) return data.length === 0;
-	if (typeof data === "object") return Object.keys(data).length === 0;
-	return false;
-}
-
-function QueryBoundary({ query, loading = null, error = null, empty = null, children, isEmptyFn = defaultIsEmpty }) {
-	if (!query) return null;
-	const { data, isPending, isError, isEmpty: queryIsEmpty } = query;
-	if (isPending) return loading;
-	if (isError && isEmptyFn(data)) return error;
-	if (queryIsEmpty ?? isEmptyFn(data)) return empty;
-	if (typeof children === "function") return children(data);
-	return children;
-}
-
-function Repeat({ times, children }) {
-	if (times <= 0) return null;
-	const elements = [];
-	for (let i = 0; i < times; i++) elements.push( (0, react_jsx_runtime.jsx)(react.Fragment, { children: children(i) }, i));
-	return elements;
-}
-
-function Show({ when, children, fallback = null }) {
-	if (!when) return fallback;
-	if (typeof children === "function") return children(when);
-	return children;
-}
-
-function Match(_props) {
-	return null;
-}
-
-function Default(_props) {
-	return null;
-}
-Match.__isMatch = true;
-Default.__isDefault = true;
-function isMatchElement(child) {
-	return child !== null && typeof child === "object" && "type" in child && typeof child.type === "function" && "__isMatch" in child.type && child.type.__isMatch === true;
-}
-function isDefaultElement(child) {
-	return child !== null && typeof child === "object" && "type" in child && typeof child.type === "function" && "__isDefault" in child.type && child.type.__isDefault === true;
-}
-
-function Switch({ children, fallback = null }) {
-	const childArray = react.Children.toArray(children);
-	let defaultContent = fallback;
-	for (const child of childArray) {
-		if (isDefaultElement(child)) {
-			defaultContent = child.props.children;
-			continue;
-		}
-		if (isMatchElement(child)) {
-			const { when, children: matchChildren } = child.props;
-			if (when) {
-				if (typeof matchChildren === "function") return matchChildren(when);
-				return matchChildren;
-			}
-		}
-	}
-	return defaultContent;
-}
-
-exports.Await = Await;
-exports.Default = Default;
-exports.Dynamic = Dynamic;
-exports.ErrorBoundary = ErrorBoundary;
-exports.For = For;
-exports.Match = Match;
-exports.QueryBoundary = QueryBoundary;
-exports.Repeat = Repeat;
-exports.Show = Show;
-exports.Switch = Switch;