StevenFarberov

Mermaid Diagram Showcase — Online Bookstore

Every diagram below visualizes a different aspect of the same fictional Online Bookstore system.

---

1. Flowchart

Order processing flow with color-coded components.

aravindanve

Bypass disable-devtool

(Working as of 2025-02-09)

There are websites that use disable-devtool to prevent you from opening or using devtools. They typically prevent you from right clicking or using the keyboard shortcut to open devtools. Even if you successfully do so, they detect it and redirect you elsewhere. You can bypass this by using one of the following ways.

Opening devtools

If the shortcut F12 on Windows or Option + ⌘ + I on Mac do not work. Press the three vertically aligned dots in the top right corner of your Google Chrome or Microsoft Edge window. Under the section "More Tools", you'll see the option to select "Developer Tools" which opens the toolkit in your window.

veekaybee

Anti-hype LLM reading list

Goals: Add links that are reasonable and good explanations of how stuff works. No hype and no vendor content if possible. Practical first-hand accounts of models in prod eagerly sought.

Foundational Concepts

Pre-Transformer Models

sindresorhus

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:

1. 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.
2. If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
3. Stay on the existing version of the package until you can move to ESM.

TJC

#!/bin/bash
# Requires ffmpeg - brew install ffmpeg
if [[ -z "$1" ]]; then
  echo "Usage: $0 Screen\\ Recording\\ at\\ 2021-01-21.mov"
  exit 1
fi
basefilename=$(basename "$1" .mov)
outputname="$basefilename.mp4"

nice ffmpeg \

just-be-dev

#!/bin/bash

DAYS_SINCE_LAST_CHANGE=14   # If a project hasn't been touched in this long its node_modules will be deleted
SEARCH_PATH="./Git"         # Update this to the path where your code is stored

TOTAL_BYTES_REMOVED=0
Mb=1000000
Kb=1000

node_modules=$(find $SEARCH_PATH -name "node_modules" -type d -prune)

sibelius

patch-package
--- a/node_modules/webpack/lib/dependencies/ImportParserPlugin.js
+++ b/node_modules/webpack/lib/dependencies/ImportParserPlugin.js
@@ -28,7 +28,8 @@ class ImportParserPlugin {
 			const param = parser.evaluateExpression(expr.arguments[0]);

 			let chunkName = null;
-			let mode = "lazy";
+			// let mode = "lazy";
+			let mode = "eager";

developit

🐻 valoo

just the bare necessities of state management.

Usage

Hotlink it from https://unpkg.com/valoo.

See Interactive Codepen Demo.

gaearon

Note:

When this guide is more complete, the plan is to move it into Prepack documentation.
For now I put it out as a gist to gather initial feedback.

A Gentle Introduction to Prepack (Part 1)

If you're building JavaScript apps, you might already be familiar with some tools that compile JavaScript code to equivalent JavaScript code:

• Babel lets you use newer JavaScript language features, and outputs equivalent code that targets older JavaScript engines.

miyaokamarina

// Licensed under CC BY 4.0.

type $If<X: boolean, Then, Else = empty> = $Call<
    & ((true, Then, Else) => Then)
    & ((false, Then, Else) => Else),
    X,
    Then,
    Else,
>;