Update naming logic

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "tabWidth": 2,
+  "bracketSpacing": true,
+  "trailingComma": "all",
+  "singleQuote": true
+}

nodemon.json

@@ -0,0 +1,5 @@
+{
+  "watch": ["./src/"],
+  "ext": "js",
+  "ignore": ["__tests__/**/"]
+}

package.json

@@ -5,6 +5,7 @@
   "repository": "https://github.com/UsulPro/theme-name.git",
   "scripts": {
     "start": "start-storybook -p 6006 --ci",
+    "dev": "nodemon --exec yarn prepare",
     "prepare": "package-prepare",
     "lintfix": "eslint --fix src",
     "test": "jest",
@@ -27,6 +28,7 @@
     "eslint-plugin-prettier": "^3.1.0",
     "eslint-plugin-react": "^7.13.0",
     "jest": "^24.8.0",
+    "nodemon": "^2.0.2",
     "prettier": "^1.17.1"
   },
   "author": "Oleg Proskurin <[email protected]>",

src/__tests__/index.test.js

@@ -62,4 +62,24 @@ describe(__filename, () => {
     };
     expect(themeName(theme)).toMatchInlineSnapshot(`"Light Theme"`);
   });
+
+  it('should return theme ind', () => {
+    const theme = {
+      colors: {
+        main: BigTheme.pink,
+        red: BigTheme.badgeBackgroundColor,
+      },
+    };
+    expect(themeName(theme, 0)).toBe('theme 1');
+  });
+
+  it('should return undefined', () => {
+    const theme = {
+      colors: {
+        main: BigTheme.pink,
+        red: BigTheme.badgeBackgroundColor,
+      },
+    };
+    expect(themeName(theme)).toBe(undefined);
+  });
 });

src/index.js

@@ -27,5 +27,5 @@ export const themeName = (theme, ind) => {
     .trim();
   if (generatedName) return generatedName;
 
-  return `theme ${ind}`;
+  return ind !== undefined ? `theme ${ind + 1}` : undefined;
 };