feat!: intruducing macros

Author: zhiyuanzmj

package.json

@@ -39,14 +39,14 @@
     "chalk": "^5.3.0",
     "conventional-changelog-cli": "^5.0.0",
     "eslint": "^9.6.0",
-    "esno": "^4.7.0",
     "fast-glob": "^3.3.2",
     "nodemon": "^3.1.4",
     "rimraf": "^5.0.7",
-    "tsup": "^8.1.0",
+    "tsup": "^8.4.0",
     "typescript": "^5.7.0",
     "unplugin": "^1.11.0",
-    "unplugin-raw": "^0.3.1",
+    "unplugin-raw": "^0.4.4",
+    "vite": "^6.0.0",
     "vitest": "^1.6.0"
   },
   "pnpm": {

packages/macros/package.json

@@ -33,38 +33,47 @@
       "import": "./dist/index.js"
     },
     "./astro": {
+      "dev": "./src/astro.ts",
       "require": "./dist/astro.cjs",
       "import": "./dist/astro.js"
     },
     "./rspack": {
+      "dev": "./src/rspack.ts",
       "require": "./dist/rspack.cjs",
       "import": "./dist/rspack.js"
     },
     "./vite": {
+      "dev": "./src/vite.ts",
       "require": "./dist/vite.cjs",
       "import": "./dist/vite.js"
     },
     "./webpack": {
+      "dev": "./src/webpack.ts",
       "require": "./dist/webpack.cjs",
       "import": "./dist/webpack.js"
     },
     "./rollup": {
+      "dev": "./src/rollup.ts",
       "require": "./dist/rollup.cjs",
       "import": "./dist/rollup.js"
     },
     "./esbuild": {
+      "dev": "./src/esbuild.ts",
       "require": "./dist/esbuild.cjs",
       "import": "./dist/esbuild.js"
     },
     "./nuxt": {
+      "dev": "./src/nuxt.ts",
       "require": "./dist/nuxt.cjs",
       "import": "./dist/nuxt.js"
     },
     "./api": {
+      "dev": "./src/api.ts",
       "require": "./dist/api.cjs",
       "import": "./dist/api.js"
     },
     "./raw": {
+      "dev": "./src/raw.ts",
       "require": "./dist/raw.cjs",
       "import": "./dist/raw.js"
     },
@@ -134,6 +143,14 @@
     "build": "tsup",
     "dev": "DEV=true tsup"
   },
+  "peerDependencies": {
+    "@nuxt/kit": "^3",
+    "@nuxt/schema": "^3",
+    "esbuild": "*",
+    "rollup": "^3",
+    "vite": ">=3",
+    "webpack": "^4 || ^5"
+  },
   "peerDependenciesMeta": {
     "@nuxt/kit": {
       "optional": true
@@ -156,16 +173,18 @@
   },
   "dependencies": {
     "@vue-macros/common": "3.0.0-beta.4",
+    "@vue/compiler-dom": "catalog:",
     "@vue/compiler-sfc": "catalog:",
+    "@vue/language-core": "^2.2.8",
     "hash-sum": "^2.0.0",
     "ts-macro": "catalog:"
   },
   "devDependencies": {
     "@babel/types": "7.26.9",
-    "@nuxt/kit": "^3.12.3",
-    "@nuxt/schema": "^3.12.3",
     "@types/hash-sum": "^1.0.2",
     "@vue-macros/test-utils": "3.0.0-beta.4",
-    "vue": "catalog:"
+    "vue": "catalog:",
+    "@nuxt/kit": "^3.12.3",
+    "@nuxt/schema": "^3.12.3"
   }
 }

packages/macros/src/astro.ts

@@ -1,5 +1,5 @@
 import unplugin from '.'
