Antoine Bluchet soyuka

Hyperlinks (a.k.a. HTML-like anchors) in terminal emulators

[ Update 2025-03-24: Commenting is disabled permanently. Previous comments are archived at web.archive.org. ]

Most of the terminal emulators auto-detect when a URL appears onscreen and allow to conveniently open them (e.g. via Ctrl+click or Cmd+click, or the right click menu).

It was, however, not possible until now for arbitrary text to point to URLs, just as on webpages.

Vim without NERD tree or CtrlP

I used to use NERD tree for quite a while, then switched to CtrlP for something a little more lightweight. My setup now includes zero file browser or tree view, and instead uses native Vim fuzzy search and auto-directory switching.

Fuzzy Search

There is a super sweet feature in Vim whereby you can fuzzy find your files using **/*, e.g.:

:vs **/*<partial file name><Tab>

A non-exhaustive list of WebGL and WebGPU frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are wip/outdated/not maintained anymore.

Engines and libraries ⚙️

Name	Stars	Last Commit	Description
three.js	![GitHub

TypeScript supports Pick to allow you to get a "subset" object type of a given type, but there is no built-in Pick for deeper nested fields.

If you have a function that takes a large object as argument, but you don't use all of its fields, you can use Pick, Pick2, Pick3, etc to narrow down the input type to be only just what you need. This will make it easier to test your function, because when mocking the input object, you don't need to pass all fields of the "large" object.

	// Inspired from : [RxJS 5 pausableBuffered operation declaration](http://codepen.io/elhigu/pen/jqZmpV)
	// Simplified (but loosing in readability) and improved by sending final buffer on source$.complete with flusher$.next(1)
	import Rx from 'rxjs/Rx'

	function pausableBuffered(pauser$) {
	return Rx.Observable.create(subscriber$ => {
	var source$ = this
	var buffer$ = new Rx.Subject()
	var flusher$ = new Rx.Subject()

	import hify from './create-element';
	import React from 'react';
	import { render } from 'react-dom';

	const h = hify(React.createElement.bind(React));

	class Test extends HTMLElement {
	static observedAttributes = ['attr']
	attributeChangedCallback (name, oldValue, newValue) {
	this.innerHTML = `Hello, ${this.getAttribute('attr')}!`;

	export function directorySize(path: string): Promise<number> {
	return readdirRecursive(path)
	.reduce((result: any, a: any) => {
	result += a.stat.size
	return result
	}, 0)
	}

	directorySize('./node_modules')
	.then((size) => {

	// curl -X POST -H "Content-Type: application/octet-stream" --data-binary '@filename' http://127.0.0.1:5050/upload

	package main

	import (
	"fmt"
	"io"
	"net/http"
	"os"
	"time"

	/*<?php
	///public class PhpJava { public static void main(String[] args) { System.out.printf("/%s",
	//\u000A\u002F\u002A
	class PhpJava {
	static function main() {
	echo(//\u000A\u002A\u002F
	"Hello World!");
	}}
	//\u000A\u002F\u002A
	PhpJava::main();

	int doubler(int x) {
	return 2 * x;
	}