feat: prepend

Author: maxprilutskiy

cmp/compiler/package.json

@@ -20,9 +20,18 @@
     "test": "echo 'not implemented'"
   },
   "dependencies": {
+    "@babel/core": "^7.26.0",
+    "@babel/generator": "^7.26.0",
+    "@babel/parser": "^7.26.0",
+    "@babel/traverse": "^7.26.0",
+    "@babel/types": "^7.26.0",
     "unplugin": "^2.3.10"
   },
   "devDependencies": {
+    "@types/babel__core": "^7.20.5",
+    "@types/babel__generator": "^7.6.8",
+    "@types/babel__traverse": "^7.20.6",
+    "@types/node": "^24.10.1",
     "tsup": "^8.3.0",
     "typescript": "^5.6.0",
     "vite": "^7.2.4"

cmp/compiler/src/index.ts

@@ -1,4 +1,8 @@
 import { createUnplugin } from 'unplugin';
+import { parse } from '@babel/parser';
+import traverse from '@babel/traverse';
+import generate from '@babel/generator';
+import * as t from '@babel/types';
 
 export interface CompilerOptions {}
 
@@ -20,8 +24,36 @@ export const unplugin = createUnplugin<CompilerOptions>((options = {}) => {
     },
 
     transform(code: string, id: string) {
-      // noop
-      return null;
+      // Only transform JSX/TSX files
+      if (!/\.[jt]sx$/.test(id)) {
+        return null;
+      }
+
+      try {
+        const ast = parse(code, {
+          sourceType: 'module',
+          plugins: ['jsx', 'typescript'],
+        });
+
+        traverse(ast, {
+          JSXText(path) {
+            const value = path.node.value;
+            // Check if text is non-empty and meaningful (not just whitespace)
+            if (value.trim().length > 0) {
+              path.node.value = value.replace(/^(\s*)(.+?)(\s*)$/, '$1[compiler] $2$3');
+            }
+          },
+        });
+
+        const output = generate(ast, {}, code);
+        return {
+          code: output.code,
+          map: output.map,
+        };
+      } catch (error) {
+        console.error(`Error transforming ${id}:`, error);
+        return null;
+      }
     },
   };
 });

cmp/demo/vite.config.ts

@@ -1,6 +1,7 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import compiler from '@compiler/core/vite';
 
 export default defineConfig({
-  plugins: [react()],
+  plugins: [compiler(), react()],
 });