Hunter Caron huntercaron

Terminals should generate the 256-color palette from the user's base16 theme.

If you've spent much time in the terminal, you've probably set a custom base16 theme. They work well. You define a handful of colors in one place and all your programs use them.

The drawback is that 16 colors is limiting. Complex and color-heavy programs struggle with such a small palette.

Initial setup

(See also the Termux Wiki)

# Install AutoSSH, OpenSSH and FTP server and tmux
pkg upgrade
pkg install autossh openssh openssh-sftp-server tmux
# Set password for initial connection
passwd
# Find local IP address of device
ifconfig | grep -o 192[0-9\.]*

Pure ESM package

The package that linked you here is now pure ESM. It cannot be require()'d from CommonJS.

This means you have the following choices:

Use ESM yourself. (preferred)
Use import foo from 'foo' instead of const foo = require('foo') to import the package. You also need to put "type": "module" in your package.json and more. Follow the below guide.
If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
Stay on the existing version of the package until you can move to ESM.

What i'm using in streams and while working

Development tools

https://fishshell.com/ - my default shell, i use theme bobthefish
https://www.sublimetext.com/ - my default editor
- Material Theme
- Operator font
- Packages: Emmet, Hayaku, SidebarEnhancements, JS Snippets, GSAP Snippets
- Sublime snippet for comments
- Sublime icon
https://code.visualstudio.com/ - trying to switch, but not yet

The Rules of React

All libraries have subtle rules that you have to follow for them to work well. Often these are implied and undocumented rules that you have to learn as you go. This is an attempt to document the rules of React renders. Ideally a type system could enforce it.

What Functions Are "Pure"?

A number of methods in React are assumed to be "pure".

On classes that's the constructor, getDerivedStateFromProps, shouldComponentUpdate and render.

	// each pixel is assigned 4 random u32 values per frame
	@group(0) @binding(1)
	var<storage, read> rnd_state: array<u32>;

	// the current state within this pixel
	var<private> local_rnd_state:vec4u;

	fn random_u32(state:ptr<private,vec4u>) -> u32 {
	var st:vec4u = *state;
	/* Algorithm "xor128" from p. 5 of Marsaglia, "Xorshift RNGs" */

	/**
	* Copyright 2019 Google LLC.
	* SPDX-License-Identifier: Apache-2.0
	*/

	function getEnvironment() {
	var environment = {
	spreadsheetID: "<REPLACE WITH YOUR SPREADSHEET ID>",
	firebaseUrl: "<REPLACE WITH YOUR REALTIME DB URL>"
	};

	import * as React from "react";

	/**
	A hook to simply use state between components
	Warning: this only works with function components (like any hook)

	Usage:

	// You can put this in an central file and import it too
	const useStore = createStore({ count: 0 })

	// Only export the things that are actually needed, cut out everything else

	export { WebGLRenderer } from 'three/src/renderers/WebGLRenderer.js'
	export { ShaderLib } from 'three/src/renderers/shaders/ShaderLib.js'
	export { UniformsLib } from 'three/src/renderers/shaders/UniformsLib.js'
	export { UniformsUtils } from 'three/src/renderers/shaders/UniformsUtils.js'
	export { ShaderChunk } from 'three/src/renderers/shaders/ShaderChunk.js'
	export { Scene } from 'three/src/scenes/Scene.js'
	export { Mesh } from 'three/src/objects/Mesh.js'
	export { LineSegments } from 'three/src/objects/LineSegments.js'

	// THREEjs build-in uniforms and attributes (Fragment)

	// uniform mat4 viewMatrix - camera.matrixWorldInverse
	// uniform vec3 cameraPosition - camera position in world space

	varying vec2 vUv;

	uniform sampler2D albedo;

	void main() {