Library core functionality

Author: GiovanniFrigo

.editorconfig

@@ -0,0 +1,19 @@
+root = true
+
+[*]
+indent_style = tab
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.{json,js,jsx,html,css}]
+indent_style = space
+indent_size = 2
+
+[.eslintrc]
+indent_style = space
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = false

.eslintrc

@@ -0,0 +1,22 @@
+{
+  "parser": "babel-eslint",
+  "extends": "airbnb",
+  "env": {
+    "browser": true,
+    "mocha": true,
+    "node": true
+  },
+  "rules": {
+    "consistent-return": 0,
+    "comma-dangle": 0,
+    "no-use-before-define": 0,
+    "react/jsx-no-bind": 0,
+    "react/prefer-stateless-function": 0
+  },
+  # "plugins": [
+  #   "import"
+  # ],
+  "settings": {
+    "import/resolver": "node"
+  }
+}

.gitignore

@@ -0,0 +1,76 @@
+
+# Created by https://www.gitignore.io/api/node,macos
+
+### Node ###
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules
+jspm_packages
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+
+### macOS ###
+*.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+# Thumbnails
+._*
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# Custom
+lib

README

@@ -0,0 +1,15 @@
+> Material takes cues from contemporary architecture, road signs, pavement marking tape, and athletic courts. Color should be **unexpected** and **vibrant**. ([https://material.google.com/style/color.html#](https://material.google.com/style/color.html#))
+
+# Material color hashing
+
+Hash a string to a Material Design color
+
+A dead-simple library to hash a string to a {background-color, text-color} tuple from the official Material Design palette.
+
+Great for dinamically coloring your UI elements (badges, list icons, ..) with good-looking, vibrant colors and ensured text legibility.
+
+## Usage
+
+```bash
+$ npm install material-color-hash
+```

package.json

@@ -0,0 +1,31 @@
+{
+  "name": "material-color-hash",
+  "version": "0.0.0",
+  "description": "Hash strings to Material UI colors",
+  "main": "./lib/index.js",
+  "scripts": {
+    "clean": "rm -rf lib",
+    "build": "babel src --out-dir lib",
+    "prepublish": "NODE_ENV=production; babel src --out-dir lib"
+  },
+  "keywords": [
+    "color",
+    "hash",
+    "material",
+    "ui"
+  ],
+  "author": "Belka <[email protected]> (http://belka.us)",
+  "license": "MIT",
+  "devDependencies": {
+    "babel-eslint": "^7.0.0",
+    "babel-preset-es2015": "^6.16.0",
+    "eslint": "^3.8.1",
+    "eslint-config-airbnb": "^12.0.0",
+    "eslint-plugin-import": "^1.16.0",
+    "eslint-plugin-jsx-a11y": "^2.2.2",
+    "eslint-plugin-react": "^6.3.0"
+  },
+  "dependencies": {
+    "string-hash": "^1.1.0"
+  }
+}

src/index.js

@@ -0,0 +1,30 @@
+import hash from 'string-hash';
+import materialColors from './materialColors';
+
+const availableShades = ['50', '100', '200', '300', '400', '500', '600', '700', '800', '900'];
+const materialWhite = 'rgba(255, 255, 255, 1)';
+const materialBlack = 'rgba(0, 0, 0, 0.87)';
+
+/* Get the whole color object, including all the shades, name and white breakpoint */
+function getColorObj(text) {
+  const hashedText = hash(text);
+  const colorIndex = hashedText % materialColors.length;
+
+  return materialColors[colorIndex];
+}
+
+/* Get a ready-to-use Style object of the Material color of a string */
+export default function toMaterialStyle(text, shade) {
+  let shadeStr = `${shade}`; // convert shade to string
+  if (!availableShades.includes(shadeStr)) {
+    shadeStr = '500';
+  }
+
+  const colorObj = getColorObj(text);
+
+  return {
+    backgroundColor: colorObj.shades[shadeStr],
+    color: parseInt(shadeStr, 10) >= colorObj.whiteBreakpoint ? materialWhite : materialBlack,
+    materiaColorName: colorObj.name
+  };
+}