@mearie/vite 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/README.md

@@ -0,0 +1,146 @@
+# @mearie/vite
+
+Vite plugin for Mearie GraphQL code generation.
+
+## Features
+
+- ✅ **Zero Configuration** - No additional plugins required
+- 🔍 Automatically extracts GraphQL operations from your source code
+- 📦 Supports multiple file types: `.js`, `.jsx`, `.ts`, `.tsx`, `.vue`, `.svelte`, `.astro`, `.graphql`, `.gql`
+- 🔥 Hot Module Replacement (HMR) support for schema changes
+- ⚡ Fast - Uses native Node.js WASM support (no bundler plugins needed)
+
+## Installation
+
+```bash
+pnpm add -D @mearie/vite
+```
+
+## Usage
+
+### Basic Setup
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+import { mearie } from '@mearie/vite';
+
+export default defineConfig({
+  plugins: [
+    mearie({
+      schema: 'schema.graphql',
+      output: 'src/generated/mearie.ts',
+      watch: true,
+    }),
+  ],
+});
+```
+
+### GraphQL in Your Code
+
+The plugin supports multiple ways to define GraphQL operations:
+
+#### 1. Using `gql` tagged template
+
+```typescript
+import { gql } from 'mearie';
+
+const query = gql\`
+  query GetUser($id: ID!) {
+    user(id: $id) {
+      id
+      name
+    }
+  }
+\`;
+```
+
+#### 2. Using `/* GraphQL */` comment
+
+```typescript
+const query = /* GraphQL */ \`
+  query GetUser($id: ID!) {
+    user(id: $id) {
+      id
+      name
+    }
+  }
+\`;
+```
+
+#### 3. In `.graphql` or `.gql` files
+
+```graphql
+query GetUser($id: ID!) {
+  user(id: $id) {
+    id
+    name
+  }
+}
+```
+
+## Options
+
+### `schema`
+
+- Type: `string`
+- Optional
+
+Path to your GraphQL schema file.
+
+### `output`
+
+- Type: `string`
+- Default: `'src/generated/mearie.ts'`
+
+Output path for generated TypeScript files.
+
+### `watch`
+
+- Type: `boolean`
+- Default: `true`
+
+Whether to watch for schema changes and trigger HMR.
+
+## Testing
+
+### Run Unit Tests
+
+```bash
+pnpm test
+```
+
+### Run Example Project
+
+```bash
+cd examples/basic
+pnpm install
+pnpm dev
+```
+
+### Manual Testing
+
+1. Create a Vite project
+2. Add `@mearie/vite` as a dev dependency
+3. Configure the plugin in `vite.config.ts`
+4. Add GraphQL operations to your source code
+5. Run `pnpm dev` or `pnpm build`
+6. Check the generated TypeScript file at the specified output path
+
+## Development
+
+### Build
+
+```bash
+pnpm build
+```
+
+### Watch Mode
+
+```bash
+pnpm test:watch
+```
+
+## License
+
+MIT

package/dist/index.cjs

