@retronew/call-vue 0.4.0 → 0.4.1

package/dist/index.mjs

@@ -1,172 +1 @@
-import { defineComponent, h, onMounted, onUnmounted, shallowRef } from "vue";
-//#region src/createCallable/store.ts
-/**
-* Vue-native replacement for react-call's `useSyncExternalStore`-backed
-* store: `shallowRef` already gives us a single reactive snapshot per
-* store, so there's no separate subscribe/getSnapshot machinery to hand-roll.
-*
-* `rootCount` plays the role react-call's `listeners.size` plays — it's how
-* `assertSingleRoot` in `createCallable` detects a missing or duplicated
-* `<Root>`. It's tracked here (rather than as its own `ref`) because it must
-* never trigger a re-render on its own; only stack changes should.
-*/
-function createStackStore() {
-	let nextKey = 0;
-	let upsertPromise = null;
-	let rootCount = 0;
-	const stack = shallowRef([]);
-	return {
-		stack,
-		add: (call) => {
-			stack.value = [...stack.value, {
-				...call,
-				key: String(nextKey++)
-			}];
-		},
-		set: (promise, updateFn) => {
-			stack.value = stack.value.map((call) => promise && call.promise !== promise ? call : updateFn(call));
-		},
-		remove: (promises) => {
-			stack.value = stack.value.filter((c) => !promises.has(c.promise));
-		},
-		/** Call once from a mounted `<Root>`; call the returned function on unmount. */
-		mountRoot: () => {
-			rootCount++;
-			return () => {
-				rootCount--;
-				if (rootCount === 0) {
-					nextKey = 0;
-					stack.value = [];
-					upsertPromise = null;
-				}
-			};
-		},
-		getRootCount: () => rootCount,
-		getUpsertPromise: () => upsertPromise,
-		setUpsertPromise: (p) => {
-			upsertPromise = p;
-		}
-	};
-}
-//#endregion
-//#region src/createCallable/index.ts
-/**
-* Turns a Vue component into a "callable": mount it once as `<Confirm />`
-* and then `await Confirm.call(props)` from anywhere to push an instance
-* onto its stack and get back a promise that resolves when the instance
-* calls `call.end(response)`.
-*
-* This is a Vue-native port of react-call's `createCallable` — see
-* `skills/call-vue/SKILL.md` for the full mental model (stack, upsert,
-* lifecycle constraints).
-*/
-function createCallable(UserComponent, unmountingDelay = 0) {
-	const store = createStackStore();
-	const createEnd = (promise) => (response) => {
-		const ending = /* @__PURE__ */ new Set();
-		store.set(promise, (call) => {
-			call.resolve(response);
-			ending.add(call.promise);
-			return {
-				...call,
-				ended: true
-			};
-		});
-		globalThis.setTimeout(() => store.remove(ending), unmountingDelay);
-	};
-	const assertSingleRoot = () => {
-		const count = store.getRootCount();
-		if (!count) throw new Error("No <Root> found!");
-		if (count > 1) throw new Error("Multiple instances of <Root> found!");
-	};
-	const call = (props) => {
-		assertSingleRoot();
-		let resolve;
-		const promise = new Promise((res) => {
-			resolve = res;
-		});
-		store.add({
-			props,
-			end: createEnd(promise),
-			ended: false,
-			promise,
-			resolve
-		});
-		return promise;
-	};
-	const upsert = (props) => {
-		assertSingleRoot();
-		const existing = store.getUpsertPromise();
-		if (existing) {
-			store.set(existing, (c) => ({
-				...c,
-				props
-			}));
-			return existing;
-		}
-		let resolve;
-		const promise = new Promise((res) => {
-			resolve = res;
-		});
-		store.setUpsertPromise(promise);
-		store.add({
-			props,
-			end: (response) => {
-				store.setUpsertPromise(null);
-				createEnd(promise)(response);
-			},
-			ended: false,
-			promise,
-			resolve
-		});
-		return promise;
-	};
-	const end = ((...args) => {
-		const targeted = args.length === 2;
-		const promise = targeted ? args[0] : null;
-		const response = targeted ? args[1] : args[0];
-		if (!targeted || promise === store.getUpsertPromise()) store.setUpsertPromise(null);
-		return createEnd(promise)(response);
-	});
-	const update = (...args) => {
-		const targeted = args.length === 2;
-		store.set(targeted ? args[0] : null, (c) => ({
-			...c,
-			props: {
-				...c.props,
-				...targeted ? args[1] : args[0]
-			}
-		}));
-	};
-	const Root = defineComponent({
-		name: "CallableRoot",
-		inheritAttrs: false,
-		setup(_, { attrs }) {
-			let unmountRoot;
-			onMounted(() => {
-				unmountRoot = store.mountRoot();
-			});
-			onUnmounted(() => unmountRoot?.());
-			return () => store.stack.value.map((item, index, stack) => h(UserComponent, {
-				...item.props,
-				key: item.key,
-				call: {
-					key: item.key,
-					end: item.end,
-					ended: item.ended,
-					root: attrs,
-					index,
-					stackSize: stack.length
-				}
-			}));
-		}
-	});
-	return Object.assign(Root, {
-		call,
-		upsert,
-		end,
-		update
-	});
-}
-//#endregion
-export { createCallable };
+import{defineComponent as e,h as t,onMounted as n,onUnmounted as r,shallowRef as i}from"vue";function a(){let e=0,t=null,n=0,r=i([]);return{stack:r,add:t=>{r.value=[...r.value,{...t,key:String(e++)}]},set:(e,t)=>{r.value=r.value.map(n=>e&&n.promise!==e?n:t(n))},remove:e=>{r.value=r.value.filter(t=>!e.has(t.promise))},mountRoot:()=>(n++,()=>{n--,n===0&&(e=0,r.value=[],t=null)}),getRootCount:()=>n,getUpsertPromise:()=>t,setUpsertPromise:e=>{t=e}}}function o(i,o=0){let s=a(),c=e=>t=>{let n=new Set;s.set(e,e=>(e.resolve(t),n.add(e.promise),{...e,ended:!0})),globalThis.setTimeout(()=>s.remove(n),o)},l=()=>{let e=s.getRootCount();if(!e)throw Error(`No <Root> found!`);if(e>1)throw Error(`Multiple instances of <Root> found!`)},u=e=>{l();let t,n=new Promise(e=>{t=e});return s.add({props:e,end:c(n),ended:!1,promise:n,resolve:t}),n},d=e=>{l();let t=s.getUpsertPromise();if(t)return s.set(t,t=>({...t,props:e})),t;let n,r=new Promise(e=>{n=e});return s.setUpsertPromise(r),s.add({props:e,end:e=>{s.setUpsertPromise(null),c(r)(e)},ended:!1,promise:r,resolve:n}),r},f=((...e)=>{let t=e.length===2,n=t?e[0]:null,r=t?e[1]:e[0];return(!t||n===s.getUpsertPromise())&&s.setUpsertPromise(null),c(n)(r)}),p=(...e)=>{let t=e.length===2;s.set(t?e[0]:null,n=>({...n,props:{...n.props,...t?e[1]:e[0]}}))},m=e({name:`CallableRoot`,inheritAttrs:!1,setup(e,{attrs:a}){let o;return n(()=>{o=s.mountRoot()}),r(()=>o?.()),()=>s.stack.value.map((e,n,r)=>t(i,{...e.props,key:e.key,call:{key:e.key,end:e.end,ended:e.ended,root:a,index:n,stackSize:r.length}}))}});return Object.assign(m,{call:u,upsert:d,end:f,update:p})}export{o as createCallable};

