feat(compiler): support string source

Author: zhiyuanzmj

packages/babel/package.json

@@ -58,7 +58,7 @@
     "@babel/core": "catalog:",
     "@babel/parser": "catalog:",
     "@babel/plugin-syntax-jsx": "^7.25.9",
-    "@babel/traverse": "^7.26.7",
+    "@babel/traverse": "^7.26.8",
     "@babel/types": "catalog:",
     "@vue-jsx-vapor/compiler": "workspace:*",
     "source-map-js": "^1.2.1"

packages/compiler/package.json

@@ -55,12 +55,10 @@
     "test": "vitest"
   },
   "dependencies": {
+    "@babel/parser": "catalog:",
     "@babel/types": "catalog:",
     "@vue/compiler-dom": "catalog:",
     "@vue/compiler-vapor": "catalog:",
     "@vue/shared": "catalog:"
-  },
-  "devDependencies": {
-    "@babel/parser": "catalog:"
   }
 }

packages/compiler/src/compile.ts

@@ -1,8 +1,9 @@
-import { extend } from '@vue/shared'
+import { extend, isString } from '@vue/shared'
 import {
   type VaporCodegenResult as BaseVaporCodegenResult,
   generate,
 } from '@vue/compiler-vapor'
+import { parse } from '@babel/parser'
 import {
   type DirectiveTransform,
   type NodeTransform,
@@ -27,7 +28,7 @@ import {
 } from './ir'
 import { transformVFor } from './transforms/vFor'
 import type { CompilerOptions as BaseCompilerOptions } from '@vue/compiler-dom'
-import type { JSXElement, JSXFragment } from '@babel/types'
+import type { ExpressionStatement, JSXElement, JSXFragment } from '@babel/types'
 
 export { generate }
 
@@ -38,15 +39,18 @@ export interface VaporCodegenResult
 
 // code/AST -> IR (transform) -> JS (generate)
 export function compile(
-  root: JSXElement | JSXFragment,
+  source: JSXElement | JSXFragment | string,
   options: CompilerOptions = {},
 ): VaporCodegenResult {
   const resolvedOptions = extend({}, options, {
     inline: true,
     prefixIdentifiers: false,
     expressionPlugins: options.expressionPlugins || ['jsx'],
   })
-  if (options.isTS) {
+  if (!resolvedOptions.source && isString(source)) {
+    resolvedOptions.source = source
+  }
+  if (resolvedOptions.isTS) {
     const { expressionPlugins } = resolvedOptions
     if (!expressionPlugins.includes('typescript')) {
       resolvedOptions.expressionPlugins = [
@@ -55,7 +59,14 @@ export function compile(
       ]
     }
   }
-
+  const root = isString(source)
+    ? (
+        parse(source, {
+          sourceType: 'module',
+          plugins: resolvedOptions.expressionPlugins,
+        }).program.body[0] as ExpressionStatement
+      ).expression
+    : source
   const children =
     root.type === 'JSXFragment'
       ? root.children
@@ -65,7 +76,7 @@ export function compile(
   const ast: RootNode = {
     type: IRNodeTypes.ROOT,
     children,
-    source: options.source || '',
+    source: resolvedOptions.source || '',
   }
   const [nodeTransforms, directiveTransforms] = getBaseTransformPreset()
 
@@ -74,12 +85,12 @@ export function compile(
     extend({}, resolvedOptions, {
       nodeTransforms: [
         ...nodeTransforms,
-        ...(options.nodeTransforms || []), // user transforms
+        ...(resolvedOptions.nodeTransforms || []), // user transforms
       ],
       directiveTransforms: extend(
         {},
         directiveTransforms,
-        options.directiveTransforms || {}, // user transforms
+        resolvedOptions.directiveTransforms || {}, // user transforms
       ),
     }),
   )

packages/compiler/test/transforms/__snapshots__/vFor.spec.ts.snap

@@ -52,28 +52,6 @@ exports[`compiler: v-for > nested v-for 1`] = `
 "
 `;
 
-exports[`compiler: v-for > object de-structured index 1`] = `
-"
-  const n0 = _createFor(() => (items), (_for_item0, _for_key0, _for_index0) => {
-    const n2 = t0()
-    _setText(n2, () => (_for_item0.value.id), () => (_for_item0.value.value), () => (_for_index0.value))
-    return n2
-  }, ({ id, value }, key, index) => (id))
-  return n0
-"
-`;
-
-exports[`compiler: v-for > object de-structured value (with key and index) 1`] = `
-"
-  const n0 = _createFor(() => (items), (_for_item0, _for_key0, _for_index0) => {
-    const n2 = t0()
-    _setText(n2, () => (_for_item0.value.id), () => (_for_item0.value.value), () => (_for_index0.value))
-    return n2
-  }, ({ id, value }, key, index) => (id))
-  return n0
-"
-`;
-
 exports[`compiler: v-for > object de-structured value (with rest) 1`] = `
 "
   const n0 = _createFor(() => (list), (_for_item0, _for_key0) => {
@@ -107,17 +85,6 @@ exports[`compiler: v-for > object value, key and index 1`] = `
 "
 `;
 
-exports[`compiler: v-for > object value, key, index) 1`] = `
-"
-  const n0 = _createFor(() => (items), (_for_item0, _for_key0, _for_index0) => {
-    const n2 = t0()
-    _setText(n2, () => (id), () => (_for_item0.value), () => (_for_index0.value))
-    return n2
-  }, (value, key, index) => (id))
-  return n0
-"
-`;
-
 exports[`compiler: v-for > v-for aliases w/ complex expressions 1`] = `
 "
   const n0 = _createFor(() => (list), (_for_item0) => {

packages/unplugin/package.json

@@ -169,7 +169,7 @@
   },
   "dependencies": {
     "@babel/core": "catalog:",
-    "@babel/plugin-transform-typescript": "^7.26.7",
+    "@babel/plugin-transform-typescript": "^7.26.8",
     "@vue-jsx-vapor/babel": "workspace:*",
     "@vue-jsx-vapor/compiler": "workspace:*",
     "@vue-macros/common": "^1.16.1",