@fragno-dev/pi-fragment 0.0.1

package/dist/browser/client/vue.js

@@ -0,0 +1,125 @@
+import { f as isGetHook, g as atom, h as isReadableAtom, m as isStore, o as createPiFragmentClients, p as isMutatorHook } from "../factory-DKoO_lRA.js";
+import "../index.js";
+import { computed, getCurrentScope, isRef, onScopeDispose, ref, shallowRef, watch } from "vue";
+
+//#region ../fragno/dist/client/vue.js
+/**
+* Converts a Vue Ref to a NanoStore Atom.
+*
+* This is used to convert Vue refs to atoms, so that we can use them in the store.
+*
+* @private
+*/
+function refToAtom(ref$1) {
+	const a = /* @__PURE__ */ atom(ref$1.value);
+	watch(ref$1, (newVal) => {
+		a.set(newVal);
+	});
+	return a;
+}
+function createVueHook(hook) {
+	return ({ path, query } = {}) => {
+		const pathParams = {};
+		const queryParams = {};
+		for (const [key, value] of Object.entries(path ?? {})) {
+			const v = value;
+			pathParams[key] = isRef(v) ? refToAtom(v) : v;
+		}
+		for (const [key, value] of Object.entries(query ?? {})) {
+			const v = value;
+			queryParams[key] = isRef(v) ? refToAtom(v) : v;
+		}
+		const store = hook.store({
+			path: pathParams,
+			query: queryParams
+		});
+		const data = ref();
+		const loading = ref();
+		const error = ref();
+		const unsubscribe = store.subscribe((updatedStoreValue) => {
+			data.value = updatedStoreValue.data;
+			loading.value = updatedStoreValue.loading;
+			error.value = updatedStoreValue.error;
+		});
+		if (getCurrentScope()) onScopeDispose(() => {
+			unsubscribe();
+		});
+		return {
+			data,
+			loading,
+			error
+		};
+	};
+}
+function createVueMutator(hook) {
+	return () => {
+		const store = useStore(hook.mutatorStore);
+		const mutate = async (args) => {
+			const { body, path, query } = args;
+			const pathParams = {};
+			const queryParams = {};
+			for (const [key, value] of Object.entries(path ?? {})) {
+				const v = value;
+				pathParams[key] = isRef(v) ? v.value : v;
+			}
+			for (const [key, value] of Object.entries(query ?? {})) {
+				const v = value;
+				queryParams[key] = isRef(v) ? v.value : v;
+			}
+			return store.value.mutate({
+				body,
+				path: pathParams,
+				query: queryParams
+			});
+		};
+		return {
+			mutate,
+			loading: computed(() => store.value.loading),
+			error: computed(() => store.value.error),
+			data: computed(() => store.value.data)
+		};
+	};
+}
+function createVueStore(hook) {
+	if (isReadableAtom(hook.obj)) return () => useStore(hook.obj).value;
+	return () => {
+		const result = {};
+		for (const key in hook.obj) {
+			if (!Object.prototype.hasOwnProperty.call(hook.obj, key)) continue;
+			const value = hook.obj[key];
+			if (isReadableAtom(value)) result[key] = useStore(value).value;
+			else result[key] = value;
+		}
+		return result;
+	};
+}
+function useFragno(clientObj) {
+	const result = {};
+	for (const key in clientObj) {
+		if (!Object.prototype.hasOwnProperty.call(clientObj, key)) continue;
+		const hook = clientObj[key];
+		if (isGetHook(hook)) result[key] = createVueHook(hook);
+		else if (isMutatorHook(hook)) result[key] = createVueMutator(hook);
+		else if (isStore(hook)) result[key] = createVueStore(hook);
+		else result[key] = hook;
+	}
+	return result;
+}
+function useStore(store) {
+	const state = shallowRef();
+	const unsubscribe = store.subscribe((value) => {
+		state.value = value;
+	});
+	if (getCurrentScope()) onScopeDispose(unsubscribe);
+	return state;
+}
+
+//#endregion
+//#region src/client/vue.ts
+function createPiFragmentClient(config = {}) {
+	return useFragno(createPiFragmentClients(config));
+}
+
+//#endregion
+export { createPiFragmentClient };
+//# sourceMappingURL=vue.js.map

