siuuuu/utils/actions.js

A tool library for automatically generating code based on plop and babel

import { readFileSync, writeFileSync } from 'fs';
import { getRoutesPath, isFileExist } from './shared.js';
import { parse } from '@babel/parser';
import { editRouterAst } from './ast.js';
import chalk from 'chalk';
import conf from '../config.js';
const generateRouteItem = (routerData) => ({
    name: routerData.name,
    path: routerData.path,
    component: routerData.component,
});
const modifyRouteFile = (routeItem) => {
    const routePath = getRoutesPath();
    if (isFileExist(routePath)) {
        const fileContent = readFileSync(routePath, { encoding: 'utf8' });
        const routeAST = parse(fileContent, {
            errorRecovery: true,
            sourceType: 'module',
        });
        writeFileSync(routePath, editRouterAst(routeAST, routeItem), {
            encoding: 'utf-8',
        });
        console.log(chalk.green(`route添加成功,可以在${conf.routesFilePath}查看生成结果`));
    }
    else {
        console.log(chalk.red(`未找到route的配置文件,请检查${conf.routesFilePath}是否存在`));
    }
};
/**
 * @description 通过babel将route文件转为AST并将传入的router信息插入到路由文件中
 * @param routerData
 */
export const addRouteItem = (routerData) => {
    const routeItem = generateRouteItem(routerData);
    modifyRouteFile(routeItem);
};
/**
 * @description 通过传入的name自动生成一个简单的route对象信息
 * @returns {IRouteItem}
 */
export const createAutoRouteItem = (routeName) => ({
    name: routeName,
    path: `/${routeName}`,
    component: `@/view/${routeName}/index.vue`,
});
/**
 *
 * @param routeAnswer
 * @description 将plop中关于route的answer转化为IRouteItem
 * @returns {IRouteItem}
 */
export const routeAnswerToRouteItem = (routeAnswer) => ({
    name: routeAnswer.routeName,
    path: routeAnswer.path,
    component: routeAnswer.component,
});