ign4/rf/resize_hook.js

// these functions allow you to decorate react classes
// they should be rewriten so you can handle any class






function FS_dec_resize(fn) {
  return function() {
    clog("rtscv0",glob_react.Filmstrip._getThumbs())
    resize_filmstrips(this,fn.name,arguments)
  	dec_fns[fn.name] && dec_fns[fn.name].pre ? dec_fns[fn.name].pre({that:this, arguments}) : 1
    const ret = fn.apply(this, arguments);
    resize_filmstrips2(this,fn.name,arguments)
    // console.log('FSD',fn.name,ret, [this,...arguments]);
    // console.log('FSD',fn.name);
    
    // console.trace('FSD_trc  '+fn.name);
    // log_tb()
    // window.log_tb(new Error(),fn.name)
    clog("rtscv1",glob_react.Filmstrip._getThumbs())
    resizeThumbnailsForCustomView(this,fn.name,arguments)
  	const ret2 = dec_fns[fn.name] && dec_fns[fn.name].post ? dec_fns[fn.name].post({that:this, arguments}) : 0
  	if (ret2){
  		return ret2.ret
  	}
    // const result = fn.apply(this, arguments);
    // console.log('Finished');
    clog("rtscv2",glob_react.Filmstrip._getThumbs())
    return ret;
  }
}
function FS_dec_proto(fn,fn_name) {
  return function() {
    clog("fdp0",fn_name,glob_react.Filmstrip._getThumbs())
    dec_fns[fn_name] && dec_fns[fn_name].pre ? dec_fns[fn_name].pre({that:this, arguments}) : 1
    if (fn_name == "updateDOMLocation") {
      this.updateDOMLocation2()
    }
    const ret = fn.apply(this, arguments);
    // console.log('FSD',fn_name,ret, [this,...arguments]);
    // console.log('FSD',fn_name);
    
    // console.trace('FSD_trc  '+fn_name);
    // log_tb()
    // window.log_tb(new Error(),fn_name)
    // clog("rtscv1",glob_react.Filmstrip._getThumbs())
    // resizeThumbnailsForCustomView(this,fn_name,arguments)
    clog("fdp2",fn_name,glob_react.Filmstrip._getThumbs())
    const ret2 = dec_fns[fn_name] && dec_fns[fn_name].post ? dec_fns[fn_name].post({that:this, arguments}) : 0
    if (ret2){
      return ret2.ret
    }
    // const result = fn.apply(this, arguments);
    // console.log('Finished');
    // clog("rtscv2",glob_react.Filmstrip._getThumbs())
    return ret;
  }
}



function undec_fs(){
  var k,v
  for ([k,v] of Object.entries(glob_orig.Filmstrip)){
  // for ([k,v] of Object.entries(glob_react.Filmstrip)){
    // clog("~",k,v.name)
    // glob_react.Filmstrip[k] = FS_dec(v)
    glob_react.Filmstrip[k] = v
  } 
}


function undec_class(){
  var k,v
  var proto = glob_orig.vidClass.LocalVideo
  // var proto = glob_react.vidClass.LocalVideo.prototype
  // for ([k,v] of iter_desc(proto)){
  for ([k,v] of Object.entries(proto)){
    // glob_react.Filmstrip[k] = v
    // clog(k,v)
    glob_react.vidClass.LocalVideo.prototype[k] = v.value
    // clog(k,v)
  } 
}




function dec_fs_proto(){
  var k,v
  save_orig()
  undec_class()
  var proto = glob_orig.vidClass.LocalVideo
  for ([k,v] of Object.entries(proto)){
    // glob_react.Filmstrip[k] = v
    // glob_react.vidClass.LocalVideo.prototype[k] = FS_dec_proto(v)
    glob_react.vidClass.LocalVideo.prototype[k] = FS_dec_proto(v.value,k)
    // clog(k,v)
  } 
  // glob_react.vidClass.LocalVideo.prototype.updateDOMLocation = updateDOMLocation
  glob_react.vidClass.LocalVideo.prototype.updateDOMLocation = updateDOMLocation2
  // updateDOMLocation
  /*
  for (k of fs_dec_list){
    clog("~",k)
    v = glob_orig.Filmstrip[k]
    glob_react.Filmstrip[k] = FS_dec_resize(v)
  }
  */
  return
  for ([k,v] of Object.entries(glob_orig.Filmstrip)){
  // for ([k,v] of Object.entries(glob_react.Filmstrip)){
    // clog("~",k,v.name,v)
    clog("~",k,v.name)
    // glob_react.Filmstrip[k] = FS_dec(v)
  }

}


