diff --git a/.gitignore b/.gitignore index fd3dbb5..4386cb0 100644 --- a/.gitignore +++ b/.gitignore @@ -34,3 +34,5 @@ yarn-error.log* # typescript *.tsbuildinfo next-env.d.ts + +output.txt \ No newline at end of file diff --git a/app/page.tsx b/app/page.tsx index 7319abd..6b87424 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -5,277 +5,267 @@ import { MinuteChart } from "./(charts)/minute"; import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; import { - Card, - CardContent, - CardFooter, - CardHeader, - CardTitle, + Card, + CardContent, + CardFooter, + CardHeader, + CardTitle, } from "@/components/ui/card"; export default async function Home() { - const file = await fs.promises.readFile("./output.txt"); + const file = await fs.promises.readFile("./output.txt"); - const lines = file.toString().split("\n"); + const lines = file.toString().split("\n"); - const data = lines.map((line) => { - const [timestamp, _, value] = line.split(","); - return { - timestamp: Math.round(parseFloat(timestamp) * 1000), - foldtime: parseFloat(value), - }; - }); + const data = lines.map((line) => { + const [timestamp, _, value] = line.split(","); + return { + timestamp: Math.round(parseFloat(timestamp) * 1000), + foldtime: parseFloat(value), + }; + }); - const thisMonthData = convertDataToThisMonthPerDay(data); - const thisHourData = convertDataToThisHourPerMinute(data); - const todayData = convertDataToTodayPerHour(data); + const thisMonthData = convertDataToThisMonthPerDay(data); + const thisHourData = convertDataToThisHourPerMinute(data); + const todayData = convertDataToTodayPerHour(data); - return ( -
-
-
- This Month -

- {thisMonthData.reduce((acc, curr) => { - return acc + 1; - }, 0)} - {" Towel(s)"} -

- - Avg Fold Time (s):{" "} - {thisMonthData.reduce((acc, curr) => { - return acc + curr.foldtime; - }, 0) / thisMonthData.length || 0} - -
-
- Today -

- {todayData.reduce((acc, curr) => { - return acc + 1; - }, 0)} - {" Towel(s)"} -

- - Avg Fold Time (s):{" "} - {todayData.reduce((acc, curr) => { - return acc + curr.foldtime; - }, 0) / todayData.length || 0} - -
-
- This Month -

- {thisMonthData.reduce((acc, curr) => { - return acc + 1; - }, 0)} - {" Towel(s)"} -

