@mearie/react 0.0.0

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright 2025 Bae Junehyeon
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/dist/index.cjs

@@ -0,0 +1,86 @@
+//#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 react = require("react");
+react = __toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = __toESM(react_jsx_runtime);
+
+//#region src/client-provider.tsx
+const ClientContext = (0, react.createContext)(null);
+const ClientProvider = ({ client, children }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClientContext.Provider, {
+		value: client,
+		children
+	});
+};
+const useClient = () => {
+	const client = (0, react.useContext)(ClientContext);
+	if (!client) throw new Error("useClient must be used within ClientProvider");
+	return client;
+};
+
+//#endregion
+//#region src/use-query.ts
+const useQuery = (document, variables) => {
+	return {
+		data: void 0,
+		loading: true,
+		error: void 0,
+		refetch: () => {}
+	};
+};
+
+//#endregion
+//#region src/use-subscription.ts
+const useSubscription = (document, variables, options) => {
+	return {
+		data: void 0,
+		loading: true,
+		error: void 0
+	};
+};
+
+//#endregion
+//#region src/use-mutation.ts
+const useMutation = (document) => {
+	return [async () => ({}), {
+		data: void 0,
+		loading: false,
+		error: void 0
+	}];
+};
+
+//#endregion
+//#region src/use-fragment.ts
+const useFragment = (document, fragmentRef) => {
+	return {};
+};
+
+//#endregion
+exports.ClientProvider = ClientProvider;
+exports.useClient = useClient;
+exports.useFragment = useFragment;
+exports.useMutation = useMutation;
+exports.useQuery = useQuery;
+exports.useSubscription = useSubscription;

package/dist/index.d.cts

@@ -0,0 +1,75 @@
+import { ReactNode } from "react";
+import { Client, DataOf, DocumentNode, FragmentRef, VariablesOf } from "@mearie/core";
+
+//#region src/client-provider.d.ts
+type ClientProviderProps = {
+  client: Client;
+  children: ReactNode;
+};
+declare const ClientProvider: ({
+  client,
+  children
+}: ClientProviderProps) => ReactNode;
+declare const useClient: () => Client;
+//#endregion
+//#region src/use-query.d.ts
+type UseQueryReturn<Document$1 extends DocumentNode> = {
+  data: undefined;
+  loading: true;
+  error: undefined;
+  refetch: () => void;
+} | {
+  data: DataOf<Document$1>;
+  loading: false;
+  error: undefined;
+  refetch: () => void;
+} | {
+  data: DataOf<Document$1> | undefined;
+  loading: false;
+  error: Error;
+  refetch: () => void;
+};
+declare const useQuery: <Document extends DocumentNode>(document: Document, variables: VariablesOf<Document>) => UseQueryReturn<Document>;
+//#endregion
+//#region src/use-subscription.d.ts
+type UseSubscriptionReturn<Document$1 extends DocumentNode> = {
+  data: undefined;
+  loading: true;
+  error: undefined;
+} | {
+  data: DataOf<Document$1>;
+  loading: false;
+  error: undefined;
+} | {
+  data: DataOf<Document$1> | undefined;
+  loading: false;
+  error: Error;
+};
+type UseSubscriptionOptions<Document$1 extends DocumentNode> = {
+  onData?: (data: DataOf<Document$1>) => void;
+  onError?: (error: Error) => void;
+};
+declare const useSubscription: <Document extends DocumentNode>(document: Document, variables: VariablesOf<Document>, options?: UseSubscriptionOptions<Document>) => UseSubscriptionReturn<Document>;
+//#endregion
+//#region src/use-mutation.d.ts
+type UseMutationResult<Document$1 extends DocumentNode> = {
+  data: undefined;
+  loading: true;
+  error: undefined;
+} | {
+  data: DataOf<Document$1>;
+  loading: false;
+  error: undefined;
+} | {
+  data: DataOf<Document$1> | undefined;
+  loading: false;
+  error: Error;
+};
+type UseMutationReturn<Document$1 extends DocumentNode> = [(variables: VariablesOf<Document$1>) => Promise<DataOf<Document$1>>, UseMutationResult<Document$1>];
+declare const useMutation: <Document extends DocumentNode>(document: Document) => UseMutationReturn<Document>;
+//#endregion
+//#region src/use-fragment.d.ts
+type UseFragmentReturn<Document$1 extends DocumentNode> = DataOf<Document$1>;
+declare const useFragment: <Document extends DocumentNode>(document: Document, fragmentRef: FragmentRef<Document>) => UseFragmentReturn<Document>;
+//#endregion
+export { ClientProvider, type UseFragmentReturn, type UseMutationResult, type UseMutationReturn, type UseQueryReturn, type UseSubscriptionOptions, type UseSubscriptionReturn, useClient, useFragment, useMutation, useQuery, useSubscription };

package/dist/index.d.ts

