index.tsx (#13)

* fix index.tsx

* pretty, always

Author: claudiovallejo

CHANGELOG.md

@@ -1,5 +1,12 @@
 # pix31
 
+## 1.0.11
+
+### Patch Changes
+
+- React `index.ts` file should have `.tsx` extension
+- Polish `info` logs on successful init
+
 ## 1.0.10
 
 ### Patch Changes

package.json

@@ -16,7 +16,7 @@
     "publish": "npm publish --access public"
   },
   "name": "pix31",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.mjs",

src/lib/utils.test.ts

@@ -466,7 +466,7 @@ describe("ensureIndexFile()", () => {
       recursive: true,
     });
     expect(fs.writeFileSync).toHaveBeenCalledWith(
-      path.join(process.cwd(), "src/icons/index.ts"),
+      path.join(process.cwd(), "src/icons/index.tsx"),
       expect.stringContaining("react-native-svg")
     );
   });
@@ -482,7 +482,7 @@ describe("ensureIndexFile()", () => {
     ensureIndexFile(config);
 
     expect(fs.writeFileSync).toHaveBeenCalledWith(
-      path.join(process.cwd(), "src/icons/index.ts"),
+      path.join(process.cwd(), "src/icons/index.tsx"),
       expect.not.stringContaining("react-native-svg")
     );
   });
@@ -527,7 +527,7 @@ describe("appendIconExport()", () => {
     appendIconExport(nativeConfig, "home");
 
     expect(fs.appendFileSync).toHaveBeenCalledWith(
-      path.join(process.cwd(), "src/icons/index.ts"),
+      path.join(process.cwd(), "src/icons/index.tsx"),
       '\nexport * from "./home";\n'
     );
   });
@@ -538,7 +538,7 @@ describe("appendIconExport()", () => {
     appendIconExport(reactConfig, "home");
 
     expect(fs.appendFileSync).toHaveBeenCalledWith(
-      path.join(process.cwd(), "src/icons/index.ts"),
+      path.join(process.cwd(), "src/icons/index.tsx"),
       '\nexport { HomeIcon } from "./home";\n'
     );
   });
@@ -667,15 +667,28 @@ describe("printInitSuccess()", () => {
     consoleLogSpy.mockRestore();
   });
 
-  it("Prints formatted success message", () => {
+  it("Prints formatted success message with chalk colors", () => {
     printInitSuccess();
 
-    expect(consoleLogSpy).toHaveBeenCalledWith("Commands you can run:");
-    expect(consoleLogSpy).toHaveBeenCalledWith(
-      `  npx ${LIB_NAME} browse                     Search pixelarticons website`
+    expect(consoleLogSpy).toHaveBeenCalledTimes(5);
+    expect(consoleLogSpy).toHaveBeenNthCalledWith(
+      1,
+      expect.stringContaining("--------------------------------")
     );
-    expect(consoleLogSpy).toHaveBeenCalledWith(
-      `  npx ${LIB_NAME} add [icon-1] [icon-2] ...  Add icons to your project`
+    expect(consoleLogSpy).toHaveBeenNthCalledWith(2, expect.any(String), "Commands you can run:");
+    expect(consoleLogSpy).toHaveBeenNthCalledWith(
+      3,
+      expect.any(String),
+      `npx ${LIB_NAME} browse                     Search pixelarticons website`
+    );
+    expect(consoleLogSpy).toHaveBeenNthCalledWith(
+      4,
+      expect.any(String),
+      `npx ${LIB_NAME} add [icon-1] [icon-2] ...  Add icons to your project`
+    );
+    expect(consoleLogSpy).toHaveBeenNthCalledWith(
+      5,
+      expect.stringContaining("--------------------------------")
     );
   });
 });

src/lib/utils.ts

@@ -174,7 +174,7 @@ export function readConfig(): JsonConfig | null {
 }
 
 export function ensureIndexFile(config: JsonConfig): void {
-  const indexPath = path.join(process.cwd(), config.outputPath, "index.ts");
+  const indexPath = path.join(process.cwd(), config.outputPath, "index.tsx");
 
   if (!fs.existsSync(path.dirname(indexPath))) {
     fs.mkdirSync(path.dirname(indexPath), { recursive: true });
@@ -189,7 +189,7 @@ export function ensureIndexFile(config: JsonConfig): void {
 }
 
 export function appendIconExport(config: JsonConfig, iconName: string): void {
-  const indexPath = path.join(process.cwd(), config.outputPath, "index.ts");
+  const indexPath = path.join(process.cwd(), config.outputPath, "index.tsx");
   const existingContent = fs.readFileSync(indexPath, "utf-8");
   const exportLine =
     config.platform === "native"
@@ -311,7 +311,7 @@ export async function generateReactIcons(): Promise<GenerationStats> {
 
 export async function generateIndexFile(): Promise<void> {
   const reactIconsDir = path.resolve("react-icons");
-  const indexPath = path.join(reactIconsDir, "index.ts");
+  const indexPath = path.join(reactIconsDir, "index.tsx");
 
   let indexContent = `export { Pix31Icon, Pix31IconProps } from "../lib/pix31-icon";\n\n`;
 
@@ -340,7 +340,15 @@ export function configureAddCommand(program: Command): void {
 }
 
 export function printInitSuccess(): void {
-  console.log("Commands you can run:");
-  console.log(`  npx ${LIB_NAME} browse                     Search pixelarticons website`);
-  console.log(`  npx ${LIB_NAME} add [icon-1] [icon-2] ...  Add icons to your project`);
+  console.log(chalk.gray("--------------------------------"));
+  console.log(chalk.white("ℹ"), "Commands you can run:");
+  console.log(
+    chalk.blue("+"),
+    `npx ${LIB_NAME} browse                     Search pixelarticons website`
+  );
+  console.log(
+    chalk.green("+"),
+    `npx ${LIB_NAME} add [icon-1] [icon-2] ...  Add icons to your project`
+  );
+  console.log(chalk.gray("--------------------------------"));
 }