@meituan-nocode/vite-plugin-nocode-compiler 0.1.0-beta.7 → 0.1.0-beta.9-z

package/dist/nocode-compiler-core/src/compilers/jsx-compiler.js

@@ -1,211 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.JSXCompiler = void 0;
-const parser_1 = require("@babel/parser");
-const traverse_1 = __importDefault(require("@babel/traverse"));
-const magic_string_1 = __importDefault(require("magic-string"));
-const path_1 = __importDefault(require("path"));
-const utils_1 = require("../utils/utils");
-/**
- * JSX/TSX 编译器类
- * 负责处理 JSX/TSX 文件的编译逻辑
- *
- * 支持的文件类型：
- * - .jsx: React JSX 文件
- * - .tsx: React TypeScript JSX 文件
- *
- * 注意：
- * - TypeScript 类型信息在编译时会被擦除
- * - 编译器关注的是 JSX 结构而不是类型信息
- */
-class JSXCompiler {
-    static supportedExtensions = ['.jsx', '.tsx'];
-    static extensionName = 'jsx';
-    options;
-    logger;
-    cwd;
-    constructor(options) {
-        this.options = options;
-        this.logger = new utils_1.Logger(options.enableLogging);
-        this.cwd = process.cwd();
-    }
-    /**
-     * 编译 JSX 代码
-     */
-    async compile(code, id) {
-        this.logger.log('\nProcessing file:', id);
-        if (!(0, utils_1.shouldProcessFile)(id, this.options.validExtensions)) {
-            this.logger.log('Skipping file (not .jsx or in node_modules):', id);
-            return null;
-        }
-        const relativePath = path_1.default.relative(this.cwd, id);
-        this.logger.log('Relative path:', relativePath);
-        try {
-            const parserOptions = {
-                sourceType: 'module',
-                plugins: ['jsx', 'typescript'],
-            };
-            const ast = (0, parser_1.parse)(code, parserOptions);
-            const magicString = new magic_string_1.default(code);
-            let changedElementsCount = 0;
-            let arrayContext = null;
-            // 使用 @babel/traverse 替代 estree-walker
-            (0, traverse_1.default)(ast, {
-                enter: path => {
-                    const node = path.node;
-                    // 检测数组的 map 调用
-                    if (node.type === 'CallExpression') {
-                        const callExpr = node;
-                        if (callExpr.callee.type === 'MemberExpression') {
-                            const memberExpr = callExpr.callee;
-                            if (memberExpr.property.type === 'Identifier' && memberExpr.property.name === 'map') {
-                                this.logger.log('Found array map:', node);
-                                let arrayName = null;
-                                // 获取数组名称
-                                if (memberExpr.object.type === 'Identifier') {
-                                    arrayName = memberExpr.object.name;
-                                }
-                                else if (memberExpr.object.type === 'MemberExpression') {
-                                    const innerMember = memberExpr.object;
-                                    if (innerMember.object.type === 'Identifier' && innerMember.property.type === 'Identifier') {
-                                        arrayName = `${innerMember.object.name}.${innerMember.property.name}`;
-                                    }
-                                }
-                                // 获取参数名（通常是 index）
-                                let paramName = 'index';
-                                if (callExpr.arguments.length > 0) {
-                                    const callback = callExpr.arguments[0];
-                                    if (callback.type === 'ArrowFunctionExpression' || callback.type === 'FunctionExpression') {
-                                        const func = callback;
-                                        if (func.params.length > 1 && func.params[1].type === 'Identifier') {
-                                            paramName = func.params[1].name;
-                                        }
-                                    }
-                                }
-                                if (arrayName) {
-                                    arrayContext = { arrayName, paramName };
-                                    this.logger.log('Found array map:', { arrayName, paramName });
-                                }
-                            }
-                        }
-                    }
-                    // 处理 JSX 开标签
-                    if (node.type === 'JSXOpeningElement') {
-                        const jsxOpeningElement = node;
-                        let elementName;
-                        // 获取元素名称
-                        if (jsxOpeningElement.name.type === 'JSXIdentifier') {
-                            elementName = jsxOpeningElement.name.name;
-                        }
-                        else if (jsxOpeningElement.name.type === 'JSXMemberExpression') {
-                            const memberExpr = jsxOpeningElement.name;
-                            if (memberExpr.object.type === 'JSXIdentifier' && memberExpr.property.type === 'JSXIdentifier') {
-                                elementName = `${memberExpr.object.name}.${memberExpr.property.name}`;
-                            }
-                            else {
-                                return;
-                            }
-                        }
-                        else {
-                            return;
-                        }
-                        // 跳过 Fragment
-                        if (elementName === 'Fragment' || elementName === 'React.Fragment') {
-                            return;
-                        }
-                        const shouldTag = (0, utils_1.shouldTagElement)(elementName, this.options.threeFiberElems, this.options.dreiElems);
-                        this.logger.log('Found JSX element:', {
-                            elementName,
-                            shouldTag,
-                            hasArrayContext: !!arrayContext,
-                        });
-                        if (shouldTag) {
-                            const line = node.loc?.start?.line ?? 0;
-                            const col = node.loc?.start?.column ?? 0;
-                            // 收集元素内容
-                            const content = {};
-                            // 收集属性
-                            jsxOpeningElement.attributes.forEach(attr => {
-                                if (attr.type === 'JSXAttribute') {
-                                    const attrName = attr.name.name;
-                                    if (attrName === 'placeholder' || attrName === 'className') {
-                                        if (attr.value?.type === 'StringLiteral') {
-                                            content[attrName] = attr.value.value;
-                                        }
-                                        else if (attr.value?.type === 'JSXExpressionContainer' && attr.value.expression.type === 'StringLiteral') {
-                                            content[attrName] = attr.value.expression.value;
-                                        }
-                                    }
-                                }
-                            });
-                            // 收集文本内容
-                            const parentPath = path.parentPath;
-                            if (parentPath && parentPath.node.type === 'JSXElement') {
-                                const textContent = parentPath.node.children
-                                    .map((child) => {
-                                    if (child.type === 'JSXText') {
-                                        return child.value.trim();
-                                    }
-                                    else if (child.type === 'JSXExpressionContainer' && child.expression.type === 'StringLiteral') {
-                                        return child.expression.value;
-                                    }
-                                    return '';
-                                })
-                                    .filter(Boolean)
-                                    .join(' ')
-                                    .trim();
-                                if (textContent) {
-                                    content.text = textContent;
-                                }
-                            }
-                            const attributes = (0, utils_1.generateDataAttributes)(relativePath, line, col, elementName, content, arrayContext);
-                            this.logger.log('Adding attributes:', attributes);
-                            // 使用 path 获取准确的节点位置信息
-                            const nameEndPosition = jsxOpeningElement.name.end;
-                            if (nameEndPosition !== null) {
-                                magicString.appendLeft(nameEndPosition, attributes);
-                                changedElementsCount++;
-                            }
-                        }
-                    }
-                },
-                exit: path => {
-                    const node = path.node;
-                    // 离开 map 调用时清除上下文
-                    if (node.type === 'CallExpression') {
-                        const callExpr = node;
-                        if (callExpr.callee.type === 'MemberExpression') {
-                            const memberExpr = callExpr.callee;
-                            if (memberExpr.property.type === 'Identifier' && memberExpr.property.name === 'map') {
-                                if (arrayContext) {
-                                    this.logger.log('Leaving array map context:', arrayContext.arrayName);
-                                }
-                                arrayContext = null;
-                            }
-                        }
-                    }
-                },
-            });
-            this.logger.log('File processing complete:', {
-                file: relativePath,
-                elementsChanged: changedElementsCount,
-            });
-            if (changedElementsCount > 0) {
-                this.logger.log('Modified code preview:', magicString.toString().slice(0, 500) + '...');
-            }
-            return {
-                code: magicString.toString(),
-                map: magicString.generateMap({ hires: true }),
-            };
-        }
-        catch (error) {
-            this.logger.error('Error processing file:', relativePath);
-            this.logger.error(error);
-            return null;
-        }
-    }
-}
-exports.JSXCompiler = JSXCompiler;

