@builder.io/mitosis
Version:
Write components once, run everywhere. Compiles to Vue, React, Solid, and Liquid. Import code from Figma and Builder.io
42 lines (41 loc) • 1.97 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.getProps = void 0;
const process_code_1 = require("./plugins/process-code");
const propsRegex = /props\s*\.\s*([a-zA-Z0-9_\$]+)/;
const allPropsMatchesRegex = new RegExp(propsRegex, 'g');
// copied from https://github.com/vuejs/core/blob/fa6556a0d56eeff1fec4f948460351ccf8f99f35/packages/compiler-core/src/validateExpression.ts
// typeof, instanceof and in are allowed
const prohibitedKeywordRE = new RegExp('\\b' +
('do,if,for,let,new,try,var,case,else,with,await,break,catch,class,const,' +
'super,throw,while,yield,delete,export,import,return,switch,default,' +
'extends,finally,continue,debugger,function,arguments,typeof,void,' +
// both below conditions added based on https://github.com/vuejs/vue/blob/e80cd09fff570df57d608f8f5aaccee6d7f31917/src/core/instance/state.ts#L89-L96
// below line added from https://github.com/vuejs/vue/blob/8880b55d52f8d873f79ef67436217c8752cddef5/src/shared/util.ts#L130
'key,ref,slot,slot-scope,is,' +
// below line added from https://github.com/vuejs/vue/blob/72aed6a149b94b5b929fb47370a7a6d4cb7491c5/src/platforms/web/util/attrs.ts#L5
'style')
.split(',')
.join('\\b|\\b') +
'\\b');
/**
* Get props used in the components by reference
*/
const getProps = (json) => {
const props = new Set();
(0, process_code_1.createCodeProcessorPlugin)(() => (code) => {
const matches = code.match(allPropsMatchesRegex);
if (matches) {
for (const match of matches) {
const prop = match.match(propsRegex)[1];
if (prop.match(prohibitedKeywordRE)) {
throw new Error(`avoid using JavaScript keyword as property name: "${prop}"`);
}
props.add(prop);
}
}
return code;
})(json);
return props;
};
exports.getProps = getProps;