Sampath pirate-barbosa

Quick examples

feat: new feature
fix(scope): bug in scope
feat!: breaking change / feat(scope)!: rework API
chore(deps): update dependencies

Commit types

build: Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)
ci: Changes to CI configuration files and scripts (example scopes: Travis, Circle, BrowserStack, SauceLabs)
chore: Changes which doesn't change source code or tests e.g. changes to the build process, auxiliary tools, libraries

⌘-Enter to Submit in AI Chats

The cure for premature chat submission - never lose an incomplete prompt again!

Install this user script (using a monkey extension like TamperMonkey or similar) to patch the textbox in common AI chats (currently supports Claude, ChatGPT, Gemini, and Google AI mode) so that instead of using Enter to submit and Shift-Enter for new lines, they use ⌘-Enter to submit and Enter just adds a new line.

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

	'use strict';

	const chromeLauncher = require('chrome-launcher');
	const CDP = require('chrome-remote-interface');

	const launchChrome = () =>
	chromeLauncher.launch({
	chromeFlags: ['--disable-gpu', '--headless']
	});

	document.body.innerHTML = 'Paste or drop items onto this page. View results in console.';


	function getPayload(item) {
	const kind = item.kind;
	switch (kind) {
	case 'string': return new Promise(res => item.getAsString(res));
	case 'file': return Promise.resolve(item.getAsFile());
	default: throw new Error('unknown item kind! ' + kind);
	}

	'use strict';

	import fs from 'fs';
	import puppeteer from 'puppeteer';

	import {navigation} from 'lighthouse/lighthouse-core/fraggle-rock/api.js';

	// Run Lighthouse headlessly, just Performance
	(async function() {
	const browser = await puppeteer.launch({headless: true});

	# how to run this thingy
	# create a file on your mac called setup.sh
	# run it from terminal with: sh setup.sh

	# heavily inspired by https://twitter.com/damcclean
	# https://github.com/damcclean/dotfiles/blob/master/install.sh

	# faster dock hiding/showing (run in terminal)
	# defaults write com.apple.dock autohide-delay -float 0; defaults write com.apple.dock autohide-time-modifier -int 0;killall Dock

	// Log all DOM mutations to console.

	// Modern interpretation of https://github.com/kdzwinel/DOMListenerExtension

	observer = new MutationObserver(onMutation);
	observerSettings = {
	subtree: true,
	childList: true,
	attributes: true,
	attributeOldValue: true,