@@ -0,0 +1,119 @@
+//#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 node_path = require("node:path");
+node_path = __toESM(node_path);
+let __mearie_config = require("@mearie/config");
+__mearie_config = __toESM(__mearie_config);
+let __mearie_codegen = require("@mearie/codegen");
+__mearie_codegen = __toESM(__mearie_codegen);
+let __mearie_core = require("@mearie/core");
+__mearie_core = __toESM(__mearie_core);
+
+//#region src/plugin.ts
+/**
+* Vite plugin for Mearie GraphQL code generation.
+* @param options - Plugin options.
+* @returns Vite plugin.
+*/
+const mearie = (options = {}) => {
+	let viteConfig;
+	let mearieConfig;
+	let context = null;
+	let generateTimer = null;
+	const ensureInitialized = async () => {
+		if (context) return;
+		mearieConfig = (0, __mearie_config.mergeConfig)(await (0, __mearie_config.loadConfig)({
+			cwd: viteConfig.root,
+			filename: options.config
+		}), options);
+		const { schemas, documents, exclude } = mearieConfig;
+		context = new __mearie_codegen.CodegenContext();
+		const schemaFiles = await (0, __mearie_codegen.findFiles)(viteConfig.root, {
+			include: schemas,
+			exclude
+		});
+		const documentFiles = await (0, __mearie_codegen.findFiles)(viteConfig.root, {
+			include: documents,
+			exclude
+		});
+		await Promise.all([...schemaFiles.map((file) => context.addSchema(file)), ...documentFiles.map((file) => context.addDocument(file))]);
+	};
+	const scheduleGenerate = () => {
+		if (generateTimer) clearTimeout(generateTimer);
+		generateTimer = setTimeout(() => {
+			(async () => {
+				try {
+					await context?.generate();
+				} catch (error) {
+					(0, __mearie_core.report)(__mearie_core.logger, error);
+				}
+			})();
+		}, 100);
+	};
+	return {
+		name: "mearie",
+		enforce: "pre",
+		async configResolved(resolvedConfig) {
+			viteConfig = resolvedConfig;
+			try {
+				await ensureInitialized();
+				await context?.generate();
+			} catch (error) {
+				(0, __mearie_core.report)(__mearie_core.logger, error);
+				if (viteConfig.command === "build") throw error;
+			}
+		},
+		async hotUpdate({ file, type }) {
+			if (!context || !mearieConfig) return;
+			const { schemas, documents, exclude } = mearieConfig;
+			const relativePath = node_path.default.relative(viteConfig.root, file);
+			const schemaMatcher = (0, __mearie_codegen.createMatcher)({
+				include: schemas,
+				exclude
+			});
+			const documentMatcher = (0, __mearie_codegen.createMatcher)({
+				include: documents,
+				exclude
+			});
+			const matchesSchema = schemaMatcher(relativePath);
+			const matchesDocument = documentMatcher(relativePath);
+			if (!matchesSchema && !matchesDocument) return;
+			try {
+				if (type === "delete") {
+					if (matchesSchema) context.removeSchema(file);
+					if (matchesDocument) context.removeDocument(file);
+				} else {
+					if (matchesSchema) await context.addSchema(file);
+					if (matchesDocument) await context.addDocument(file);
+				}
+				scheduleGenerate();
+			} catch (error) {
+				(0, __mearie_core.report)(__mearie_core.logger, error);
+			}
+		}
+	};
+};
+
+//#endregion
+exports.mearie = mearie;

package/dist/index.d.cts

@@ -0,0 +1,26 @@
+import { Plugin } from "vite";
+import { MearieConfig } from "@mearie/config";
+
+//#region src/types.d.ts
+
+/**
+ * Options for the Mearie Vite plugin.
+ * All options are optional and will override values from mearie.config.ts.
+ */
+type MearieOptions = Partial<MearieConfig> & {
+  /**
+   * Path to the Mearie configuration file.
+   * @default "mearie.config.{ts,js,mjs,cjs}"
+   */
+  config?: string;
+};
+//#endregion
+//#region src/plugin.d.ts
+/**
+ * Vite plugin for Mearie GraphQL code generation.
+ * @param options - Plugin options.
+ * @returns Vite plugin.
+ */
+declare const mearie: (options?: MearieOptions) => Plugin;
+//#endregion
+export { type MearieOptions, mearie };

package/dist/index.d.ts

@@ -0,0 +1,26 @@
+import { MearieConfig } from "@mearie/config";
+import { Plugin } from "vite";
+
+//#region src/types.d.ts
+
+/**
+ * Options for the Mearie Vite plugin.
+ * All options are optional and will override values from mearie.config.ts.
+ */
+type MearieOptions = Partial<MearieConfig> & {
+  /**
+   * Path to the Mearie configuration file.
+   * @default "mearie.config.{ts,js,mjs,cjs}"
+   */
+  config?: string;
+};
+//#endregion
+//#region src/plugin.d.ts
+/**
+ * Vite plugin for Mearie GraphQL code generation.
+ * @param options - Plugin options.
+ * @returns Vite plugin.
+ */
+declare const mearie: (options?: MearieOptions) => Plugin;
+//#endregion
+export { type MearieOptions, mearie };

