#Utilities Basic things I use in almost every project.

• c
• dataBind
• el
• encrypt
• is
• kyp
• m
• magic
• sorter
• t
• type

###c (callback, arg) Function argument proxy.

function add(x, y){return x + y;}

var arr = [5, 10, 15].map(c(add, 5)); //=> [10,15,20]

###dataBind (element, state, property) Changes to property of state update element textContent.

var state = {test: "ok"};
var element = t("div")();
dataBind(element, state, "test");
console.log(element); //=> <div>ok</div>
state.test = "cool";
console.log(element); //=> <div>cool</div>

###el (element) Element selector.

var container = el("#container"),
    header = el("header")[0],
    post = el(".post")[5];

###is (thing, type) If called without type, returns type of thing. If called with type, checks type of thing against type.

var x = "vim";
is(x, "String"); //=> true
console.log(is(x)); //=> "String"

###kyp (key, callback) Key press utility. Basically just a dictionary for keyCodes.

var kyp = Kyp();

kyp("enter", function(){console.log("enter pressed.")});
kyp("tab", function(){/*open sidebar or something*/});

###m (markdown) Turns markdown into an HTML fragment.

var exit = "``" + "`";

var marks = `###m (markdown)
Turns markdown into an HTML fragment.

${exit}javascript
    var inception = "wow";
${exit}
`;

var frag = m(marks);

#document-fragment
<h3>m (markdown)</h3>
<p>Turns markdown into an HTML fragment.</p>
<p></p>
<pre><code>
    var inception = "wow";
</code></pre>

###sorter (check, backup) Lets you use normal functions to sort. I've only needed two dimensions so far, but it could easily be extended to use multiple backups.

var shows = [
    {title: "Sakurako-san no Ashimoto ni wa Shitai ga Umatteiru", time: 2330},
    {title: "Taimadou Gakuen 35 Shiken Shoutai", time: 1205},
    {title: "Diabolik Lovers More, Blood", time: 2330}
];

shows.sort(sorter(show => show.time, show => show.title));

console.log(shows);
/*  [
        {title: "Taimadou Gakuen 35 Shiken Shoutai", time: 1205},
        {title: "Diabolik Lovers More, Blood", time: 2330},
        {title: "Sakurako-san no Ashimoto ni wa Shitai ga Umatteiru", time: 2330},
    ] */

###t (tag, config) Bare metal dom element creation.

//Basic
var content = t("div", {id: "content"})([
    t(".title")("Hello"),
    t("p")("Can you hear me?")
]);

<div id="content">
    <div class="title">Hello</div>
    <p>Can you hear me?</p>
</div>

//Advanced
function navLink(name){
    var route = (name === "home") ? "/" : "/" + name;
    return t("a", {href: route || "/" + name})(name);
}

var nav = t("nav")(["home", "blog", "contact"].map(navLink));

<nav>
    <a class="nav-link" href="/">home</a>
    <a class="nav-link" href="/blog">blog</a>
    <a class="nav-link" href="/contact">contact</a>
</nav>

###type (object, shell) If called without shell, returns object typed with values. If called with shell, returns object typed without values.

var y = {
    name: "Dad",
    age: 35,
    kid: {
        name: "Cara",
        age: 7
    }
};

var z = type(y, true);

console.log(z);
/*  {
        type: "Object",
        properties: {
            name: {type: "String"},
            age: {type: "Number"},
            kid: {
                type: "Object",
                properties: {
                    name: {type: "String"},
                    age: {type: "Number"}
                }
            }
        }
    } */

###Magic (num, args, fn) Returns a function that when fed a number of data points will call a given function with all of the data.

var magic = Magic(2, [], data => {
  console.log(data[0] + data[1]);
});
magic(5);
magic(10); //=> 15

Generally intended to be used for http requests.

var magic = Magic(2, [], data => {
  // Do stuff with both results.
}, 1);

http("get", "sean.mu/data/test", e => magic(e.responseText));
http("get", "sean.mu/data/test2", e => magic(e.responseText));
// Whichever returns second will call the passed in function with data as an array.