Rocky_Mountain_Vending/app/manuals/dashboard/page.tsx

111 lines
3.1 KiB
TypeScript

export const dynamic = "force-dynamic"
import { Metadata } from 'next'
import { ManualsDashboardClient } from '@/components/manuals-dashboard-client'
import { PublicInset, PublicPageHeader } from '@/components/public-surface'
import { getConvexManualDashboard } from '@/lib/convex-service'
import { businessConfig } from '@/lib/seo-config'
import { readFileSync } from 'fs'
import { join } from 'path'
export const metadata: Metadata = {
title: 'Manual Processing Dashboard | Rocky Mountain Vending',
description: 'Comprehensive dashboard showing processed manual data, statistics, and analytics',
alternates: {
canonical: `${businessConfig.website}/manuals/dashboard`,
},
robots: {
index: false,
follow: false,
},
}
interface DashboardData {
missingManuals: any
qaData: any[]
metadata: any[]
structuredData: any[]
semanticIndex: any
acquisitionList: any
nameMapping: any[]
}
async function loadDashboardData(): Promise<DashboardData> {
const projectRoot = join(process.cwd(), '..')
try {
const missingManuals = JSON.parse(
readFileSync(join(projectRoot, 'missing_manuals_report.json'), 'utf-8')
)
const qaData = JSON.parse(
readFileSync(join(projectRoot, 'manuals_qa_comprehensive.json'), 'utf-8')
)
const metadata = JSON.parse(
readFileSync(join(projectRoot, 'manuals_enhanced_metadata.json'), 'utf-8')
)
const structuredData = JSON.parse(
readFileSync(join(projectRoot, 'manuals_structured_data.jsonld'), 'utf-8')
)
const semanticIndex = JSON.parse(
readFileSync(join(projectRoot, 'manuals_semantic_index.json'), 'utf-8')
)
const acquisitionList = JSON.parse(
readFileSync(join(projectRoot, 'manual_acquisition_list.json'), 'utf-8')
)
const nameMapping = JSON.parse(
readFileSync(join(projectRoot, 'manual_name_mapping.json'), 'utf-8')
)
return {
missingManuals,
qaData,
metadata,
structuredData,
semanticIndex,
acquisitionList,
nameMapping,
}
} catch (error) {
console.error('Error loading dashboard data:', error)
return {
missingManuals: { summary: {} },
qaData: [],
metadata: [],
structuredData: [],
semanticIndex: {},
acquisitionList: { total_items: 0 },
nameMapping: [],
}
}
}
export default async function ManualsDashboardPage() {
const data = (await getConvexManualDashboard()) || (await loadDashboardData())
return (
<div className="container mx-auto px-4 py-8 md:py-12">
<PublicPageHeader
eyebrow="Manual Operations"
title="Manual Processing Dashboard"
description="Operational overview of the manuals catalog, processing metadata, and gap analysis."
>
<PublicInset className="inline-flex w-fit rounded-full px-4 py-2 text-sm text-muted-foreground shadow-none">
Admin-style data view for manual operations.
</PublicInset>
</PublicPageHeader>
<div className="mt-8">
<ManualsDashboardClient data={data} />
</div>
</div>
)
}