Merge branch 'main' into tmm/preview

example/src/index.tsx

@@ -8,7 +8,6 @@ const app = new Framework()
 
 app.frame('/', ({ untrustedData }) => {
   const { buttonIndex } = untrustedData || {}
-  console.log('buttonIndex', buttonIndex)
   return {
     image: (
       <div

scripts/preconstruct.ts

@@ -1,93 +1,93 @@
-import fs from "node:fs/promises";
-import path from "node:path";
-import { glob } from "glob";
+import fs from 'node:fs/promises'
+import path from 'node:path'
+import { glob } from 'glob'
 
 // Symlinks package sources to dist for local development
 
-console.log("Setting up packages for development.");
+console.log('Setting up packages for development.')
 
 // Get all package.json files
-const packagePaths = await glob("**/package.json", {
-  ignore: ["**/dist/**", "**/node_modules/**"],
-});
+const packagePaths = await glob('**/package.json', {
+  ignore: ['**/dist/**', '**/node_modules/**'],
+})
 
-let count = 0;
+let count = 0
 for (const packagePath of packagePaths) {
   type Package = {
-    bin?: Record<string, string> | undefined;
+    bin?: Record<string, string> | undefined
     exports?:
       | Record<string, { types: string; default: string } | string>
-      | undefined;
-    name?: string | undefined;
-    private?: boolean | undefined;
-  };
-  const file = Bun.file(packagePath);
-  const packageJson = (await file.json()) as Package;
+      | undefined
+    name?: string | undefined
+    private?: boolean | undefined
+  }
+  const file = Bun.file(packagePath)
+  const packageJson = (await file.json()) as Package
 
   // Skip private packages
-  if (packageJson.private) continue;
-  if (!packageJson.exports) continue;
+  if (packageJson.private) continue
+  if (!packageJson.exports) continue
 
-  count += 1;
-  console.log(`${packageJson.name} — ${path.dirname(packagePath)}`);
+  count += 1
+  console.log(`${packageJson.name} — ${path.dirname(packagePath)}`)
 
-  const dir = path.resolve(path.dirname(packagePath));
+  const dir = path.resolve(path.dirname(packagePath))
 
   // Empty dist directory
-  const distDirName = "_lib";
-  const dist = path.resolve(dir, distDirName);
-  let files: string[] = [];
+  const distDirName = '_lib'
+  const dist = path.resolve(dir, distDirName)
+  let files: string[] = []
   try {
-    files = await fs.readdir(dist);
+    files = await fs.readdir(dist)
   } catch {
-    await fs.mkdir(dist);
+    await fs.mkdir(dist)
   }
 
-  const promises: Promise<void>[] = [];
+  const promises: Promise<void>[] = []
   for (const file of files) {
     promises.push(
       fs.rm(path.join(dist, file), { recursive: true, force: true }),
-    );
+    )
   }
-  await Promise.all(promises);
+  await Promise.all(promises)
 
   // Link exports to dist locations
   for (const [key, exports] of Object.entries(packageJson.exports)) {
     // Skip `package.json` exports
-    if (/package\.json$/.test(key)) continue;
+    if (/package\.json$/.test(key)) continue
 
-    let entries: string[][];
-    if (typeof exports === "string")
+    let entries: string[][]
+    if (typeof exports === 'string')
       entries = [
-        ["default", exports],
-        ["types", exports.replace(".js", ".d.ts")],
-      ];
-    else entries = Object.entries(exports);
+        ['default', exports],
+        ['types', exports.replace('.js', '.d.ts')],
+      ]
+    else entries = Object.entries(exports)
 
     // Link exports to dist locations
     for (const [, value] of entries as [
-      type: "types" | "default",
+      type: 'types' | 'default',
       value: string,
     ][]) {
       const srcDir = path.resolve(
         dir,
-        path.dirname(value).replace(distDirName, ""),
-      );
-      let srcFileName: string;
-      if (key === ".") srcFileName = "index.tsx";
-      else srcFileName = path.basename(`${key}.tsx`);
-      const srcFilePath = path.resolve(srcDir, srcFileName);
+        path.dirname(value).replace(distDirName, ''),
+      )
+      let srcFileName: string
+      if (key === '.') srcFileName = 'index.tsx'
+      else srcFileName = path.basename(`${key}.tsx`)
+      const srcFilePath = path.resolve(srcDir, srcFileName)
 
-      const distDir = path.resolve(dir, path.dirname(value));
-      const distFileName = path.basename(value);
-      const distFilePath = path.resolve(distDir, distFileName);
+      const distDir = path.resolve(dir, path.dirname(value))
+      const distFileName = path.basename(value)
+      const distFilePath = path.resolve(distDir, distFileName)
 
-      await fs.mkdir(distDir, { recursive: true });
+      await fs.mkdir(distDir, { recursive: true })
 
       // Symlink src to dist file
-      await fs.symlink(srcFilePath, distFilePath, "file");
+      await fs.symlink(srcFilePath, distFilePath, 'file')
     }
   }
 }
 
-console.log(`Done. Set up ${count} ${count === 1 ? "package" : "packages"}.`);
+console.log(`Done. Set up ${count} ${count === 1 ? 'package' : 'packages'}.`)

src/index.test.ts

@@ -1,5 +1,5 @@
-import { expect, test } from "vitest";
+import { expect, test } from 'vitest'
 
-test("default", () => {
-  expect(true).toBe(true);
-});
+test('default', () => {
+  expect(true).toBe(true)
+})

src/index.tsx

@@ -1,7 +1,7 @@
+import { Window } from 'happy-dom'
 import { type Context, Hono } from 'hono'
 import { ImageResponse } from 'hono-og'
 import { type JSXNode } from 'hono/jsx'
-import { Window } from 'happy-dom'
 import { jsxRenderer } from 'hono/jsx-renderer'
 import * as ed from '@noble/ed25519'
 import { bytesToHex } from 'viem/utils'