kris/reacord
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new asset builder flow

Browse Source 
makes use of react suspense to asynchronously build assets on the fly within components (!!!)
This commit is contained in:
MapleLeaf
2022-01-07 14:28:47 -06:00
parent 0a4a8d87d3
commit b93919edd8
7 changed files with 114 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/docs/src/html.tsx
View File

@@ -7,6 +7,9 @@ const tailwindCssPath = new URL(
await import.meta.resolve!("tailwindcss/tailwind.css"),
).pathname
const alpineJs = new URL(await import.meta.resolve!("alpinejs/dist/cdn.js"))
.pathname
export function Html({
title = "Reacord",
description = packageJson.description,
@@ -35,13 +38,15 @@ export function Html({
as="style"
href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500&family=Rubik:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap"
/>
<link rel="stylesheet" href={assets.file(tailwindCssPath)} />
<link rel="stylesheet" href={assets.local(tailwindCssPath)} />
<link
rel="stylesheet"
href={assets.file(new URL("ui/prism-theme.css", import.meta.url))}
href={assets.local(new URL("ui/prism-theme.css", import.meta.url))}
/>
<title>{title}</title>
<script defer src={assets.local(alpineJs, "alpine")} />
</head>
<body>{children}</body>
</html>