farskid

#...

function gitzip() { 
	git archive -o $@.zip HEAD
}

#... gitzip ZIPPED_FILE_NAME

farskid

// ...args: [event, handler, capture]
function onEvent(element, ...args) {
	element.addEventListener(...args);
  	return () => {
    	element.removeEventListener(...args);
    }
}

const form = $('#form');
const detachSubmit = onEvent(form, 'submit', submitForm});

farskid

const chalk = require("chalk");

const logLevelToChalkColors = {
  error: chalk.red,
  log: chalk.white,
  info: chalk.blueBright,
};

// Programmatically generate log methods based on the level to color config above ^
const logger = Object.entries(logLevelToChalkColors).reduce(

farskid

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

farskid

user-package-stats

I was poking around trying to figure out all the packages I have access to publish and got curious. So I write this little script to determine the download stats for all the packages I have publish access to.

Feel free to try it yourself. Just change the username passed to getUserDownloadStats.

By default, the stats are sorted by their average daily downloads (descending). That should give you an idea of the most "popular" package of a given user relative to how long that package has been around.

You can use it with npx like so:

farskid

function unlimitedAdd(...nums) {
  const func = unlimitedAdd;
  func.sum = nums.reduce((total, current) => total + current, 0) + (func.sum || 0);
  func.done = function() {
    return func.sum;
  }
  
  return func;
}

farskid

function get(obj, path) {
  const steps = path.split('.');
  
  return steps.reduce((result, step) => {
    
    const isArrayItem = /\[\d+\]/.test(step);
    
    if (isArrayItem) {
      const [_, prop, index] = step.match(/^(.+)\[(\d+)\]$/)
      return get(result, `${prop}.${index}`);

farskid

function applyInsertModeStyles() {
  console.log("NOT SERIALIZED, WILL GET CALLED");
  showmode.textContent = "-- INSERT --";
  cursor.style.width = "2.5px";
}

const modeMachine = Machine({
  id: "input-mode",
  initial: "normal",
  context: {

farskid

/**
 * Takes arguments in the form of --arg-name value and puts them into an object (argMap).
 * Argument keys begin with double hyphens and additional hyphens are converted to camelCase.
 * 
 * E.g. `node quick-argument-parser.js --test-arg1 'value1' --test-arg2 'value2'` will create argMap with the value:
 * ```
 * {
 * 	testArg1: 'value1',
 * 	testArg2: 'value2'
 * }

farskid

# Set upstream automatically on `git push`
`git config --global push.default current`

## The reference to the last branch is saved into `-` in git.

# Checkout to the previous branch
`git checkout -`

# Merge into the last branch
`git merge -`