Add BulletList to installable components (#209)

* add BulletList to installable components

* Change install dir from src/@mailingui to src/mailingui

* Use same file-structure as we have in our project

* remove duplicated dir

* make basePath mandatory arg of createFile

packages/cli/src/commands/init.ts

@@ -6,7 +6,6 @@ import execa from "execa";
 import ora from "ora";
 import prompts from "prompts";
 import {
-  BASE_URL,
   DEPENDENCIES as REQUIRED_DEPENDENCIES,
   SETTINGS_FILE_NAME,
 } from "../constants";
@@ -19,7 +18,7 @@ export const init = new Command()
   .option(
     "-p, --path <path>",
     "define base path to your MailingUI components",
-    "./src/@mailingui"
+    "./src/mailingui"
   )
   .option("-o, --overwrite", "overwrite existing configuration", false)
   .action(async (options) => {

packages/cli/src/utils/createFile.ts

@@ -1,13 +1,13 @@
 import path from "path";
-import { Component } from "../types";
 import fs from "fs";
 import prompts from "prompts";
 import chalk from "chalk";
+import { Component } from "../types";
 
 export async function createFile(
   componentName: string,
   components: Record<string, Component>,
-  basePath?: string,
+  basePath: string,
   overwrite?: boolean
 ) {
   const component = components[componentName];
@@ -16,9 +16,9 @@ export async function createFile(
     await createFile(dependency, components, basePath, overwrite);
   }
 
-  const directoryPath = basePath
-    ? `${basePath}/components/${componentName}`
-    : path.dirname(component.path);
+  const directoryPath = `${basePath}/components/${path.basename(
+    path.dirname(component.path)
+  )}`;
 
   if (!fs.existsSync(directoryPath)) {
     fs.mkdirSync(directoryPath, { recursive: true });

src/app/api/components/route.ts

@@ -1,4 +1,5 @@
 import fs from "fs";
+import { NextResponse } from "next/server";
 
 const getFileProps = (path: string) => ({
   path,
@@ -12,6 +13,7 @@ type SupportedComponents =
   | "emoji"
   | "heroSection"
   | "list"
+  | "bulletList"
   | "socialIcon"
   | "text";
 
@@ -49,6 +51,10 @@ const getComponents = (): Record<
       dependencies: [],
       ...getFileProps("./src/mailingui/components/list/List.tsx"),
     },
+    bulletList: {
+      dependencies: [],
+      ...getFileProps("./src/mailingui/components/list/BulletList.tsx"),
+    },
     socialIcon: {
       dependencies: [],
       ...getFileProps("./src/mailingui/components/social-icon/SocialIcon.tsx"),
@@ -67,5 +73,3 @@ export const GET = async () => {
     return NextResponse.error();
   }
 };
-
-import { NextResponse } from "next/server";