rads / csp.js

📺 CSP for vanilla JavaScript

CSP.js

This library provides CSP primitives for vanilla JavaScript. If you've used Clojure's core.async before, picking up CSP.js is easy.

Much thanks to the contributors of core.async. Most of this library is a direct translation of core.async's Clojure code to JavaScript.

Example

The following example can be found in examples/search.js. You can try it out in the browser at this page (make sure to have your console open).

// This function simulates a search request to a remote source, such as an HTTP
// request to Google.
function fakeRemoteSearch(query) {
  var latency = (Math.random() * 200);
  return CSP.go(function*() {
    yield CSP.take(CSP.timeout(latency));
    return {query: query, latency: latency};
  });
}

function performSearch(n) {
  return CSP.go(function*() {
    // Closes after 100 ms.
    var timeout = CSP.timeout(100);
    // Provides a value after 0-200 ms.
    var search = fakeRemoteSearch('javascript ' + n);
    // Choose whatever channel provides a value or closes first.
    var result = yield CSP.alts([search, timeout]);

    if (result.chan === search) {
      return result.value;
    } else {
      return 'timeout';
    }
  });
}

// On average, half the searches will complete and half will time out.
CSP.go(function*() {
  for (var i = 0; i < 10; i++) {
    console.log(yield CSP.take(performSearch(i)));
  }
});

Usage

CSP.js requires ES6 generators, which are not supported in browsers or in Node 0.10.x or below. Firefox has built-in support only for an old version of generators which are not compatible with CSP.js.

If you want to use this library in the browser or any version of Node.js before 0.11.x, you'll have to compile your code with Regenerator and include its runtime. For example, if you want to run the search example, you use it like this:

regenerator examples/search.js > examples/build/search.js

You also have to include the Regenerator runtime on the page somewhere. The runtime file is bundled with this repository as regenerator.runtime.js and regenerator.runtime.min.js. These are merely copies of the runtime files in the Regenerator repository. CSP.js has been tested with Regenerator version 0.2.10. In the end, your script tags look something like this:

<script src="regenerator.runtime.min.js"></script>
<script src="csp.min.js"></script>
<script src="examples/search.js"></script>

Of course, if you're using this library in production, you'll want to concatenate all those into a single file.

If you want to use this library in Node 0.11.x or above, you don't need any compilation or an extra runtime, but you do need to set a command-line option:

node --harmony-generators examples/search.js

API

CSP.js is a faithful port of core.async in both API and implementation.

Documentation is still in-progress. For more details, check the unit tests and core.async API docs for now.

go(function*() { ... })

goLoop(function*() { ... })

Repeatedly executes the go block until a return statment is found. Equivalent to go(function*() { while(true) { ... } }).

yield take(channel)

yield put(channel, value)

yield alts(channels [, options])

takeAsync(channel [, onComplete [, onCaller]])

putAsync(channel, value [, onComplete [, onCaller]])

close(channel)

buffer(n)

droppingBuffer(n)

slidingBuffer(n)

timeout(duration)

pipe(from, to [, shouldClose])

mapPull(channel, fn)

mapPush(channel, fn)

map(channels, [bufOrN,] fn)

reduce(channel, init, fn)

merge(channel [, bufOrN])

intoArray(channel)

takeNum(channel, n [, bufOrN])

unique(channel [, bufOrN])

partition(channel, n [, bufOrN])

partitionBy(channel, [bufOrN,] fn)

filterPull(channel, [bufOrN,] fn)

filterPush(channel, fn)

removePull(channel, [bufOrN,] fn)

removePush(channel, fn)

mapcatPull(channel, [bufOrN,] fn)

mapcatPush(channel, [bufOrN,] fn)

split(channel, [passBufOrN, failBufOrN,] fn)

ontoChan(channel, array [, shouldClose])

toChan(array)

mult(channel)

tap(mult, channel [, shouldClose])

untap(mult, channel)

untapAll(mult, channel)

pub(channel, topicFn [, bufFn])

sub(pub, topic, channel [, shouldClose])

unsub(pub, topic, channel)

unsubAll(pub [, topic])

TODO

• More documentation
• More functions
  • mix, admix, unmix, unmixAll, toggle, soloMode
• Optimize for speed and file size
• Test for compatibility in IE

License

CSP.js is released under the MIT License.

csp.js's Issues

Error during 'regenerator'

This may be a problem with regenerator but I thought I'd start here.
Is there something obvious that I'm doing wrong with the following code?

   this.getTemplatesCSP = function (successC, errorC) {
      var go = CSP.go;
      var put = CSP.put;
      $http.get('api/templates').success(function (data) {
         templates = data;
         go(function*() {
            yield put(successC, data);
         });
         }).error(function (err) {
            go(function*() {
               yield put(errorC, err.Message);
            });
      });
   };

Regenerator gives the follow error message which is unintelligible to me.

$ regenerator TemplatesService.js.SAVE > TemplatesService.js

assert.js:92
  throw new assert.AssertionError({
        ^
AssertionError: "unexpected whitespace character" undefined ""
    at countSpaces (c:\Users\TAISDevUser\AppData\Roaming\npm\node_modules\regenerator\node_modul
1:20)
    at c:\Users\TAISDevUser\AppData\Roaming\npm\node_modules\regenerator\node_modules\recast\lib
    at Array.map (native)
    at Object.fromString (c:\Users\TAISDevUser\AppData\Roaming\npm\node_modules\regenerator\node
s.js:94:46)
    at Object.exports.parse (c:\Users\TAISDevUser\AppData\Roaming\npm\node_modules\regenerator\n
arser.js:12:36)
    at regenerator (c:\Users\TAISDevUser\AppData\Roaming\npm\node_modules\regenerator\main.js:46
    at Object.<anonymous> (c:\Users\TAISDevUser\AppData\Roaming\npm\node_modules\regenerator\bin
    at Module._compile (module.js:456:26)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)

This particular error seems odd to me.

There no errors when running on this file without the CSP code. Also, other files with CSP code work fine. I'm thinking I'm doing something blatantly ignorant.

Thanks.