package/dist/index.js

@@ -0,0 +1,92 @@
+import path from "node:path";
+import { loadConfig, mergeConfig } from "@mearie/config";
+import { CodegenContext, createMatcher, findFiles } from "@mearie/codegen";
+import { logger, report } from "@mearie/core";
+
+//#region src/plugin.ts
+/**
+* Vite plugin for Mearie GraphQL code generation.
+* @param options - Plugin options.
+* @returns Vite plugin.
+*/
+const mearie = (options = {}) => {
+	let viteConfig;
+	let mearieConfig;
+	let context = null;
+	let generateTimer = null;
+	const ensureInitialized = async () => {
+		if (context) return;
+		mearieConfig = mergeConfig(await loadConfig({
+			cwd: viteConfig.root,
+			filename: options.config
+		}), options);
+		const { schemas, documents, exclude } = mearieConfig;
+		context = new CodegenContext();
+		const schemaFiles = await findFiles(viteConfig.root, {
+			include: schemas,
+			exclude
+		});
+		const documentFiles = await findFiles(viteConfig.root, {
+			include: documents,
+			exclude
+		});
+		await Promise.all([...schemaFiles.map((file) => context.addSchema(file)), ...documentFiles.map((file) => context.addDocument(file))]);
+	};
+	const scheduleGenerate = () => {
+		if (generateTimer) clearTimeout(generateTimer);
+		generateTimer = setTimeout(() => {
+			(async () => {
+				try {
+					await context?.generate();
+				} catch (error) {
+					report(logger, error);
+				}
+			})();
+		}, 100);
+	};
+	return {
+		name: "mearie",
+		enforce: "pre",
+		async configResolved(resolvedConfig) {
+			viteConfig = resolvedConfig;
+			try {
+				await ensureInitialized();
+				await context?.generate();
+			} catch (error) {
+				report(logger, error);
+				if (viteConfig.command === "build") throw error;
+			}
+		},
+		async hotUpdate({ file, type }) {
+			if (!context || !mearieConfig) return;
+			const { schemas, documents, exclude } = mearieConfig;
+			const relativePath = path.relative(viteConfig.root, file);
+			const schemaMatcher = createMatcher({
+				include: schemas,
+				exclude
+			});
+			const documentMatcher = createMatcher({
+				include: documents,
+				exclude
+			});
+			const matchesSchema = schemaMatcher(relativePath);
+			const matchesDocument = documentMatcher(relativePath);
+			if (!matchesSchema && !matchesDocument) return;
+			try {
+				if (type === "delete") {
+					if (matchesSchema) context.removeSchema(file);
+					if (matchesDocument) context.removeDocument(file);
+				} else {
+					if (matchesSchema) await context.addSchema(file);
+					if (matchesDocument) await context.addDocument(file);
+				}
+				scheduleGenerate();
+			} catch (error) {
+				report(logger, error);
+			}
+		}
+	};
+};
+
+//#endregion
+export { mearie };

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@mearie/vite",
+  "version": "0.0.0",
+  "description": "Vite plugin for Mearie",
+  "license": "MIT",
+  "type": "module",
+  "main": "./src/index.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@mearie/codegen": "0.0.0",
+    "@mearie/config": "0.0.0",
+    "@mearie/core": "0.0.0"
+  },
+  "devDependencies": {
+    "tsdown": "^0.15.7",
+    "tsx": "^4.20.6",
+    "vite": "^7.1.10",
+    "vitest": "^3.2.4"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "test": "vitest run",
+    "test:all": "pnpm test && pnpm test:examples",
+    "test:examples": "tsx scripts/test-examples.ts",
+    "test:watch": "vitest"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  }
+}

package/src/index.ts

@@ -0,0 +1,9 @@
+/**
+ * Vite plugin for Mearie GraphQL code generation.
+ *
+ * This plugin extracts GraphQL operations from your source files and
+ * generates TypeScript types and runtime code using `@mearie/native`.
+ */
+
+export { mearie } from './plugin.ts';
+export type { MearieOptions } from './types.ts';