package/dist/nocode-compiler-core/src/compilers/vue-compiler.d.ts

@@ -1,26 +0,0 @@
-import type { BaseCompiler } from './base-compiler';
-export interface VueCompilerOptions {
-    validExtensions: Set<string>;
-    threeFiberElems: string[];
-    dreiElems: string[];
-    enableLogging?: boolean;
-}
-/**
- * Vue 编译器类
- * 负责处理 Vue 文件的编译逻辑
- */
-export declare class VueCompiler implements BaseCompiler {
-    static readonly supportedExtensions: string[];
-    static readonly extensionName = "vue";
-    private options;
-    private logger;
-    private cwd;
-    constructor(options: VueCompilerOptions);
-    /**
-     * 编译 Vue 代码
-     */
-    compile(code: string, id: string): Promise<{
-        code: string;
-        map: any;
-    } | null>;
-}

package/dist/nocode-compiler-core/src/compilers/vue-compiler.js

@@ -1,129 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VueCompiler = void 0;
-const compiler_sfc_1 = require("@vue/compiler-sfc");
-const magic_string_1 = __importDefault(require("magic-string"));
-const path_1 = __importDefault(require("path"));
-const utils_1 = require("../utils/utils");
-/**
- * Vue 编译器类
- * 负责处理 Vue 文件的编译逻辑
- */
-class VueCompiler {
-    static supportedExtensions = ['.vue'];
-    static extensionName = 'vue';
-    options;
-    logger;
-    cwd;
-    constructor(options) {
-        this.options = options;
-        this.logger = new utils_1.Logger(options.enableLogging);
-        this.cwd = process.cwd();
-    }
-    /**
-     * 编译 Vue 代码
-     */
-    async compile(code, id) {
-        this.logger.log('\nProcessing file:', id);
-        if (!(0, utils_1.shouldProcessFile)(id, this.options.validExtensions)) {
-            this.logger.log('Skipping file (not .vue or in node_modules):', id);
-            return null;
-        }
-        const relativePath = path_1.default.relative(this.cwd, id);
-        this.logger.log('Relative path:', relativePath);
-        try {
-            // 解析Vue SFC
-            const { descriptor } = (0, compiler_sfc_1.parse)(code);
-            if (!descriptor.template) {
-                return null;
-            }
-            const magicString = new magic_string_1.default(code);
-            let changedElementsCount = 0;
-            // 获取template的AST
-            const templateAst = descriptor.template.ast;
-            if (!templateAst) {
-                return null;
-            }
-            // 递归处理AST节点
-            const processNode = (node, arrayContext = null) => {
-                if (node.type !== 1) {
-                    // 1 表示元素节点
-                    return;
-                }
-                const elementName = node.tag;
-                // 跳过内置组件
-                if (elementName === 'template' || elementName === 'slot') {
-                    return;
-                }
-                const shouldTag = (0, utils_1.shouldTagElement)(elementName, this.options.threeFiberElems, this.options.dreiElems);
-                if (shouldTag) {
-                    const line = node.loc.start.line;
-                    const col = node.loc.start.column;
-                    // 收集元素内容
-                    const content = {};
-                    // 收集属性
-                    if (node.props) {
-                        node.props.forEach((prop) => {
-                            if (prop.type === 6) {
-                                // 6 表示属性
-                                if (prop.name === 'placeholder' || prop.name === 'class') {
-                                    content[prop.name === 'class' ? 'className' : prop.name] = prop.value?.content;
-                                }
-                            }
-                        });
-                    }
-                    // 收集文本内容
-                    if (node.children) {
-                        const textContent = node.children
-                            .filter((child) => child.type === 2) // 2 表示文本节点
-                            .map((child) => child.content.trim())
-                            .filter(Boolean)
-                            .join(' ');
-                        if (textContent) {
-                            content.text = textContent;
-                        }
-                    }
-                    const attributes = (0, utils_1.generateDataAttributes)(relativePath, line, col, elementName, content, arrayContext);
-                    // 在标签名后插入属性
-                    const insertPos = node.loc.start.offset + elementName.length + 1;
-                    magicString.appendLeft(insertPos, attributes);
-                    changedElementsCount++;
-                }
-                // 处理v-for上下文
-                let vForContext = null;
-                const vForProp = node.props?.find((p) => p.type === 7 && p.name === 'for'); // 7 表示指令
-                if (vForProp) {
-                    const match = vForProp.exp?.content.match(/\((.*?),\s*(.*?)\)\s+in\s+(.*)/);
-                    if (match) {
-                        vForContext = {
-                            arrayName: match[3],
-                            paramName: match[2],
-                        };
-                    }
-                }
-                // 递归处理子节点
-                if (node.children) {
-                    node.children.forEach((child) => processNode(child, vForContext || arrayContext));
-                }
-            };
-            processNode(templateAst);
-            this.logger.log('File processing complete:', {
-                file: relativePath,
-                elementsChanged: changedElementsCount,
-            });
-            return {
-                code: magicString.toString(),
-                map: magicString.generateMap({ hires: true }),
-            };
-        }
-        catch (error) {
-            this.logger.error('Error processing file:', relativePath);
-            this.logger.error(error);
-            return null;
-        }
-    }
-}
-exports.VueCompiler = VueCompiler;

