Yukai Huang Yukaii

Dec. 2021 Update

Hey everyone, it's been an insane last two months. Over 35,000 devs, $200,000 in booked revenue, and multiple web3 companies created + launched by buildspace alumni. Crazy to think 6 months ago we were building ZipSchool -- a product for kids K-5 (you can still use it if you want hehe).

TLDR: We've become to default place devs come to join web3 (ex. see here, here, here, and thousands of others here). We'll also be raising money. Focused mainly on raising from founders/ex-founders. If that sounds like you, pls DM me :).

Going to combine the November and December update here.

"Microsoft Edge: State of the Platform": Session Resources

Session resources for web developers, in order of presentation from the Microsoft Build 2021 "Microsoft Edge: State of the Platform" on-demand session.

State of the Web Platform

Dual Screen APIs + DevTools Emulation

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.

⚠️ Warning: this document is out of date.

For the most recent webpack5 instructions see MIGRATION.md.

Storybook experimental Webpack 5 support

Storybook 6.2 includes experimental Webpack 5 support. Webpack 5 brings a variety of performance improvements, as well as exciting new features like module federation. Here's a quick guide to get you going.

Intro

Linux Desktop on Apple Silicon in Practice

I bought M1 MacBook Air. It is the fastest computer I have, and I have been a GNOME/GNU/Linux user for long time. It is obvious conclusion that I need practical Linux desktop environment on Apple Silicon.

Fortunately, Linux already works on Apple Silicon/M1. But how practical is it?

Two native ports exist.

How to run Windows 10 on ARM or Ubuntu for ARM64 in QEMU on Apple Silicon Mac

Here is easy steps to try Windows 10 on ARM or Ubuntu for ARM64 on your Apple Silicon Mac. Enjoy!

NOTE: that this is current, 10/1/2021 state.

Running Windows 10 on ARM

Install Xcode from App Store or install Command Line Tools on your Mac

	This is free and unencumbered software released into the public domain.

	Anyone is free to copy, modify, publish, use, compile, sell, or
	distribute this software, either in source code form or as a compiled
	binary, for any purpose, commercial or non-commercial, and by any
	means.

	In jurisdictions that recognize copyright laws, the author or authors
	of this software dedicate any and all copyright interest in the
	software to the public domain. We make this dedication for the benefit

	--------------------------------------------------------------------------------
	# Auth: Yohanes Bandung Bondowoso
	# dCre: 2021-07-11 20:18
	# dMod: 2021-07-13 20:01
	# Appl: System Events, PIPAgent, Safari
	# Task: Toggle Picture in Picture (PiP) on and off
	# Libs: None
	# Osax: None
	# Aojc: True
	# Tags: @Applescript, @Script, @System_Events, @PictureInPicture, @PiP, @Safari

	const channels = [...document.querySelectorAll("#main-link.channel-link")].map(e => {
	const [, a, b] = e.href.match("/((?:user)\|(?:channel))/(.*)$");
	const feed = "https://www.youtube.com/feeds/videos.xml?" + (a === "user" ? "user=" : "channel_id=") + b;
	const channelName = e.querySelector("yt-formatted-string.ytd-channel-name").innerText;
	return [feed, channelName];
	});
	if (channels.length == 0) {
	alert("Couldn't find any subscriptions");
	} else {
	console.log(channels.map(([feed, _]) => feed).join("\n"));

	//
	// VirtualKeyboard.swift
	// MacBook Air M1 Zhuyin Keyboard
	// Written with SwiftUI ~=300 LOC, < 4hrs
	// Created by Ethan Huang on 2021/1/13.
	// Twitter: @ethanhuang13

	import SwiftUI

	struct VirtualKeyboard: View {