Merge pull request #107 from ZIA-Hans/feat/update-cli

feat(cli): update cli to let it can create html souce code template
FriedRiceNoodles · Mar 28, 2024 · d7cc97e · d7cc97e
2 parents ac286d7 + c230708
commit d7cc97e
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/packages/banana-cli/bin/index.js b/packages/banana-cli/bin/index.js
@@ -12,7 +12,7 @@ const toCamelCase = require('../templates/toCamelCase.js');
 const prettierConfig = prettier.resolveConfig.sync(process.cwd());
 
 const createComponent = async () => {
-  const checkDirs = ['packages/banana/src', 'packages/banana-react/src', 'docs/example'];
+  const checkDirs = ['packages/banana/src', 'packages/banana-react/src', 'docs/example', 'public'];
 
   for (const dir of checkDirs) {
     if (!fs.existsSync(path.resolve(process.cwd(), dir))) {
@@ -218,6 +218,7 @@ const createComponent = async () => {
 
   fs.mkdirSync(path.resolve(process.cwd(), 'docs/example', toCamelCase(name)));
   fs.mkdirSync(path.resolve(process.cwd(), 'docs/example', toCamelCase(name), 'demos'));
+  fs.mkdirSync(path.resolve(process.cwd(), 'public', toCamelCase(name)));
   const basicUsage = require('../templates/docs/basicUsage.js')(name);
   const formattedBasicUsage = prettier.format(basicUsage, {
     ...prettierConfig,
@@ -237,6 +238,18 @@ const createComponent = async () => {
   fs.writeFileSync(path.resolve(process.cwd(), 'docs/example', toCamelCase(name), 'index.md'), formattedIndex);
   console.log(`✅ Created 'docs/example/${toCamelCase(name)}/index.md'`);
 
+  const htmlSourceCode = require('../templates/docs/htmlSource.js')(name);
+  const formattedHtmlSourceCode = prettier.format(htmlSourceCode, {
+    ...prettierConfig,
+    parser: 'html',
+  });
+  fs.writeFileSync(
+    path.resolve(process.cwd(), `public`, toCamelCase(name), 'basicUsage.html'),
+    formattedHtmlSourceCode,
+  );
+
+  console.log(`✅ Created 'public/${toCamelCase(name)}/basicUsage.html`);
+
   console.log('----------------------------------------');
   console.log('📝 Docs created successfully.');
   console.log('----------------------------------------');

diff --git a/packages/banana-cli/templates/docs/htmlSource.js b/packages/banana-cli/templates/docs/htmlSource.js
@@ -0,0 +1,6 @@
+/* eslint-disable no-undef */
+const htmlSourceTemplate = (componentName) => `
+    <b-${componentName}>basicUsage</b-${componentName}>
+`;
+
+module.exports = htmlSourceTemplate;