Create the actual lib

.gitignore

@@ -1,3 +1,5 @@
+dist
+
 # Logs
 logs
 *.log

package.json

@@ -0,0 +1,31 @@
+{
+  "name": "react-slugify",
+  "version": "1.0.0",
+  "description": "Slugify a React node",
+  "main": "dist/index.js",
+  "scripts": {
+    "prepare": "npm run build",
+    "build": "tsc",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/martpie/react-slugify.git"
+  },
+  "keywords": [
+    "react",
+    "slug",
+    "slugify"
+  ],
+  "author": "Pierre de la Martiniere <[email protected]>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/martpie/react-slugify/issues"
+  },
+  "homepage": "https://github.com/martpie/react-slugify#readme",
+  "devDependencies": {
+    "@types/react": "^16.7.6",
+    "react": "^16.6.3",
+    "typescript": "^3.1.6"
+  }
+}

src/slugify.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+
+const harmonize = (text: string) => text
+  .toLowerCase()
+  .replace(/\s+/g, '-')
+  .replace(/[^a-z-]/g, '');
+
+const slugify = (node: React.ReactNode): string => {
+  // undefined, null, boolean
+  if (!node || typeof node === 'boolean') {
+    return '';
+  }
+
+  // string, number
+  if (typeof node === 'string') return harmonize(node);
+  if (typeof node === 'number') return String(node);
+
+  // empty object
+  if (typeof node === 'object' && Object.keys(node).length === 0) {
+    return '';
+  }
+
+  // We did the check about empty object before
+  // const castedNode = node as React.ReactElement<any> | React.ReactNodeArray | React.ReactPortal;
+
+  // ReactPortal
+  if ('children' in node) {
+    return slugify(node.children);
+  }
+
+  // ReactNodeArray
+  if (node instanceof Array) {
+    return node.map(n => slugify(n)).join('-');
+  }
+
+
+  // ReactElement
+  if ('type' in node) {
+    // Would be awesome to uglify(children), but I am not sure how
+    return '';
+  }
+
+  // unhandled case
+  return '';
+};
+
+export default slugify;

tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "target": "es5",
+    "module": "commonjs",
+    "jsx": "preserve",
+    "moduleResolution": "node",
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "removeComments": false,
+    "preserveConstEnums": true,
+    "sourceMap": true,
+    "strict": true,
+    "outDir": "dist",
+    "declaration": true
+  },
+  "exclude": [
+    "**/node_modules",
+    "**/__tests__/**"
+  ]
+}