alekseykulikov

export PATH=/usr/local/bin:/usr/local/share/npm/bin:$PATH
PS1="\w \[\033[32m\]\$(parse_git_branch) \[\033[37m\]$\[\033[00m\] "

alias ll='ls -alFG'

# git aliases
alias ga='git add -A && gc'
alias gb='git branch'
alias gc='git commit -v'
alias gd='git diff'

alekseykulikov

{
  // validate code
  "freeze": true, // prohibits overwriting prototypes
  "unused": true,
  "undef": true,

  // relaxing options
  "expr": true, // suppresses warnings about expressive expressions, like ?
  "laxbreak": true, // allow line breaking
  "lastsemic": true, // suppresses warnings about last missing semicolon

alekseykulikov

{
	"preset": "node-style-guide",
	"requireCamelCaseOrUpperCaseIdentifiers": "ignoreProperties", // for external APIs
	"requireCapitalizedComments": null, // why???
	"requireCurlyBraces": null, // allow one lines
	"requireTrailingComma": null, optional

	// personal style
	"maximumLineLength": { // 80 is a goal, but sometimes it's necessary
		"value": 120,

alekseykulikov

var co = require('co')

/**
 * Wrap koa-like generators to express-like callbacks.
 *
 * @param {GeneratorFunction} fn
 * @return {Function}
 */

modules.exports = function wrap(fn) {

alekseykulikov

$ npm i -g browserify uglify-js pretty-bytes
$ npm i react
$ browserify node_modules/react | uglifyjs -m | gzip | wc -c | pretty-bytes
> 51.58 kB
$ npm i backbone jquery
$ browserify node_modules/backbone | uglifyjs -m | gzip | wc -c | pretty-bytes
> 41.99 kB
$ npm i socket.io-client
$ browserify node_modules/socket.io-client | uglifyjs -m | gzip | wc -c | pretty-bytes
> 20.64 kB

alekseykulikov

/**
 * Required node >= v0.11.2
 * usage: node --harmony index.js
 */

var fs  = require('fs');
var run = require('./run');

function readFile(filename) {
  return fs.readFile.bind(fs, filename, 'utf-8');

alekseykulikov

In reply to Jeremy's tweet, that underscore is 3x smaller (simpler?) than Lodash! https://twitter.com/jashkenas/status/568564455937839106

Apparently, it's only true if you use <script> tag, but if you use lodash's module feature and build your project with browserify(or webpack) you get different numbers. In simple cases underscore can be 4-6 times bigger.

15020 bundle-lodash-without.js
 4820 bundle-lodash-without.min.js
 1647 bundle-lodash-without.min.js.gz

alekseykulikov

{
  "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_3) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/85.0.4161.0 Safari/537.36",
  "environment": {
    "networkUserAgent": "Mozilla/5.0 (Linux; Android 6.0.1; Moto G (4)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3963.0 Mobile Safari/537.36 Chrome-Lighthouse",
    "hostUserAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_3) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/85.0.4161.0 Safari/537.36",
    "benchmarkIndex": 1206
  },
  "lighthouseVersion": "6.0.0",
  "fetchTime": "2020-05-31T13:08:20.759Z",
  "requestedUrl": "https://developers.google.com/",

alekseykulikov

Github Actions is a CI/CD platform that gained a lot of popularity recently. I participated in building ⭐️ Lighthouse CI Action and was curious how well it performs.

But Github Marketplace UI shows no ranking information. Essentially, It's a search with random results; at least, I don't understand the order. I couldn't find ⭐️ Lighthouse CI Action in Continuous integration category after browsing 50 available pages (Each page shows 20 results, so it's possible to see only 1000 results, but CI category has 1469 😐).

I decided to build a custom script that crawls all categories and use Github Search (example query) to estimate usa

alekseykulikov

/**
 * Credit: https://github.com/csswizardry/ct
 *
 * Main changes:
 * - use as a bookmark (toggle on/off)
 * - work with any CSP (no extrnal scripts/styles)
 * - fix an issue with async scripts added using inline JS (impossible to detect with css)
 * - improved styles detection with [rel='stylesheet'][href]
 *
 * Add JS bookmark -> javascript:(<code below>)