Benjamin Louis-Napoléon benln

System

Debian 10 Buster headless

Chromium dependencies

Shared Libraries needed

$ sudo apt install libnss3 libatk1.0-0 libatk-bridge2.0-0 libcups2 libgbm1 libasound2 libpangocairo-1.0-0 libxss1 libgtk-3-0

Install nvm

Local user

Implementing a jq REPL with fzf

Update: I created jq-zsh-plugin that does this.

One of my favourite tools of my trade is jq. It essentially enables you to process json streams with the same power that sed, awk and grep provide you with for editing line-based formats (csv, tsv, etc.).

Another one of my favourite tools is fzf.

First, cd into the Async directory.

cd `xcrun simctl get_app_container booted $BUNDLE_ID data`/Documents/RCTAsyncLocalStorage_V1

Then review the manifest:

jq < manifest.json

Then to pretty-print a non-null value in the manifest:

The Promise All Problem

in case of processing a very large array e.g. Promise.all(A_VERY_LARGE_ARRAY_OF_XHR_PROMISE)

which would probably blow you browser memory by trying to send all requests at the same time

solution is limit the concurrent of requests, and wrap promise in thunk

Promise.allConcurrent(2)([()=>fetch('BLAH1'), ()=>fetch('BLAH2'),...()=>fetch('BLAHN')])

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

Setup the project folder

    mkdir passport-local
    npm init
    # Use default values for npm init prompts

	blueprint:
	name: Calendar Notifications & Actions
	description: >
	# 📅 Calendar Notifications & Actions

	Version: 2.0


	Transform Your Calendar: Turn Events Into Notifications and Actions! 📅🔔⚙️

	# fshow - git commit browser (enter for show, ctrl-d for diff, ` toggles sort)
	fshow() {
	local out shas sha q k
	while out=$(
	git log --graph --color=always \
	--format="%C(auto)%h%d %s %C(black)%C(bold)%cr" "$@" \|
	fzf --ansi --multi --no-sort --reverse --query="$q" \
	--print-query --expect=ctrl-d --toggle-sort=\`); do
	q=$(head -1 <<< "$out")
	k=$(head -2 <<< "$out" \| tail -1)

	node_modules
	*.swp