@ossy/analytics 1.9.7 → 1.10.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ossy/analytics",
   "description": "Analytics module — workspace analytics for website traffic",
-  "version": "1.9.7",
+  "version": "1.10.1",
   "type": "module",
   "main": "./src/index.js",
   "module": "./src/index.js",
@@ -23,8 +23,9 @@
   ],
   "peerDependencies": {
     "@ossy/design-system": "*",
+    "@ossy/resources": "*",
     "@ossy/sdk-react": "*",
     "react": "*"
   },
-  "gitHead": "f65df0cd6da864c314c4f424112e05e8e2dec0ff"
+  "gitHead": "c0ba5d90749690634e4dc2705178ff8d89dd3070"
 }

package/src/Definition.js

@@ -2,12 +2,6 @@ export const Definition = {
   id: 'analytics',
   title: 'Analytics',
   description: 'Workspace analytics for website traffic and top performing pages.',
-  module: {
-    id: 'analytics',
-    enabled: true,
-  },
+  icon: 'chart',
   statuses: ['beta'],
-  actions: ['analytics.read'],
-  views: ['home.page'],
-  tasks: [],
 }

package/src/analytics.page.jsx

@@ -1,12 +1,11 @@
 import React, { useMemo } from 'react'
-import { useWorkspace } from '@ossy/sdk-react'
-import { Definition } from '@ossy/analytics'
-import { Text, Title, View } from '@ossy/design-system'
+import { GetWorkspace } from '@ossy/workspaces'
+import { useSdk } from '@ossy/sdk-react'
+import { Text, Title, View, useLocale } from '@ossy/design-system'
 import { usePageViewStats } from './usePageViewStats.js'
 
 export const metadata = {
   id: 'analytics/home',
-  title: 'Analytics',
   path: {
     sv: '/analys',
     en: '/analytics',
@@ -28,12 +27,12 @@ function SummaryCard({ label, value }) {
 }
 
 export default function AnalyticsPage() {
-  const { workspace } = useWorkspace()
-  // Snapshot once per mount: Date.now() on every render changed `from`/`to` every tick and
-  // retriggered usePageViewStats (params → useEffect) in a fetch/setState loop.
+  const { t } = useLocale()
+  const sdk = useSdk()
+  const { data: workspace } = sdk.read(GetWorkspace)
   const { from, to } = useMemo(() => {
-    const t = Date.now()
-    return { from: t - 30 * 24 * 60 * 60 * 1000, to: t }
+    const now = Date.now()
+    return { from: now - 30 * 24 * 60 * 60 * 1000, to: now }
   }, [])
 
   const { status, totalViews, dailyViews, topPaths } = usePageViewStats({
@@ -46,28 +45,28 @@ export default function AnalyticsPage() {
   return (
     <View inset="l" gap="l" style={{ width: '100%', boxSizing: 'border-box' }}>
       <View gap="s">
-        <Title>{Definition.title}</Title>
-        <Text>{Definition.description}</Text>
+        <Title>{t('analytics.home.title')}</Title>
+        <Text>{t('analytics.home.description')}</Text>
       </View>
 
       {status === 'loading' && (
         <View surface="primary" roundness="m" inset="m">
-          <Text>Loading analytics...</Text>
+          <Text>{t('analytics.home.loading')}</Text>
         </View>
       )}
 
       {status === 'error' && (
         <View surface="primary" roundness="m" inset="m">
-          <Text>Could not load analytics data.</Text>
+          <Text>{t('analytics.home.error')}</Text>
         </View>
       )}
 
       {status === 'success' && (
         <>
           <View layout="row" gap="m">
-            <SummaryCard label="Total page views (30 days)" value={`${totalViews}`} />
-            <SummaryCard label="Tracked pages (30 days)" value={`${topPaths.length}`} />
-            <SummaryCard label="Days with traffic" value={`${dailyViews.length}`} />
+            <SummaryCard label={t('analytics.home.totalPageViews')} value={`${totalViews}`} />
+            <SummaryCard label={t('analytics.home.trackedPages')} value={`${topPaths.length}`} />
+            <SummaryCard label={t('analytics.home.daysWithTraffic')} value={`${dailyViews.length}`} />
           </View>
 
           <View layout="row" gap="m" style={{ alignItems: 'flex-start' }}>
@@ -78,11 +77,11 @@ export default function AnalyticsPage() {
               gap="s"
               style={{ border: '1px solid var(--separator)', flex: 1 }}
             >
-              <Title variant="secondary">Top paths</Title>
-              {topPaths.length === 0 && <Text variant="small">No page views yet.</Text>}
+              <Title variant="secondary">{t('analytics.home.topPaths')}</Title>
+              {topPaths.length === 0 && <Text variant="small">{t('analytics.home.noPageViews')}</Text>}
               {topPaths.map((item) => (
                 <View key={item.path || 'unknown'} layout="row" justifyContent="space-between">
-                  <Text variant="small">{item.path || '(unknown path)'}</Text>
+                  <Text variant="small">{item.path || t('analytics.home.unknownPath')}</Text>
                   <Text variant="small">{item.views}</Text>
                 </View>
               ))}
@@ -95,8 +94,8 @@ export default function AnalyticsPage() {
               gap="s"
               style={{ border: '1px solid var(--separator)', flex: 1 }}
             >
-              <Title variant="secondary">Daily page views</Title>
-              {dailyViews.length === 0 && <Text variant="small">No daily data yet.</Text>}
+              <Title variant="secondary">{t('analytics.home.dailyPageViews')}</Title>
+              {dailyViews.length === 0 && <Text variant="small">{t('analytics.home.noDailyData')}</Text>}
               {dailyViews.map((item) => (
                 <View key={item.date} layout="row" justifyContent="space-between">
                   <Text variant="small">{item.date}</Text>

package/src/en.translations.json

@@ -0,0 +1,15 @@
+{
+  "analytics/home.documentTitle": "Analytics",
+  "analytics.home.title": "Analytics",
+  "analytics.home.description": "Workspace analytics for website traffic and top performing pages.",
+  "analytics.home.loading": "Loading analytics...",
+  "analytics.home.error": "Could not load analytics data.",
+  "analytics.home.totalPageViews": "Total page views (30 days)",
+  "analytics.home.trackedPages": "Tracked pages (30 days)",
+  "analytics.home.daysWithTraffic": "Days with traffic",
+  "analytics.home.topPaths": "Top paths",
+  "analytics.home.noPageViews": "No page views yet.",
+  "analytics.home.unknownPath": "(unknown path)",
+  "analytics.home.dailyPageViews": "Daily page views",
+  "analytics.home.noDailyData": "No daily data yet."
+}

package/src/sv.translations.json

@@ -0,0 +1,15 @@
+{
+  "analytics/home.documentTitle": "Analys",
+  "analytics.home.title": "Analys",
+  "analytics.home.description": "Workspace-analys för webbtrafik och mest besökta sidor.",
+  "analytics.home.loading": "Laddar analys...",
+  "analytics.home.error": "Kunde inte ladda analysdata.",
+  "analytics.home.totalPageViews": "Totala sidvisningar (30 dagar)",
+  "analytics.home.trackedPages": "Spårade sidor (30 dagar)",
+  "analytics.home.daysWithTraffic": "Dagar med trafik",
+  "analytics.home.topPaths": "Topp-sökvägar",
+  "analytics.home.noPageViews": "Inga sidvisningar ännu.",
+  "analytics.home.unknownPath": "(okänd sökväg)",
+  "analytics.home.dailyPageViews": "Dagliga sidvisningar",
+  "analytics.home.noDailyData": "Ingen daglig data ännu."
+}

package/src/usePageViewStats.js

@@ -1,8 +1,9 @@
 import { useEffect, useMemo, useState } from 'react'
-
-const API_URL = '/@ossy'
+import { GetPageViewStats } from '@ossy/resources'
+import { useSdk } from '@ossy/sdk-react'
 
 export function usePageViewStats({ workspaceId, from, to, limit = 10 }) {
+  const sdk = useSdk()
   const [status, setStatus] = useState('loading')
   const [data, setData] = useState({
     totalViews: 0,
@@ -10,28 +11,17 @@ export function usePageViewStats({ workspaceId, from, to, limit = 10 }) {
     topPaths: [],
   })
 
-  const params = useMemo(() => {
-    const sp = new URLSearchParams()
-    if (from) sp.set('from', `${from}`)
-    if (to) sp.set('to', `${to}`)
-    if (limit) sp.set('limit', `${limit}`)
-    return sp.toString()
-  }, [from, to, limit])
+  const payload = useMemo(() => ({
+    from,
+    to,
+    limit,
+  }), [from, to, limit])
 
   useEffect(() => {
     if (!workspaceId) return
 
     setStatus('loading')
-    fetch(`${API_URL}/resources/page-views/stats?${params}`, {
-      method: 'GET',
-      headers: {
-        workspaceId,
-      },
-    })
-      .then(res => {
-        if (!res.ok) return Promise.reject(new Error('Failed to fetch stats'))
-        return res.json()
-      })
+    sdk.invoke(GetPageViewStats, payload)
       .then(json => {
         setData({
           totalViews: json?.totalViews || 0,
@@ -43,7 +33,7 @@ export function usePageViewStats({ workspaceId, from, to, limit = 10 }) {
       .catch(() => {
         setStatus('error')
       })
-  }, [workspaceId, params])
+  }, [sdk, workspaceId, payload])
 
   return {
     status,