package/dist/browser/client/vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue.js","names":["isReadableAtom","isGetHook","isMutatorHook","isStore","atom","computed","computed$1","getCurrentScope","isRef","onScopeDispose","ref","shallowRef","watch","refToAtom","ref$1","a","value","newVal","set","createVueHook","hook","path","query","pathParams","queryParams","key","Object","entries","v","store","data","loading","error","unsubscribe","subscribe","updatedStoreValue","createVueMutator","useStore","mutatorStore","mutate","args","body","createVueStore","obj","result","prototype","hasOwnProperty","call","useFragno","clientObj","state","useFragno","FragnoPublicClientConfig","createPiFragmentClients","createPiFragmentClient","config"],"sources":["../../../../fragno/dist/client/vue.js","../../../src/client/vue.ts"],"sourcesContent":["import { isReadableAtom } from \"../util/nanostores.js\";\nimport { isGetHook, isMutatorHook, isStore } from \"./client.js\";\nimport { atom } from \"nanostores\";\nimport { computed as computed$1, getCurrentScope, isRef, onScopeDispose, ref, shallowRef, watch } from \"vue\";\n\n//#region src/client/vue.ts\n/**\n* Converts a Vue Ref to a NanoStore Atom.\n*\n* This is used to convert Vue refs to atoms, so that we can use them in the store.\n*\n* @private\n*/\nfunction refToAtom(ref$1) {\n\tconst a = atom(ref$1.value);\n\twatch(ref$1, (newVal) => {\n\t\ta.set(newVal);\n\t});\n\treturn a;\n}\nfunction createVueHook(hook) {\n\treturn ({ path, query } = {}) => {\n\t\tconst pathParams = {};\n\t\tconst queryParams = {};\n\t\tfor (const [key, value] of Object.entries(path ?? {})) {\n\t\t\tconst v = value;\n\t\t\tpathParams[key] = isRef(v) ? refToAtom(v) : v;\n\t\t}\n\t\tfor (const [key, value] of Object.entries(query ?? {})) {\n\t\t\tconst v = value;\n\t\t\tqueryParams[key] = isRef(v) ? refToAtom(v) : v;\n\t\t}\n\t\tconst store = hook.store({\n\t\t\tpath: pathParams,\n\t\t\tquery: queryParams\n\t\t});\n\t\tconst data = ref();\n\t\tconst loading = ref();\n\t\tconst error = ref();\n\t\tconst unsubscribe = store.subscribe((updatedStoreValue) => {\n\t\t\tdata.value = updatedStoreValue.data;\n\t\t\tloading.value = updatedStoreValue.loading;\n\t\t\terror.value = updatedStoreValue.error;\n\t\t});\n\t\tif (getCurrentScope()) onScopeDispose(() => {\n\t\t\tunsubscribe();\n\t\t});\n\t\treturn {\n\t\t\tdata,\n\t\t\tloading,\n\t\t\terror\n\t\t};\n\t};\n}\nfunction createVueMutator(hook) {\n\treturn () => {\n\t\tconst store = useStore(hook.mutatorStore);\n\t\tconst mutate = async (args) => {\n\t\t\tconst { body, path, query } = args;\n\t\t\tconst pathParams = {};\n\t\t\tconst queryParams = {};\n\t\t\tfor (const [key, value] of Object.entries(path ?? {})) {\n\t\t\t\tconst v = value;\n\t\t\t\tpathParams[key] = isRef(v) ? v.value : v;\n\t\t\t}\n\t\t\tfor (const [key, value] of Object.entries(query ?? {})) {\n\t\t\t\tconst v = value;\n\t\t\t\tqueryParams[key] = isRef(v) ? v.value : v;\n\t\t\t}\n\t\t\treturn store.value.mutate({\n\t\t\t\tbody,\n\t\t\t\tpath: pathParams,\n\t\t\t\tquery: queryParams\n\t\t\t});\n\t\t};\n\t\treturn {\n\t\t\tmutate,\n\t\t\tloading: computed$1(() => store.value.loading),\n\t\t\terror: computed$1(() => store.value.error),\n\t\t\tdata: computed$1(() => store.value.data)\n\t\t};\n\t};\n}\nfunction createVueStore(hook) {\n\tif (isReadableAtom(hook.obj)) return (() => useStore(hook.obj).value);\n\treturn (() => {\n\t\tconst result = {};\n\t\tfor (const key in hook.obj) {\n\t\t\tif (!Object.prototype.hasOwnProperty.call(hook.obj, key)) continue;\n\t\t\tconst value = hook.obj[key];\n\t\t\tif (isReadableAtom(value)) result[key] = useStore(value).value;\n\t\t\telse result[key] = value;\n\t\t}\n\t\treturn result;\n\t});\n}\nfunction useFragno(clientObj) {\n\tconst result = {};\n\tfor (const key in clientObj) {\n\t\tif (!Object.prototype.hasOwnProperty.call(clientObj, key)) continue;\n\t\tconst hook = clientObj[key];\n\t\tif (isGetHook(hook)) result[key] = createVueHook(hook);\n\t\telse if (isMutatorHook(hook)) result[key] = createVueMutator(hook);\n\t\telse if (isStore(hook)) result[key] = createVueStore(hook);\n\t\telse result[key] = hook;\n\t}\n\treturn result;\n}\nfunction useStore(store) {\n\tconst state = shallowRef();\n\tconst unsubscribe = store.subscribe((value) => {\n\t\tstate.value = value;\n\t});\n\tif (getCurrentScope()) onScopeDispose(unsubscribe);\n\treturn state;\n}\n\n//#endregion\nexport { refToAtom, useFragno, useStore };\n//# sourceMappingURL=vue.js.map","import { useFragno } from \"@fragno-dev/core/vue\";\nimport type { FragnoPublicClientConfig } from \"@fragno-dev/core/client\";\nimport { createPiFragmentClients } from \"..\";\n\nexport function createPiFragmentClient(config: FragnoPublicClientConfig = {}) {\n  return useFragno(createPiFragmentClients(config));\n}\n"],"mappings":"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"}