First Commit. Duplicate bunext-sqlite preset

2026-10-18 16:47:11 +01:00
commit 81e4a8aecc
718 changed files with 41695 additions and 0 deletions
@@ -0,0 +1,63 @@
+import React from "react";
+import { AppContext } from "@/src/pages/__root";
+import type { AppContextObject } from "@/src/types";
+import Stack from "@moduletrace/twui/layout/Stack";
+import Section from "@moduletrace/twui/layout/Section";
+import Container from "@moduletrace/twui/layout/Container";
+import Row from "@moduletrace/twui/layout/Row";
+import Span from "@moduletrace/twui/layout/Span";
+import Logo from "@/src/components/general/logo";
+import ColorSchemeSelector from "@moduletrace/twui/elements/ColorSchemeSelector";
+import { FooterColumns } from "../(data)/footer-columns";
+import FooterLinkColumn from "../(partials)/footer-link-column";
+
+export default function Footer() {
+    const appContext: AppContextObject = React.useContext(AppContext);
+
+    const { SITE_DATA } = appContext;
+
+    return (
+        <footer className="bg-white dark:bg-background-dark border-t border-slate-200 dark:border-white/10">
+            <Section className="pt-20! pb-0!">
+                <Container>
+                    <Stack className="w-full gap-16! items-stretch">
+                        <Row className="w-full items-start justify-between gap-14! flex-wrap">
+                            <Stack className="gap-5! max-w-md">
+                                <Logo icon_size={32} />
+                                <Span className="text-slate-500 dark:text-slate-400 leading-relaxed">
+                                    A considered starting point for Bun, Bunext
+                                    and SQLite applications.
+                                </Span>
+                            </Stack>
+
+                            <Row className="gap-16! justify-start flex-wrap items-start">
+                                {FooterColumns.map((column) => (
+                                    <FooterLinkColumn
+                                        key={column.label}
+                                        {...column}
+                                    />
+                                ))}
+                            </Row>
+                        </Row>
+
+                        <Row className="w-full items-center justify-between flex-wrap py-8 gap-4! border-t border-slate-200 dark:border-white/10">
+                            <Span className="text-xs text-slate-400 dark:text-slate-500">
+                                &copy; {new Date().getFullYear()}{" "}
+                                {SITE_DATA.siteName}. All rights reserved.
+                            </Span>
+                            <Row className="items-center gap-6!">
+                                <Span className="text-xs text-slate-400 dark:text-slate-500">
+                                    Built with Bunext + SQLite
+                                </Span>
+                                <ColorSchemeSelector
+                                    className="text-slate-500 hover:text-foreground-light dark:text-slate-400 dark:hover:text-foreground-dark transition-colors"
+                                    size="small"
+                                />
+                            </Row>
+                        </Row>
+                    </Stack>
+                </Container>
+            </Section>
+        </footer>
+    );
+}
@@ -0,0 +1,56 @@
+import MobileNav from "../(partials)/MobileNav";
+import Section from "@moduletrace/twui/layout/Section";
+import Container from "@moduletrace/twui/layout/Container";
+import Row from "@moduletrace/twui/layout/Row";
+import Logo from "@/src/components/general/logo";
+import HeaderNav from "@moduletrace/twui/elements/HeaderNav";
+import { MainLinks } from "@/src/dict/main-links-dict";
+import Button from "@moduletrace/twui/layout/Button";
+import HeaderUser from "../(partials)/header-user";
+import { useAuthStatus } from "@/src/hooks/use-auth-status";
+
+export default function Header() {
+    const { is_logged_in } = useAuthStatus();
+
+    return (
+        <header className="sticky top-0 z-50 w-full border-b border-slate-200/70 bg-light/80 backdrop-blur-md dark:border-white/10 dark:bg-background-dark/80">
+            <Section className="py-0!">
+                <Container className="w-full justify-between">
+                    <Row className="w-full items-center justify-between flex-nowrap py-4">
+                        <Logo icon_size={28} />
+
+                        <div className="hidden xl:flex">
+                            <HeaderNav headerLinks={MainLinks} />
+                        </div>
+
+                        <Row className="flex-nowrap items-center gap-2!">
+                            {!is_logged_in ? (
+                                <>
+                                    <Button
+                                        title="Log in"
+                                        href="/auth/login"
+                                        variant="ghost"
+                                        color="gray"
+                                        size="small"
+                                        className="hidden sm:flex"
+                                    >
+                                        Log in
+                                    </Button>
+                                    <Button
+                                        title="Get started"
+                                        href="/auth/signup"
+                                        size="small"
+                                    >
+                                        Get started
+                                    </Button>
+                                </>
+                            ) : null}
+                            <MobileNav />
+                            <HeaderUser />
+                        </Row>
+                    </Row>
+                </Container>
+            </Section>
+        </header>
+    );
+}