package/dist/mutation-flow/index.mjs

@@ -1,29 +1 @@
-import { isRef, ref } from "vue";
-//#region src/mutation-flow/index.ts
-const noopChain = { orEnd: () => {} };
-function resolveMutation(source) {
-	return isRef(source) ? source.value : source;
-}
-function useMutationFlow(call, mutationSource) {
-	const pending = ref(false);
-	let inFlight = false;
-	const trigger = ((payload) => {
-		if (inFlight) return noopChain;
-		const mutationFn = resolveMutation(mutationSource);
-		if (!mutationFn) return { orEnd: (value) => call.end(value) };
-		inFlight = true;
-		pending.value = true;
-		mutationFn(call, payload).finally(() => {
-			inFlight = false;
-			pending.value = false;
-		});
-		return noopChain;
-	});
-	Object.defineProperty(trigger, "pending", {
-		enumerable: true,
-		get: () => pending.value
-	});
-	return trigger;
-}
-//#endregion
-export { useMutationFlow };
+import{isRef as e,ref as t}from"vue";const n={orEnd:()=>{}};function r(t){return e(t)?t.value:t}function i(e,i){let a=t(!1),o=!1,s=(t=>{if(o)return n;let s=r(i);return s?(o=!0,a.value=!0,s(e,t).finally(()=>{o=!1,a.value=!1}),n):{orEnd:t=>e.end(t)}});return Object.defineProperty(s,"pending",{enumerable:!0,get:()=>a.value}),s}export{i as useMutationFlow};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@retronew/call-vue",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Call & await Vue components like async functions — a Vue 3 port of react-call.",
   "keywords": [
     "async",