Avisek Das avisek

Nix Flakes Tips and Tricks

This is by no means complete, please add to it and share your own!

1. Shallow Clone nixpkgs

Shallow clone nixpkgs when the full Git history isn't always necessary - this can speed up build times.

The only issue I've had is nix-index-database not working well with the shallow clone. Other than that, no issues after running for a few months.

Fix TypeScript Type Truncation

Fixes TypeScript editors truncating types with "... N more" by increasing defaultMaximumTruncationLength from 160 to 16000 and defaultHoverMaximumTruncationLength from 500 to 50000.

macOS

Cursor:

sed -i '' -e 's/var defaultMaximumTruncationLength = 160;/var defaultMaximumTruncationLength = 16000;/' -e 's/var defaultHoverMaximumTruncationLength = 500;/var defaultHoverMaximumTruncationLength = 50000;/' '/Applications/Cursor.app/Contents/Resources/app/extensions/node_modules/typescript/lib/typescript.js'

Add below code in package.json script

{
  "scripts": {
     "rmdir": "node -e \"var fs = require('fs'); process.argv.slice(1).map((fpath) => fs.rmdirSync(fpath, { recursive: true })); process.exit(0);\"",
  }
}

Then execute as below in command window

Flexbox Holy Albatross + Quantity Query

A Pen by Heydon on CodePen.

License.

ColorPicker tool

A Pen by Avi on CodePen.

License.

	function copyRecursively(sourceDir: string, destinationDir: string): void {
	const files = fs.readdirSync(sourceDir)

	if (!fs.existsSync(destinationDir))
	fs.mkdirSync(destinationDir, { recursive: true })

	files.forEach(file => {
	const sourceFile = path.join(sourceDir, file)
	const destinationFile = path.join(destinationDir, file)

	/**
	* Color conversion algorithms (RGB, HSL, XYZ, LAB, LCH)
	* Derived from jQuery Color Picker Sliders by István Ujj-Mészáros
	* Licensed under the Apache License 2.0
	* https://github.com/istvan-ujjmeszaros/jquery-colorpickersliders
	*/

	export function rgbToHsl(rgb) {
	const r = rgb.r / 255
	const g = rgb.g / 255

	// https://codepen.io/dgca/pen/WoJoNB
	export const ResizeObserver = window.ResizeObserver \|\| class ResizeObserver {
	constructor(callback) {
	this.observables = [];
	// Array of observed elements that looks like this:
	// [{
	// el: domNode,
	// size: {height: x, width: y}
	// }]
	this.boundCheck = this.check.bind(this);

	function getRandomColor() {
	var x = Math.round(0xffffff * Math.random()).toString(16);
	var y = (6 - x.length);
	var z = '000000';
	var z1 = z.substring(0, y);
	return '#' + z1 + x;
	}

	function constrain(value, min, max) {
	return Math.min(Math.max(value, min), max)
	}