Try working around JSR JSX issue.

See: jsr-io/jsr#24

Author: NfNitLoop

deno.jsonc

@@ -69,7 +69,12 @@
   },
   "compilerOptions": {
     // See: https://docs.deno.com/runtime/reference/jsx/#jsx-automatic-runtime-(recommended)
-    "jsx": "react-jsx",
-    "jsxImportSource": "preact"
+    
+    // Can't rely on this when publishing to JSR until this is fixed:
+    // https://github.com/jsr-io/jsr/issues/24
+    // So instead, add @jsx pragmas to every file.
+
+    // "jsx": "react-jsx",
+    // "jsxImportSource": "preact"
   }
 }

src/components/Box.tsx

@@ -1,4 +1,7 @@
-import { type ComponentChildren } from "preact";
+/* @jsxImportSource preact */
+/* @jsxRuntime automatic */
+
+import type { ComponentChildren } from "preact";
 import { ArticleBody } from "./customTags.tsx";
 
 

src/components/Coments.tsx

@@ -1,3 +1,6 @@
+/* @jsxImportSource preact */
+/* @jsxRuntime automatic */
+
 import type { ItemInfoPlus } from "../client.ts";
 import Item from "./Item.tsx";
 

src/components/Item.tsx

@@ -1,3 +1,6 @@
+/* @jsxImportSource preact */
+/* @jsxRuntime automatic */
+
 import { Signature, UserID } from "@diskuto/client"
 
 

src/components/Nav.tsx

@@ -1,3 +1,6 @@
+/* @jsxImportSource preact */
+/* @jsxRuntime automatic */
+
 import type { ComponentChildren } from "preact";
 
 export type Props = {

src/components/OpenGraph.tsx

@@ -1,3 +1,5 @@
+/* @jsxImportSource preact */
+/* @jsxRuntime automatic */
 
 /**
  * Metadata for the opengraph protocol.

src/components/Page.tsx

@@ -1,3 +1,5 @@
+/* @jsxImportSource preact */
+/* @jsxRuntime automatic */
 
 import type { ComponentChildren } from "preact";
 import Nav, { type NavState } from "./Nav.tsx";

src/components/Progress.tsx

@@ -1,3 +1,6 @@
+/* @jsxImportSource preact */
+/* @jsxRuntime automatic */
+
 import { useMemo } from "preact/hooks";
 import { computed, ReadOnlySignal, signal } from "../signals.ts";
 import { ArticleBody } from "./customTags.tsx";

src/components/SPA.tsx

@@ -1,3 +1,5 @@
+/* @jsxImportSource preact */
+/* @jsxRuntime automatic */
 
 export type Props = {
     title: string

src/components/Signer.tsx

@@ -1,3 +1,6 @@
+/* @jsxImportSource preact */
+/* @jsxRuntime automatic */
+
 /**
  * UI to handle signing & sending an item.
  */

src/components/Timestamp.tsx

@@ -1,3 +1,6 @@
+/* @jsxImportSource preact */
+/* @jsxRuntime automatic */
+
 // @ts-types="@types/luxon"
 import { DateTime, Duration, FixedOffsetZone, type DurationObjectUnits } from "luxon"
 import * as pb from "@diskuto/client/types"

src/components/form.tsx

@@ -1,3 +1,6 @@
+/* @jsxImportSource preact */
+/* @jsxRuntime automatic */
+
 /**
  * Common form elements.
  * @module

src/entrypoints/editProfile.tsx

@@ -1,3 +1,6 @@
+/* @jsxImportSource preact */
+/* @jsxRuntime automatic */
+
 import { Fragment, render } from "preact"
 import { useComputed, useLoader, useProgressLoader, useSignal, useUpdateSignal, type Signal } from "../signals.ts"
 

src/entrypoints/login.tsx

@@ -1,3 +1,6 @@
+/* @jsxImportSource preact */
+/* @jsxRuntime automatic */
+
 import { render } from "preact"
 import Nav from "../components/Nav.tsx";
 import { useComputed, useSignal } from "../signals.ts";

src/entrypoints/newPost.tsx

@@ -1,3 +1,6 @@
+/* @jsxImportSource preact */
+/* @jsxRuntime automatic */
+
 import { render } from "preact"
 import { useComputed, useLoader, useSignal, useUpdateSignal, type Signal } from "../signals.ts"
 

src/entrypoints/signer.tsx

@@ -1,3 +1,6 @@
+/* @jsxImportSource preact */
+/* @jsxRuntime automatic */
+
 import { render } from "preact"
 import { useEffect, useRef } from "preact/hooks"
 import { Signal, useComputed, useSignal, useSignalEffect } from "../signals.ts"

src/server.tsx

@@ -1,3 +1,6 @@
+/* @jsxImportSource preact */
+/* @jsxRuntime automatic */
+
 import type { Config } from "./config.ts";
 
 import {oak, serveDir, ServerDirPath} from "@nfnitloop/deno-embedder/helpers/oak"