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

fix monorepo formatting

Browse Source
This commit is contained in:
Domin-MND
2023-10-23 23:25:44 +03:00
parent 8b6e283810
commit def0c46f13
6 changed files with 74 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/reacord/test/use-instance.test.tsx
View File

@@ -49,7 +49,9 @@ describe("useInstance", () => {
} }
const tester = new ReacordTester() const tester = new ReacordTester()
const instance = tester.createChannelMessage(<TestComponent name="parent" />) const instance = tester.createChannelMessage(
<TestComponent name="parent" />,
)
await tester.assertMessages([messageOutput("parent")]) await tester.assertMessages([messageOutput("parent")])
expect(instanceFromHook).toBe(instance) expect(instanceFromHook).toBe(instance)

24
packages/website/src/components/app-logo.astro
View File

File diff suppressed because one or more lines are too long

2
packages/website/src/components/external-link.astro
View File

@@ -3,5 +3,5 @@ export type Props = astroHTML.JSX.AnchorHTMLAttributes
--- ---
<a rel="noopener noreferrer" target="_blank" {...Astro.props}> <a rel="noopener noreferrer" target="_blank" {...Astro.props}>
<slot /> <slot />
</a> </a>

56
packages/website/src/components/guide-layout.astro
View File

@@ -7,32 +7,32 @@ const guides = await getCollection("guides")
--- ---
<Layout> <Layout>
<div class="isolate"> <div class="isolate">
<header <header
class="bg-slate-700/30 shadow sticky top-0 backdrop-blur-sm transition z-10 flex" class="sticky top-0 z-10 flex bg-slate-700/30 shadow backdrop-blur-sm transition"
> >
<div class="container"> <div class="container">
<MainNavigation /> <MainNavigation />
</div> </div>
</header> </header>
<main class="container mt-8 flex items-start gap-4"> <main class="container mt-8 flex items-start gap-4">
<nav class="w-48 sticky top-24 hidden md:block"> <nav class="sticky top-24 hidden w-48 md:block">
<h2 class="text-2xl">Guides</h2> <h2 class="text-2xl">Guides</h2>
<ul class="mt-3 flex flex-col gap-2 items-start"> <ul class="mt-3 flex flex-col items-start gap-2">
{ {
guides.map((guide) => ( guides.map((guide) => (
<li> <li>
<a class="link" href={`/guides/${guide.slug}`}> <a class="link" href={`/guides/${guide.slug}`}>
{guide.data.title} {guide.data.title}
</a> </a>
</li> </li>
)) ))
} }
</ul> </ul>
</nav> </nav>
<section class="prose prose-invert pb-8 flex-1 min-w-0"> <section class="prose prose-invert min-w-0 flex-1 pb-8">
<slot /> <slot />
</section> </section>
</main> </main>
</div> </div>
</Layout> </Layout>

2
packages/website/src/components/layout.astro
View File

@@ -7,7 +7,7 @@ import faviconUrl from "~/assets/favicon.png"
import "~/styles/tailwind.css" import "~/styles/tailwind.css"
--- ---
<!DOCTYPE html> <!doctype html>
<html lang="en" class="bg-slate-900 text-slate-100"> <html lang="en" class="bg-slate-900 text-slate-100">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />

52
packages/website/src/components/menu.astro
View File

@@ -1,30 +1,30 @@
<details class="md:hidden relative" data-menu> <details class="relative md:hidden" data-menu>
<summary <summary
class="list-none p-2 -m-2 cursor-pointer hover:text-emerald-500 transition" class="-m-2 cursor-pointer list-none p-2 transition hover:text-emerald-500"
> >
<slot name="button" /> <slot name="button" />
</summary> </summary>
<div <div
class="w-48 max-h-[calc(100vh-5rem)] bg-slate-800 shadow rounded-lg overflow-x-hidden overflow-y-auto top-[calc(100%+8px)] right-0 absolute z-10" class="absolute right-0 top-[calc(100%+8px)] z-10 max-h-[calc(100vh-5rem)] w-48 overflow-y-auto overflow-x-hidden rounded-lg bg-slate-800 shadow"
> >
<slot /> <slot />
</div> </div>
</details> </details>
<script> <script>
for (const menu of document.querySelectorAll<HTMLDetailsElement>( for (const menu of document.querySelectorAll<HTMLDetailsElement>(
"[data-menu]", "[data-menu]",
)) { )) {
window.addEventListener("click", (event) => { window.addEventListener("click", (event) => {
if (!menu.contains(event.target as Node)) { if (!menu.contains(event.target as Node)) {
menu.open = false menu.open = false
} }
}) })
menu.addEventListener("keydown", (event) => { menu.addEventListener("keydown", (event) => {
if (event.key === "Escape") { if (event.key === "Escape") {
menu.open = false menu.open = false
menu.querySelector("summary")!.focus() menu.querySelector("summary")!.focus()
} }
}) })
} }
</script> </script>