Reactive Mastro fixes

Author: mb21

deno.json

@@ -4,6 +4,7 @@
   "exports": {
     ".": "./src/core/index.ts",
     "./generator": "./src/generator.ts",
+    "./html": "./src/core/html.ts",
     "./server": "./src/server.ts"
   },
   "compilerOptions": {

examples/reactive-mastro/components/Layout.ts

@@ -16,7 +16,7 @@ export const Layout = (props: Props) =>
         <script type="importmap">
           {
             "imports": {
-              "mastro/reactive": "https://esm.sh/jsr/@mastrojs/[email protected].0?bundle"
+              "@mastrojs/reactive": "https://esm.sh/jsr/@mastrojs/[email protected].1?bundle"
             }
           }
         </script>

examples/reactive-mastro/deno.json

@@ -6,5 +6,5 @@
   "compilerOptions": {
     "lib": ["dom", "dom.iterable", "dom.asynciterable", "deno.ns"]
   },
-  "links": ["../../", "../../../reactive"]
+  "links": ["../../"]
 }

src/core/html.ts

@@ -1,3 +1,10 @@
+/**
+ * This module contains a simple, selfcontained way to construct and properly escape
+ * HTML using JavaScript tagged template literals.
+ * It is exported separately for use in `@mastrojs/reactive`
+ * @module
+ */
+
 /**
  * HTML primitive values like strings and numbers.
  *
@@ -59,9 +66,7 @@ export const html = (strings: TemplateStringsArray, ...params: Html[]): Html[] =
  * or React's `dangerouslySetInnerHTML`.
  */
 export const unsafeInnerHtml = (str: string): Html =>
-  // we're using a string object to mark something as HTML
-  // (as opposed to a string that still needs to be escaped)
-  // we could also use a plain object like `{ type: 'html', str }`
+  // Alternatively, we could also use a plain object like `{ type: 'html', str }`
   // but the String object's `.toString()` and `.valueOf()` behaviour are handy.
   new String(str);