elisherer

#! /bin/bash
RED='\033[0;31m'
GREEN='\033[0;32m'
NC='\033[0m' # No Color

installer=`which brew || which yum || which apt-get`
which jq >/dev/null || $installer install jq

if [ $? -ne 0 ]; then
    echo -e ${RED} unable to install jq, please run $installer install jq $NC

elisherer

const obj = {
  "first_name": "John",
  "last_name": "Smith",
  "age": 21,
  "hobbies": [ "programming", "workout", null, undefined, 24, "\"has double quotes\"" ],
  "nested": {
    "arr": [ "one", "two", "three" ],
  },
  "nested_arr": [
    "first as string",

elisherer

const TypeMapping = {
  bigint: "integer",
  boolean: "boolean",
  number: value => (/\.|e/.test(value.toString()) ? "number" : "integer"),
  string: "string"
};

const getType = value => {
  const type = typeof value;
  if (typeof TypeMapping[type] === "function") return TypeMapping[type](value);

elisherer

A
╭──╮
├──┤
╵  ╵
a

╭──┐
╰──┴
B
┌─╮

elisherer

const c = ((t_mod, t_clr, t_clrm) => (key,txt) => (Array.isArray(key)?key[0]:key).split(' ').reduce((a,k,b,x)=>(x = k.split('.'))&&
  (a+"\x1b["+(t_mod.hasOwnProperty(x[0])?t_mod[x[0]]:t_clr.hasOwnProperty(x[0])?''+t_clrm[x[1]]+t_clr[x[0]]:'0')+'m'),'') + (txt ? txt + c`` : ''))(
  { '': 0, reset: 0, bold: 1, dim: 2, italic: 3, underline: 4, blink: 5, inverse: 7, hidden: 8 },
  { black: 0, red: 1, green: 2, yellow: 3, blue: 4, magenta: 5, cyan: 6, white: 7 },
  { [undefined]: 3, bg: 4, light: 9, bglight: 10 }
);

console.log(c("black.light", 'some dim text'));
console.log(c("yellow red.bg", 'yellow and red background'));
console.log(c`red`+ 'template literals supports' + c``);

elisherer

<nav>
  <div class="menu"></div>
  <span class="title">Pure CSS Material Design</span>
</nav>

<table>
<tr>
  <td style="width:200px">
    <input type="text" placeholder="Hint text" /><br/>
    <input type="text" class="error" placeholder="Error" /><br/>