@sigx/runtime-core 0.1.6 → 0.1.8

package/dist/index.js

@@ -1,4 +1,5 @@
 import { detectAccess, effect, isComputed, signal, signal as signal$1, untrack } from "@sigx/reactivity";
+var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var platformModelProcessor = null;
 function setPlatformModelProcessor(fn) {
 	platformModelProcessor = fn;
@@ -20,14 +21,64 @@ function registerContextExtension(extension) {
 function applyContextExtensions(ctx) {
 	for (const extension of contextExtensions) extension(ctx);
 }
+var require___vite_browser_external = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+	module.exports = {};
+}));
+var asyncLocalStorage = null;
+try {
+	if (typeof globalThis !== "undefined" && typeof globalThis.process !== "undefined") {
+		const nodeAsync = globalThis.process?.versions?.node ? require___vite_browser_external() : null;
+		if (nodeAsync?.AsyncLocalStorage) asyncLocalStorage = new nodeAsync.AsyncLocalStorage();
+	}
+} catch {}
+var _fallbackContext = {
+	currentComponentContext: null,
+	currentSuspenseBoundary: null
+};
+function getRequestContext() {
+	if (asyncLocalStorage) {
+		const store = asyncLocalStorage.getStore();
+		if (store) return store;
+	}
+	return _fallbackContext;
+}
+function getCurrentInstanceSafe() {
+	return getRequestContext().currentComponentContext;
+}
+function setCurrentInstanceSafe(ctx) {
+	const reqCtx = getRequestContext();
+	const prev = reqCtx.currentComponentContext;
+	reqCtx.currentComponentContext = ctx;
+	return prev;
+}
+function getCurrentSuspenseBoundarySafe() {
+	return getRequestContext().currentSuspenseBoundary;
+}
+function setCurrentSuspenseBoundarySafe(boundary) {
+	const reqCtx = getRequestContext();
+	const prev = reqCtx.currentSuspenseBoundary;
+	reqCtx.currentSuspenseBoundary = boundary;
+	return prev;
+}
+function runInRequestScope(fn) {
+	if (asyncLocalStorage) return asyncLocalStorage.run({
+		currentComponentContext: null,
+		currentSuspenseBoundary: null
+	}, fn);
+	return fn();
+}
+function hasRequestIsolation() {
+	return asyncLocalStorage !== null;
+}
 var currentComponentContext = null;
 function getCurrentInstance() {
-	return currentComponentContext;
+	return getCurrentInstanceSafe() ?? currentComponentContext;
 }
 function setCurrentInstance(ctx) {
-	const prev = currentComponentContext;
+	const prevSafe = setCurrentInstanceSafe(ctx);
+	const prevModule = currentComponentContext;
 	currentComponentContext = ctx;
-	return prev;
+	return prevSafe ?? prevModule;
 }
 function onMounted(fn) {
 	if (currentComponentContext) currentComponentContext.onMounted(fn);
@@ -126,6 +177,14 @@ function provideAppContext(ctx, appContext) {
 	ctx.provides.set(appContextToken, appContext);
 	if (appContext.provides) for (const [token, value] of appContext.provides) ctx.provides.set(token, value);
 }
+const __DIRECTIVE__ = Symbol.for("sigx.directive");
+function defineDirective(definition) {
+	definition[__DIRECTIVE__] = true;
+	return definition;
+}
+function isDirective(value) {
+	return value != null && typeof value === "object" && value[__DIRECTIVE__] === true;
+}
 var isDev = typeof process !== "undefined" && process.env.NODE_ENV !== "production" || true;
 var defaultMountFn = null;
 function setDefaultMount(mountFn) {
@@ -140,7 +199,8 @@ function defineApp(rootComponent) {
 		app: null,
 		provides: /* @__PURE__ */ new Map(),
 		config: {},
-		hooks: []
+		hooks: [],
+		directives: /* @__PURE__ */ new Map()
 	};
 	let isMounted = false;
 	let container = null;
@@ -170,6 +230,14 @@ function defineApp(rootComponent) {
 			context.hooks.push(hooks);
 			return app;
 		},
+		directive(name, definition) {
+			if (definition !== void 0) {
+				if (isDev && !isDirective(definition)) console.warn(`[sigx] app.directive('${name}', ...) received a value that is not a valid directive definition. Use defineDirective() to create directive definitions.`);
+				context.directives.set(name, definition);
+				return app;
+			}
+			return context.directives.get(name);
+		},
 		mount(target, renderFn) {
 			if (isMounted) {
 				if (isDev) console.warn("App is already mounted. Call app.unmount() first.");
@@ -422,7 +490,7 @@ function jsxs(type, props, key) {
 const jsxDEV = jsx;
 var currentSuspenseBoundary = null;
 function registerPendingPromise(promise) {
-	const boundary = currentSuspenseBoundary;
+	const boundary = getCurrentSuspenseBoundarySafe() ?? currentSuspenseBoundary;
 	if (boundary) {
 		boundary.pending.add(promise);
 		promise.finally(() => {
@@ -506,8 +574,9 @@ const Suspense = component((ctx) => {
 	return () => {
 		state.isReady;
 		state.pendingCount;
-		const prevBoundary = currentSuspenseBoundary;
+		const prevBoundary = getCurrentSuspenseBoundarySafe() ?? currentSuspenseBoundary;
 		currentSuspenseBoundary = boundary;
+		setCurrentSuspenseBoundarySafe(boundary);
 		try {
 			const children = slots.default();
 			if (boundary.pending.size > 0) {
@@ -532,12 +601,41 @@ const Suspense = component((ctx) => {
 			throw err;
 		} finally {
 			currentSuspenseBoundary = prevBoundary;
+			setCurrentSuspenseBoundarySafe(prevBoundary);
 		}
 	};
 }, { name: "Suspense" });
 function isLazyComponent(component) {
 	return component && component.__lazy === true;
 }
+const ErrorBoundary = component((ctx) => {
+	const { fallback } = ctx.props;
+	const { slots } = ctx;
+	const state = ctx.signal({
+		hasError: false,
+		error: null
+	});
+	const retry = () => {
+		state.hasError = false;
+		state.error = null;
+	};
+	return () => {
+		if (state.hasError && state.error) {
+			if (typeof fallback === "function") return fallback(state.error, retry);
+			return fallback ?? null;
+		}
+		try {
+			return slots.default();
+		} catch (e) {
+			const error = e instanceof Error ? e : new Error(String(e));
+			state.hasError = true;
+			state.error = error;
+			if (process.env.NODE_ENV !== "production") console.error("[ErrorBoundary] Caught error during render:", error);
+			if (typeof fallback === "function") return fallback(error, retry);
+			return fallback ?? null;
+		}
+	};
+}, { name: "ErrorBoundary" });
 var Utils = class {
 	static isPromise(value) {
 		return !!value && (typeof value === "object" || typeof value === "function") && typeof value.then === "function";
@@ -777,7 +875,7 @@ function createEmit(reactiveProps) {
 	};
 }
 function createRenderer(options) {
-	const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent } = options;
+	const { insert: hostInsert, remove: hostRemove, patchProp: hostPatchProp, createElement: hostCreateElement, createText: hostCreateText, createComment: hostCreateComment, setText: hostSetText, setElementText: hostSetElementText, parentNode: hostParentNode, nextSibling: hostNextSibling, cloneNode: hostCloneNode, insertStaticContent: hostInsertStaticContent, patchDirective: hostPatchDirective, onElementMounted: hostOnElementMounted, onElementUnmounted: hostOnElementUnmounted } = options;
 	let currentAppContext = null;
 	function render(element, container, appContext) {
 		if (appContext) currentAppContext = appContext;
@@ -899,7 +997,9 @@ function createRenderer(options) {
 		vnode.dom = element;
 		element.__vnode = vnode;
 		if (vnode.props) {
-			for (const key in vnode.props) if (key !== "children" && key !== "key" && key !== "ref") hostPatchProp(element, key, null, vnode.props[key], isSVG);
+			for (const key in vnode.props) if (key !== "children" && key !== "key" && key !== "ref") if (key.charCodeAt(0) === 117 && key.startsWith("use:")) {
+				if (hostPatchDirective) hostPatchDirective(element, key.slice(4), null, vnode.props[key], currentAppContext);
+			} else hostPatchProp(element, key, null, vnode.props[key], isSVG);
 			if (vnode.props.ref) untrack(() => {
 				if (typeof vnode.props.ref === "function") vnode.props.ref(element);
 				else if (typeof vnode.props.ref === "object") vnode.props.ref.current = element;
@@ -911,6 +1011,7 @@ function createRenderer(options) {
 			mount(child, element, null, childIsSVG);
 		});
 		hostInsert(element, container, before);
+		if (hostOnElementMounted) hostOnElementMounted(element);
 	}
 	function unmount(vnode, container) {
 		const internalVNode = vnode;
@@ -935,6 +1036,7 @@ function createRenderer(options) {
 			if (typeof vnode.props.ref === "function") vnode.props.ref(null);
 			else if (vnode.props.ref && typeof vnode.props.ref === "object") vnode.props.ref.current = null;
 		});
+		if (hostOnElementUnmounted && vnode.dom) hostOnElementUnmounted(vnode.dom);
 		if (vnode.children && vnode.children.length > 0) vnode.children.forEach((child) => unmount(child, vnode.dom));
 		if (vnode.dom) hostRemove(vnode.dom);
 	}
@@ -999,6 +1101,12 @@ function createRenderer(options) {
 		}
 		if (newVNode.type === Text) {
 			newVNode.dom = oldVNode.dom;
+			if (!newVNode.dom) {
+				const textNode = hostCreateText(String(newVNode.text));
+				newVNode.dom = textNode;
+				if (container) hostInsert(textNode, container, oldVNode.dom || null);
+				return;
+			}
 			if (oldVNode.text !== newVNode.text) hostSetText(newVNode.dom, String(newVNode.text));
 			return;
 		}
@@ -1015,11 +1123,15 @@ function createRenderer(options) {
 		const isSVG = tag === "svg" || isSvgTag(tag);
 		const oldProps = oldVNode.props || {};
 		const newProps = newVNode.props || {};
-		for (const key in oldProps) if (!(key in newProps) && key !== "children" && key !== "key" && key !== "ref") hostPatchProp(element, key, oldProps[key], null, isSVG);
+		for (const key in oldProps) if (!(key in newProps) && key !== "children" && key !== "key" && key !== "ref") if (key.charCodeAt(0) === 117 && key.startsWith("use:")) {
+			if (hostPatchDirective) hostPatchDirective(element, key.slice(4), oldProps[key], null, currentAppContext);
+		} else hostPatchProp(element, key, oldProps[key], null, isSVG);
 		for (const key in newProps) {
 			const oldValue = oldProps[key];
 			const newValue = newProps[key];
-			if (key !== "children" && key !== "key" && key !== "ref" && oldValue !== newValue) hostPatchProp(element, key, oldValue, newValue, isSVG);
+			if (key !== "children" && key !== "key" && key !== "ref" && oldValue !== newValue) if (key.charCodeAt(0) === 117 && key.startsWith("use:")) {
+				if (hostPatchDirective) hostPatchDirective(element, key.slice(4), oldValue, newValue, currentAppContext);
+			} else hostPatchProp(element, key, oldValue, newValue, isSVG);
 		}
 		patchChildren(oldVNode, newVNode, element, isSVG && tag !== "foreignObject");
 	}
@@ -1236,6 +1348,6 @@ function createRenderer(options) {
 		mountComponent
 	};
 }
-export { CLIENT_DIRECTIVES, CLIENT_DIRECTIVE_PREFIX, Fragment, InstanceLifetimes, SubscriptionHandler, Suspense, Text, Utils, applyContextExtensions, component, compound, createEmit, createModel, createModelFromBinding, createPropsAccessor, createPropsProxy, createRenderer, createSlots, createTopic, defineApp, defineFactory, defineInjectable, defineProvide, filterClientDirectives, getAppContextToken, getComponentMeta, getComponentPlugins, getCurrentInstance, getDefaultMount, getHydrationDirective, getModelSymbol, getPlatformModelProcessor, guid, handleComponentError, hasClientDirective, isComponent, isLazyComponent, isModel, jsx, jsxDEV, jsxs, lazy, normalizeSubTree, notifyComponentCreated, notifyComponentMounted, notifyComponentUnmounted, notifyComponentUpdated, onCreated, onMounted, onUnmounted, onUpdated, provideAppContext, registerComponentPlugin, registerContextExtension, registerPendingPromise, serializeProps, setCurrentInstance, setDefaultMount, setPlatformModelProcessor, signal, toSubscriber, useAppContext, valueOf };
+export { CLIENT_DIRECTIVES, CLIENT_DIRECTIVE_PREFIX, ErrorBoundary, Fragment, InstanceLifetimes, SubscriptionHandler, Suspense, Text, Utils, __DIRECTIVE__, applyContextExtensions, component, compound, createEmit, createModel, createModelFromBinding, createPropsAccessor, createPropsProxy, createRenderer, createSlots, createTopic, defineApp, defineDirective, defineFactory, defineInjectable, defineProvide, filterClientDirectives, getAppContextToken, getComponentMeta, getComponentPlugins, getCurrentInstance, getDefaultMount, getHydrationDirective, getModelSymbol, getPlatformModelProcessor, guid, handleComponentError, hasClientDirective, hasRequestIsolation, isComponent, isDirective, isLazyComponent, isModel, jsx, jsxDEV, jsxs, lazy, normalizeSubTree, notifyComponentCreated, notifyComponentMounted, notifyComponentUnmounted, notifyComponentUpdated, onCreated, onMounted, onUnmounted, onUpdated, provideAppContext, registerComponentPlugin, registerContextExtension, registerPendingPromise, runInRequestScope, serializeProps, setCurrentInstance, setDefaultMount, setPlatformModelProcessor, signal, toSubscriber, useAppContext, valueOf };
 
 //# sourceMappingURL=index.js.map