package/dist/nocode-compiler-core/src/types.d.ts

@@ -1,9 +0,0 @@
-export interface ArrayContext {
-    arrayName: string;
-    paramName: string;
-}
-export interface CompilerStats {
-    totalFiles: number;
-    processedFiles: number;
-    totalElements: number;
-}

package/dist/nocode-compiler-core/src/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/nocode-compiler-core/src/utils/constants.d.ts

@@ -1,23 +0,0 @@
-/**
- * Three.js Fiber 元素列表
- * 这些元素不需要添加 nocode 标识
- */
-export declare const threeFiberElems: string[];
-/**
- * Drei 元素列表
- * 这些元素不需要添加 nocode 标识
- */
-export declare const dreiElems: string[];
-/**
- * 支持的文件扩展名
- */
-export declare const DEFAULT_VALID_EXTENSIONS: Set<string>;
-/**
- * 默认配置
- */
-export declare const DEFAULT_CONFIG: {
-    validExtensions: Set<string>;
-    threeFiberElems: string[];
-    dreiElems: string[];
-    enableLogging: boolean;
-};

package/dist/nocode-compiler-core/src/utils/constants.js

@@ -1,287 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_CONFIG = exports.DEFAULT_VALID_EXTENSIONS = exports.dreiElems = exports.threeFiberElems = void 0;
-/**
- * Three.js Fiber 元素列表
- * 这些元素不需要添加 nocode 标识
- */
-exports.threeFiberElems = [
-    'object3D',
-    'audioListener',
-    'positionalAudio',
-    'mesh',
-    'batchedMesh',
-    'instancedMesh',
-    'scene',
-    'sprite',
-    'lOD',
-    'skinnedMesh',
-    'skeleton',
-    'bone',
-    'lineSegments',
-    'lineLoop',
-    'points',
-    'group',
-    'camera',
-    'perspectiveCamera',
-    'orthographicCamera',
-    'cubeCamera',
-    'arrayCamera',
-    'instancedBufferGeometry',
-    'bufferGeometry',
-    'boxBufferGeometry',
-    'circleBufferGeometry',
-    'coneBufferGeometry',
-    'cylinderBufferGeometry',
-    'dodecahedronBufferGeometry',
-    'extrudeBufferGeometry',
-    'icosahedronBufferGeometry',
-    'latheBufferGeometry',
-    'octahedronBufferGeometry',
-    'planeBufferGeometry',
-    'polyhedronBufferGeometry',
-    'ringBufferGeometry',
-    'shapeBufferGeometry',
-    'sphereBufferGeometry',
-    'tetrahedronBufferGeometry',
-    'torusBufferGeometry',
-    'torusKnotBufferGeometry',
-    'tubeBufferGeometry',
-    'wireframeGeometry',
-    'tetrahedronGeometry',
-    'octahedronGeometry',
-    'icosahedronGeometry',
-    'dodecahedronGeometry',
-    'polyhedronGeometry',
-    'tubeGeometry',
-    'torusKnotGeometry',
-    'torusGeometry',
-    'sphereGeometry',
-    'ringGeometry',
-    'planeGeometry',
-    'latheGeometry',
-    'shapeGeometry',
-    'extrudeGeometry',
-    'edgesGeometry',
-    'coneGeometry',
-    'cylinderGeometry',
-    'circleGeometry',
-    'boxGeometry',
-    'capsuleGeometry',
-    'material',
-    'shadowMaterial',
-    'spriteMaterial',
-    'rawShaderMaterial',
-    'shaderMaterial',
-    'pointsMaterial',
-    'meshPhysicalMaterial',
-    'meshStandardMaterial',
-    'meshPhongMaterial',
-    'meshToonMaterial',
-    'meshNormalMaterial',
-    'meshLambertMaterial',
-    'meshDepthMaterial',
-    'meshDistanceMaterial',
-    'meshBasicMaterial',
-    'meshMatcapMaterial',
-    'lineDashedMaterial',
-    'lineBasicMaterial',
-    'primitive',
-    'light',
-    'spotLightShadow',
-    'spotLight',
-    'pointLight',
-    'rectAreaLight',
-    'hemisphereLight',
-    'directionalLightShadow',
-    'directionalLight',
-    'ambientLight',
-    'lightShadow',
-    'ambientLightProbe',
-    'hemisphereLightProbe',
-    'lightProbe',
-    'spotLightHelper',
-    'skeletonHelper',
-    'pointLightHelper',
-    'hemisphereLightHelper',
-    'gridHelper',
-    'polarGridHelper',
-    'directionalLightHelper',
-    'cameraHelper',
-    'boxHelper',
-    'box3Helper',
-    'planeHelper',
-    'arrowHelper',
-    'axesHelper',
-    'texture',
-    'videoTexture',
-    'dataTexture',
-    'dataTexture3D',
-    'compressedTexture',
-    'cubeTexture',
-    'canvasTexture',
-    'depthTexture',
-    'raycaster',
-    'vector2',
-    'vector3',
-    'vector4',
-    'euler',
-    'matrix3',
-    'matrix4',
-    'quaternion',
-    'bufferAttribute',
-    'float16BufferAttribute',
-    'float32BufferAttribute',
-    'float64BufferAttribute',
-    'int8BufferAttribute',
-    'int16BufferAttribute',
-    'int32BufferAttribute',
-    'uint8BufferAttribute',
-    'uint16BufferAttribute',
-    'uint32BufferAttribute',
-    'instancedBufferAttribute',
-    'color',
-    'fog',
-    'fogExp2',
-    'shape',
-    'colorShiftMaterial',
-];
-/**
- * Drei 元素列表
- * 这些元素不需要添加 nocode 标识
- */
-exports.dreiElems = [
-    'AsciiRenderer',
-    'Billboard',
-    'Clone',
-    'ComputedAttribute',
-    'Decal',
-    'Edges',
-    'Effects',
-    'GradientTexture',
-    'Image',
-    'MarchingCubes',
-    'Outlines',
-    'PositionalAudio',
-    'Sampler',
-    'ScreenSizer',
-    'ScreenSpace',
-    'Splat',
-    'Svg',
-    'Text',
-    'Text3D',
-    'Trail',
-    'CubeCamera',
-    'OrthographicCamera',
-    'PerspectiveCamera',
-    'CameraControls',
-    'FaceControls',
-    'KeyboardControls',
-    'MotionPathControls',
-    'PresentationControls',
-    'ScrollControls',
-    'DragControls',
-    'GizmoHelper',
-    'Grid',
-    'Helper',
-    'PivotControls',
-    'TransformControls',
-    'CubeTexture',
-    'Fbx',
-    'Gltf',
-    'Ktx2',
-    'Loader',
-    'Progress',
-    'ScreenVideoTexture',
-    'Texture',
-    'TrailTexture',
-    'VideoTexture',
-    'WebcamVideoTexture',
-    'CycleRaycast',
-    'DetectGPU',
-    'Example',
-    'FaceLandmarker',
-    'Fbo',
-    'Html',
-    'Select',
-    'SpriteAnimator',
-    'StatsGl',
-    'Stats',
-    'Trail',
-    'Wireframe',
-    'CurveModifier',
-    'AdaptiveDpr',
-    'AdaptiveEvents',
-    'BakeShadows',
-    'Bvh',
-    'Detailed',
-    'Instances',
-    'Merged',
-    'meshBounds',
-    'PerformanceMonitor',
-    'Points',
-    'Preload',
-    'Segments',
-    'Fisheye',
-    'Hud',
-    'Mask',
-    'MeshPortalMaterial',
-    'RenderCubeTexture',
-    'RenderTexture',
-    'View',
-    'MeshDiscardMaterial',
-    'MeshDistortMaterial',
-    'MeshReflectorMaterial',
-    'MeshRefractionMaterial',
-    'MeshTransmissionMaterial',
-    'MeshWobbleMaterial',
-    'PointMaterial',
-    'shaderMaterial',
-    'SoftShadows',
-    'CatmullRomLine',
-    'CubicBezierLine',
-    'Facemesh',
-    'Line',
-    'Mesh',
-    'QuadraticBezierLine',
-    'RoundedBox',
-    'ScreenQuad',
-    'AccumulativeShadows',
-    'Backdrop',
-    'BBAnchor',
-    'Bounds',
-    'CameraShake',
-    'Caustics',
-    'Center',
-    'Cloud',
-    'ContactShadows',
-    'Environment',
-    'Float',
-    'Lightformer',
-    'MatcapTexture',
-    'NormalTexture',
-    'RandomizedLight',
-    'Resize',
-    'ShadowAlpha',
-    'Shadow',
-    'Sky',
-    'Sparkles',
-    'SpotLightShadow',
-    'SpotLight',
-    'Stage',
-    'Stars',
-    'OrbitControls',
-];
-/**
- * 支持的文件扩展名
- */
-exports.DEFAULT_VALID_EXTENSIONS = new Set(['.jsx']);
-/**
- * 默认配置
- */
-exports.DEFAULT_CONFIG = {
-    validExtensions: exports.DEFAULT_VALID_EXTENSIONS,
-    threeFiberElems: exports.threeFiberElems,
-    dreiElems: exports.dreiElems,
-    enableLogging: true,
-};