refactor(jsx/precompile): Normalization of keys from JSX to HTML is d…

…one by runtime, not by hono

runtime-tests/deno-jsx/jsx.test.tsx

@@ -111,9 +111,24 @@ Deno.test('JSX: css', async () => {
   )
 })
 
-Deno.test('JSX: className', async () => {
-  const html = <div className='foo'></div>
-  assertEquals(html.toString(), '<div class="foo"></div>')
+Deno.test('JSX: normalize key', async () => {
+  const className = <div className='foo'></div>
+  const htmlFor = <div htmlFor='foo'></div>
+  const crossOrigin = <div crossOrigin='foo'></div>
+  const httpEquiv = <div httpEquiv='foo'></div>
+  const itemProp = <div itemProp='foo'></div>
+  const fetchPriority = <div fetchPriority='foo'></div>
+  const noModule = <div noModule='foo'></div>
+  const formAction = <div formAction='foo'></div>
+
+  assertEquals(className.toString(), '<div class="foo"></div>')
+  assertEquals(htmlFor.toString(), '<div for="foo"></div>')
+  assertEquals(crossOrigin.toString(), '<div crossorigin="foo"></div>')
+  assertEquals(httpEquiv.toString(), '<div http-equiv="foo"></div>')
+  assertEquals(itemProp.toString(), '<div itemprop="foo"></div>')
+  assertEquals(fetchPriority.toString(), '<div fetchpriority="foo"></div>')
+  assertEquals(noModule.toString(), '<div nomodule="foo"></div>')
+  assertEquals(formAction.toString(), '<div formaction="foo"></div>')
 })
 
 Deno.test('JSX: null or undefined', async () => {

src/jsx/jsx-runtime.ts

@@ -9,15 +9,14 @@ export type { JSX } from './jsx-dev-runtime'
 import { html, raw } from '../helper/html'
 import type { HtmlEscapedString, StringBuffer, HtmlEscaped } from '../utils/html'
 import { escapeToBuffer, stringBufferToString } from '../utils/html'
-import { normalizeIntrinsicElementKey, styleObjectForEach } from './utils'
+import { styleObjectForEach } from './utils'
 
 export { html as jsxTemplate }
 
 export const jsxAttr = (
   key: string,
   v: string | Promise<string> | Record<string, string | number | null | undefined | boolean>
 ): HtmlEscapedString | Promise<HtmlEscapedString> => {
-  key = normalizeIntrinsicElementKey(key)
   const buffer: StringBuffer = [`${key}="`] as StringBuffer
   if (key === 'style' && typeof v === 'object') {
     // object to style strings