stats

pages/stats.js

@@ -1,3 +1,4 @@
+import React from "react"
 import Layout from "@/components/layout/layout"
 import config from "@/src/data/internal/SiteConfig"
 import styled from "styled-components"
@@ -9,6 +10,7 @@ import { Button } from "@/styles/templates/button"
 import { Client } from "pg"
 import {
   getMatomoActions,
+  getMatomoLiveCounter,
   getMatomoPageViews,
   getMatomoSumVisitDuration,
   getMatomoVisitsSummary,
@@ -32,7 +34,9 @@ import { getGitHubStats } from "@/src/data/external/github"
 import PageTitle from "@/components/title/page-title"
 import codeStats from "@/src/data/internal/count_total.json"
 import SubTitle from "@/components/title/sub-title"
-import { useEffect, useState } from "react"
+//import { formatDistance } from 'date-fns'
+//import { getAllExtensions } from "showdown"
+//import Tooltip from "@/components/tooltip/tooltip"
 
 const Container = styled.div`
   max-width: var(--width-container);
@@ -326,27 +330,28 @@ export default function Dashboard({
   visitsSummary,
   photosCount,
   activities,
+  liveViews,
   topPosts,
   consentCount,
   biggestTrafficSource,
   thanks,
   commentsCount,
 }) {
-  const [liveViews, setLiveViews] = useState(0)
   const router = useRouter()
 
   const { forkCount } = githubStats.user.repository
   const stars = githubStats.user.repository.stargazers.totalCount
   const githubUrl = "https://github.com/dietrichmax"
   const forkUrl = `${githubStats.user.repository.url}/fork`
   const starUrl = githubStats.user.repository.url
+  const lastModified = githubStats.user.repository.pushedAt
 
   const webmentionsCount = allWebmentions.length
 
   const linesOfCode = codeStats.SUM.code
 
-  const α = 0.2
-  const B = 10000
+  const α = 0.9
+  const B = 1000
   let pageViews = []
   let normalisedViews = []
   let recentViews = 0
@@ -387,6 +392,7 @@ export default function Dashboard({
   let maxDistance = []
   let maxElevationGain = []
   let totalElevationGain = 0
+  let greatestElevationGain = []
   let jumpCount = 0
 
   activities.map((item) => {
@@ -407,15 +413,6 @@ export default function Dashboard({
     ? consentCount.find((element) => element.label === "consent - false")
     : 0
 
-  async function getMatomoLiveCounter() {
-    const res = await fetch("/api/stats")
-    const stats = await res.json()
-  }
-
-  useEffect(() => {
-    getMatomoLiveCounter()
-  }, [])
-
   return (
     <>
       <Layout>
@@ -433,7 +430,7 @@ export default function Dashboard({
                 <StatsGrid>
                   <Title>Web Analytics</Title>
                   <StatsLargeGrid>
-                    <GridStats>{liveViews}</GridStats>
+                    <GridStats>{liveViews[0].visitors}</GridStats>
                     <GridStatsDescription>
                       Visitors in the last 5 minutes
                     </GridStatsDescription>
@@ -872,6 +869,7 @@ export async function getStaticProps() {
   const allWebmentions = (await fetchWebmentions()) || []
   const visitsSummary = (await getMatomoVisitsSummary()) || []
   const activities = (await getAllActivities()) || []
+  const liveViews = (await getMatomoLiveCounter()) || []
   const topPosts = (await getMatomoTopPageUrls()) || []
   const consentCount = (await getMatomoConsent()) || []
   const biggestTrafficSource = (await getBiggestTrafficSource()) || []
@@ -902,6 +900,7 @@ export async function getStaticProps() {
       visitsSummary,
       photosCount,
       activities,
+      liveViews,
       topPosts,
       consentCount,
       biggestTrafficSource,