@mearie/svelte 0.1.1 → 0.2.1

package/dist/index.svelte.cjs

@@ -1,32 +1,7 @@
-//#region rolldown:runtime
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-
-//#endregion
-let __mearie_core = require("@mearie/core");
-__mearie_core = __toESM(__mearie_core);
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+let _mearie_core = require("@mearie/core");
 let svelte = require("svelte");
-svelte = __toESM(svelte);
-let __mearie_core_stream = require("@mearie/core/stream");
-__mearie_core_stream = __toESM(__mearie_core_stream);
+let _mearie_core_stream = require("@mearie/core/stream");
 
 //#region src/client-context.svelte.ts
 const CLIENT_KEY = Symbol("mearie-client");
@@ -41,20 +16,23 @@ const getClient = () => {
 
 //#endregion
 //#region src/create-query.svelte.ts
-const createQuery = (query, ...[variables, options]) => {
+const createQuery = ((query, variables, options) => {
 	const client = getClient();
-	let data = $state();
-	let loading = $state(!options?.().skip);
+	const initialOpts = options?.();
+	let data = $state.raw(initialOpts?.initialData);
+	let loading = $state(!initialOpts?.skip && !initialOpts?.initialData);
 	let error = $state();
 	let unsubscribe = null;
+	let initialized = false;
 	const execute = () => {
 		unsubscribe?.();
 		if (options?.().skip) return;
-		loading = true;
+		if (!initialized && !!initialOpts?.initialData) loading = true;
+		initialized = true;
 		error = void 0;
-		unsubscribe = (0, __mearie_core_stream.pipe)(client.executeQuery(query, typeof variables === "function" ? variables() : void 0, options?.()), (0, __mearie_core_stream.subscribe)({ next: (result) => {
+		unsubscribe = (0, _mearie_core_stream.pipe)(client.executeQuery(query, typeof variables === "function" ? variables() : void 0, options?.()), (0, _mearie_core_stream.subscribe)({ next: (result) => {
 			if (result.errors && result.errors.length > 0) {
-				error = new __mearie_core.AggregatedError(result.errors);
+				error = new _mearie_core.AggregatedError(result.errors);
 				loading = false;
 			} else {
 				data = result.data;
@@ -83,22 +61,22 @@ const createQuery = (query, ...[variables, options]) => {
 		},
 		refetch
 	};
-};
+});
 
 //#endregion
 //#region src/create-subscription.svelte.ts
 const createSubscription = (subscription, ...[variables, options]) => {
 	const client = getClient();
-	let data = $state();
+	let data = $state.raw();
 	let loading = $state(!options?.().skip);
 	let error = $state();
 	$effect(() => {
 		if (options?.().skip) return;
 		loading = true;
 		error = void 0;
-		const unsubscribe = (0, __mearie_core_stream.pipe)(client.executeSubscription(subscription, typeof variables === "function" ? variables() : void 0, options?.()), (0, __mearie_core_stream.subscribe)({ next: (result) => {
+		const unsubscribe = (0, _mearie_core_stream.pipe)(client.executeSubscription(subscription, typeof variables === "function" ? variables() : void 0, options?.()), (0, _mearie_core_stream.subscribe)({ next: (result) => {
 			if (result.errors && result.errors.length > 0) {
-				const err = new __mearie_core.AggregatedError(result.errors);
+				const err = new _mearie_core.AggregatedError(result.errors);
 				error = err;
 				loading = false;
 				options?.().onError?.(err);
@@ -137,9 +115,9 @@ const createMutation = (mutation) => {
 		loading = true;
 		error = void 0;
 		try {
-			const result = await (0, __mearie_core_stream.pipe)(client.executeMutation(mutation, variables, options), __mearie_core_stream.collect);
+			const result = await (0, _mearie_core_stream.pipe)(client.executeMutation(mutation, variables, options), (0, _mearie_core_stream.take)(1), _mearie_core_stream.collect);
 			if (result.errors && result.errors.length > 0) {
-				const err = new __mearie_core.AggregatedError(result.errors);
+				const err = new _mearie_core.AggregatedError(result.errors);
 				error = err;
 				loading = false;
 				throw err;
@@ -148,7 +126,7 @@ const createMutation = (mutation) => {
 			loading = false;
 			return result.data;
 		} catch (err) {
-			if (err instanceof __mearie_core.AggregatedError) error = err;
+			if (err instanceof _mearie_core.AggregatedError) error = err;
 			loading = false;
 			throw err;
 		}
@@ -168,24 +146,34 @@ const createMutation = (mutation) => {
 
 //#endregion
 //#region src/create-fragment.svelte.ts
-const createFragment = (fragment, fragmentRef, options) => {
+const createFragment = ((fragment, fragmentRef, options) => {
 	const client = getClient();
 	const ref = fragmentRef();
-	const result = (0, __mearie_core_stream.pipe)(client.executeFragment(fragment, ref, options?.()), __mearie_core_stream.peek);
-	if (result.data === void 0) throw new Error("Fragment data not found");
-	let data = $state(result.data);
+	let data;
+	if (ref == null) data = null;
+	else {
+		const result = (0, _mearie_core_stream.pipe)(client.executeFragment(fragment, $state.snapshot(ref), options?.()), _mearie_core_stream.peek);
+		if (result.data === void 0) throw new Error("Fragment data not found");
+		data = result.data;
+	}
+	let state = $state(data);
 	$effect(() => {
-		const unsubscribe = (0, __mearie_core_stream.pipe)(client.executeFragment(fragment, fragmentRef(), options?.()), (0, __mearie_core_stream.subscribe)({ next: (result$1) => {
-			if (result$1.data !== void 0) data = result$1.data;
+		const currentRef = fragmentRef();
+		if (currentRef == null) {
+			state = null;
+			return;
+		}
+		const unsubscribe = (0, _mearie_core_stream.pipe)(client.executeFragment(fragment, $state.snapshot(currentRef), options?.()), (0, _mearie_core_stream.subscribe)({ next: (result) => {
+			if (result.data !== void 0) state = result.data;
 		} }));
 		return () => {
 			unsubscribe();
 		};
 	});
 	return { get data() {
-		return data;
+		return state;
 	} };
-};
+});
 
 //#endregion
 exports.createFragment = createFragment;
@@ -194,9 +182,9 @@ exports.createQuery = createQuery;
 exports.createSubscription = createSubscription;
 exports.getClient = getClient;
 exports.setClient = setClient;
-Object.keys(__mearie_core).forEach(function (k) {
+Object.keys(_mearie_core).forEach(function (k) {
   if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: function () { return __mearie_core[k]; }
+    get: function () { return _mearie_core[k]; }
   });
 });

package/dist/index.svelte.d.cts

@@ -6,7 +6,7 @@ declare const setClient: <TMeta extends SchemaMeta = SchemaMeta>(client: Client<
 declare const getClient: <TMeta extends SchemaMeta = SchemaMeta>() => Client<TMeta>;
 //#endregion
 //#region src/create-query.svelte.d.ts
-type CreateQueryOptions = QueryOptions & {
+type CreateQueryOptions<T extends Artifact<'query'> = Artifact<'query'>> = QueryOptions<T> & {
   skip?: boolean;
 };
 type Query<T extends Artifact<'query'>> = {
@@ -25,7 +25,29 @@ type Query<T extends Artifact<'query'>> = {
   error: AggregatedError;
   refetch: () => void;
 };
-declare const createQuery: <T extends Artifact<"query">>(query: T, ...[variables, options]: VariablesOf<T> extends Record<string, never> ? [undefined?, (() => CreateQueryOptions)?] : [() => VariablesOf<T>, (() => CreateQueryOptions)?]) => Query<T>;
+type DefinedQuery<T extends Artifact<'query'>> = {
+  data: DataOf<T>;
+  loading: true;
+  error: undefined;
+  refetch: () => void;
+} | {
+  data: DataOf<T>;
+  loading: false;
+  error: undefined;
+  refetch: () => void;
+} | {
+  data: DataOf<T>;
+  loading: false;
+  error: AggregatedError;
+  refetch: () => void;
+};
+type CreateQueryFn = {
+  <T extends Artifact<'query'>>(query: T, variables: (() => VariablesOf<T>) | undefined, options: () => CreateQueryOptions<T> & {
+    initialData: DataOf<T>;
+  }): DefinedQuery<T>;
+  <T extends Artifact<'query'>>(query: T, ...[variables, options]: VariablesOf<T> extends Record<string, never> ? [undefined?, (() => CreateQueryOptions<T>)?] : [() => VariablesOf<T>, (() => CreateQueryOptions<T>)?]): Query<T>;
+};
+declare const createQuery: CreateQueryFn;
 //#endregion
 //#region src/create-subscription.svelte.d.ts
 type Subscription<T extends Artifact<'subscription'>> = {
@@ -71,6 +93,17 @@ type CreateFragmentOptions = FragmentOptions;
 type Fragment<T extends Artifact<'fragment'>> = {
   data: DataOf<T>;
 };
-declare const createFragment: <T extends Artifact<"fragment">>(fragment: T, fragmentRef: () => FragmentRefs<T["name"]>, options?: () => CreateFragmentOptions) => Fragment<T>;
+type FragmentList<T extends Artifact<'fragment'>> = {
+  data: DataOf<T>[];
+};
+type OptionalFragment<T extends Artifact<'fragment'>> = {
+  data: DataOf<T> | null;
+};
+type CreateFragmentFn = {
+  <T extends Artifact<'fragment'>>(fragment: T, fragmentRef: () => FragmentRefs<T['name']>[], options?: () => CreateFragmentOptions): FragmentList<T>;
+  <T extends Artifact<'fragment'>>(fragment: T, fragmentRef: () => FragmentRefs<T['name']>, options?: () => CreateFragmentOptions): Fragment<T>;
+  <T extends Artifact<'fragment'>>(fragment: T, fragmentRef: () => FragmentRefs<T['name']> | null | undefined, options?: () => CreateFragmentOptions): OptionalFragment<T>;
+};
+declare const createFragment: CreateFragmentFn;
 //#endregion
-export { type CreateFragmentOptions, type CreateMutationOptions, type CreateQueryOptions, type CreateSubscriptionOptions, type Fragment, type Mutation, type MutationResult, type Query, type Subscription, createFragment, createMutation, createQuery, createSubscription, getClient, setClient };
+export { type CreateFragmentOptions, type CreateMutationOptions, type CreateQueryOptions, type CreateSubscriptionOptions, type DefinedQuery, type Fragment, type FragmentList, type Mutation, type MutationResult, type OptionalFragment, type Query, type Subscription, createFragment, createMutation, createQuery, createSubscription, getClient, setClient };

package/dist/{index.svelte.d.ts → index.svelte.d.mts}

@@ -6,7 +6,7 @@ declare const setClient: <TMeta extends SchemaMeta = SchemaMeta>(client: Client<
 declare const getClient: <TMeta extends SchemaMeta = SchemaMeta>() => Client<TMeta>;
 //#endregion
 //#region src/create-query.svelte.d.ts
-type CreateQueryOptions = QueryOptions & {
+type CreateQueryOptions<T extends Artifact<'query'> = Artifact<'query'>> = QueryOptions<T> & {
   skip?: boolean;
 };
 type Query<T extends Artifact<'query'>> = {
@@ -25,7 +25,29 @@ type Query<T extends Artifact<'query'>> = {
   error: AggregatedError;
   refetch: () => void;
 };
-declare const createQuery: <T extends Artifact<"query">>(query: T, ...[variables, options]: VariablesOf<T> extends Record<string, never> ? [undefined?, (() => CreateQueryOptions)?] : [() => VariablesOf<T>, (() => CreateQueryOptions)?]) => Query<T>;
+type DefinedQuery<T extends Artifact<'query'>> = {
+  data: DataOf<T>;
+  loading: true;
+  error: undefined;
+  refetch: () => void;
+} | {
+  data: DataOf<T>;
+  loading: false;
+  error: undefined;
+  refetch: () => void;
+} | {
+  data: DataOf<T>;
+  loading: false;
+  error: AggregatedError;
+  refetch: () => void;
+};
+type CreateQueryFn = {
+  <T extends Artifact<'query'>>(query: T, variables: (() => VariablesOf<T>) | undefined, options: () => CreateQueryOptions<T> & {
+    initialData: DataOf<T>;
+  }): DefinedQuery<T>;
+  <T extends Artifact<'query'>>(query: T, ...[variables, options]: VariablesOf<T> extends Record<string, never> ? [undefined?, (() => CreateQueryOptions<T>)?] : [() => VariablesOf<T>, (() => CreateQueryOptions<T>)?]): Query<T>;
+};
+declare const createQuery: CreateQueryFn;
 //#endregion
 //#region src/create-subscription.svelte.d.ts
 type Subscription<T extends Artifact<'subscription'>> = {
@@ -71,6 +93,17 @@ type CreateFragmentOptions = FragmentOptions;
 type Fragment<T extends Artifact<'fragment'>> = {
   data: DataOf<T>;
 };
-declare const createFragment: <T extends Artifact<"fragment">>(fragment: T, fragmentRef: () => FragmentRefs<T["name"]>, options?: () => CreateFragmentOptions) => Fragment<T>;
+type FragmentList<T extends Artifact<'fragment'>> = {
+  data: DataOf<T>[];
+};
+type OptionalFragment<T extends Artifact<'fragment'>> = {
+  data: DataOf<T> | null;
+};
+type CreateFragmentFn = {
+  <T extends Artifact<'fragment'>>(fragment: T, fragmentRef: () => FragmentRefs<T['name']>[], options?: () => CreateFragmentOptions): FragmentList<T>;
+  <T extends Artifact<'fragment'>>(fragment: T, fragmentRef: () => FragmentRefs<T['name']>, options?: () => CreateFragmentOptions): Fragment<T>;
+  <T extends Artifact<'fragment'>>(fragment: T, fragmentRef: () => FragmentRefs<T['name']> | null | undefined, options?: () => CreateFragmentOptions): OptionalFragment<T>;
+};
+declare const createFragment: CreateFragmentFn;
 //#endregion
-export { type CreateFragmentOptions, type CreateMutationOptions, type CreateQueryOptions, type CreateSubscriptionOptions, type Fragment, type Mutation, type MutationResult, type Query, type Subscription, createFragment, createMutation, createQuery, createSubscription, getClient, setClient };
+export { type CreateFragmentOptions, type CreateMutationOptions, type CreateQueryOptions, type CreateSubscriptionOptions, type DefinedQuery, type Fragment, type FragmentList, type Mutation, type MutationResult, type OptionalFragment, type Query, type Subscription, createFragment, createMutation, createQuery, createSubscription, getClient, setClient };

package/dist/{index.svelte.js → index.svelte.mjs}

@@ -1,6 +1,6 @@
 import { AggregatedError } from "@mearie/core";
 import { getContext, setContext, untrack } from "svelte";
-import { collect, peek, pipe, subscribe } from "@mearie/core/stream";
+import { collect, peek, pipe, subscribe, take } from "@mearie/core/stream";
 
 export * from "@mearie/core"
 
@@ -17,16 +17,19 @@ const getClient = () => {
 
 //#endregion
 //#region src/create-query.svelte.ts
-const createQuery = (query, ...[variables, options]) => {
+const createQuery = ((query, variables, options) => {
 	const client = getClient();
-	let data = $state();
-	let loading = $state(!options?.().skip);
+	const initialOpts = options?.();
+	let data = $state.raw(initialOpts?.initialData);
+	let loading = $state(!initialOpts?.skip && !initialOpts?.initialData);
 	let error = $state();
 	let unsubscribe = null;
+	let initialized = false;
 	const execute = () => {
 		unsubscribe?.();
 		if (options?.().skip) return;
-		loading = true;
+		if (!initialized && !!initialOpts?.initialData) loading = true;
+		initialized = true;
 		error = void 0;
 		unsubscribe = pipe(client.executeQuery(query, typeof variables === "function" ? variables() : void 0, options?.()), subscribe({ next: (result) => {
 			if (result.errors && result.errors.length > 0) {
@@ -59,13 +62,13 @@ const createQuery = (query, ...[variables, options]) => {
 		},
 		refetch
 	};
-};
+});
 
 //#endregion
 //#region src/create-subscription.svelte.ts
 const createSubscription = (subscription, ...[variables, options]) => {
 	const client = getClient();
-	let data = $state();
+	let data = $state.raw();
 	let loading = $state(!options?.().skip);
 	let error = $state();
 	$effect(() => {
@@ -113,7 +116,7 @@ const createMutation = (mutation) => {
 		loading = true;
 		error = void 0;
 		try {
-			const result = await pipe(client.executeMutation(mutation, variables, options), collect);
+			const result = await pipe(client.executeMutation(mutation, variables, options), take(1), collect);
 			if (result.errors && result.errors.length > 0) {
 				const err = new AggregatedError(result.errors);
 				error = err;
@@ -144,24 +147,34 @@ const createMutation = (mutation) => {
 
 //#endregion
 //#region src/create-fragment.svelte.ts
-const createFragment = (fragment, fragmentRef, options) => {
+const createFragment = ((fragment, fragmentRef, options) => {
 	const client = getClient();
 	const ref = fragmentRef();
-	const result = pipe(client.executeFragment(fragment, ref, options?.()), peek);
-	if (result.data === void 0) throw new Error("Fragment data not found");
-	let data = $state(result.data);
+	let data;
+	if (ref == null) data = null;
+	else {
+		const result = pipe(client.executeFragment(fragment, $state.snapshot(ref), options?.()), peek);
+		if (result.data === void 0) throw new Error("Fragment data not found");
+		data = result.data;
+	}
+	let state = $state(data);
 	$effect(() => {
-		const unsubscribe = pipe(client.executeFragment(fragment, fragmentRef(), options?.()), subscribe({ next: (result$1) => {
-			if (result$1.data !== void 0) data = result$1.data;
+		const currentRef = fragmentRef();
+		if (currentRef == null) {
+			state = null;
+			return;
+		}
+		const unsubscribe = pipe(client.executeFragment(fragment, $state.snapshot(currentRef), options?.()), subscribe({ next: (result) => {
+			if (result.data !== void 0) state = result.data;
 		} }));
 		return () => {
 			unsubscribe();
 		};
 	});
 	return { get data() {
-		return data;
+		return state;
 	} };
-};
+});
 
 //#endregion
 export { createFragment, createMutation, createQuery, createSubscription, getClient, setClient };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mearie/svelte",
-  "version": "0.1.1",
+  "version": "0.2.1",
   "description": "Type-safe, zero-overhead GraphQL client",
   "keywords": [
     "graphql",
@@ -28,9 +28,14 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/index.svelte.d.ts",
-      "import": "./dist/index.svelte.js",
-      "require": "./dist/index.svelte.cjs"
+      "import": {
+        "types": "./dist/index.svelte.d.mts",
+        "default": "./dist/index.svelte.mjs"
+      },
+      "require": {
+        "types": "./dist/index.svelte.d.cts",
+        "default": "./dist/index.svelte.cjs"
+      }
     },
     "./package.json": "./package.json"
   },
@@ -40,11 +45,11 @@
     "README.md"
   ],
   "dependencies": {
-    "@mearie/core": "0.1.2"
+    "@mearie/core": "0.2.1"
   },
   "devDependencies": {
-    "svelte": "^5.43.0",
-    "tsdown": "^0.15.12",
+    "svelte": "^5.53.3",
+    "tsdown": "^0.20.3",
     "typescript": "^5.9.3"
   },
   "peerDependencies": {
@@ -63,6 +68,6 @@
     "typecheck": "tsc"
   },
   "main": "./dist/index.svelte.cjs",
-  "module": "./dist/index.svelte.js",
-  "types": "./dist/index.svelte.d.ts"
+  "module": "./dist/index.svelte.mjs",
+  "types": "./dist/index.svelte.d.mts"
 }