Huy Giang huygn

Multiple GitHub accounts (Work vs Personal)

This setup uses some tricks to ensure that the right email/name/ssh-key is used for the right repos without having to think about it ever again.

Separation of SSR vs RSC rendering environments is both unnecessary and a pain point for existing application migration to the new paradigms.
"Client Component can't import Server Component" seems to be an artificial limitation of the mental model of separate SSR vs RSC env and the lack of built in support for inlining RSC streams into the HTML document
Removal of "client only hooks" is also an artificial limitation brought on by trying to make SSR and RSC independent concepts. Zero reason to remove hooks that work in SSR today to support RSC.
Inlining of RSC JSON representation should not be needed and the intermediate tree should be able to be revived from the SSR'd DOM, not an inlined RSC format.

	/**
	* @returns `typeof value === 'object' && value != null && !Array.isArray(value)`
	* @see {@link UntrustedObject} for type refinement details.
	*/
	function isUntrustedObject(value: unknown): value is UntrustedObject {
	return typeof value === 'object' && value != null && !Array.isArray(value);
	}

	// Split a string into a union of all it's characters.
	type SplitString<S extends string> = S extends `${infer First}${infer Rest}`

	import fs from "fs";
	import path from "path";
	import { pathToFileURL, fileURLToPath } from "url";
	import { builtinModules } from "module";
	import { init, parse } from "es-module-lexer";
	import { moduleResolve } from "import-meta-resolve";

	/**
	* @param {string} specifier
	* @returns {boolean}

	import { useEffect, useState } from "react";

	type UseTextSelectionReturn = {
	text: string;
	rects: DOMRect[];
	ranges: Range[];
	selection: Selection \| null;
	};

	const getRangesFromSelection = (selection: Selection): Range[] => {

	export function createDevMiddleware(pathname: string) {
	return {
	hmr(request: Request) {
	return new Response(
	new ReadableStream({
	start(controller) {
	controller.enqueue(
	`id:0\nevent: message\ndata: ${JSON.stringify({
	type: "connected",
	})}\n\n`

	import * as React from "react";
	// @ts-ignore
	import * as ReactDOM from "#react-dom-server-implementation";
	// @ts-ignore
	import * as ReactDOMClient from "#react-server-dom-client-implementation";

	export async function fetch(
	request: Request,
	{
	browserEntry,

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Document</title>
	</head>
	<body>
	<div id="app"></div>
	<script type="module">

	const remote = () => "@app/" + "other";

	__webpack_chunk_load__(remote()).then(async () => {
	const container = __webpack_require__(remote());
	const factory = await container.get("./federated");
	const mod = factory();
	console.log({
	APP_NAME,
	REMOTE: mod.name,
	});

	import type { Server } from "node:http";

	export type Handler = (request: Request) => Response \| Promise<Response>;

	export type CreateServerOptions = {
	onError?: (error: unknown) => void;
	};

	export declare function createServer(
	handler: Handler,