Redux Saga: How to call yield + put within a nested function?











up vote
2
down vote

favorite












I am using WebRTC with redux sagas. One requirement is that I have to define peerConnection.onicecandidate:



function* createPeerConnection(action) {
...
peerConnection = new RTCPeerConnection(servers);

peerConnection.onicecandidate = (event) => {
if (event.candidate) {
yield put({ type: videoSessionActions.SEND_LOCAL_CANDIDATE, payload: event.candidate });
}
}
}


However, yield put is not working in this method. How would I change this so that it works with sagas?










share|improve this question


























    up vote
    2
    down vote

    favorite












    I am using WebRTC with redux sagas. One requirement is that I have to define peerConnection.onicecandidate:



    function* createPeerConnection(action) {
    ...
    peerConnection = new RTCPeerConnection(servers);

    peerConnection.onicecandidate = (event) => {
    if (event.candidate) {
    yield put({ type: videoSessionActions.SEND_LOCAL_CANDIDATE, payload: event.candidate });
    }
    }
    }


    However, yield put is not working in this method. How would I change this so that it works with sagas?










    share|improve this question
























      up vote
      2
      down vote

      favorite









      up vote
      2
      down vote

      favorite











      I am using WebRTC with redux sagas. One requirement is that I have to define peerConnection.onicecandidate:



      function* createPeerConnection(action) {
      ...
      peerConnection = new RTCPeerConnection(servers);

      peerConnection.onicecandidate = (event) => {
      if (event.candidate) {
      yield put({ type: videoSessionActions.SEND_LOCAL_CANDIDATE, payload: event.candidate });
      }
      }
      }


      However, yield put is not working in this method. How would I change this so that it works with sagas?










      share|improve this question













      I am using WebRTC with redux sagas. One requirement is that I have to define peerConnection.onicecandidate:



      function* createPeerConnection(action) {
      ...
      peerConnection = new RTCPeerConnection(servers);

      peerConnection.onicecandidate = (event) => {
      if (event.candidate) {
      yield put({ type: videoSessionActions.SEND_LOCAL_CANDIDATE, payload: event.candidate });
      }
      }
      }


      However, yield put is not working in this method. How would I change this so that it works with sagas?







      redux redux-saga






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Feb 27 '17 at 10:42









      Edmund

      10.4k33103206




      10.4k33103206
























          1 Answer
          1






          active

          oldest

          votes

















          up vote
          1
          down vote













          Hope that the event channel can help you:



          import { eventChannel, END } from 'redux-saga';
          import { put, take } from 'redux-saga/effects';

          import { videoSessionActions } from '../???/constants';

          const rtcChannel = servers => eventChannel(emitter => {
          const peerConnection = new RTCPeerConnection(servers);
          peerConnection.onicecandidate = event => {
          if (event.candidate) {
          emitter({type: videoSessionActions.SEND_LOCAL_CANDIDATE, payload: event.candidate});
          }
          };
          return () => {
          peerConnection.close();
          };
          }
          // ,buffers.expanding(1024) ???
          );

          function* createPeerConnection(servers) {
          const ch = rtcChannel(servers);

          while(true) { // eslint-disable-line no-constant-condition
          const candidate = yield take(ch);
          yield put(candidate);
          }
          }





          share|improve this answer





















            Your Answer






            StackExchange.ifUsing("editor", function () {
            StackExchange.using("externalEditor", function () {
            StackExchange.using("snippets", function () {
            StackExchange.snippets.init();
            });
            });
            }, "code-snippets");

            StackExchange.ready(function() {
            var channelOptions = {
            tags: "".split(" "),
            id: "1"
            };
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function() {
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled) {
            StackExchange.using("snippets", function() {
            createEditor();
            });
            }
            else {
            createEditor();
            }
            });

            function createEditor() {
            StackExchange.prepareEditor({
            heartbeatType: 'answer',
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader: {
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            },
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            });


            }
            });














             

            draft saved


            draft discarded


















            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f42483669%2fredux-saga-how-to-call-yield-put-within-a-nested-function%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes








            up vote
            1
            down vote













            Hope that the event channel can help you:



            import { eventChannel, END } from 'redux-saga';
            import { put, take } from 'redux-saga/effects';

            import { videoSessionActions } from '../???/constants';

            const rtcChannel = servers => eventChannel(emitter => {
            const peerConnection = new RTCPeerConnection(servers);
            peerConnection.onicecandidate = event => {
            if (event.candidate) {
            emitter({type: videoSessionActions.SEND_LOCAL_CANDIDATE, payload: event.candidate});
            }
            };
            return () => {
            peerConnection.close();
            };
            }
            // ,buffers.expanding(1024) ???
            );

            function* createPeerConnection(servers) {
            const ch = rtcChannel(servers);

            while(true) { // eslint-disable-line no-constant-condition
            const candidate = yield take(ch);
            yield put(candidate);
            }
            }





            share|improve this answer

























              up vote
              1
              down vote













              Hope that the event channel can help you:



              import { eventChannel, END } from 'redux-saga';
              import { put, take } from 'redux-saga/effects';

              import { videoSessionActions } from '../???/constants';

              const rtcChannel = servers => eventChannel(emitter => {
              const peerConnection = new RTCPeerConnection(servers);
              peerConnection.onicecandidate = event => {
              if (event.candidate) {
              emitter({type: videoSessionActions.SEND_LOCAL_CANDIDATE, payload: event.candidate});
              }
              };
              return () => {
              peerConnection.close();
              };
              }
              // ,buffers.expanding(1024) ???
              );

              function* createPeerConnection(servers) {
              const ch = rtcChannel(servers);

              while(true) { // eslint-disable-line no-constant-condition
              const candidate = yield take(ch);
              yield put(candidate);
              }
              }





              share|improve this answer























                up vote
                1
                down vote










                up vote
                1
                down vote









                Hope that the event channel can help you:



                import { eventChannel, END } from 'redux-saga';
                import { put, take } from 'redux-saga/effects';

                import { videoSessionActions } from '../???/constants';

                const rtcChannel = servers => eventChannel(emitter => {
                const peerConnection = new RTCPeerConnection(servers);
                peerConnection.onicecandidate = event => {
                if (event.candidate) {
                emitter({type: videoSessionActions.SEND_LOCAL_CANDIDATE, payload: event.candidate});
                }
                };
                return () => {
                peerConnection.close();
                };
                }
                // ,buffers.expanding(1024) ???
                );

                function* createPeerConnection(servers) {
                const ch = rtcChannel(servers);

                while(true) { // eslint-disable-line no-constant-condition
                const candidate = yield take(ch);
                yield put(candidate);
                }
                }





                share|improve this answer












                Hope that the event channel can help you:



                import { eventChannel, END } from 'redux-saga';
                import { put, take } from 'redux-saga/effects';

                import { videoSessionActions } from '../???/constants';

                const rtcChannel = servers => eventChannel(emitter => {
                const peerConnection = new RTCPeerConnection(servers);
                peerConnection.onicecandidate = event => {
                if (event.candidate) {
                emitter({type: videoSessionActions.SEND_LOCAL_CANDIDATE, payload: event.candidate});
                }
                };
                return () => {
                peerConnection.close();
                };
                }
                // ,buffers.expanding(1024) ???
                );

                function* createPeerConnection(servers) {
                const ch = rtcChannel(servers);

                while(true) { // eslint-disable-line no-constant-condition
                const candidate = yield take(ch);
                yield put(candidate);
                }
                }






                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Mar 12 '17 at 21:52









                DraganS

                1,1361327




                1,1361327






























                     

                    draft saved


                    draft discarded



















































                     


                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function () {
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f42483669%2fredux-saga-how-to-call-yield-put-within-a-nested-function%23new-answer', 'question_page');
                    }
                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    Berounka

                    Different font size/position of beamer's navigation symbols template's content depending on regular/plain...

                    Sphinx de Gizeh