antonybudianto

var db;
function createDatabase() {
    const request = window.indexedDB.open('firebaseLocalStorageDb', 1);
    request.onsuccess = (e) => {
        // Create DB connection
        db = request.result;
    };
}
createDatabase();

antonybudianto

alias c='clear'
alias h='cd ~'
alias pb='cd ~/Documents/public'
alias gs='git status'
alias dev='pnpm run'
alias sshnginx='ssh root@172.0.0.1'

GIT_PS1_SHOWDIRTYSTATE=true

# load version control information

antonybudianto

const _log = console.log;
global.console.warn = function() {
  _log.apply(null, arguments);
};

antonybudianto

const A = (O) => {
  const keys = Object.keys(O);
  const newO = {};
  keys.forEach((k) => {
    const newK = k
      .split("_")
      .map((s, i) => {
        if (i > 0) {
          return s[0].toUpperCase() + s.substring(1);
        }

antonybudianto

What

Open https://codesandbox.io/s/aloha-css-uyox7.

The app has an animating Box and "Hello" divs, however we got unexpected repaints over and over, and somehow the idle "hello" div also got repainted.

Debug

You can debug this issue by using Chrome Layers tab, you can see each element layering. You can enable flashing indicator by opening Chrome Rendering tab, and check "Paint flashing"

Why

antonybudianto

ua=[];
document.querySelectorAll('.kbnDocTable__row').forEach(n => {
let fdiv = n.querySelectorAll('.kbnDocTableCell__dataField')[1]
 let txt = fdiv.querySelector('div > span').innerHTML
 ua.push({txt, modern: /Chrome\/([1-9][0-9][0-9]|[7-9][0-9]|6[1-9])/.test(txt)})
})

antonybudianto

==== 2: GKE ======

gcloud config set compute/zone us-central1-b

gcloud container clusters create [CLUSTER-NAME]

gcloud container clusters get-credentials [CLUSTER-NAME]

kubectl run hello-server --image=gcr.io/google-samples/hello-app:1.0 --port 8080

antonybudianto

location.search.substring(1).split('&').map(p => p.split('=')).reduce((a,c) => {
a[c[0]] = c[1]
return a
}, {})

antonybudianto

const registerServiceWorker = async () => {
  const swRegistration = await navigator.serviceWorker.register(
    '/service-worker.js'
  )
  return swRegistration
}

const requestNotificationPermission = async () => {
  const permission = await window.Notification.requestPermission()
  // value of permission can be 'granted', 'default', 'denied'

antonybudianto

function cur (n) {
let minus = n < 0
n = minus ? Math.abs(n) : n
return (minus ? '-' : '') + (n).toString().split('').reverse().reduce((a,b,i) => i % 3 === 0 ? a+'.'+b : a+b).split('').reverse().join('')
}