Feature/duplicate tokens (#63)

* Add detection for duplicated tokens name

* Changeset

* Lint

.changeset/cyan-pots-turn.md

@@ -0,0 +1,5 @@
+---
+'@runroom/design-tokens': patch
+---
+
+Add detection for duplicate tokens name

src/functions/getTokens.ts

@@ -1,6 +1,7 @@
 import { FigmaComponent, FigmaFrame } from '@/types/figma';
 import {
   DesignTokensGenerator,
+  Token,
   TokenCollection,
   TokenPayload,
   Tokens,
@@ -9,6 +10,7 @@ import {
 import { snakeCase } from './stringManipulation.ts';
 import { DESIGN_TOKENS, DesignPages } from '@/designTokensPages.ts';
 import { validateFrameName } from './ensureType.ts';
+import { logWarning } from '@/functions/logger.ts';
 
 const treeParser = <T extends FigmaComponent>(frames: (FigmaFrame | FigmaComponent)[]): T[] => {
   const components: T[] = [];
@@ -50,15 +52,48 @@ const buildPayload = <P extends TokenCollection>(payload: object, componentsKey:
   } as P;
 };
 
-const mergeTokens = (payload: any, token: any): any | undefined => {
+const isKeyDuplicated = <T extends TokenCollection, K extends Tokens>(
+  payload: T,
+  token: K,
+  key: string
+) => Object.keys(payload).filter(payloadKey => payloadKey === (token[key] as any).name).length;
+
+const renameDuplicatedToken = <T extends TokenCollection, K extends Tokens>(
+  payload: T,
+  token: K
+) => {
+  let duplicatedToken = token;
+  Object.keys(payload).forEach(key => {
+    const payloadToken = payload[key] as any as Token;
+
+    if (payloadToken.name === (duplicatedToken[key] as Token).name) {
+      const duplicatedKey = `${key}-duplicate`;
+      (duplicatedToken[key] as Token).name = `${(duplicatedToken[key] as Token).name}-duplicate`;
+      duplicatedToken = { [duplicatedKey]: duplicatedToken[key] } as K;
+    }
+  });
+
+  return duplicatedToken;
+};
+
+const mergeTokens = <T extends TokenCollection, K extends Tokens>(payload: T, token: K): T => {
   const key = Object.keys(token)[0];
+
   if (!payload[key]) {
     Object.assign(payload, token);
 
     return payload;
   }
 
-  const newPayload = mergeTokens(payload[key], token[key]);
+  if (isKeyDuplicated(payload, token, key)) {
+    logWarning(`Duplicated token name: ${(token[key] as Token).name}`);
+    const duplicatedToken = renameDuplicatedToken(payload, token);
+
+    Object.assign(payload, duplicatedToken);
+    return payload;
+  }
+
+  const newPayload: T = mergeTokens(payload[key] as T, token[key] as K);
 
   return {
     ...payload,

src/functions/logger.ts

@@ -10,8 +10,9 @@ const EMOJIS = {
 };
 
 const log = (message: string, emoji = '') => {
+  const reset = '\x1b[0m';
   // eslint-disable-next-line no-console
-  console.log(`\n${message} ${emoji}`);
+  console.info(`\n${reset}${emoji} ${message}\n`);
 };
 
 const logError = (message: string) => {