- - Avg Fold Time (s):{" "} - {thisHourData.reduce((acc, curr) => { - return acc + curr.foldtime; - }, 0) / thisHourData.length || 0} - -
-
+ return ( +
+
+
+ This Month +

+ {thisMonthData.reduce((acc, curr) => { + return acc + 1; + }, 0)} + {" Towel(s)"} +

+ + Avg Fold Time (s):{" "} + {thisMonthData.reduce((acc, curr) => { + return acc + curr.foldtime; + }, 0) / thisMonthData.length || 0} + +
+
+ Today +

+ {todayData.reduce((acc, curr) => { + return acc + 1; + }, 0)} + {" Towel(s)"} +

+ + Avg Fold Time (s):{" "} + {todayData.reduce((acc, curr) => { + return acc + curr.foldtime; + }, 0) / todayData.length || 0} + +
+
+ This Month +

+ {thisMonthData.reduce((acc, curr) => { + return acc + 1; + }, 0)} + {" Towel(s)"} +

+ + Avg Fold Time (s):{" "} + {thisHourData.reduce((acc, curr) => { + return acc + curr.foldtime; + }, 0) / thisHourData.length || 0} + +
+
- - - - - - Month - - - Day - - - Hour - - - - - - - - - - - - - - - - - -
- ); + + + + + + Month + + + Day + + + Hour + + + + + + + + + + + + + + + + + +
+ ); } const convertDataToThisMonthPerDay = ( - data: { timestamp: number; foldtime: number }[] + data: { timestamp: number; foldtime: number }[] ) => { - const thisMonthTimestamp = new Date(); - thisMonthTimestamp.setHours(0, 0, 0, 0); - thisMonthTimestamp.setDate(1); - const nextMonthTimestamp = new Date(); - nextMonthTimestamp.setHours(0, 0, 0, 0); - nextMonthTimestamp.setDate(1); - nextMonthTimestamp.setMonth(nextMonthTimestamp.getMonth() + 1); + const thisMonthTimestamp = new Date(); + thisMonthTimestamp.setHours(0, 0, 0, 0); + thisMonthTimestamp.setDate(1); + const nextMonthTimestamp = new Date(); + nextMonthTimestamp.setHours(0, 0, 0, 0); + nextMonthTimestamp.setDate(1); + nextMonthTimestamp.setMonth(nextMonthTimestamp.getMonth() + 1); - console.log(thisMonthTimestamp.getTime(), nextMonthTimestamp.getTime()); + const thisMonthData = data.filter( + (data) => + data.timestamp >= thisMonthTimestamp.getTime() && + data.timestamp < nextMonthTimestamp.getTime() + ); - const thisMonthData = data.filter( - (data) => - data.timestamp >= thisMonthTimestamp.getTime() && - data.timestamp < nextMonthTimestamp.getTime() - ); - - return thisMonthData; + return thisMonthData; }; const convertDataToThisMonthPerDayChartData = ( - data: { timestamp: number; foldtime: number }[] + data: { timestamp: number; foldtime: number }[] ) => { - const todayDataPerHour = data.reduce((acc, data) => { - const day = new Date(data.timestamp).getDate(); - if (!acc[day]) { - acc[day] = { - count: 0, - foldTime: 0, - }; - } - acc[day].count += 1; - acc[day].foldTime += data.foldtime; - return acc; - }, {} as Record); + const todayDataPerHour = data.reduce((acc, data) => { + const day = new Date(data.timestamp).getDate(); + if (!acc[day]) { + acc[day] = { + count: 0, + foldTime: 0, + }; + } + acc[day].count += 1; + acc[day].foldTime += data.foldtime; + return acc; + }, {} as Record); - const thisMonthDays = new Date(); - thisMonthDays.setMonth(thisMonthDays.getMonth() + 1); - thisMonthDays.setDate(1); - thisMonthDays.setDate(thisMonthDays.getDate() - 1); + const thisMonthDays = new Date(); + thisMonthDays.setMonth(thisMonthDays.getMonth() + 1); + thisMonthDays.setDate(1); + thisMonthDays.setDate(thisMonthDays.getDate() - 1); - const chartData = new Array(thisMonthDays.getDate()).fill(0).map((_, i) => { - const day = i + 1; - if (!todayDataPerHour[day]) - return { day: "Day " + day, value: 0, foldtime: 0 }; - return { - day: "Day " + day, - value: todayDataPerHour[day].count, - foldtime: - todayDataPerHour[day].foldTime / todayDataPerHour[day].count, - }; - }); + const chartData = new Array(thisMonthDays.getDate()).fill(0).map((_, i) => { + const day = i + 1; + if (!todayDataPerHour[day]) + return { day: "Day " + day, value: 0, foldtime: 0 }; + return { + day: "Day " + day, + value: todayDataPerHour[day].count, + foldtime: + todayDataPerHour[day].foldTime / todayDataPerHour[day].count || 0, + }; + }); - return chartData; + return chartData; }; const convertDataToThisHourPerMinute = ( - data: { timestamp: number; foldtime: number }[] + data: { timestamp: number; foldtime: number }[] ) => { - const thisHourTimestamp = new Date(); - thisHourTimestamp.setMinutes(0, 0, 0); - const nextHourTimestamp = new Date(); - nextHourTimestamp.setHours(nextHourTimestamp.getHours() + 1); - nextHourTimestamp.setMinutes(0, 0, 0); - - console.log(thisHourTimestamp.getTime(), nextHourTimestamp.getTime()); + const thisHourTimestamp = new Date(); + thisHourTimestamp.setMinutes(0, 0, 0); + const nextHourTimestamp = new Date(); + nextHourTimestamp.setHours(nextHourTimestamp.getHours() + 1); + nextHourTimestamp.setMinutes(0, 0, 0); - const todayData = data.filter( - (data) => - data.timestamp >= thisHourTimestamp.getTime() && - data.timestamp < nextHourTimestamp.getTime() - ); + const todayData = data.filter( + (data) => + data.timestamp >= thisHourTimestamp.getTime() && + data.timestamp < nextHourTimestamp.getTime() + ); - return todayData; + return todayData; }; const convertDataToThisHourPerMinuteChartData = ( - data: { timestamp: number; foldtime: number }[] + data: { timestamp: number; foldtime: number }[] ) => { - const todayDataPerHour = data.reduce((acc, data) => { - const hour = new Date(data.timestamp).getMinutes(); - if (!acc[hour]) { - acc[hour] = { - count: 0, - foldTime: 0, - }; - } - acc[hour].count += 1; - acc[hour].foldTime += data.foldtime; - return acc; - }, {} as Record); + const todayDataPerHour = data.reduce((acc, data) => { + const hour = new Date(data.timestamp).getMinutes(); + if (!acc[hour]) { + acc[hour] = { + count: 0, + foldTime: 0, + }; + } + acc[hour].count += 1; + acc[hour].foldTime += data.foldtime; + return acc; + }, {} as Record); - const chartData = new Array(60).fill(0).map((_, i) => { - if (!todayDataPerHour[i]) - return { minute: "Minute " + i, value: 0, foldtime: 0 }; - return { - minute: "Minute " + i, - value: todayDataPerHour[i].count, - foldtime: todayDataPerHour[i].foldTime / todayDataPerHour[i].count, - }; - }); + const chartData = new Array(60).fill(0).map((_, i) => { + if (!todayDataPerHour[i]) + return { minute: "Minute " + i, value: 0, foldtime: 0 }; + return { + minute: "Minute " + i, + value: todayDataPerHour[i].count, + foldtime: todayDataPerHour[i].foldTime / todayDataPerHour[i].count || 0, + }; + }); - return chartData; + return chartData; }; const convertDataToTodayPerHour = ( - data: { timestamp: number; foldtime: number }[] + data: { timestamp: number; foldtime: number }[] ) => { - const todayTimestamp = new Date(); - todayTimestamp.setHours(0, 0, 0, 0); - const tomorrowTimestamp = new Date(); - tomorrowTimestamp.setHours(0, 0, 0, 0); - tomorrowTimestamp.setDate(tomorrowTimestamp.getDate() + 1); - - console.log(todayTimestamp.getTime(), tomorrowTimestamp.getTime()); + const todayTimestamp = new Date(); + todayTimestamp.setHours(0, 0, 0, 0); + const tomorrowTimestamp = new Date(); + tomorrowTimestamp.setHours(0, 0, 0, 0); + tomorrowTimestamp.setDate(tomorrowTimestamp.getDate() + 1); - const todayData = data.filter( - (data) => - data.timestamp >= todayTimestamp.getTime() && - data.timestamp < tomorrowTimestamp.getTime() - ); + const todayData = data.filter( + (data) => + data.timestamp >= todayTimestamp.getTime() && + data.timestamp < tomorrowTimestamp.getTime() + ); - return todayData; + return todayData; }; const convertDataToTodayPerHourChartData = ( - data: { timestamp: number; foldtime: number }[] + data: { timestamp: number; foldtime: number }[] ) => { - const todayDataPerHour = data.reduce((acc, data) => { - const hour = new Date(data.timestamp).getHours(); - if (!acc[hour]) { - acc[hour] = { - count: 0, - foldTime: 0, - }; - } - acc[hour].count += 1; - acc[hour].foldTime += data.foldtime; - return acc; - }, {} as Record); + const todayDataPerHour = data.reduce((acc, data) => { + const hour = new Date(data.timestamp).getHours(); + if (!acc[hour]) { + acc[hour] = { + count: 0, + foldTime: 0, + }; + } + acc[hour].count += 1; + acc[hour].foldTime += data.foldtime; + return acc; + }, {} as Record); - const chartData = new Array(24).fill(0).map((_, i) => { - if (!todayDataPerHour[i]) - return { hour: i + 1 + ":00", value: 0, foldtime: 0 }; - return { - hour: i + 1 + ":00", - value: todayDataPerHour[i].count, - foldtime: todayDataPerHour[i].foldTime / todayDataPerHour[i].count, - }; - }); + const chartData = new Array(24).fill(0).map((_, i) => { + if (!todayDataPerHour[i]) + return { hour: i + 1 + ":00", value: 0, foldtime: 0 }; + return { + hour: i + 1 + ":00", + value: todayDataPerHour[i].count, + foldtime: todayDataPerHour[i].foldTime / todayDataPerHour[i].count || 0, + }; + }); - return chartData; + return chartData; }; diff --git a/output.txt b/output.txt deleted file mode 100644 index b93302d..0000000 --- a/output.txt +++ /dev/null @@ -1 +0,0 @@ -1736158869.154258,Towel Detected,6.52 \ No newline at end of file