fix(jsx): rename Hono to JSX and export JSX namespace

[yusukebe]

Fixes #2927

Currently, the definition for HTML tags elements and attributes are exported as a namespace named Hono in jsx/intrinsic-elements.ts. This is not bad, but the namespace Hono is not exported for users. So, it's impossible to extend the values such as HTMLAttributes. In this PR, it will be exported from hono/jsx. And I renamed Hono to JSX because the name Hono will cause confusion. That namespace was not used in a global. So I think it will not be a breaking change.

With this PR, you can write the JSX with the HTMX attribute with the following code:

// You may have to write `import "typed-htmx"`

declare module 'hono/jsx' {
  namespace JSX {
    interface HTMLAttributes extends HtmxAttributes {}
  }
}

app.get('/', (c) => {
  return c.render(
    <div hx-get="/foo">
      <h1>Hello!</h1>
    </div>
  )
})

By the way, it was exported in global before v4.4.0, but it was not valid for JSR publishing and polluted the global. So, it was changed to exported locally in the module.

The author should do the following, if applicable

• Add tests
• Run tests
• bun run format:fix && bun run lint:fix to format the code
• Add TSDoc/JSDoc to document the code

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 94.42%. Comparing base (fe7cfcf) to head (03854a8).

Additional details and impacted files

@@           Coverage Diff            @@
##             main    #2937    +/-   ##
========================================
  Coverage   94.42%   94.42%            
========================================
  Files         136      136            
  Lines       13343    13348     +5     
  Branches     2219     2325   +106     
========================================
+ Hits        12599    12604     +5     
  Misses        744      744            

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[yusukebe]

Hey @usualoma What do you think of this PR?

[usualoma]

@yusukebe Thank you.
It makes sense 👍

[yusukebe]

@usualoma Thanks! I'll merge it.

[yusukebe]

P.S.

We can write like this instead of the document: https://hono.dev/guides/jsx#override-type-definitions

declare module 'hono/jsx' {
  namespace JSX {
    interface IntrinsicElements {
      'my-custom-element': HTMLAttributes & {
        'x-event'?: 'click' | 'scroll'
      }
    }
  }
}