function dec_fs_resize(){
  var k,v
  save_orig()
  undec_fs()
  dec_fs_proto()

  for (k of fs_dec_list){
    clog("~",k)
    v = glob_orig.Filmstrip[k]
    glob_react.Filmstrip[k] = FS_dec_resize(v)
  }
  return
  for ([k,v] of Object.entries(glob_orig.Filmstrip)){
  // for ([k,v] of Object.entries(glob_react.Filmstrip)){
    // clog("~",k,v.name,v)
    clog("~",k,v.name)
    // glob_react.Filmstrip[k] = FS_dec(v)
  }

}






function test_thumbs(){
  var ret = glob_react.Filmstrip._getThumbs()
  clog(ret)
  return ret

}



function updateDOMLocation2() {
        // clog("updateDOMLocation2",this,arguments)
        // this._updateVideoElement();
        // clog("UDL 00")
        // return
        // if (!this.container || !this.container.parentElement) {
        if (!this.container ) {
            return;
        }
        // dev trc 
        // ...

        // clog("UDL 10",this.container.parentElement)

        var custom_local = 0
        this.container.parentElement ? custom_local = this.container.parentElement.classList.contains("icont") : 0
        if (this.container.parentElement && !custom_local) {
            this.container.parentElement.removeChild(this.container);
        }
        // return
        // clog("UDL 20")
        const appendTarget = shouldDisplayTileView(APP.store.getState())
            ? document.getElementById('localVideoTileViewContainer')
            : document.getElementById('filmstripLocalVideoThumbnail');
        // if ()
        !custom_local && appendTarget && appendTarget.appendChild(this.container);
        // clog("UDL 30")
        // clog("")
        this._updateVideoElement();
        // clog("UDL 40")
    }







function updateDOMLocation() {

        if (!this.container) {
            return;
        }
        // dev trc 
        // ...
        if (this.container.parentElement) {
            this.container.parentElement.removeChild(this.container);
        }

        const appendTarget = shouldDisplayTileView(APP.store.getState())
            ? document.getElementById('localVideoTileViewContainer')
            : document.getElementById('filmstripLocalVideoThumbnail');

        appendTarget && appendTarget.appendChild(this.container);
        this._updateVideoElement();
    }

























function save_orig_prototype(classes){
  var i,k,v
  var i2,k2,v2
  var o
  var ret = {}
  // o = glob_react.vidClass.LocalVideo.prototype
  // o  = tobj
  // o = glob_react.vidClass.LocalVideo
  // for ([k,v] of Object.entries(glob_react.vidClass)){
  // for ([k,v] of Object.entries(o)){
  // for ([k2,v2] of Object.entries(glob_react.vidClass)){
  for ([k2,v2] of Object.entries(classes)){
      clog("... dec",k2)
      ret[k2] = {}
      o = v2.prototype
    for ([k,v] of iter_desc(o)){

      // clog(k,v)
      ret[k2][k]=v
      // clog(k2,k,v)
    }
  }
  // clog("><",Object.getOwnPropertyDescriptors(o))
  return ret

}

function save_orig(){
// console.trace("SAVE-ORIG")
glob_orig = window.glob_orig || {
  Filmstrip:{},
  fs:{},
  rf_filmstrip:{},
}


  glob_orig.Filmstrip = Object.assign({},glob_react.Filmstrip)
  glob_orig.fs = Object.assign({},glob_react.fs)
  glob_orig.rf_filmstrip = Object.assign({},glob_react.rf_filmstrip)
  glob_orig.vidClass = save_orig_prototype(glob_react.vidClass)
  // glob_orig.vidClass.LocalVideo_proto = Object.assign({},glob_react.vidClass.LocalVideo.prototype)
  // glob_orig.vidClass2  = jc(glob_react.vidClass)
  // glob_orig.rf_filmstrip = Object.assign({},glob_react.rf_filmstrip)
  save_orig = nop
}

// glob_react.vidClass.LocalVideo.prototype
// 





if (window.glob_orig){

save_orig = nop
// save_orig()
}
if (!window.glob_orig && window.glob_react){

// save_orig = nop
save_orig()
}
if (window.glob_orig && window.glob_react){
// dec_fs()
// dec_fs_resize()
// save_orig = nop
// save_orig()
}





if (window.glob_orig && window.glob_react){
// dec_fs()
dec_fs_resize()
// save_orig = nop
// save_orig()
}





function* iter_desc(o){
  var i,k,v
  i = 0
  for ([k,v] of Object.entries(Object.getOwnPropertyDescriptors(o))){
    yield [k,v]
    i += 1
  }

}








function glvcb(elm){
  // clog("GLVCB",this,[...arguments])
  try{
  return  elm.isLocal

  } catch{}
}

function get_local_vid(){
  return glob_dev_hooks.smallvids.filter(glvcb)[0]

}