cohabit/mailer
5
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

feat: add new render template process

Browse source
This commit is contained in:
Julien Oculi 2024-03-29 16:04:11 +01:00
parent 3095db5781
commit 4f2fdef363
1 changed files with 19 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
src/template.tsx
View file

@ -1,27 +1,21 @@
import { Body, Column, Html, render, Section } from 'jsx-email' import React from 'preact/compat' //for jsx-email
import { render } from 'jsx-email'
// @deno-types="npm:turndown"
import Turndown from 'turndown'
import { JSX } from 'preact'
function Email() { const htmlToMd = new Turndown({
return ( headingStyle: 'atx',
<Html lang='en'> codeBlockStyle: 'fenced',
<Body style={{ backgroundColor: '#61dafb' }}> })
<Section>
<Column style={{ width: '50%' }}>First column</Column> export async function renderTemplate(
<Column style={{ width: '50%' }}>Second column</Column> template: JSX.Element,
</Section> ): Promise<{ html: string; text: string }> {
</Body> const html = await render(template)
</Html>
) return {
html,
text: htmlToMd.turndown(html),
}
} }
// console.log(await render(Email))
// import { render } from 'npm:preact-render-to-string'
// function Email() {
// return (
// <html>
// <p>Test</p>
// </html>
// )
// }
console.log(await render(<Email />))