Merge pull request #198 from takker99:jsx-runtime

build: Add `@jsxRuntime automatic` pragma so that apps can be built without additional jsx settings

Author: takker99

App.tsx

@@ -1,3 +1,5 @@
+/** @jsxRuntime automatic */
+/** @jsxImportSource npm:preact@10 */
 import { Bubble } from "./Bubble.tsx";
 import { UserCSS } from "./UserCSS.tsx";
 import { CSS } from "./app.min.css.ts";

Bubble.tsx

@@ -1,3 +1,5 @@
+/** @jsxRuntime automatic */
+/** @jsxImportSource npm:preact@10 */
 import { CardList } from "./CardList.tsx";
 import { useLayoutEffect, useMemo, useState } from "./deps/preact.tsx";
 import { toTitleLc } from "./deps/scrapbox-std.ts";

Card.tsx

@@ -1,3 +1,5 @@
+/** @jsxRuntime automatic */
+/** @jsxImportSource npm:preact@10 */
 import { h, useCallback, useMemo } from "./deps/preact.tsx";
 import { useKaTeX } from "./useKaTeX.ts";
 import { encodeTitleURI } from "./deps/scrapbox-std.ts";

CardList.tsx

@@ -1,3 +1,5 @@
+/** @jsxRuntime automatic */
+/** @jsxImportSource npm:preact@10 */
 import { Card } from "./Card.tsx";
 import { h, useMemo } from "./deps/preact.tsx";
 import { useBubbleData } from "./useBubbleData.ts";

Page.tsx

@@ -1,3 +1,5 @@
+/** @jsxRuntime automatic */
+/** @jsxImportSource npm:preact@10 */
 import {
   ComponentChildren,
   createContext,
@@ -664,7 +666,6 @@ const Youtube = (props: YoutubeNode | YoutubeListNode) => {
       <iframe
         src={src}
         allowFullScreen
-        type="text/html"
       />
     </div>
   );
@@ -675,7 +676,6 @@ const Vimeo = ({ videoId }: VimeoNode) => (
     <iframe
       src={`https://player.vimeo.com/video/${videoId}`}
       allowFullScreen
-      type="text/html"
     />
   </div>
 );
@@ -686,8 +686,6 @@ const Spotify = (props: SpotifyNode) => (
       className={`spotify type-${props.pathType}`}
       src={`https://open.spotify.com/embed/${props.pathType}/${props.videoId}`}
       allowFullScreen
-      type="text/html"
-      scrolling="no"
     />
   </div>
 );
@@ -698,8 +696,6 @@ const AnchorFM = (props: AnchorFMNode) => (
       className="anchor-fm"
       src={props.href.replace("/episodes/", "/embed/episodes/")}
       allowFullScreen
-      type="text/html"
-      scrolling="no"
     />
   </div>
 );

TextBubble.tsx

@@ -1,3 +1,5 @@
+/** @jsxRuntime automatic */
+/** @jsxImportSource npm:preact@10 */
 import {
   FunctionComponent,
   h,

UserCSS.tsx

@@ -1,3 +1,5 @@
+/** @jsxRuntime automatic */
+/** @jsxImportSource npm:preact@10 */
 import { useMemo } from "./deps/preact.tsx";
 import { detectURL } from "./detectURL.ts";
 

deno.jsonc

@@ -5,18 +5,12 @@
     "check:all": "deno fmt --check && deno lint && deno task check && deno task test",
     "fix": "deno fmt && deno lint --fix && deno task check && deno task test"
   },
-  "imports": {
-    "react": "npm:preact@10",
-    "react/": "npm:preact@10/"
-  },
   "compilerOptions": {
     "lib": [
       "dom",
       "dom.iterable",
       "esnext",
       "deno.ns"
-    ],
-    "jsx": "react-jsx",
-    "jsxImportSource": "npm:preact@10"
+    ]
   }
 }

deno.lock

@@ -1,3 +1,5 @@
+/** @jsxRuntime automatic */
+/** @jsxImportSource npm:preact@10 */
 import { render } from "./deps/preact.tsx";
 import { getWatchList } from "./watchList.ts";
 import { App, AppProps, userscriptName } from "./App.tsx";