-import type { Options } from './types'
+import type { Options } from './options'
 
 export default (options: Options) => ({
   name: 'unplugin-vue-jsx-vapor',

packages/macros/src/core/index.ts

@@ -12,7 +12,7 @@ import { transformDefineExpose } from './define-expose'
 import { transformDefineModel } from './define-model'
 import { transformDefineSlots } from './define-slots'
 import { transformDefineStyle } from './define-style'
-import type { OptionsResolved } from '../types'
+import type { OptionsResolved } from '../options'
 import type {
   ArrowFunctionExpression,
   CallExpression,

packages/macros/src/core/style.ts

@@ -1,5 +1,5 @@
 import { compileStyleAsync } from '@vue/compiler-sfc'
-import type { OptionsResolved } from '../types'
+import type { OptionsResolved } from '../options'
 
 export async function transformStyle(
   code: string,

packages/macros/src/index.ts

@@ -1,8 +1,8 @@
 import { type UnpluginInstance, createUnplugin } from 'unplugin'
 import plugin from './raw'
-import type { Options } from './types'
+import type { Options } from './options'
 
-export * from './types'
+export * from './options'
 
 const unplugin: UnpluginInstance<Options | undefined> = createUnplugin(plugin)
 export default unplugin

packages/macros/src/nuxt.ts

@@ -1,7 +1,7 @@
 import { addVitePlugin, addWebpackPlugin, defineNuxtModule } from '@nuxt/kit'
 import vite from './vite'
 import webpack from './webpack'
-import type { Options } from './types'
+import type { Options } from './options'
 import '@nuxt/schema'
 
 export interface ModuleOptions extends Options {}

packages/macros/src/options.ts

@@ -0,0 +1,43 @@
+import { detectVueVersion, REGEX_NODE_MODULES, REGEX_SETUP_SFC, REGEX_SRC_FILE, type BaseOptions, type MarkRequired } from '@vue-macros/common'
+
+export type Options = BaseOptions & {
+  lib?: 'vue' | 'vue/vapor' | (string & {})
+  defineComponent?: { alias: string[] }
+  defineModel?: { alias: string[] }
+  defineExpose?: { alias: string[] }
+  defineSlots?: { alias: string[] }
+  defineStyle?: { alias: string[] }
+}
+export type OptionsResolved = MarkRequired<
+  Options,
+  | 'include'
+  | 'version'
+  | 'lib'
+  | 'defineComponent'
+  | 'defineModel'
+  | 'defineExpose'
+  | 'defineSlots'
+  | 'defineStyle'
+>
+
+export function resolveOptions(options: Options): OptionsResolved {
+  const version = options.version || detectVueVersion()
+  const lib = options.lib || 'vue/vapor'
+  return {
+    include: [REGEX_SRC_FILE],
+    exclude: [REGEX_SETUP_SFC, REGEX_NODE_MODULES],
+    ...options,
+    version,
+    lib,
+    defineComponent: {
+      alias: options?.defineComponent?.alias ?? [
+        'defineComponent',
+        'defineVaporComponent',
+      ],
+    },
+    defineModel: { alias: options?.defineModel?.alias ?? ['defineModel'] },
+    defineSlots: { alias: options?.defineSlots?.alias ?? ['defineSlots'] },
+    defineExpose: { alias: options?.defineExpose?.alias ?? ['defineExpose'] },
+    defineStyle: { alias: options?.defineStyle?.alias ?? ['defineStyle'] },
+  }
+}

packages/macros/src/raw.ts

@@ -1,10 +1,5 @@
 import {
-  FilterFileType,
-  REGEX_NODE_MODULES,
-  REGEX_SETUP_SFC,
-  REGEX_SRC_FILE,
   createFilter,
-  detectVueVersion,
   normalizePath,
 } from '@vue-macros/common'
 import {
@@ -16,31 +11,9 @@ import {
 } from './core/helper'
 import { transformStyle } from './core/style'
 import { transformJsxMacros } from './core'
-import type { Options, OptionsResolved } from './types'
+import { resolveOptions, type Options } from './options'
 import type { UnpluginOptions } from 'unplugin'
 
-export function resolveOptions(options: Options): OptionsResolved {
-  const version = options.version || detectVueVersion()
-  const lib = options.lib || 'vue/vapor'
-  return {
-    include: [REGEX_SRC_FILE],
-    exclude: [REGEX_SETUP_SFC, REGEX_NODE_MODULES],
-    ...options,
-    version,
-    lib,
-    defineComponent: {
-      alias: options?.defineComponent?.alias ?? [
-        'defineComponent',
-        'defineVaporComponent',
-      ],
-    },
-    defineModel: { alias: options?.defineModel?.alias ?? ['defineModel'] },
-    defineSlots: { alias: options?.defineSlots?.alias ?? ['defineSlots'] },
-    defineExpose: { alias: options?.defineExpose?.alias ?? ['defineExpose'] },
-    defineStyle: { alias: options?.defineStyle?.alias ?? ['defineStyle'] },
-  }
-}
-
 const name = '@vue-jsx-vapor/macros'
 
 const plugin = (userOptions: Options = {}): UnpluginOptions => {