eyecatchup

#!/usr/bin/env sh

# Downloads the audio of all videos of the given playlist,
# saves as mp3 /with metadata and square(!) thumbnail.
# Note: yt-dlp and ffmpeg are required.
# Use: ./yt-dlp-playlist.sh YT_PLAYLIST_ID

./yt-dlp --extract-audio --audio-format mp3 --audio-quality 0 \
    --add-metadata --embed-thumbnail --convert-thumbnails jpg \
    --ppa 'EmbedThumbnail+ffmpeg_o:-c:v mjpeg -vf crop="'"'"'if(gt(ih,iw),iw,ih)'"':'"'if(gt(iw,ih),ih,iw)'"'"'"' \

eyecatchup

Test Universal Buku App Link

Test Universal Buku Staging App Link

eyecatchup

// Generates the SAPISIDHASH token Google uses in the Authorization header of some API requests
async function getSApiSidHash(SAPISID, origin) {
    function sha1(str) {
      return window.crypto.subtle.digest("SHA-1", new TextEncoder("utf-8").encode(str)).then(buf => {
        return Array.prototype.map.call(new Uint8Array(buf), x=>(('00'+x.toString(16)).slice(-2))).join('');
      });
    }
    
    const TIMESTAMP_MS = Date.now();
    const digest = await sha1(`${TIMESTAMP_MS} ${SAPISID} ${origin}`);

eyecatchup

var grid = 12
var cols = document.createDocumentFragment()

var col = document.createElement('div')
col.style.cssText =  `height: ${document.documentElement.scrollHeight}px; width: calc(100% / ${grid}); background-color: rgba(240, 128, 128, 0.3);`
var innerCol = document.createElement('div')
innerCol.style.cssText =  `height: ${document.documentElement.scrollHeight}px; width: calc(100% - 30px); margin: auto 15px; background-color: rgba(244, 0, 0, 0.1); position: relative;`
col.appendChild(innerCol)

for (var i, i = 1; i <= grid; i++) {

eyecatchup

const HttpsProxyAgent = require('https-proxy-agent')

const proxy = new HttpsProxyAgent('http://1.2.3.4:3128')

module.exports = {
    // ...
    configureWebpack: {
        devServer: {
            // ...
            proxy: {

eyecatchup

jsonFriendlyErrorReplacer = (key, value) => {
  if (value instanceof Error) {
    value = Object.assign({}, 
      value, // Pull all enumerable properties, supporting properties on custom Errors
      {      // Explicitly pull Error's non-enumerable properties
        name: value.name, 
        message: value.message, 
        stack: value.stack
      }
    )

eyecatchup

Ionic Native / Cordova InAppBrowser: Multiple executeScript Promises

I recently worked on a project with Ionic Native and Cordova. One thing I noticed (and took me some time to resolve), was an issue with the then function of the InAppBrowser plugin's executeScript Promise not being executed on iOS.

TL;DR When you use multiple executeScript Promises within one method, the then functions will not fire on iOS. You have to await results.

To illustrate the issue, let's declare a new InAppBrowser instance:

const browser = this.iab.create('https://example.com', '_blank');

eyecatchup

var sendError = function (err) {
    console.log('Caught JS client error:');
    console.dir(err);

    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/api/error/add', true);
    xhr.setRequestHeader('Content-type', 'application/json; charset=utf-8');
    xhr.send(JSON.stringify(err));
};

eyecatchup

Search Chrome Devtools history

1. Undock the console (click on the icon in the bottom-left corner, ![undock icon][1]).
   (if you don't see ![the undock icon][2], but ![][3], then hold the mouse pressed for a few seconds to get the desired icon)
2. Press Ctrl + Shift + J to open the console for this console. (On OSX use Cmd + Option + i)
3. Use the following snippet to get an array of matches for your search term:

const searchHistory = query => {console.dir(JSON.parse(localStorage.getItem('consoleHistory')).filter(function(item){ return ~item.indexOf(query);}))}
searchHistory('token')

eyecatchup

Generator defined using the function* statement syntax:

// function *idMaker(){ <- also possible, even though no reference found
function* idMaker(){
  var index = 0;
  while(index < index+1)
    yield index++;
}