@mearie/vue 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,81 @@
+//#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 vue = require("vue");
+vue = __toESM(vue);
+
+//#region src/client-plugin.ts
+const ClientKey = Symbol("mearie-client");
+const ClientPlugin = { install(app, options) {
+	app.provide(ClientKey, options.client);
+} };
+const useClient = () => {
+	const client = (0, vue.inject)(ClientKey);
+	if (!client) throw new Error("useClient must be used within a ClientPlugin context");
+	return client;
+};
+
+//#endregion
+//#region src/use-query.ts
+const useQuery = (document, variables, options) => {
+	return {
+		data: (0, vue.ref)(void 0),
+		loading: (0, vue.ref)(true),
+		error: (0, vue.ref)(void 0),
+		refetch: () => {}
+	};
+};
+
+//#endregion
+//#region src/use-subscription.ts
+const useSubscription = (document, variables, options) => {
+	return {
+		data: (0, vue.ref)(void 0),
+		loading: (0, vue.ref)(true),
+		error: (0, vue.ref)(void 0)
+	};
+};
+
+//#endregion
+//#region src/use-mutation.ts
+const useMutation = (document) => {
+	return [async () => ({}), {
+		data: (0, vue.ref)(void 0),
+		loading: (0, vue.ref)(false),
+		error: (0, vue.ref)(void 0)
+	}];
+};
+
+//#endregion
+//#region src/use-fragment.ts
+const useFragment = (document, fragmentRef) => {
+	return (0, vue.computed)(() => ({}));
+};
+
+//#endregion
+exports.ClientPlugin = ClientPlugin;
+exports.useClient = useClient;
+exports.useFragment = useFragment;
+exports.useMutation = useMutation;
+exports.useQuery = useQuery;
+exports.useSubscription = useSubscription;

package/dist/index.d.cts

