dr2009 dr2009

Warning

The following guide need to disable SIP to work.

Please confirm the risk of disabling the SIP by yourself.

Another solution which does not require disabling SIP is currently under investigation.

Step 0

Reboot into Recovery OS + Disable SIP

Idea: Flat file system for file-based routing

Personally I've never liked how tools like Remix or NextJS have mapped a nested file system to routes. Simple things like "I want to put this component in its own file" become annoying tasks.

I've always been a fan of "flatter" file systems, my files often look like this:

/App/

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.

`constant-locals-loader` for Webpack

This loader optimizes the output of mini-css-extract-plugin and/or css-loader, entirely removing the potentially large CSS classname mappings normally inlined into your bundle when using CSS Modules.

Run npm install constant-locals-loader, then make these changes in your Webpack config:

module.exports = {
 module: {

ANSI Escape Sequences

Standard escape codes are prefixed with Escape:

Ctrl-Key: ^[
Octal: \033
Unicode: \u001b
Hexadecimal: \x1B
Decimal: 27

	#!/usr/bin/env bash
	set -euo pipefail

	need_cmd() { command -v "$1" >/dev/null 2>&1 \|\| { echo "Missing: $1" >&2; exit 1; }; }
	need_cmd jq

	OS="$(uname -s)"
	if [[ "$OS" != "Darwin" ]]; then
	echo "This script is macOS-only (Darwin). Current: $OS" >&2
	exit 1

	import { useMemo } from "react";
	import { useSearchParams } from "react-router-dom";

	type ParseConfig = Record<
	string,
	\| { type: "string"; defaultValue?: string }
	\| { type: "number"; defaultValue?: number }
	\| { parse: (value: URLSearchParams) => unknown }
	>;

	import * as path from 'path'
	import ts from 'typescript'

	function build(
	override: {
	compilerOptions?: ts.CompilerOptions
	include?: string[]
	exclude?: string[]
	files?: string[]
	extends?: string

	import requests
	import os, sys
	import concurrent.futures
	from itertools import repeat

	class XimaScraper:
	def __init__(self, album_no, page_num):
	headers = {
	'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0'
	}

	import React, { Component } from "react";
	import { render } from "react-dom";
	import "./index.css";

	class Widget extends Component {
	state = { text: "" };
	handleChange = (e) => {
	this.setState({ text: e.target.value });
	};
	render() {