Why Gemfury?
Push, build, and install
RubyGems
npm packages
Python packages
Maven artifacts
PHP packages
Go Modules
Debian packages
RPM packages
NuGet packages
skava
skava / @skava/modules js
Repository URL to install this package:
|
Version:
1.2.8 ▾
|
<!DOCTYPE html>
<html class="">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>chain-able documentation</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<!--<link rel="stylesheet" type="text/css" href="styles2.css">-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/ramda/0.24.1/ramda.min.js"></script>
<script src="https://cdn.jsdelivr.net/lodash/4.17.4/lodash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<style>
body,
html,
main {
overflow: auto !important;
}
body {
padding: 2em;
}
</style>
</head>
<body class="">
<input type="checkbox" id="open-nav">
<header class="navbar navbar-fixed-top navbar-inverse container-fluid">
<div class="container-fluid">
<div class="navbar-header">
<label class="open-nav" for="open-nav"></label>
<a class="navbar-brand" href="#">
<strong>⛓</strong>
<span class="version">v5.0.0</span>
</a>
</div>
<ul class="nav navbar-nav navbar-left">
<li class="active"><a href="https://fluents.github.io/chain-able-site">Home</a></li>
<li class=""><a href="https://fluents.github.io/chain-able-site/documentation.html">Documentation</a></li>
<li><a href="https://aretecode.github.io/chain-able-playground/">Try ⛓</a></li>
<li><a href="https://fluents.github.io/chain-able-site/examples.html">Examples</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="https://github.com/fluents/chain-able">GitHub</a></li>
<li><a href="https://gitter.im/fliphub/Lobby">Discuss</a></li>
</ul>
</div>
</header>
<nav class="nav-left">
</nav>
<main class="">
<ul>
<li><a href="https://aretecode.github.io/chain-able-playground/">🔗 playground - super small files using features - adapted from tests</a></li>
<li><a href="https://jsfiddle.net/wqxuags2/28/">🔗 jsfiddle with Inferno</a></li>
</ul>
<div>
<h2 id="-a-name-who-uses-it-a-who-uses-it-"><a name="who-uses-it"></a> who uses it?</h2>
<ul>
<li><a href="https://github.com/aretecode/fliplog">fliplog</a>: fluent logging with verbose insight, colors, tables, emoji, filtering, spinners, progress bars, timestamps, capturing, stack traces, tracking, presets, & more...</li>
<li><a href="https://github.com/fuse-box/lego-api">lego-api</a> renders the infinitely nestable permutations of conditionals for <a href="https://github.com/fuse-box/fuse-box">fuse-box</a> so only what you use is included in the bundled api</li>
<li><a href="https://github.com/fliphub/d-l-l">d-l-l</a> makes your webpack build faster, in just a few lines, without having to waste time with the tedious manual configuration steps required to use the DLLPlugin</li>
<li><a href="https://github.com/aretecode/webpack-split-plugin">webpack-split-plugin</a> easily split bundles into multiple pieces with custom specifications</li>
<li><a href="https://github.com/aretecode/bench-chain">bench-chain</a> benchmark recording - averages & graphs.</li>
<li><a href="https://github.com/fluents/cli-chain">cli-chain</a> easy, powerful, interactive, infinitely nestable fluent cli builder.</li>
<li><a href="https://github.com/fluents/awesome-fluents">awesome-fluents</a> more awesome fluents/chains.</li>
<li><a href="https://github.com/aretecode/funwithflags">funwithflags</a> parse argument options. minimist in es6.</li>
<li><a href="https://github.com/fluents/chain-able-find">chain-able-find</a> globby-compatible api, faster, & fluent.</li>
<li><a href="https://github.com/fluents/chain-able/blob/master/_modules/_chain-able-md/src/index.js">chain-able-md</a> markdown builder with a fluent api, used to create chain-able docs.</li>
<li><a href="https://github.com/fluents/chain-able/tree/master/examples">frisbee-chain</a> fetch api enhancer with Frisbee, as-a-chain.</div>
</li>
</ul>
<div>
<h2 id="-examples-https-github-com-fluents-chain-able-tree-master-examples-"><a href="https://github.com/fluents/chain-able/tree/master/examples">examples</a></h2>
<p><img src="https://user-images.githubusercontent.com/4022631/27512934-ccd6b5d0-5907-11e7-9149-7c505f24323c.png" alt="examples chain"></p>
<ul>
<li><code>MethodChain</code> <em>examples using method chains</em>
<ul>
<li><a href="https://github.com/fluents/chain-able/tree/master/examples/packages/playground/schema.js">data type + schema</a></li>
<li><a href="https://github.com/fluents/chain-able/tree/master/examples/packages/playground/define.js">define</a></li>
<li><a href="https://github.com/fluents/chain-able/tree/master/examples/packages/playground/encase.js">encase</a></li>
<li><a href="https://github.com/fluents/chain-able/tree/master/examples/packages/playground/merge.js">merging</a></li>
<li><a href="https://github.com/fluents/chain-able/tree/master/examples/packages/playground/compose.js">compose</a></li>
<li><a href="https://github.com/fluents/chain-able/tree/master/examples/packages/playground/observe.js">observing</a></li>
</ul>
</li>
</ul>
<p><img src="https://user-images.githubusercontent.com/4022631/27512944-e6474d68-5907-11e7-8452-1ea326c61505.png" height="400px" alt="examples img" /></p>
<ul>
<li><strong>minis</strong> <em>really mini projects for examples</em>
<ul>
<li><a href="https://github.com/fluents/chain-able/tree/master/examples/packages/minis/DecoratorChain.js"><code>DecoratorChain</code></a> (making a chain that can be used to build decorators that work for all combinations*)</li>
<li><a href="https://github.com/fluents/chain-able/tree/master/examples/packages/minis/SwitchChain.js"><code>SwitchChain</code></a> - making <code>switch(condition) {}</code> as-a-chain, for fun</li>
<li><a href="https://github.com/fluents/chain-able/tree/master/examples/packages/minis/RegExp.js"><code>RegExpChain</code></a> - <em>fluent RegExp building with english words instead of symbols</em></li>
<li><a href="https://github.com/fluents/chain-able/tree/master/examples/packages/minis/ObjectDefineChain.js"><code>ObjectDefineChain</code></a> - <em>simple example with <code>Object.define</code> as-a-chain</em></li>
</ul>
</li>
<li><a href="examples_ts">typescript</a> (<em>for intelisense demo</em>)</li>
<li><a href="examples_decorators">decorators</a> (for es6 transpiling experimenting)</li>
<li><strong>State</strong>
<ul>
<li><a href="examples_react_state">Inferno/React state</a> (<em>for intelisense demo</em>)</li>
<li><a href="https://github.com/fluents/chain-able/tree/master/examples/packages/playground/TodoStore.js">TodoStore</a> (<em>react state store as a todostore</em>)</li>
<li><a href="https://github.com/fluents/chain-able/tree/master/examples/packages/playground/localStorage.js">LocalStorage</a></li>
</ul>
</li>
<li><strong>nodejs</strong>
<ul>
<li><a href="https://github.com/fluents/chain-able/tree/master/examples/packages/node/index.js">Comments</a> (<em>another schema example</em>)</div>
</li>
</ul>
</li>
</ul>
</main>
<script src="main.js"></script>
<script>
hljs.initHighlightingOnLoad();
</script>
<script>
/*
window.gitter = {
chat: {
options: {
room: 'fliphub/fliphub'
}
}
}
*/
</script>
</body>
</html>