@@ -0,0 +1,76 @@
+import { App, ComputedRef, MaybeRefOrGetter, Ref } from "vue";
+import { Client, DataOf, DocumentNode, FragmentRef, VariablesOf } from "@mearie/core";
+
+//#region src/client-plugin.d.ts
+type ClientPluginOptions = {
+  client: Client;
+};
+declare const ClientPlugin: {
+  install(app: App, options: ClientPluginOptions): void;
+};
+declare const useClient: () => Client;
+//#endregion
+//#region src/use-query.d.ts
+type UseQueryOptions = {
+  skip?: MaybeRefOrGetter<boolean>;
+};
+type UseQueryReturn<Document$1 extends DocumentNode> = {
+  data: Ref<undefined>;
+  loading: Ref<true>;
+  error: Ref<undefined>;
+  refetch: () => void;
+} | {
+  data: Ref<DataOf<Document$1>>;
+  loading: Ref<false>;
+  error: Ref<undefined>;
+  refetch: () => void;
+} | {
+  data: Ref<DataOf<Document$1> | undefined>;
+  loading: Ref<false>;
+  error: Ref<Error>;
+  refetch: () => void;
+};
+declare const useQuery: <Document extends DocumentNode>(document: Document, variables: MaybeRefOrGetter<VariablesOf<Document>>, options?: UseQueryOptions) => UseQueryReturn<Document>;
+//#endregion
+//#region src/use-subscription.d.ts
+type UseSubscriptionReturn<Document$1 extends DocumentNode> = {
+  data: Ref<undefined>;
+  loading: Ref<true>;
+  error: Ref<undefined>;
+} | {
+  data: Ref<DataOf<Document$1>>;
+  loading: Ref<false>;
+  error: Ref<undefined>;
+} | {
+  data: Ref<DataOf<Document$1> | undefined>;
+  loading: Ref<false>;
+  error: Ref<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: MaybeRefOrGetter<VariablesOf<Document>>, options?: UseSubscriptionOptions<Document>) => UseSubscriptionReturn<Document>;
+//#endregion
+//#region src/use-mutation.d.ts
+type UseMutationResult<Document$1 extends DocumentNode> = {
+  data: Ref<undefined>;
+  loading: Ref<true>;
+  error: Ref<undefined>;
+} | {
+  data: Ref<DataOf<Document$1>>;
+  loading: Ref<false>;
+  error: Ref<undefined>;
+} | {
+  data: Ref<DataOf<Document$1> | undefined>;
+  loading: Ref<false>;
+  error: Ref<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> = ComputedRef<DataOf<Document$1>>;
+declare const useFragment: <Document extends DocumentNode>(document: Document, fragmentRef: MaybeRefOrGetter<FragmentRef<Document>>) => UseFragmentReturn<Document>;
+//#endregion
+export { ClientPlugin, type ClientPluginOptions, type UseFragmentReturn, type UseMutationResult, type UseMutationReturn, type UseQueryOptions, type UseQueryReturn, type UseSubscriptionOptions, type UseSubscriptionReturn, useClient, useFragment, useMutation, useQuery, useSubscription };

package/dist/index.d.ts

@@ -0,0 +1,76 @@
+import { App, ComputedRef, MaybeRefOrGetter, Ref } from "vue";
+import { Client, DataOf, DocumentNode, FragmentRef, VariablesOf } from "@mearie/core";
+
+//#region src/client-plugin.d.ts
+type ClientPluginOptions = {
+  client: Client;
+};
+declare const ClientPlugin: {
+  install(app: App, options: ClientPluginOptions): void;
+};
+declare const useClient: () => Client;
+//#endregion
+//#region src/use-query.d.ts
+type UseQueryOptions = {
+  skip?: MaybeRefOrGetter<boolean>;
+};
+type UseQueryReturn<Document$1 extends DocumentNode> = {
+  data: Ref<undefined>;
+  loading: Ref<true>;
+  error: Ref<undefined>;
+  refetch: () => void;
+} | {
+  data: Ref<DataOf<Document$1>>;
+  loading: Ref<false>;
+  error: Ref<undefined>;
+  refetch: () => void;
+} | {
+  data: Ref<DataOf<Document$1> | undefined>;
+  loading: Ref<false>;
+  error: Ref<Error>;
+  refetch: () => void;
+};
+declare const useQuery: <Document extends DocumentNode>(document: Document, variables: MaybeRefOrGetter<VariablesOf<Document>>, options?: UseQueryOptions) => UseQueryReturn<Document>;
+//#endregion
+//#region src/use-subscription.d.ts
+type UseSubscriptionReturn<Document$1 extends DocumentNode> = {
+  data: Ref<undefined>;
+  loading: Ref<true>;
+  error: Ref<undefined>;
+} | {
+  data: Ref<DataOf<Document$1>>;
+  loading: Ref<false>;
+  error: Ref<undefined>;
+} | {
+  data: Ref<DataOf<Document$1> | undefined>;
+  loading: Ref<false>;
+  error: Ref<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: MaybeRefOrGetter<VariablesOf<Document>>, options?: UseSubscriptionOptions<Document>) => UseSubscriptionReturn<Document>;
+//#endregion
+//#region src/use-mutation.d.ts
+type UseMutationResult<Document$1 extends DocumentNode> = {
+  data: Ref<undefined>;
+  loading: Ref<true>;
+  error: Ref<undefined>;
+} | {
+  data: Ref<DataOf<Document$1>>;
+  loading: Ref<false>;
+  error: Ref<undefined>;
+} | {
+  data: Ref<DataOf<Document$1> | undefined>;
+  loading: Ref<false>;
+  error: Ref<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> = ComputedRef<DataOf<Document$1>>;
+declare const useFragment: <Document extends DocumentNode>(document: Document, fragmentRef: MaybeRefOrGetter<FragmentRef<Document>>) => UseFragmentReturn<Document>;
+//#endregion
+export { ClientPlugin, type ClientPluginOptions, type UseFragmentReturn, type UseMutationResult, type UseMutationReturn, type UseQueryOptions, type UseQueryReturn, type UseSubscriptionOptions, type UseSubscriptionReturn, useClient, useFragment, useMutation, useQuery, useSubscription };

package/dist/index.js

@@ -0,0 +1,52 @@
+import { computed, inject, ref } from "vue";
+
+//#region src/client-plugin.ts
+const ClientKey = Symbol("mearie-client");
+const ClientPlugin = { install(app, options) {
+	app.provide(ClientKey, options.client);
+} };
+const useClient = () => {
+	const client = inject(ClientKey);
+	if (!client) throw new Error("useClient must be used within a ClientPlugin context");
+	return client;
+};
+
+//#endregion
+//#region src/use-query.ts
+const useQuery = (document, variables, options) => {
+	return {
+		data: ref(void 0),
+		loading: ref(true),
+		error: ref(void 0),
+		refetch: () => {}
+	};
+};
+
+//#endregion
+//#region src/use-subscription.ts
+const useSubscription = (document, variables, options) => {
+	return {
+		data: ref(void 0),
+		loading: ref(true),
+		error: ref(void 0)
+	};
+};
+
+//#endregion
+//#region src/use-mutation.ts
+const useMutation = (document) => {
+	return [async () => ({}), {
+		data: ref(void 0),
+		loading: ref(false),
+		error: ref(void 0)
+	}];
+};
+
+//#endregion
+//#region src/use-fragment.ts
+const useFragment = (document, fragmentRef) => {
+	return computed(() => ({}));
+};
+
+//#endregion
+export { ClientPlugin, useClient, useFragment, useMutation, useQuery, useSubscription };

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@mearie/vue",
+  "version": "0.0.0",
+  "description": "Vue integration for Mearie",
+  "license": "MIT",
+  "type": "module",
+  "main": "./src/index.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@mearie/client": "0.0.0"
+  },
+  "devDependencies": {
+    "tsdown": "^0.15.7",
+    "vue": "^3.5.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.3.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/src/index.ts

@@ -0,0 +1,5 @@
+export { ClientPlugin, useClient, type ClientPluginOptions } from './client-plugin.ts';
+export { useQuery, type UseQueryOptions, 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';