Feat: `transformHTML` hook in `root.tsx` #5365

1aron · 2023-02-04T18:18:36Z

1aron
Feb 4, 2023

🐞 Remix Streaming SSR master-co/css#159

I'm integrating Master CSS with Remix's SSR and need Remix to provide a transformHTML hook.

Master CSS's SSR scans your HTML text for class="" to generate the corresponding CSS rules and inserts them back into the HTML text via the <style title="master"> tag.

This is what root.tsx is expected to look like:

...
import { renderIntoHTML } from '@master/css'
...

export function transformHTML(html: string) {
    return renderIntoHTML(html)
}

export default function App() {
    return (
        <html lang="en">
            <head>
                <Meta />
                <Links />
            </head>
            <body>
                <Outlet />
                <ScrollRestoration />
                <Scripts />
                <LiveReload />
            </body>
        </html>
    )
}

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Feat: `transformHTML` hook in `root.tsx` #5365

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Feat: transformHTML hook in root.tsx #5365

Uh oh!

Uh oh!

1aron Feb 4, 2023

Replies: 0 comments

Feat: `transformHTML` hook in `root.tsx` #5365

1aron
Feb 4, 2023