Mathew Tyler MTco

DuckyScript commands supported by Flipper's BadUSB

Explanations are only given for commands not present in the original DuckyScript, for everything else refer to DuckyScript documentation.

Keys

These mean exactly what one would expect and should need no further explanation.

Modifiers: CTRL, CONTROL, SHIFT, ALT, GUI, WINDOWS
Combos: CTRL-ALT, CTRL-SHIFT, ALT-SHIFT, ALT-GUI, GUI-SHIFT

Raspberry Pi on Internet via reverse SSH tunnel

HackerNews discussed this with many alternative solutions: https://news.ycombinator.com/item?id=24893615

I already have my own domain name: mydomain.com. I wanted to be able to run some webapps on my Raspberry Pi 4B running perpetually at home in headless mode (just needs 5W power and wireless internet). I wanted to be able to access these apps from public Internet. Dynamic DNS wasn't an option because my ISP blocks all incoming traffic. ngrok would work but the free plan is too restrictive.

I bought a cheap 2GB RAM, 20GB disk VM + a 25GB volume on Hetzner for about 4 EUR/month. Hetzner gave me a static IP for it. I haven't purchased a floating IP yet.

How many warnings should your JavaScript app have?

JavaScript warnings are these messages being displayed in yellow or red in your JavaScript console or terminal. They make no sense at all in general but they are a good indication of the health of your app. The points below will give you a general idea of how many warnings you should expect in your app:

0 warnings: the app is not working at all
5 warnings: app is probably starting but crashing soon after - try to find why it crashes. You'd think you could read the warnings to learn why it doesn't work, but that's not what warnings are for.
50 warnings: That's the soft spot - most likely everything's running smoothly

Function to generate and download PDF as it is by converting components into images once with react

Overview

reactでコンポーネントを一回画像にしてそのままPDF生成してダウンロードする機能
react-pdfは使わない
コンポーネントを画像にしてその画像をpdfとして出力する方法

	<html>

	<head>
	<title>SVG with color</title>
	</head>

	<body>
	<script>
	(function () {
	const createSvg = (color = '#ff9933') => `

	@import url("https://fonts.xz.style/serve/inter.css");

	* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}

	html {

	const { execSync } = require('child_process')
	const { createHash } = require('crypto')
	const invertColor = require('invert-color')

	const branchName = execSync('git rev-parse --abbrev-ref HEAD')
	const hash = createHash('sha256')
	hash.update(branchName)
	const color = '#' + hash.digest().toString('hex').substring(0, 6)
	const invertedColor = invertColor(color, true)

	/*
	Copy this into the console of any web page that is interactive and doesn't
	do hard reloads. You will hear your DOM changes as different pitches of
	honks.
	I have found this interesting for debugging, but also fun to hear web pages
	render like geese.
	*/

	const audioCtx = new (window.AudioContext \|\| window.webkitAudioContext)();
	const url = 'https://firebasestorage.googleapis.com/v0/b/mutation-honk.appspot.com/o/Honk1.mp3?alt=media';

	/*
	Copy this into the console of any web page that is interactive and doesn't
	do hard reloads. You will hear your DOM changes as different pitches of
	audio.

	I have found this interesting for debugging, but also fun to hear web pages
	render like UIs do in movies.
	*/

	const audioCtx = new (window.AudioContext \|\| window.webkitAudioContext)()