fix doctype (add unsafe html function)

drinking-code · drinking-code · commit 0ce9aacdbef4 · 2023-03-30T20:16:33.000+02:00
diff --git a/src/compiler/template/template-builder.ts b/src/compiler/template/template-builder.ts
@@ -16,8 +16,10 @@ import {setAutoComponent} from '../states-collector'
 import {HashType, isVirtualElement, VirtualElement} from '../../jsx/VirtualElement'
 import {includeStateUsage, makeContext} from './state-usage'
 import {escapeHTML} from 'bun'
+import {UnsafeHTML} from 'src/jsx/insert-html'
 
 let currentComponentHash
+
 export function getCurrentComponentHash() {
     return currentComponentHash
 }
@@ -141,7 +143,11 @@ export default class TemplateBuilder {
     }
 
     private stringifyTextNode(value: StringifiableType): [string, ServerTemplateTextNodeType] {
-        const string = escapeHTML(stringifyValue(value))
+        let string
+        if (value instanceof UnsafeHTML)
+            string = value.valueOf()
+        else
+            string = escapeHTML(stringifyValue(value))
         return [
             `[0"${string}"]`,
             {type: 'text', content: string}
diff --git a/src/jsx/dom/builtins/Html.tsx b/src/jsx/dom/builtins/Html.tsx
@@ -1,6 +1,8 @@
+import {unsafeInsertHtmlDoNotUse} from '../../insert-html'
+
 export default function Html({...props}: JSX.IntrinsicElements['html']) {
     return <>
-        {'<!DOCTYPE html>'}
+        {unsafeInsertHtmlDoNotUse('<!DOCTYPE html>')}
         <html {...props}>{props.children}</html>
     </>
 }
diff --git a/src/jsx/insert-html.ts b/src/jsx/insert-html.ts
@@ -0,0 +1,20 @@
+import {HashType} from './VirtualElement'
+import {getCurrentComponentHash} from '../compiler/template/template-builder'
+
+export function unsafeInsertHtmlDoNotUse(value: string) {
+    return new UnsafeHTML(value)
+}
+
+export class UnsafeHTML {
+    private readonly componentHash: HashType
+    private readonly value: string
+
+    constructor(value: string) {
+        this.componentHash = getCurrentComponentHash()
+        this.value = value
+    }
+
+    valueOf(): UnsafeHTML['value'] {
+        return this.value
+    }
+}
