canStream.toStream( compute )

Creates a stream from a can-compute compute. This stream gets updated whenever the compute value changes.

import compute from "can-compute";
import canStream from "can-stream-kefir";

const c1 = compute( 0 );

const resultCompute = canStream.toStream( c1 );

resultCompute.onValue( function( val ) {
  console.log( val );
} );

c1( 1 );

canStream.toStream( obs, "eventName" )

Creates an event stream with the event objects dispatched on obs for eventName. This is a shorthand for [can-stream-kefir.toStreamFromEvent].

import DefineList from "can-define/list/list";
import canStream from "can-stream-kefir";

const hobbies = new DefineList( [ "js", "kayaking" ] );

const changeCount = canStream.toStream( hobbies, "length" ).scan( function( prev ) {
  return prev + 1;
}, 0 );
changeCount.onValue( function( event ) {
  console.log( event );
} );

hobbies.push( "bball" );

//-> console.logs {type: "add", args: [2,["bball"]]}
hobbies.shift();

//-> console.logs {type: "remove", args: [0,["js"]]}

canStream.toStream( obs, ".propName" )

Creates a stream from an observable property value. This is a shorthand for [can-stream-kefir.toStreamFromProperty].

import canStream from "can-stream-kefir";
import DefineMap from "can-define/map/map";

const person = new DefineMap( {
  first: "Justin",
  last: "Meyer"
} );

const first = canStream.toStream( person, ".first" ), last = canStream.toStream( person, ".last" );

const fullName = Kefir.combine( first, last, function( first, last ) {
  return first + last;
} );

fullName.onValue( function( newVal ) {
  console.log( newVal );
} );

map.first = "Payal";

//-> console.logs "Payal Meyer"

Create a stream based on a event on an observable property.

canStream.toStream( obs, ".propName eventName" )

Creates a stream from an observable property value. This is a shorthand for the second signature of [can-stream-kefir.toStreamFromEvent].

import canStream from "can-stream-kefir";
import DefineMap from "can-define/map/map";
import DefineList from "can-define/list/list";

const me = new DefineMap( {
  todos: [ "mow lawn" ]
} );

const addStream = canStream.toStream( me, ".todos add" );

addStream.onValue( function( event ) {
  console.log( event );
} );

map.todos.push( "do dishes" );

//-> console.logs {type: "add", args: [1,["do dishes"]]}

Create a stream based on a event on an observable property.