@@ -0,0 +1,75 @@
+import { ReactNode } from "react";
+import { Client, DataOf, DocumentNode, FragmentRef, VariablesOf } from "@mearie/core";
+
+//#region src/client-provider.d.ts
+type ClientProviderProps = {
+  client: Client;
+  children: ReactNode;
+};
+declare const ClientProvider: ({
+  client,
+  children
+}: ClientProviderProps) => ReactNode;
+declare const useClient: () => Client;
+//#endregion
+//#region src/use-query.d.ts
+type UseQueryReturn<Document$1 extends DocumentNode> = {
+  data: undefined;
+  loading: true;
+  error: undefined;
+  refetch: () => void;
+} | {
+  data: DataOf<Document$1>;
+  loading: false;
+  error: undefined;
+  refetch: () => void;
+} | {
+  data: DataOf<Document$1> | undefined;
+  loading: false;
+  error: Error;
+  refetch: () => void;
+};
+declare const useQuery: <Document extends DocumentNode>(document: Document, variables: VariablesOf<Document>) => UseQueryReturn<Document>;
+//#endregion
+//#region src/use-subscription.d.ts
+type UseSubscriptionReturn<Document$1 extends DocumentNode> = {
+  data: undefined;
+  loading: true;
+  error: undefined;
+} | {
+  data: DataOf<Document$1>;
+  loading: false;
+  error: undefined;
+} | {
+  data: DataOf<Document$1> | undefined;
+  loading: false;
+  error: Error;
+};
+type UseSubscriptionOptions<Document$1 extends DocumentNode> = {
+  onData?: (data: DataOf<Document$1>) => void;
+  onError?: (error: Error) => void;
+};
+declare const useSubscription: <Document extends DocumentNode>(document: Document, variables: VariablesOf<Document>, options?: UseSubscriptionOptions<Document>) => UseSubscriptionReturn<Document>;
+//#endregion
+//#region src/use-mutation.d.ts
+type UseMutationResult<Document$1 extends DocumentNode> = {
+  data: undefined;
+  loading: true;
+  error: undefined;
+} | {
+  data: DataOf<Document$1>;
+  loading: false;
+  error: undefined;
+} | {
+  data: DataOf<Document$1> | undefined;
+  loading: false;
+  error: Error;
+};
+type UseMutationReturn<Document$1 extends DocumentNode> = [(variables: VariablesOf<Document$1>) => Promise<DataOf<Document$1>>, UseMutationResult<Document$1>];
+declare const useMutation: <Document extends DocumentNode>(document: Document) => UseMutationReturn<Document>;
+//#endregion
+//#region src/use-fragment.d.ts
+type UseFragmentReturn<Document$1 extends DocumentNode> = DataOf<Document$1>;
+declare const useFragment: <Document extends DocumentNode>(document: Document, fragmentRef: FragmentRef<Document>) => UseFragmentReturn<Document>;
+//#endregion
+export { ClientProvider, type UseFragmentReturn, type UseMutationResult, type UseMutationReturn, type UseQueryReturn, type UseSubscriptionOptions, type UseSubscriptionReturn, useClient, useFragment, useMutation, useQuery, useSubscription };

package/dist/index.js

@@ -0,0 +1,56 @@
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client-provider.tsx
+const ClientContext = createContext(null);
+const ClientProvider = ({ client, children }) => {
+	return /* @__PURE__ */ jsx(ClientContext.Provider, {
+		value: client,
+		children
+	});
+};
+const useClient = () => {
+	const client = useContext(ClientContext);
+	if (!client) throw new Error("useClient must be used within ClientProvider");
+	return client;
+};
+
+//#endregion
+//#region src/use-query.ts
+const useQuery = (document, variables) => {
+	return {
+		data: void 0,
+		loading: true,
+		error: void 0,
+		refetch: () => {}
+	};
+};
+
+//#endregion
+//#region src/use-subscription.ts
+const useSubscription = (document, variables, options) => {
+	return {
+		data: void 0,
+		loading: true,
+		error: void 0
+	};
+};
+
+//#endregion
+//#region src/use-mutation.ts
+const useMutation = (document) => {
+	return [async () => ({}), {
+		data: void 0,
+		loading: false,
+		error: void 0
+	}];
+};
+
+//#endregion
+//#region src/use-fragment.ts
+const useFragment = (document, fragmentRef) => {
+	return {};
+};
+
+//#endregion
+export { ClientProvider, useClient, useFragment, useMutation, useQuery, useSubscription };

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@mearie/react",
+  "version": "0.0.0",
+  "description": "React integration for Mearie",
+  "license": "MIT",
+  "type": "module",
+  "main": "./src/index.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@mearie/core": "0.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.0",
+    "react": "^18.3.0",
+    "tsdown": "^0.15.7"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsdown"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  }
+}

package/src/index.ts

@@ -0,0 +1,5 @@
+export { ClientProvider, useClient } from './client-provider.tsx';
+export { useQuery, type UseQueryReturn } from './use-query.ts';
+export { useSubscription, type UseSubscriptionReturn, type UseSubscriptionOptions } from './use-subscription.ts';
+export { useMutation, type UseMutationResult, type UseMutationReturn } from './use-mutation.ts';
+export { useFragment, type UseFragmentReturn } from './use-fragment.ts';