JLarky

#!/usr/bin/env bun

import { existsSync, readdirSync, statSync, writeFileSync, unlinkSync, readFileSync } from 'node:fs'
import { exit } from 'node:process'
import { join } from 'node:path'
import { $ } from 'bun'

const targetDir = process.argv[2]

if (!targetDir) {

JLarky

I had some issues with iTerm2 and it seems like the Hyper is the only viable alternative on Mac :)

But when I was looking for quake style terminals I could only find old/deprecated/unsupported plugins:

• https://github.com/CWSpear/hyperterm-visor
• https://npm.io/package/hyper-quake
• https://www.npmjs.com/package/hyper-overlay

But I was able to find this issue vercel/hyper#1604 and finally this working plugin!

https://github.com/Soutar/hyperterm-summon

JLarky

Why is useFormStatus always returning pending false?

So you are trying out that new fangled useFormStatus hook but it doesn't actually react to the status of your form?

Now you tried to Google it and all you get is RTFM "go read docs again". Because hook useFormStatus shows you the status of parent form, not a sibling one.

Let's explain that in English.

• <form><Spinner></form> works
• `` doesn't

JLarky

// put this in src/pages/.well-known/appspecific/com.chrome.devtools.json.ts
import type { APIRoute } from "astro"
import { join } from "node:path"

// https://chromium.googlesource.com/devtools/devtools-frontend/+/main/docs/ecosystem/automatic_workspace_folders.md
export const GET: APIRoute = () => {
  return new Response(
    JSON.stringify({
      "workspace": {
        "root": join(import.meta.dirname, "../../../../../.."),

JLarky

SolidJS Context

By using ReturnType we don't have to manually write ContextType

See React gist for more examples https://gist.github.com/JLarky/5a1642abd8741f2683a817f36dd48e78

And original tweet https://twitter.com/JLarky/status/1554157252856033280

JLarky

import { liftHtml } from '@lift-html/core';
import html from "solid-js/html";
import { createSignal } from "solid-js";
import { render } from "solid-js/web";

const css = /*css*/ `
	* { font-size: 200%; }

	span {
		width: 4rem;

JLarky

# tmp function
function tmp() {
  local tmp_dir=$(mktemp -d)
  echo "Created temporary directory: $tmp_dir"
  cd $tmp_dir
}

JLarky

---
type Props = {
	json: unknown;
};
---

<view-as-json><pre data-target="view-as-json:pre" set:text={JSON.stringify(Astro.props.json, null, 2)} /></view-as-json>
<script is:inline type="module">
	// @ts-ignore
	import { liftHtml } from 'https://esm.sh/@lift-html/core@0.0.4';

JLarky

StackBlitz Demo

Previous version with Demo Video

How to use, add the script to your existing Debug component:

---
import { Debug } from 'astro:components';
---

JLarky

---
declare global {
	interface Window {
		had_hydration_error?: string;
	}
}
---

<script>
	const prefix = 'Uncaught Error: ';