fix: fix examples

aralroca · Mar 22, 2024 · a0173a2 · a0173a2
1 parent b20e1bd
commit a0173a2
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 27 deletions.
diff --git a/README.md b/README.md
@@ -160,10 +160,8 @@ import { dangerHTML } from "brisa";
 import { renderToString } from "brisa/server";
 
 export const prerenderConfig = {
-  render: (Component, props) => {
-    return renderToString(<Component {...props} />);
-  },
-  postRender: dangerHTML,
+  render: async (Component: any, props: any) =>
+    dangerHTML(await renderToString(<Component {...props} />)),
 };
 
 export const plugin = prerenderMacroPlugin({
@@ -234,11 +232,12 @@ import { h } from "preact";
 
 export const prerenderConfig = {
   render: async (Component: any, props: any) => {
-    return render(<Component {...props} />);
+    return (
+      <div
+        dangerouslySetInnerHTML={{ __html: render(<Component {...props} />) }}
+      />
+    );
   },
-  postRender: (htmlString: string) => (
-    <div dangerouslySetInnerHTML={{ __html: htmlString }} />
-  ),
 };
 
 export const plugin = prerenderMacroPlugin({

diff --git a/examples-and-tests/brisa/config.tsx b/examples-and-tests/brisa/config.tsx
@@ -3,6 +3,5 @@ import { renderToString } from "brisa/server";
 
 export const prerenderConfig = {
   render: async (Component: any, props: any) =>
-    renderToString(<Component {...props} />),
-  postRender: dangerHTML,
+    dangerHTML(await renderToString(<Component {...props} />)),
 };
diff --git a/examples-and-tests/preact/config.tsx b/examples-and-tests/preact/config.tsx
@@ -3,9 +3,10 @@ import { h } from "preact";
 
 export const prerenderConfig = {
   render: async (Component: any, props: any) => {
-    return render(<Component {...props} />);
+    return (
+      <div
+        dangerouslySetInnerHTML={{ __html: render(<Component {...props} />) }}
+      />
+    );
   },
-  postRender: (htmlString: string) => (
-    <div dangerouslySetInnerHTML={{ __html: htmlString }} />
-  ),
 };
diff --git a/examples-and-tests/preact/plugin.test.tsx b/examples-and-tests/preact/plugin.test.tsx
@@ -51,8 +51,7 @@ describe("Preact", () => {
           children: [{type: "div",props: {
             dangerouslySetInnerHTML: {__html: "<div>Foo, foo!</div>"
           }},
-          __k: null,__: null,__b: 0,__e: null,__c: null,__v: 4,__i: -1,__u: 0},
-          jsxDEV(Bar, {}, undefined, false, undefined, this)]}, undefined, true, undefined, this);
+          key: undefined,ref: undefined,__k: null,__: null,__b: 0,__e: null,__d: undefined,__c: null,constructor: undefined,__v: 4,__i: -1,__u: 0},jsxDEV(Bar, {}, undefined, false, undefined, this)]}, undefined, true, undefined, this);
         }
     `);
 
@@ -84,9 +83,7 @@ describe("Preact", () => {
               type: "div",props: {dangerouslySetInnerHTML: {
                 __html: "<div>Bar, bar!</div>"
               }
-            },
-            __k: null,__: null,__b: 0,__e: null,__c: null,__v: 8,__i: -1,__u: 0}]
-          }, undefined, true, undefined, this);
+            },key: undefined,ref: undefined,__k: null,__: null,__b: 0,__e: null,__d: undefined,__c: null,constructor: undefined,__v: 8,__i: -1,__u: 0}]}, undefined, true, undefined, this);
         }
     `);
 
@@ -106,7 +103,7 @@ describe("Preact", () => {
         import {Bar} from "./components";
         
         export default function Test() {
-          return {type: "div",props: {dangerouslySetInnerHTML: {__html: "<div>Bar, bar!</div>"}},__k: null,__: null,__b: 0,__e: null,__c: null,__v: 12,__i: -1,__u: 0};
+          return {type: "div",props: {dangerouslySetInnerHTML: {__html: "<div>Bar, bar!</div>"}},key: undefined,ref: undefined,__k: null,__: null,__b: 0,__e: null,__d: undefined,__c: null,constructor: undefined,__v: 12,__i: -1,__u: 0};
         }
       `);
 
@@ -126,7 +123,7 @@ describe("Preact", () => {
         import Foo from "./components";
         
         export default function Test() {
-          return {type: "div",props: {dangerouslySetInnerHTML: {__html: "<div>Foo, Preact works!</div>"}},__k: null,__: null,__b: 0,__e: null,__c: null,__v: 16,__i: -1,__u: 0};
+          return {type: "div",props: {dangerouslySetInnerHTML: {__html: "<div>Foo, Preact works!</div>"}},key: undefined,ref: undefined,__k: null,__: null,__b: 0,__e: null,__d: undefined,__c: null,constructor: undefined,__v: 16,__i: -1,__u: 0};
         }
       `);
 

diff --git a/package/prerender.tsx b/package/prerender.tsx
@@ -13,12 +13,7 @@ export async function prerender({
 }: PrerenderParams) {
   const Component = (await import(componentPath))[componentModuleName];
   const config = (await import(prerenderConfigPath)).prerenderConfig;
-  const htmlString = await config.render(Component, componentProps);
-
-  const element = config.postRender(htmlString);
-
-  // parse + stringify are used to avoid coercion to Bun's AST for $$typeof Symbol
-  return JSON.parse(JSON.stringify(element));
+  return await config.render(Component, componentProps);
 }
 
 export function postRender(element: JSX.Element) {