Add delimiter parameter

src/__tests__/slugify.tsx

@@ -36,6 +36,22 @@ describe ('slugify', () => {
       <span>here</span>,
       <span>are</span>,
       <span>multiple spans</span>,
-    ])).toBe('here-are-multiple-spans');
+    ], '-')).toBe('here-are-multiple-spans');
+  });
+
+  it ('should handle custom delimiters correctly', () => {
+    expect (slugify('crème brulée', '_')).toBe('creme_brulee');
+
+    expect(slugify(<>this IS a NoDe</>, '.')).toBe('this.is.a.node');
+  });
+
+  it ('should handle custom delimiters composed of multiple caracters', () => {
+    expect(slugify([
+      <span>here</span>,
+      <span>are</span>,
+      <span>multiple spans</span>,
+    ], '--')).toBe('here--are--multiple--spans');
+
+    expect(slugify(<span>this IS a NoDe</span>, '__')).toBe('this__is__a__node');
   });
 });

src/slugify.ts

@@ -10,22 +10,24 @@ const stripAccents = (str: string): string => {
     return fixes[accents.indexOf(a)] || '';
   }
 
-  return str.replace(reg, replacement).toLowerCase();
+  return str.replace(reg, replacement);
 };
 
-const harmonize = (text: string): string => stripAccents(text)
-  .toLowerCase()
-  .replace(/\s+/g, '-')
-  .replace(/[^a-z-]/g, '');
+const harmonize = (text: string, delimiter: string): string => {
+  return stripAccents(text)
+    .toLowerCase()
+    .replace(/\s+/g, delimiter)
+    .replace(new RegExp(`/[^a-z${delimiter}]/g`), '');
+};
 
-const slugify = (node: React.ReactNode): string => {
+const slugify = (node: React.ReactNode, delimiter = '-'): string => {
   // undefined, null, boolean
   if (!node || typeof node === 'boolean') {
     return '';
   }
 
   // string, number
-  if (typeof node === 'string') return harmonize(node);
+  if (typeof node === 'string') return harmonize(node, delimiter);
   if (typeof node === 'number') return String(node);
 
   // empty object
@@ -43,12 +45,12 @@ const slugify = (node: React.ReactNode): string => {
 
   // ReactNodeArray
   if (node instanceof Array) {
-    return node.map(n => slugify(n)).join('-');
+    return node.map(n => slugify(n, delimiter)).join(delimiter);
   }
 
 
   // ReactElement
-  if ('type' in node) return slugify(node.props.children);
+  if ('type' in node) return slugify(node.props.children, delimiter);
 
   // unhandled case
   return '';

tsconfig.json

@@ -14,7 +14,8 @@
     "outDir": "dist",
     "declaration": true,
     "lib": [
-      "es2017"
+      "es2017",
+      "dom"
     ]
   },
   "exclude": [