@mongez/gnz
Version:
Generator Z, the next generation of scaffolding tools.
73 lines (70 loc) • 2.48 kB
JavaScript
import'os';import {format}from'../../utils/prettifier.js';async function gnReactComponent(options) {
const { memo, name: componentName, forwardRef, withProps = true, args = [], exportAsDefault = false, imports: incomingImports = [], renderContent = `
<>
<h1>${componentName}</h1>
</>
`, } = options;
const exportAsDefaultText = exportAsDefault ? "default" : "";
const props = `${componentName}Props`;
const propsDefinition = withProps
? `
type ${props} = {
// props go here
};
`
: "";
const imports = incomingImports;
if (forwardRef || memo) {
imports.push('import React from "react";');
}
let content = "";
if (forwardRef) {
if (forwardRef && args.length === 0) {
args.push(`props: ${props}`, "ref: any");
}
else {
args.push(`props: ${props}`);
}
// the return of the string should check if the component is memo or forwardRef
// it could be both as well, so we need to check for both
let exportStatement = "";
if (memo && forwardRef) {
exportStatement = `
const ${componentName} = React.memo(React.forwardRef(_${componentName}));
export ${exportAsDefaultText} ${componentName};`;
}
else if (memo) {
exportStatement = `
const ${componentName} = React.memo(_${componentName});
export ${exportAsDefaultText} ${componentName};`;
}
else if (forwardRef) {
exportStatement = `
const ${componentName} = React.forwardRef(_${componentName});
export ${exportAsDefaultText} ${componentName};`;
}
content = `function _${componentName}(${args.join(", ")}) {
${options.beforeRenderContent || ""}
return (
${renderContent || ``}
)
}
${exportStatement}
`;
}
else {
args.push(withProps ? `props: ${props}` : "");
content = `export ${exportAsDefaultText} function ${componentName}(${args.join(", ")}) {
${options.beforeRenderContent || ""}
return (
<>
<h1>${componentName}</h1>
</>
)
}
`;
}
const importsString = imports.join("\n");
const finalContent = `${importsString}\n${propsDefinition}${content}`;
return await format.typescript(finalContent);
}export{gnReactComponent};//# sourceMappingURL=template.js.map