@mearie/solid 0.0.1-next.1 → 0.0.1-next.4

package/README.md

@@ -2,33 +2,44 @@
 
 Solid bindings for Mearie GraphQL client.
 
-This package provides Solid primitives and components for using Mearie in Solid
-applications.
+This package provides Solid primitives, components, and the GraphQL client
+runtime for using Mearie in Solid applications.
 
 ## Installation
 
 ```bash
-npm install mearie @mearie/solid
+npm install -D mearie
+npm install @mearie/solid
 ```
 
+The `mearie` package provides build-time code generation, while `@mearie/solid`
+includes the runtime client and Solid-specific primitives.
+
 ## Usage
 
+First, create a client and wrap your app with the provider:
+
 ```tsx
+// src/App.tsx
 import { type Component } from 'solid-js';
-import { createClient, httpLink, cacheLink, graphql } from 'mearie';
-import { ClientProvider, createQuery } from '@mearie/solid';
+import { createClient, httpLink, cacheLink, ClientProvider } from '@mearie/solid';
 
 const client = createClient({
   links: [cacheLink(), httpLink({ url: 'https://api.example.com/graphql' })],
 });
 
 const App: Component = () => {
-  return (
-    <ClientProvider client={client}>
-      <UserProfile userId="1" />
-    </ClientProvider>
-  );
+  return <ClientProvider client={client}>{/* Your app components */}</ClientProvider>;
 };
+```
+
+Then use it in your components:
+
+```tsx
+// src/components/UserProfile.tsx
+import { type Component } from 'solid-js';
+import { graphql } from '$mearie';
+import { createQuery } from '@mearie/solid';
 
 interface UserProfileProps {
   userId: string;

package/dist/index.cjs

@@ -21,8 +21,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 }) : target, mod));
 
 //#endregion
+let __mearie_core = require("@mearie/core");
+__mearie_core = __toESM(__mearie_core);
 let solid_js = require("solid-js");
 solid_js = __toESM(solid_js);
+let __mearie_core_stream = require("@mearie/core/stream");
+__mearie_core_stream = __toESM(__mearie_core_stream);
 
 //#region src/client-provider.tsx
 const ClientContext = (0, solid_js.createContext)();
@@ -37,10 +41,37 @@ const useClient = () => {
 
 //#endregion
 //#region src/create-query.ts
-const createQuery = (document, variables) => {
-	const [data] = (0, solid_js.createSignal)();
-	const [loading] = (0, solid_js.createSignal)(true);
-	const [error] = (0, solid_js.createSignal)();
+const createQuery = (query, ...[variables, options]) => {
+	const client = useClient();
+	const [data, setData] = (0, solid_js.createSignal)();
+	const [loading, setLoading] = (0, solid_js.createSignal)(!options?.()?.skip);
+	const [error, setError] = (0, solid_js.createSignal)();
+	let unsubscribe = null;
+	const execute = () => {
+		unsubscribe?.();
+		if (options?.()?.skip) return;
+		setLoading(true);
+		setError(void 0);
+		unsubscribe = (0, __mearie_core_stream.pipe)(client.executeQuery(query, typeof variables === "function" ? variables() : variables, options?.()), (0, __mearie_core_stream.subscribe)({ next: (result) => {
+			if (result.errors && result.errors.length > 0) {
+				setError(new __mearie_core.AggregatedError(result.errors));
+				setLoading(false);
+			} else {
+				setData(() => result.data);
+				setLoading(false);
+				setError(void 0);
+			}
+		} }));
+	};
+	const refetch = () => {
+		(0, solid_js.untrack)(execute);
+	};
+	(0, solid_js.createEffect)(() => {
+		execute();
+		(0, solid_js.onCleanup)(() => {
+			unsubscribe?.();
+		});
+	});
 	return {
 		get data() {
 			return data();
@@ -51,16 +82,39 @@ const createQuery = (document, variables) => {
 		get error() {
 			return error();
 		},
-		refetch: () => {}
+		refetch
 	};
 };
 
 //#endregion
 //#region src/create-subscription.ts
-const createSubscription = (document, variables, options) => {
-	const [data] = (0, solid_js.createSignal)();
-	const [loading] = (0, solid_js.createSignal)(true);
-	const [error] = (0, solid_js.createSignal)();
+const createSubscription = (subscription, ...[variables, options]) => {
+	const client = useClient();
+	const [data, setData] = (0, solid_js.createSignal)();
+	const [loading, setLoading] = (0, solid_js.createSignal)(!options?.()?.skip);
+	const [error, setError] = (0, solid_js.createSignal)();
+	(0, solid_js.createEffect)(() => {
+		if (options?.()?.skip) return;
+		setLoading(true);
+		setError(void 0);
+		const unsubscribe = (0, __mearie_core_stream.pipe)(client.executeSubscription(subscription, typeof variables === "function" ? variables() : variables, options?.()), (0, __mearie_core_stream.subscribe)({ next: (result) => {
+			if (result.errors && result.errors.length > 0) {
+				const err = new __mearie_core.AggregatedError(result.errors);
+				setError(err);
+				setLoading(false);
+				options?.()?.onError?.(err);
+			} else {
+				const resultData = result.data;
+				setData(() => resultData);
+				setLoading(false);
+				setError(void 0);
+				options?.()?.onData?.(resultData);
+			}
+		} }));
+		(0, solid_js.onCleanup)(() => {
+			unsubscribe();
+		});
+	});
 	return {
 		get data() {
 			return data();
@@ -76,11 +130,32 @@ const createSubscription = (document, variables, options) => {
 
 //#endregion
 //#region src/create-mutation.ts
-const createMutation = (document) => {
-	const [data] = (0, solid_js.createSignal)();
-	const [loading] = (0, solid_js.createSignal)(false);
-	const [error] = (0, solid_js.createSignal)();
-	return {
+const createMutation = (mutation) => {
+	const client = useClient();
+	const [data, setData] = (0, solid_js.createSignal)();
+	const [loading, setLoading] = (0, solid_js.createSignal)(false);
+	const [error, setError] = (0, solid_js.createSignal)();
+	const execute = async (variables, options) => {
+		setLoading(true);
+		setError(void 0);
+		try {
+			const result = await (0, __mearie_core_stream.pipe)(client.executeMutation(mutation, variables, options), __mearie_core_stream.collect);
+			if (result.errors && result.errors.length > 0) {
+				const err = new __mearie_core.AggregatedError(result.errors);
+				setError(err);
+				setLoading(false);
+				throw err;
+			}
+			setData(() => result.data);
+			setLoading(false);
+			return result.data;
+		} catch (err) {
+			if (err instanceof __mearie_core.AggregatedError) setError(err);
+			setLoading(false);
+			throw err;
+		}
+	};
+	return [execute, {
 		get data() {
 			return data();
 		},
@@ -89,15 +164,28 @@ const createMutation = (document) => {
 		},
 		get error() {
 			return error();
-		},
-		mutate: async () => ({})
-	};
+		}
+	}];
 };
 
 //#endregion
 //#region src/create-fragment.ts
-const createFragment = (document, fragmentRef) => {
-	return (0, solid_js.createMemo)(() => ({}));
+const createFragment = (fragment, fragmentRef, options) => {
+	const client = useClient();
+	const result = (0, __mearie_core_stream.pipe)(client.executeFragment(fragment, fragmentRef(), options?.()), __mearie_core_stream.peek);
+	if (result.data === void 0) throw new Error("Fragment data not found");
+	const [data, setData] = (0, solid_js.createSignal)(result.data);
+	(0, solid_js.createEffect)(() => {
+		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) setData(() => result$1.data);
+		} }));
+		(0, solid_js.onCleanup)(() => {
+			unsubscribe();
+		});
+	});
+	return { get data() {
+		return data();
+	} };
 };
 
 //#endregion
@@ -106,4 +194,10 @@ exports.createFragment = createFragment;
 exports.createMutation = createMutation;
 exports.createQuery = createQuery;
 exports.createSubscription = createSubscription;
-exports.useClient = useClient;
+exports.useClient = useClient;
+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]; }
+  });
+});

package/dist/index.d.cts

@@ -1,5 +1,6 @@
+import { AggregatedError, Artifact, Client, DataOf, FragmentOptions, FragmentRefs, MutationOptions, QueryOptions, SubscriptionOptions, VariablesOf } from "@mearie/core";
 import { Accessor, JSX } from "solid-js";
-import { Client, DataOf, DocumentNode, FragmentRef, VariablesOf } from "@mearie/core";
+export * from "@mearie/core";
 
 //#region src/client-provider.d.ts
 type ClientProviderProps = {
@@ -10,65 +11,71 @@ declare const ClientProvider: (props: ClientProviderProps) => JSX.Element;
 declare const useClient: () => Client;
 //#endregion
 //#region src/create-query.d.ts
-type CreateQueryReturn<Document$1 extends DocumentNode> = {
+type CreateQueryOptions = QueryOptions & {
+  skip?: boolean;
+};
+type Query<T extends Artifact<'query'>> = {
   data: undefined;
   loading: true;
   error: undefined;
   refetch: () => void;
 } | {
-  data: DataOf<Document$1>;
+  data: DataOf<T>;
   loading: false;
   error: undefined;
   refetch: () => void;
 } | {
-  data: DataOf<Document$1> | undefined;
+  data: DataOf<T> | undefined;
   loading: false;
-  error: Error;
+  error: AggregatedError;
   refetch: () => void;
 };
-declare const createQuery: <Document extends DocumentNode>(document: Document, variables: Accessor<VariablesOf<Document>>) => CreateQueryReturn<Document>;
+declare const createQuery: <T extends Artifact<"query">>(query: T, ...[variables, options]: VariablesOf<T> extends undefined ? [undefined?, Accessor<CreateQueryOptions>?] : [Accessor<VariablesOf<T>>, Accessor<CreateQueryOptions>?]) => Query<T>;
 //#endregion
 //#region src/create-subscription.d.ts
-type CreateSubscriptionReturn<Document$1 extends DocumentNode> = {
+type Subscription<T extends Artifact<'subscription'>> = {
   data: undefined;
   loading: true;
   error: undefined;
 } | {
-  data: DataOf<Document$1>;
+  data: DataOf<T> | undefined;
   loading: false;
   error: undefined;
 } | {
-  data: DataOf<Document$1> | undefined;
+  data: DataOf<T> | undefined;
   loading: false;
-  error: Error;
+  error: AggregatedError;
 };
-type CreateSubscriptionOptions<Document$1 extends DocumentNode> = {
-  onData?: (data: DataOf<Document$1>) => void;
-  onError?: (error: Error) => void;
+type CreateSubscriptionOptions<T extends Artifact<'subscription'>> = SubscriptionOptions & {
+  skip?: boolean;
+  onData?: (data: DataOf<T>) => void;
+  onError?: (error: AggregatedError) => void;
 };
-declare const createSubscription: <Document extends DocumentNode>(document: Document, variables: Accessor<VariablesOf<Document>>, options?: CreateSubscriptionOptions<Document>) => CreateSubscriptionReturn<Document>;
+declare const createSubscription: <T extends Artifact<"subscription">>(subscription: T, ...[variables, options]: VariablesOf<T> extends undefined ? [undefined?, Accessor<CreateSubscriptionOptions<T>>?] : [Accessor<VariablesOf<T>>, Accessor<CreateSubscriptionOptions<T>>?]) => Subscription<T>;
 //#endregion
 //#region src/create-mutation.d.ts
-type CreateMutationReturn<Document$1 extends DocumentNode> = {
+type MutationResult<T extends Artifact<'mutation'>> = {
   data: undefined;
   loading: true;
   error: undefined;
-  mutate: (variables: VariablesOf<Document$1>) => Promise<DataOf<Document$1>>;
 } | {
-  data: DataOf<Document$1>;
+  data: DataOf<T> | undefined;
   loading: false;
   error: undefined;
-  mutate: (variables: VariablesOf<Document$1>) => Promise<DataOf<Document$1>>;
 } | {
-  data: DataOf<Document$1> | undefined;
+  data: DataOf<T> | undefined;
   loading: false;
-  error: Error;
-  mutate: (variables: VariablesOf<Document$1>) => Promise<DataOf<Document$1>>;
+  error: AggregatedError;
 };
-declare const createMutation: <Document extends DocumentNode>(document: Document) => CreateMutationReturn<Document>;
+type CreateMutationOptions = MutationOptions;
+type Mutation<T extends Artifact<'mutation'>> = [(...[variables, options]: VariablesOf<T> extends undefined ? [undefined?, CreateMutationOptions?] : [VariablesOf<T>, CreateMutationOptions?]) => Promise<DataOf<T>>, MutationResult<T>];
+declare const createMutation: <T extends Artifact<"mutation">>(mutation: T) => Mutation<T>;
 //#endregion
 //#region src/create-fragment.d.ts
-type CreateFragmentReturn<Document$1 extends DocumentNode> = Accessor<DataOf<Document$1>>;
-declare const createFragment: <Document extends DocumentNode>(document: Document, fragmentRef: Accessor<FragmentRef<Document>>) => CreateFragmentReturn<Document>;
+type CreateFragmentOptions = FragmentOptions;
+type Fragment<T extends Artifact<'fragment'>> = {
+  data: DataOf<T>;
+};
+declare const createFragment: <T extends Artifact<"fragment">>(fragment: T, fragmentRef: Accessor<FragmentRefs<T["name"]>>, options?: Accessor<CreateFragmentOptions>) => Fragment<T>;
 //#endregion
-export { ClientProvider, type ClientProviderProps, type CreateFragmentReturn, type CreateMutationReturn, type CreateQueryReturn, type CreateSubscriptionOptions, type CreateSubscriptionReturn, createFragment, createMutation, createQuery, createSubscription, useClient };
+export { ClientProvider, type ClientProviderProps, type CreateFragmentOptions, type CreateMutationOptions, type CreateQueryOptions, type CreateSubscriptionOptions, type Fragment, type Mutation, type MutationResult, type Query, type Subscription, createFragment, createMutation, createQuery, createSubscription, useClient };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
+import { AggregatedError, Artifact, Client, DataOf, FragmentOptions, FragmentRefs, MutationOptions, QueryOptions, SubscriptionOptions, VariablesOf } from "@mearie/core";
 import { Accessor, JSX } from "solid-js";
-import { Client, DataOf, DocumentNode, FragmentRef, VariablesOf } from "@mearie/core";
+export * from "@mearie/core";
 
 //#region src/client-provider.d.ts
 type ClientProviderProps = {
@@ -10,65 +11,71 @@ declare const ClientProvider: (props: ClientProviderProps) => JSX.Element;
 declare const useClient: () => Client;
 //#endregion
 //#region src/create-query.d.ts
-type CreateQueryReturn<Document$1 extends DocumentNode> = {
+type CreateQueryOptions = QueryOptions & {
+  skip?: boolean;
+};
+type Query<T extends Artifact<'query'>> = {
   data: undefined;
   loading: true;
   error: undefined;
   refetch: () => void;
 } | {
-  data: DataOf<Document$1>;
+  data: DataOf<T>;
   loading: false;
   error: undefined;
   refetch: () => void;
 } | {
-  data: DataOf<Document$1> | undefined;
+  data: DataOf<T> | undefined;
   loading: false;
-  error: Error;
+  error: AggregatedError;
   refetch: () => void;
 };
-declare const createQuery: <Document extends DocumentNode>(document: Document, variables: Accessor<VariablesOf<Document>>) => CreateQueryReturn<Document>;
+declare const createQuery: <T extends Artifact<"query">>(query: T, ...[variables, options]: VariablesOf<T> extends undefined ? [undefined?, Accessor<CreateQueryOptions>?] : [Accessor<VariablesOf<T>>, Accessor<CreateQueryOptions>?]) => Query<T>;
 //#endregion
 //#region src/create-subscription.d.ts
-type CreateSubscriptionReturn<Document$1 extends DocumentNode> = {
+type Subscription<T extends Artifact<'subscription'>> = {
   data: undefined;
   loading: true;
   error: undefined;
 } | {
-  data: DataOf<Document$1>;
+  data: DataOf<T> | undefined;
   loading: false;
   error: undefined;
 } | {
-  data: DataOf<Document$1> | undefined;
+  data: DataOf<T> | undefined;
   loading: false;
-  error: Error;
+  error: AggregatedError;
 };
-type CreateSubscriptionOptions<Document$1 extends DocumentNode> = {
-  onData?: (data: DataOf<Document$1>) => void;
-  onError?: (error: Error) => void;
+type CreateSubscriptionOptions<T extends Artifact<'subscription'>> = SubscriptionOptions & {
+  skip?: boolean;
+  onData?: (data: DataOf<T>) => void;
+  onError?: (error: AggregatedError) => void;
 };
-declare const createSubscription: <Document extends DocumentNode>(document: Document, variables: Accessor<VariablesOf<Document>>, options?: CreateSubscriptionOptions<Document>) => CreateSubscriptionReturn<Document>;
+declare const createSubscription: <T extends Artifact<"subscription">>(subscription: T, ...[variables, options]: VariablesOf<T> extends undefined ? [undefined?, Accessor<CreateSubscriptionOptions<T>>?] : [Accessor<VariablesOf<T>>, Accessor<CreateSubscriptionOptions<T>>?]) => Subscription<T>;
 //#endregion
 //#region src/create-mutation.d.ts
-type CreateMutationReturn<Document$1 extends DocumentNode> = {
+type MutationResult<T extends Artifact<'mutation'>> = {
   data: undefined;
   loading: true;
   error: undefined;
-  mutate: (variables: VariablesOf<Document$1>) => Promise<DataOf<Document$1>>;
 } | {
-  data: DataOf<Document$1>;
+  data: DataOf<T> | undefined;
   loading: false;
   error: undefined;
-  mutate: (variables: VariablesOf<Document$1>) => Promise<DataOf<Document$1>>;
 } | {
-  data: DataOf<Document$1> | undefined;
+  data: DataOf<T> | undefined;
   loading: false;
-  error: Error;
-  mutate: (variables: VariablesOf<Document$1>) => Promise<DataOf<Document$1>>;
+  error: AggregatedError;
 };
-declare const createMutation: <Document extends DocumentNode>(document: Document) => CreateMutationReturn<Document>;
+type CreateMutationOptions = MutationOptions;
+type Mutation<T extends Artifact<'mutation'>> = [(...[variables, options]: VariablesOf<T> extends undefined ? [undefined?, CreateMutationOptions?] : [VariablesOf<T>, CreateMutationOptions?]) => Promise<DataOf<T>>, MutationResult<T>];
+declare const createMutation: <T extends Artifact<"mutation">>(mutation: T) => Mutation<T>;
 //#endregion
 //#region src/create-fragment.d.ts
-type CreateFragmentReturn<Document$1 extends DocumentNode> = Accessor<DataOf<Document$1>>;
-declare const createFragment: <Document extends DocumentNode>(document: Document, fragmentRef: Accessor<FragmentRef<Document>>) => CreateFragmentReturn<Document>;
+type CreateFragmentOptions = FragmentOptions;
+type Fragment<T extends Artifact<'fragment'>> = {
+  data: DataOf<T>;
+};
+declare const createFragment: <T extends Artifact<"fragment">>(fragment: T, fragmentRef: Accessor<FragmentRefs<T["name"]>>, options?: Accessor<CreateFragmentOptions>) => Fragment<T>;
 //#endregion
-export { ClientProvider, type ClientProviderProps, type CreateFragmentReturn, type CreateMutationReturn, type CreateQueryReturn, type CreateSubscriptionOptions, type CreateSubscriptionReturn, createFragment, createMutation, createQuery, createSubscription, useClient };
+export { ClientProvider, type ClientProviderProps, type CreateFragmentOptions, type CreateMutationOptions, type CreateQueryOptions, type CreateSubscriptionOptions, type Fragment, type Mutation, type MutationResult, type Query, type Subscription, createFragment, createMutation, createQuery, createSubscription, useClient };

package/dist/index.js

@@ -1,4 +1,8 @@
-import { createContext, createMemo, createSignal, useContext } from "solid-js";
+import { AggregatedError } from "@mearie/core";
+import { createContext, createEffect, createSignal, onCleanup, untrack, useContext } from "solid-js";
+import { collect, peek, pipe, subscribe } from "@mearie/core/stream";
+
+export * from "@mearie/core"
 
 //#region src/client-provider.tsx
 const ClientContext = createContext();
@@ -13,10 +17,37 @@ const useClient = () => {
 
 //#endregion
 //#region src/create-query.ts
-const createQuery = (document, variables) => {
-	const [data] = createSignal();
-	const [loading] = createSignal(true);
-	const [error] = createSignal();
+const createQuery = (query, ...[variables, options]) => {
+	const client = useClient();
+	const [data, setData] = createSignal();
+	const [loading, setLoading] = createSignal(!options?.()?.skip);
+	const [error, setError] = createSignal();
+	let unsubscribe = null;
+	const execute = () => {
+		unsubscribe?.();
+		if (options?.()?.skip) return;
+		setLoading(true);
+		setError(void 0);
+		unsubscribe = pipe(client.executeQuery(query, typeof variables === "function" ? variables() : variables, options?.()), subscribe({ next: (result) => {
+			if (result.errors && result.errors.length > 0) {
+				setError(new AggregatedError(result.errors));
+				setLoading(false);
+			} else {
+				setData(() => result.data);
+				setLoading(false);
+				setError(void 0);
+			}
+		} }));
+	};
+	const refetch = () => {
+		untrack(execute);
+	};
+	createEffect(() => {
+		execute();
+		onCleanup(() => {
+			unsubscribe?.();
+		});
+	});
 	return {
 		get data() {
 			return data();
@@ -27,16 +58,39 @@ const createQuery = (document, variables) => {
 		get error() {
 			return error();
 		},
-		refetch: () => {}
+		refetch
 	};
 };
 
 //#endregion
 //#region src/create-subscription.ts
-const createSubscription = (document, variables, options) => {
-	const [data] = createSignal();
-	const [loading] = createSignal(true);
-	const [error] = createSignal();
+const createSubscription = (subscription, ...[variables, options]) => {
+	const client = useClient();
+	const [data, setData] = createSignal();
+	const [loading, setLoading] = createSignal(!options?.()?.skip);
+	const [error, setError] = createSignal();
+	createEffect(() => {
+		if (options?.()?.skip) return;
+		setLoading(true);
+		setError(void 0);
+		const unsubscribe = pipe(client.executeSubscription(subscription, typeof variables === "function" ? variables() : variables, options?.()), subscribe({ next: (result) => {
+			if (result.errors && result.errors.length > 0) {
+				const err = new AggregatedError(result.errors);
+				setError(err);
+				setLoading(false);
+				options?.()?.onError?.(err);
+			} else {
+				const resultData = result.data;
+				setData(() => resultData);
+				setLoading(false);
+				setError(void 0);
+				options?.()?.onData?.(resultData);
+			}
+		} }));
+		onCleanup(() => {
+			unsubscribe();
+		});
+	});
 	return {
 		get data() {
 			return data();
@@ -52,11 +106,32 @@ const createSubscription = (document, variables, options) => {
 
 //#endregion
 //#region src/create-mutation.ts
-const createMutation = (document) => {
-	const [data] = createSignal();
-	const [loading] = createSignal(false);
-	const [error] = createSignal();
-	return {
+const createMutation = (mutation) => {
+	const client = useClient();
+	const [data, setData] = createSignal();
+	const [loading, setLoading] = createSignal(false);
+	const [error, setError] = createSignal();
+	const execute = async (variables, options) => {
+		setLoading(true);
+		setError(void 0);
+		try {
+			const result = await pipe(client.executeMutation(mutation, variables, options), collect);
+			if (result.errors && result.errors.length > 0) {
+				const err = new AggregatedError(result.errors);
+				setError(err);
+				setLoading(false);
+				throw err;
+			}
+			setData(() => result.data);
+			setLoading(false);
+			return result.data;
+		} catch (err) {
+			if (err instanceof AggregatedError) setError(err);
+			setLoading(false);
+			throw err;
+		}
+	};
+	return [execute, {
 		get data() {
 			return data();
 		},
@@ -65,15 +140,28 @@ const createMutation = (document) => {
 		},
 		get error() {
 			return error();
-		},
-		mutate: async () => ({})
-	};
+		}
+	}];
 };
 
 //#endregion
 //#region src/create-fragment.ts
-const createFragment = (document, fragmentRef) => {
-	return createMemo(() => ({}));
+const createFragment = (fragment, fragmentRef, options) => {
+	const client = useClient();
+	const result = pipe(client.executeFragment(fragment, fragmentRef(), options?.()), peek);
+	if (result.data === void 0) throw new Error("Fragment data not found");
+	const [data, setData] = createSignal(result.data);
+	createEffect(() => {
+		const unsubscribe = pipe(client.executeFragment(fragment, fragmentRef(), options?.()), subscribe({ next: (result$1) => {
+			if (result$1.data !== void 0) setData(() => result$1.data);
+		} }));
+		onCleanup(() => {
+			unsubscribe();
+		});
+	});
+	return { get data() {
+		return data();
+	} };
 };
 
 //#endregion

package/package.json

@@ -1,39 +1,68 @@
 {
   "name": "@mearie/solid",
-  "version": "0.0.1-next.1",
+  "version": "0.0.1-next.4",
+  "description": "Type-safe, zero-overhead GraphQL client",
+  "keywords": [
+    "graphql",
+    "graphql-client",
+    "typescript",
+    "codegen",
+    "cache"
+  ],
+  "homepage": "https://github.com/devunt/mearie#readme",
+  "bugs": {
+    "url": "https://github.com/devunt/mearie/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/devunt/mearie.git",
+    "directory": "packages/solid"
+  },
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/devunt"
+  },
+  "license": "MIT",
+  "author": "Bae Junehyeon <finn@penxle.io>",
   "sideEffects": false,
   "type": "module",
-  "main": "./dist/index.cjs",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./package.json": "./package.json"
+  },
   "files": [
     "dist",
     "package.json",
     "README.md"
   ],
   "dependencies": {
-    "@mearie/client": "0.0.1-next.1"
+    "@mearie/core": "0.0.1-next.4"
   },
   "devDependencies": {
-    "solid-js": "^1.9.9",
-    "tsdown": "^0.15.8"
+    "solid-js": "^1.9.10",
+    "tsdown": "^0.15.12",
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "solid-js": "^1.8.0"
   },
+  "engines": {
+    "bun": ">=1.2.0",
+    "deno": ">=2.2.0",
+    "node": ">=20.0.0"
+  },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
     "build": "tsdown",
-    "dev": "tsdown --watch"
-  },
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    },
-    "./package.json": "./package.json"
+    "typecheck": "tsc"
   },
+  "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts"
 }