@sigx/terminal 0.1.6 → 0.1.8

package/dist/index.js

@@ -1,3 +1,4 @@
+var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 const ComputedSymbol = Symbol("computed");
 let activeEffect = null;
 var batchDepth = 0;
@@ -266,11 +267,14 @@ var accessObserver = null;
 function getAccessObserver() {
 	return accessObserver;
 }
+function setAccessObserver(observer) {
+	accessObserver = observer;
+}
 function detectAccess(selector) {
 	let result = null;
 	const prev = accessObserver;
 	accessObserver = (target, key) => {
-		if (result === null) result = [target, key];
+		result = [target, key];
 	};
 	try {
 		selector();
@@ -504,18 +508,28 @@ function computed(getterOrOptions) {
 		[ComputedSymbol]: true,
 		get value() {
 			const observer = getAccessObserver();
-			if (observer) observer(computedObj, "value");
+			if (observer) {
+				observer(computedObj, "value");
+				setAccessObserver(null);
+			}
 			track(subscribers);
-			return dirty ? computeValue() : cachedValue;
+			const result = dirty ? computeValue() : cachedValue;
+			if (observer) setAccessObserver(observer);
+			return result;
 		}
 	};
 	if (setter) {
 		Object.defineProperty(computedObj, "value", {
 			get() {
 				const observer = getAccessObserver();
-				if (observer) observer(computedObj, "value");
+				if (observer) {
+					observer(computedObj, "value");
+					setAccessObserver(null);
+				}
 				track(subscribers);
-				return dirty ? computeValue() : cachedValue;
+				const result = dirty ? computeValue() : cachedValue;
+				if (observer) setAccessObserver(observer);
+				return result;
 			},
 			set(newValue) {
 				setter(newValue);
@@ -551,14 +565,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);
@@ -657,6 +721,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) {
@@ -671,7 +743,8 @@ function defineApp(rootComponent) {
 		app: null,
 		provides: /* @__PURE__ */ new Map(),
 		config: {},
-		hooks: []
+		hooks: [],
+		directives: /* @__PURE__ */ new Map()
 	};
 	let isMounted = false;
 	let container = null;
@@ -701,6 +774,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.");
@@ -953,7 +1034,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(() => {
@@ -1037,8 +1118,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) {
@@ -1063,12 +1145,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";
@@ -1308,7 +1419,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;
@@ -1430,7 +1541,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;
@@ -1442,6 +1555,7 @@ function createRenderer(options) {
 			mount(child, element, null, childIsSVG);
 		});
 		hostInsert(element, container, before);
+		if (hostOnElementMounted) hostOnElementMounted(element);
 	}
 	function unmount(vnode, container) {
 		const internalVNode = vnode;
@@ -1466,6 +1580,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);
 	}
@@ -1530,6 +1645,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;
 		}
@@ -1546,11 +1667,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");
 	}
@@ -2324,6 +2449,6 @@ const terminalMount = (component, options, appContext) => {
 	};
 };
 setDefaultMount(terminalMount);
-export { Button, CLIENT_DIRECTIVES, CLIENT_DIRECTIVE_PREFIX, Checkbox, ComputedSymbol, Fragment, Input, InstanceLifetimes, ProgressBar, Select, SubscriptionHandler, Suspense, Text, Utils, applyContextExtensions, batch, cleanup, component, compound, computed, createEmit, createModel, createModelFromBinding, createPropsAccessor, createPropsProxy, createRenderer, createSlots, createTopic, defineApp, defineFactory, defineInjectable, defineProvide, detectAccess, effect, effectScope, exitTerminal, filterClientDirectives, focus, focusNext, focusPrev, focusState, getAppContextToken, getComponentMeta, getComponentPlugins, getCurrentInstance, getDefaultMount, getHydrationDirective, getModelSymbol, getPlatformModelProcessor, guid, handleComponentError, hasClientDirective, isComponent, isComputed, isLazyComponent, isModel, isReactive, jsx, jsxDEV, jsxs, lazy, mountTerminal, normalizeSubTree, notifyComponentCreated, notifyComponentMounted, notifyComponentUnmounted, notifyComponentUpdated, onCreated, onKey, onMounted, onUnmounted, onUpdated, provideAppContext, registerComponentPlugin, registerContextExtension, registerFocusable, registerPendingPromise, render, renderNodeToLines, renderTerminal, serializeProps, setCurrentInstance, setDefaultMount, setPlatformModelProcessor, signal, terminalMount, toRaw, toSubscriber, track, trigger, unregisterFocusable, untrack, useAppContext, valueOf, watch };
+export { Button, CLIENT_DIRECTIVES, CLIENT_DIRECTIVE_PREFIX, Checkbox, ComputedSymbol, ErrorBoundary, Fragment, Input, InstanceLifetimes, ProgressBar, Select, SubscriptionHandler, Suspense, Text, Utils, __DIRECTIVE__, applyContextExtensions, batch, cleanup, component, compound, computed, createEmit, createModel, createModelFromBinding, createPropsAccessor, createPropsProxy, createRenderer, createSlots, createTopic, defineApp, defineDirective, defineFactory, defineInjectable, defineProvide, detectAccess, effect, effectScope, exitTerminal, filterClientDirectives, focus, focusNext, focusPrev, focusState, getAppContextToken, getComponentMeta, getComponentPlugins, getCurrentInstance, getDefaultMount, getHydrationDirective, getModelSymbol, getPlatformModelProcessor, guid, handleComponentError, hasClientDirective, hasRequestIsolation, isComponent, isComputed, isDirective, isLazyComponent, isModel, isReactive, jsx, jsxDEV, jsxs, lazy, mountTerminal, normalizeSubTree, notifyComponentCreated, notifyComponentMounted, notifyComponentUnmounted, notifyComponentUpdated, onCreated, onKey, onMounted, onUnmounted, onUpdated, provideAppContext, registerComponentPlugin, registerContextExtension, registerFocusable, registerPendingPromise, render, renderNodeToLines, renderTerminal, runInRequestScope, serializeProps, setCurrentInstance, setDefaultMount, setPlatformModelProcessor, signal, terminalMount, toRaw, toSubscriber, track, trigger, unregisterFocusable, untrack, useAppContext, valueOf, watch };
 
 //# sourceMappingURL=index.js.map