🎉 feat: kita

Author: SaltyAom

CHANGELOG.md

@@ -1,3 +1,9 @@
+# 0.6.3 - 8 Sep 2023
+Improvement:
+- Switch to Kita
+- Add support for Fragment
+- Remove unused library
+
 # 0.6.2 - 8 Sep 2023
 Improvement:
 - Add support for custom element

bun.lockb

@@ -27,4 +27,9 @@ const app = new Elysia()
     .get('/', () => page)
     .get('/jsx', () => jsx)
     .get('/html', ({ html }) => html(page))
+    .get('/a', () => {
+        <>
+            <h1>Hello World</h1>
+        </>
+    })
     .listen(8080)

example/index.tsx

@@ -38,19 +38,16 @@
     "elysia": ">= 0.6.0"
   },
   "devDependencies": {
+    "@types/dompurify": "^3.0.2",
     "@types/node": "^20.5.9",
-    "@types/react": "^18.2.21",
     "bun-types": "^0.8.1",
     "elysia": "0.6.19",
     "eslint": "^8.48.0",
-    "hono": "^3.5.8",
     "rimraf": "4.3.1",
     "typescript": "^5.2.2"
   },
   "dependencies": {
-    "@types/sanitize-html": "^2.9.0",
-    "react": "^18.2.0",
-    "sanitize-html": "^2.11.0",
-    "typed-html": "^3.0.1"
+    "@kitajs/html": "^1.4.6",
+    "dompurify": "^3.0.5"
   }
 }

package.json

@@ -1,8 +1,10 @@
 // @ts-ignore
-const { createElement } = require('typed-html')
+const { compile, Fragment } = require('@kitajs/html')
 
 // @ts-ignore
-globalThis.ElysiaJSX = createElement
+globalThis.ElysiaJSX = compile
+// @ts-ignore
+globalThis.ElysiaJSX.Fragment = Fragment
 
 declare function ElysiaJSX(...params: any[]): string
 
@@ -13,7 +15,11 @@ declare namespace JSX {
     // @ts-ignore
     type BaseHTMLTag = Record<string, unknown>
 
+    // @ts-ignore
+    type BaseIntrinsicElements = Record<string, HtmlTag>
+
     interface HtmlTag extends BaseHTMLTag {
+        safe?: boolean
         accesskey?: string
         class?: string
         contenteditable?: string
@@ -29,6 +35,7 @@ declare namespace JSX {
         title?: string
         translate?: string | boolean
     }
+
     interface HtmlAnchorTag extends HtmlTag {
         href?: string
         target?: string
@@ -347,8 +354,7 @@ declare namespace JSX {
         height?: string
     }
 
-    interface IntrinsicElements {
-        [customElement: string]: HtmlTag
+    interface IntrinsicElements extends BaseIntrinsicElements {
         a: HtmlAnchorTag
         abbr: HtmlTag
         address: HtmlTag

src/declaration.ts

@@ -1,6 +1,10 @@
 /// <reference path="./declaration.ts" />
 import { Elysia } from 'elysia'
-import sanitize from 'sanitize-html'
+import * as D from 'dompurify'
+
+const sanitize = D.sanitize
+
+const { compile } = require('@kitajs/html')
 
 import './declaration'
 

src/index.ts

@@ -17,7 +17,7 @@
     // "experimentalDecorators": true,                   /* Enable experimental support for TC39 stage 2 draft decorators. */
     // "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
     "jsxFactory": "ElysiaJSX",                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */
-    // "jsxFragmentFactory": "",                         /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
+    "jsxFragmentFactory": "ElysiaJSX.Fragment",                         /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
     // "jsxImportSource": "",                            /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */
     // "reactNamespace": "",                             /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */
     // "noLib": true,                                    /* Disable including any library files, including the default lib.d.ts. */