Discover gists

Reverse engineering ChatGPT's frontend web app + deep dive explorations of the code

Figured it would make sense to create a single gist collating my previous deep dive explorations and notes.. so here it is!

Basic Ubuntu Commands

This is a list of the most basic but extremely useful commands. Learning these will help you have a strong foundation to add more sophisticated commands upon.

Here are some words that we use and some meanings that you may associate them with.

We use	What you may know them as
directory	folder
sudo	Run as Administor

Vagrant and VMWare Fusion 13 Player on Apple M1 Pro

This document summarizes notes taken to make VMWare Fusion 13 Player work on Apple M1 Pro. It builds upon a previous document based on VMWare Tech Preview 21H1

VMWare Fusion 13 was released on November 17, 2022 and Fusion 13.5 on October 19, 2023

Created on: November 20, 2022

Updated on: December 12, 2023

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

How to show all `docker build` logs?

docker build -t YOUR-USER-NAME/YOUR-REPO:<YOUR-IMAGE-TAG> --no-cache --progress=plain .

参考

https://gist.github.com/malash/fc0c573300b080e5745e68522d1617bf

适用

北京联通默认配置为：所有LAN都支持互联网和IPTV
北京联通拨打客服可以改桥街，无需破解。本教程光猫已改桥接
光猫到路由器使用单线连接

An animated cheatsheet for smartparens using the example configuration specified here by the smartparens author. Inspired by this tutorial for paredit.

Traversal

`C-M-f`	`sp-forward-sexp`
`C-M-b`	`sp-backward-sexp`

Intercom user_hash

Code for generating the user_hash value for Intercom's Identity verfication (Note: Identity verification was prevoiusly called Secure Mode)
Based on http://www.jokecamp.com/blog/examples-of-creating-base64-hashes-using-hmac-sha256-in-different-languages/#ruby
When creating this for mobile, the final output needs to be in lowercase (the web version accepts both upper and lower case)

Remember that your secret key should never be exposed to the public

So Javascript code below should only be used for testing unless modified and used to run on a server

	import bs58 from "bs58";
	import jssha from "jssha";

	const sha256 = str => {
	const inst = new jssha("SHA-256", "HEX");
	inst.update(str);
	return inst.getHash("HEX");
	};

	/**

	import * as stylex from '@stylexjs/stylex'

	export default stylex.create({
	sr_only: {
	position: 'absolute',
	width: 1,
	height: 1,
	padding: 0,
	margin: -1,
	overflow: 'hidden',