chore: rename dashboard, marketing, and website components to kebab-case

src/modules/dashboard/__tests__/dashboard.stats.test.tsx → src/modules/dashboard/__tests__/stats.test.tsx

@@ -1,7 +1,7 @@
 import '@testing-library/jest-dom';
 import { describe, it, expect } from 'vitest';
 import { render, screen } from '@testing-library/react';
-import DashboardStatCard from '../components/dashboard.stats';
+import DashboardStatCard from '../components/stats';
 
 describe('DashboardStatCard Component Tests', () => {
 

src/modules/dashboard/components/dashbaord.barchart.tsx → src/modules/dashboard/components/bar-chart.tsx

@@ -1,6 +1,3 @@
-"use client"
-
-import { TrendingUp } from "lucide-react"
 import { Bar, BarChart, CartesianGrid, XAxis } from "recharts"
 
 import {

src/modules/dashboard/components/dashboard.layout.tsx → src/modules/dashboard/components/layout.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { cn } from "@/lib/utils";
-import { DashboardHeader } from './dashboard.header';
-import DashboardSidebar from './dashboard.sidebar';
+import { DashboardHeader } from './header';
+import DashboardSidebar from './sidebar';
 
 export function DashboardLayout({ children }: { children: React.ReactNode }) {
     const [isSidebarOpen, setIsSidebarOpen] = useState(false);

src/modules/dashboard/components/dashboard.page.tsx → src/modules/dashboard/components/page.tsx

@@ -3,18 +3,18 @@ import { type DateRange } from "react-day-picker";
 
 import { PageHeader } from "@/components/ui/page-header";
 import ErrorAlert from "@/components/ui/error-alert";
-import DashboardSiteSelector from "./dashboard.site.selector";
-import { DashboardDateRangePicker } from "./dashboard.date.picker";
-import DashboardStatsGrid from "./dashboard.stats.grid";
-import { PageviewsCard } from "./dashboard.pageviews";
-import TrafficMap from "./dashboard.traffic.map";
+import DashboardSiteSelector from "./site-selector";
+import { DashboardDateRangePicker } from "./date-picker";
+import DashboardStatsGrid from "./stats-grid";
+import { PageviewsCard } from "./pageviews-chart";
+import TrafficMap from "./traffic-map";
 
-import type { DashboardPageProps } from "../dashboard.types";
 import { useAction } from "@/hooks/use-action";
 import { actions } from "astro:actions";
-import { DashboardReferrerList } from "./dashboard.referrer.list";
-import { DevicesCard } from "./dashbaord.device";
-import { TrafficTrendsChart } from "./dashbaord.barchart";
+import { DashboardReferrerList } from "./referrer-list";
+import { DevicesCard } from "./device-breakdown";
+import { TrafficTrendsChart } from "./bar-chart";
+import type { DashboardPageProps } from "../dashboard.types";
 
 export function DashboardPage({
     sites,

src/modules/dashboard/components/dashboard.stats.grid.tsx → src/modules/dashboard/components/stats-grid.tsx

@@ -1,5 +1,5 @@
 import type { DashboardStatItem } from "../dashboard.types";
-import DashboardStatCard from "./dashboard.stats";
+import DashboardStatCard from "./stats";
 
 export default function DashboardStatsGrid({ stats }: { stats: DashboardStatItem[] | undefined}) {
     return (

src/modules/dashboard/index.ts

@@ -1,4 +1,4 @@
-export * from "./components/dashboard.layout"
-export * from "./components/dashboard.page"
-export * from "./components/dashboard.date.picker"
+export * from "./components/layout"
+export * from "./components/page"
+export * from "./components/date-picker"
 export * from "./dashboard.types"

src/modules/marketing/components/faq.footer.section.tsx → src/modules/marketing/components/faq-footer-section.tsx

@@ -6,7 +6,7 @@ import {
 } from "@/components/ui/accordion";
 import { Footer } from "./footer";
 import { faqs } from "@/data/faqs";
-import { GetStarted } from "./get.started.button";
+import { GetStarted } from "./get-started-button";
 
 
 export function FAQAndFootersection() {

src/modules/marketing/components/feature.section.tsx → src/modules/marketing/components/feature-section.tsx

@@ -1,8 +1,8 @@
 import { Button } from '@/components/ui/button'
 import { features } from '@/data/features'
 import { cn } from '@/lib/utils'
-import { FeaturesCard } from './features.card'
-import { GetStarted } from './get.started.button'
+import { FeaturesCard } from './feature-card'
+import { GetStarted } from './get-started-button'
 
 export function FeaturesSection() {
     return (

src/modules/marketing/components/hero.section.tsx → src/modules/marketing/components/hero-section.tsx

@@ -1,6 +1,6 @@
 import { GlobeIcon, ShieldCheckIcon, ZapIcon } from "lucide-react";
 import { Button } from "@/components/ui/button";
-import { GetStarted } from "./get.started.button";
+import { GetStarted } from "./get-started-button";
 
 type Stat = {
   label: string,

src/modules/marketing/components/pricing-section.tsx

@@ -1,5 +1,5 @@
 import { plans } from '@/config/pricing-plans'
-import { PricingCard } from './pricing.card'
+import { PricingCard } from './pricing-card'
 
 export default function PricingSection() {
     return (

src/modules/marketing/index.ts

@@ -1,8 +1,8 @@
-export * from "./components/features.card"
+export * from "./components/feature-card"
 export * from "./components/footer"
-export * from "./components/get.started.button"
-export * from "./components/hero.section"
-export * from "./components/pricing.card"
-export * from "./components/public.header"
-export * from "./components/feature.section"
-export * from "./components/faq.footer.section"
+export * from "./components/get-started-button"
+export * from "./components/hero-section"
+export * from "./components/pricing-card"
+export * from "./components/public-header"
+export * from "./components/feature-section"
+export * from "./components/faq-footer-section"

src/modules/website/components/website.card.tsx → src/modules/website/components/card.tsx

@@ -28,7 +28,7 @@ import {
     AlertDialogTrigger,
 } from "@/components/ui/alert-dialog"
 import { useState } from 'react'
-import { WebsiteStatusIcon } from './website.status.icon';
+import { WebsiteStatusIcon } from './status-icon';
 import CopyToClipboard from '@/components/ui/copy-to-clipboard';
 import { Card } from "@/components/ui/card";
 

src/modules/website/components/website.manager.tsx → src/modules/website/components/manager.tsx

@@ -5,11 +5,11 @@ import { actions } from "astro:actions";
 import type { Site } from "@/db/schema";
 import { useAction } from "@/hooks/use-action";
 import { Button } from "@/components/ui/button";
-import SiteForm from "./website.form";
+import SiteForm from "./form";
 import ErrorAlert from "@/components/ui/error-alert";
 import { PageHeader } from "@/components/ui/page-header";
-import SiteCard from "./website.card";
-import DomainEmptyState from "./websites.empty.state";
+import SiteCard from "./card";
+import DomainEmptyState from "./empty-state";
 
 interface WebsitePageProps {
   initialWebsites: Site[];

src/modules/website/index.ts

@@ -1,2 +1,2 @@
 // src/modules/website/index.ts
-export * from "./components/website.manager"
+export * from "./components/manager"

src/pages/script.js.ts

@@ -7,7 +7,7 @@ export const GET: APIRoute = async () => {
   return new Response(trackerCode, {
     headers: {
       'Content-Type': 'application/javascript; charset=utf-8',
-      'Cache-Control': 'public, max-age=31536000, immutable', // Cache aggressively on CDN
+      'Cache-Control': 'public, max-age=31536000, immutable',
     },
   });
 };