Matteo Ronchi cef62

DS Coverage raw script

🚨🚨🚨 UPDATE: index.js is the original script while index.ts is the most updated one! 🚨🚨

Keep in mind the script is an experiment, I need to add types, refine it, make it readable, etc.

Open a Preply page (whatever environment)
Copy/paste it as is in the Chrome's console and press enter
Look at the logged result

This middleware does a few interesting things:

Ensures a url shape in the zustand store, where we'll store URL information.
Assumes we will be storing our url state slice in the ?state search parameter after it has been stringified and base 64 encoded.
On creation, decodes stores state from the ?state search parameter into the url slice of our store.
After each state update, updates the ?state search parameter with the new url state slice.
Sets up an event listener that listens for popstate and re-decodes the state from the URL into our store.

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.

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.

	// ==UserScript==
	// @name Disable GitHub Turbolinks
	// @version 0.1
	// @description A userscript to disable GitHub turbolinks to force full page navigations
	// @license MIT
	// @author Jamie Kyle
	// @namespace https://github.com/jamiebuilds
	// @match https://github.com/*
	// @match https://gist.github.com/*
	// @run-at document-end

	/*
	Made by Elly Loel - https://ellyloel.com/
	With inspiration from:
	- Josh W Comeau - https://courses.joshwcomeau.com/css-for-js/treasure-trove/010-global-styles/
	- Andy Bell - https://piccalil.li/blog/a-modern-css-reset/
	- Adam Argyle - https://unpkg.com/[email protected]/normalize.min.css / https://codepen.io/argyleink/pen/KKvRORE

	Notes:
	- `:where()` is used to lower specificity for easy overriding.
	*/

	const compareColor = (color, property) => (targetElement) => {
	const tempElement = document.createElement('div');
	tempElement.style.color = color;
	tempElement.style.display = 'none'; // make sure it doesn't actually render
	document.body.appendChild(tempElement); // append so that `getComputedStyle` actually works

	const tempColor = getComputedStyle(tempElement).color;
	const targetColor = getComputedStyle(targetElement[0])[property];

	document.body.removeChild(tempElement); // remove it because we're done with it

	# ~/.config/starship.toml

	[battery]
	full_symbol = "🔋"
	charging_symbol = "🔌"
	discharging_symbol = "⚡"

	[[battery.display]]
	threshold = 30
	style = "bold red"

	$ git clone [email protected]:xxxxx/xxxx.git my-awesome-proj
	Cloning into 'my-awesome-proj'...
	ssh: connect to host github.com port 22: Connection timed out
	fatal: Could not read from remote repository.

	$ # This should also timeout
	$ ssh -T [email protected]
	ssh: connect to host github.com port 22: Connection timed out

	$ # but this might work

	var immer = require("immer")
	var produce = immer.produce;

	var patches=[];
	var state0 = {a:1};
	var state1 = produce(state0, function(draft){draft.b=9;}, function(p){patches.push(...p)});
	var state2 = produce(state1, function(draft){draft.a=3;}, function(p){patches.push(...p)});
	var state3 = produce(state2, function(draft){draft.b=99;}, function(p){patches.push(...p)});
	var state4 = produce(state3, function(draft){draft.a=5;}, function(p){patches.push(...p)});