hallaine.com / tools
this repo has no description
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

feat(biome): cleanup

Alexandre Hallaine eae78778 b3fc9e9a

+123 -177
+6 -1
biome.json
··· 1 1 { 2 - "$schema": "https://biomejs.dev/schemas/2.2.0/schema.json", 2 + "$schema": "https://biomejs.dev/schemas/2.4.10/schema.json", 3 3 "vcs": { 4 4 "enabled": true, 5 5 "clientKind": "git", ··· 32 32 "source": { 33 33 "organizeImports": "on" 34 34 } 35 + } 36 + }, 37 + "css": { 38 + "parser": { 39 + "tailwindDirectives": true 35 40 } 36 41 } 37 42 }
+107 -107
src/app/globals.css
··· 5 5 @custom-variant dark (&:is(.dark *)); 6 6 7 7 @theme inline { 8 - --font-heading: var(--font-sans); 9 - --font-sans: var(--font-sans); 10 - --color-sidebar-ring: var(--sidebar-ring); 11 - --color-sidebar-border: var(--sidebar-border); 12 - --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); 13 - --color-sidebar-accent: var(--sidebar-accent); 14 - --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); 15 - --color-sidebar-primary: var(--sidebar-primary); 16 - --color-sidebar-foreground: var(--sidebar-foreground); 17 - --color-sidebar: var(--sidebar); 18 - --color-chart-5: var(--chart-5); 19 - --color-chart-4: var(--chart-4); 20 - --color-chart-3: var(--chart-3); 21 - --color-chart-2: var(--chart-2); 22 - --color-chart-1: var(--chart-1); 23 - --color-ring: var(--ring); 24 - --color-input: var(--input); 25 - --color-border: var(--border); 26 - --color-destructive: var(--destructive); 27 - --color-accent-foreground: var(--accent-foreground); 28 - --color-accent: var(--accent); 29 - --color-muted-foreground: var(--muted-foreground); 30 - --color-muted: var(--muted); 31 - --color-secondary-foreground: var(--secondary-foreground); 32 - --color-secondary: var(--secondary); 33 - --color-primary-foreground: var(--primary-foreground); 34 - --color-primary: var(--primary); 35 - --color-popover-foreground: var(--popover-foreground); 36 - --color-popover: var(--popover); 37 - --color-card-foreground: var(--card-foreground); 38 - --color-card: var(--card); 39 - --color-foreground: var(--foreground); 40 - --color-background: var(--background); 41 - --radius-sm: calc(var(--radius) * 0.6); 42 - --radius-md: calc(var(--radius) * 0.8); 43 - --radius-lg: var(--radius); 44 - --radius-xl: calc(var(--radius) * 1.4); 45 - --radius-2xl: calc(var(--radius) * 1.8); 46 - --radius-3xl: calc(var(--radius) * 2.2); 47 - --radius-4xl: calc(var(--radius) * 2.6); 8 + --font-heading: var(--font-sans); 9 + --font-sans: var(--font-sans); 10 + --color-sidebar-ring: var(--sidebar-ring); 11 + --color-sidebar-border: var(--sidebar-border); 12 + --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); 13 + --color-sidebar-accent: var(--sidebar-accent); 14 + --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); 15 + --color-sidebar-primary: var(--sidebar-primary); 16 + --color-sidebar-foreground: var(--sidebar-foreground); 17 + --color-sidebar: var(--sidebar); 18 + --color-chart-5: var(--chart-5); 19 + --color-chart-4: var(--chart-4); 20 + --color-chart-3: var(--chart-3); 21 + --color-chart-2: var(--chart-2); 22 + --color-chart-1: var(--chart-1); 23 + --color-ring: var(--ring); 24 + --color-input: var(--input); 25 + --color-border: var(--border); 26 + --color-destructive: var(--destructive); 27 + --color-accent-foreground: var(--accent-foreground); 28 + --color-accent: var(--accent); 29 + --color-muted-foreground: var(--muted-foreground); 30 + --color-muted: var(--muted); 31 + --color-secondary-foreground: var(--secondary-foreground); 32 + --color-secondary: var(--secondary); 33 + --color-primary-foreground: var(--primary-foreground); 34 + --color-primary: var(--primary); 35 + --color-popover-foreground: var(--popover-foreground); 36 + --color-popover: var(--popover); 37 + --color-card-foreground: var(--card-foreground); 38 + --color-card: var(--card); 39 + --color-foreground: var(--foreground); 40 + --color-background: var(--background); 41 + --radius-sm: calc(var(--radius) * 0.6); 42 + --radius-md: calc(var(--radius) * 0.8); 43 + --radius-lg: var(--radius); 44 + --radius-xl: calc(var(--radius) * 1.4); 45 + --radius-2xl: calc(var(--radius) * 1.8); 46 + --radius-3xl: calc(var(--radius) * 2.2); 47 + --radius-4xl: calc(var(--radius) * 2.6); 48 48 } 49 49 50 50 :root { 51 - --background: oklch(1 0 0); 52 - --foreground: oklch(0.145 0 0); 53 - --card: oklch(1 0 0); 54 - --card-foreground: oklch(0.145 0 0); 55 - --popover: oklch(1 0 0); 56 - --popover-foreground: oklch(0.145 0 0); 57 - --primary: oklch(0.205 0 0); 58 - --primary-foreground: oklch(0.985 0 0); 59 - --secondary: oklch(0.97 0 0); 60 - --secondary-foreground: oklch(0.205 0 0); 61 - --muted: oklch(0.97 0 0); 62 - --muted-foreground: oklch(0.556 0 0); 63 - --accent: oklch(0.97 0 0); 64 - --accent-foreground: oklch(0.205 0 0); 65 - --destructive: oklch(0.577 0.245 27.325); 66 - --border: oklch(0.922 0 0); 67 - --input: oklch(0.922 0 0); 68 - --ring: oklch(0.708 0 0); 69 - --chart-1: oklch(0.87 0 0); 70 - --chart-2: oklch(0.556 0 0); 71 - --chart-3: oklch(0.439 0 0); 72 - --chart-4: oklch(0.371 0 0); 73 - --chart-5: oklch(0.269 0 0); 74 - --radius: 0.625rem; 75 - --sidebar: oklch(0.985 0 0); 76 - --sidebar-foreground: oklch(0.145 0 0); 77 - --sidebar-primary: oklch(0.205 0 0); 78 - --sidebar-primary-foreground: oklch(0.985 0 0); 79 - --sidebar-accent: oklch(0.97 0 0); 80 - --sidebar-accent-foreground: oklch(0.205 0 0); 81 - --sidebar-border: oklch(0.922 0 0); 82 - --sidebar-ring: oklch(0.708 0 0); 51 + --background: oklch(1 0 0); 52 + --foreground: oklch(0.145 0 0); 53 + --card: oklch(1 0 0); 54 + --card-foreground: oklch(0.145 0 0); 55 + --popover: oklch(1 0 0); 56 + --popover-foreground: oklch(0.145 0 0); 57 + --primary: oklch(0.205 0 0); 58 + --primary-foreground: oklch(0.985 0 0); 59 + --secondary: oklch(0.97 0 0); 60 + --secondary-foreground: oklch(0.205 0 0); 61 + --muted: oklch(0.97 0 0); 62 + --muted-foreground: oklch(0.556 0 0); 63 + --accent: oklch(0.97 0 0); 64 + --accent-foreground: oklch(0.205 0 0); 65 + --destructive: oklch(0.577 0.245 27.325); 66 + --border: oklch(0.922 0 0); 67 + --input: oklch(0.922 0 0); 68 + --ring: oklch(0.708 0 0); 69 + --chart-1: oklch(0.87 0 0); 70 + --chart-2: oklch(0.556 0 0); 71 + --chart-3: oklch(0.439 0 0); 72 + --chart-4: oklch(0.371 0 0); 73 + --chart-5: oklch(0.269 0 0); 74 + --radius: 0.625rem; 75 + --sidebar: oklch(0.985 0 0); 76 + --sidebar-foreground: oklch(0.145 0 0); 77 + --sidebar-primary: oklch(0.205 0 0); 78 + --sidebar-primary-foreground: oklch(0.985 0 0); 79 + --sidebar-accent: oklch(0.97 0 0); 80 + --sidebar-accent-foreground: oklch(0.205 0 0); 81 + --sidebar-border: oklch(0.922 0 0); 82 + --sidebar-ring: oklch(0.708 0 0); 83 83 } 84 84 85 85 .dark { 86 - --background: oklch(0.145 0 0); 87 - --foreground: oklch(0.985 0 0); 88 - --card: oklch(0.205 0 0); 89 - --card-foreground: oklch(0.985 0 0); 90 - --popover: oklch(0.205 0 0); 91 - --popover-foreground: oklch(0.985 0 0); 92 - --primary: oklch(0.922 0 0); 93 - --primary-foreground: oklch(0.205 0 0); 94 - --secondary: oklch(0.269 0 0); 95 - --secondary-foreground: oklch(0.985 0 0); 96 - --muted: oklch(0.269 0 0); 97 - --muted-foreground: oklch(0.708 0 0); 98 - --accent: oklch(0.269 0 0); 99 - --accent-foreground: oklch(0.985 0 0); 100 - --destructive: oklch(0.704 0.191 22.216); 101 - --border: oklch(1 0 0 / 10%); 102 - --input: oklch(1 0 0 / 15%); 103 - --ring: oklch(0.556 0 0); 104 - --chart-1: oklch(0.87 0 0); 105 - --chart-2: oklch(0.556 0 0); 106 - --chart-3: oklch(0.439 0 0); 107 - --chart-4: oklch(0.371 0 0); 108 - --chart-5: oklch(0.269 0 0); 109 - --sidebar: oklch(0.205 0 0); 110 - --sidebar-foreground: oklch(0.985 0 0); 111 - --sidebar-primary: oklch(0.488 0.243 264.376); 112 - --sidebar-primary-foreground: oklch(0.985 0 0); 113 - --sidebar-accent: oklch(0.269 0 0); 114 - --sidebar-accent-foreground: oklch(0.985 0 0); 115 - --sidebar-border: oklch(1 0 0 / 10%); 116 - --sidebar-ring: oklch(0.556 0 0); 86 + --background: oklch(0.145 0 0); 87 + --foreground: oklch(0.985 0 0); 88 + --card: oklch(0.205 0 0); 89 + --card-foreground: oklch(0.985 0 0); 90 + --popover: oklch(0.205 0 0); 91 + --popover-foreground: oklch(0.985 0 0); 92 + --primary: oklch(0.922 0 0); 93 + --primary-foreground: oklch(0.205 0 0); 94 + --secondary: oklch(0.269 0 0); 95 + --secondary-foreground: oklch(0.985 0 0); 96 + --muted: oklch(0.269 0 0); 97 + --muted-foreground: oklch(0.708 0 0); 98 + --accent: oklch(0.269 0 0); 99 + --accent-foreground: oklch(0.985 0 0); 100 + --destructive: oklch(0.704 0.191 22.216); 101 + --border: oklch(1 0 0 / 10%); 102 + --input: oklch(1 0 0 / 15%); 103 + --ring: oklch(0.556 0 0); 104 + --chart-1: oklch(0.87 0 0); 105 + --chart-2: oklch(0.556 0 0); 106 + --chart-3: oklch(0.439 0 0); 107 + --chart-4: oklch(0.371 0 0); 108 + --chart-5: oklch(0.269 0 0); 109 + --sidebar: oklch(0.205 0 0); 110 + --sidebar-foreground: oklch(0.985 0 0); 111 + --sidebar-primary: oklch(0.488 0.243 264.376); 112 + --sidebar-primary-foreground: oklch(0.985 0 0); 113 + --sidebar-accent: oklch(0.269 0 0); 114 + --sidebar-accent-foreground: oklch(0.985 0 0); 115 + --sidebar-border: oklch(1 0 0 / 10%); 116 + --sidebar-ring: oklch(0.556 0 0); 117 117 } 118 118 119 119 @layer base { 120 120 * { 121 121 @apply border-border outline-ring/50; 122 - } 122 + } 123 123 body { 124 124 @apply bg-background text-foreground; 125 - } 125 + } 126 126 html { 127 127 @apply font-sans; 128 - } 129 - } 128 + } 129 + }
+2 -4
src/app/layout.tsx
··· 3 3 import { Inter } from "next/font/google"; 4 4 import { cn } from "@/lib/utils"; 5 5 6 - const inter = Inter({subsets:['latin'],variable:'--font-sans'}); 6 + const inter = Inter({ subsets: ["latin"], variable: "--font-sans" }); 7 7 8 8 export const metadata: Metadata = { 9 9 title: "Create Next App", ··· 16 16 children: React.ReactNode; 17 17 }>) { 18 18 return ( 19 - <html 20 - lang="en" className={cn("font-sans", inter.variable)} 21 - > 19 + <html lang="en" className={cn("font-sans", inter.variable)}> 22 20 <body className="min-h-full flex flex-col">{children}</body> 23 21 </html> 24 22 );
+5 -2
src/app/page.tsx
··· 1 1 "use client"; 2 2 3 - import { useState, useEffect } from "react"; 3 + import { useEffect, useState } from "react"; 4 4 5 5 export default function TypographyClock() { 6 6 const [time, setTime] = useState(""); 7 7 8 8 useEffect(() => { 9 9 setTime(new Date().toLocaleTimeString("en-US")); 10 - const id = setInterval(() => setTime(new Date().toLocaleTimeString("en-US")), 1000); 10 + const id = setInterval( 11 + () => setTime(new Date().toLocaleTimeString("en-US")), 12 + 1000, 13 + ); 11 14 return () => clearInterval(id); 12 15 }, []); 13 16
-60
src/components/ui/button.tsx
··· 1 - "use client" 2 - 3 - import { Button as ButtonPrimitive } from "@base-ui/react/button" 4 - import { cva, type VariantProps } from "class-variance-authority" 5 - 6 - import { cn } from "@/lib/utils" 7 - 8 - const buttonVariants = cva( 9 - "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", 10 - { 11 - variants: { 12 - variant: { 13 - default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80", 14 - outline: 15 - "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50", 16 - secondary: 17 - "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground", 18 - ghost: 19 - "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50", 20 - destructive: 21 - "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40", 22 - link: "text-primary underline-offset-4 hover:underline", 23 - }, 24 - size: { 25 - default: 26 - "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2", 27 - xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3", 28 - sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5", 29 - lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3", 30 - icon: "size-8", 31 - "icon-xs": 32 - "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3", 33 - "icon-sm": 34 - "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg", 35 - "icon-lg": "size-9", 36 - }, 37 - }, 38 - defaultVariants: { 39 - variant: "default", 40 - size: "default", 41 - }, 42 - } 43 - ) 44 - 45 - function Button({ 46 - className, 47 - variant = "default", 48 - size = "default", 49 - ...props 50 - }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) { 51 - return ( 52 - <ButtonPrimitive 53 - data-slot="button" 54 - className={cn(buttonVariants({ variant, size, className }))} 55 - {...props} 56 - /> 57 - ) 58 - } 59 - 60 - export { Button, buttonVariants }
+3 -3
src/lib/utils.ts
··· 1 - import { clsx, type ClassValue } from "clsx" 2 - import { twMerge } from "tailwind-merge" 1 + import { type ClassValue, clsx } from "clsx"; 2 + import { twMerge } from "tailwind-merge"; 3 3 4 4 export function cn(...inputs: ClassValue[]) { 5 - return twMerge(clsx(inputs)) 5 + return twMerge(clsx(inputs)); 6 6 }