feat: umami transformer v1

Author: izadoesdev

apps/dashboard/app/(main)/websites/[id]/_components/tabs/audience-tab.tsx

@@ -25,6 +25,7 @@ import type { FullTabProps } from "../utils/types";
 import dayjs from "dayjs";
 import utc from "dayjs/plugin/utc";
 import timezone from "dayjs/plugin/timezone";
+import { ErrorBoundary } from "@/components/error-boundary";
 dayjs.extend(utc);
 dayjs.extend(timezone);
 
@@ -582,6 +583,18 @@ export function WebsiteAudienceTab({
     []
   );
 
+  // Feature detection for Intl.DisplayNames
+  const canUseDisplayNames = useMemo(() => {
+    if (typeof window === "undefined") return false;
+    try {
+      // Try to construct and use .of
+      const dn = new Intl.DisplayNames([navigator.language || "en"], { type: "language" });
+      return typeof dn.of === "function" && !!dn.of("en");
+    } catch {
+      return false;
+    }
+  }, []);
+
   const displayNames = useMemo(
     () =>
       typeof window !== "undefined"
@@ -600,7 +613,12 @@ export function WebsiteAudienceTab({
           const entry = info.row.original;
           const language = entry.name;
           const code = (entry as any).code;
-          const readableName = displayNames?.of(language) || language;
+          let readableName = language;
+          try {
+            readableName = displayNames?.of(language) || language;
+          } catch {
+            readableName = language;
+          }
           return (
             <div className="flex items-center gap-2">
               <Languages className="h-4 w-4 text-primary" />
@@ -688,7 +706,6 @@ export function WebsiteAudienceTab({
     []
   );
 
-  // Prepare tabs for enhanced geographic data with unique keys
   const geographicTabs = useMemo(
     () => [
       {
@@ -718,15 +735,21 @@ export function WebsiteAudienceTab({
         })),
         columns: cityColumns,
       },
-      {
-        id: "languages",
-        label: "Languages",
-        data: processedData.geographic.languages.map((item, index) => ({
-          ...item,
-          _uniqueKey: `language-${item.name}-${index}`,
-        })),
-        columns: languageColumns,
-      },
+      ...(
+        canUseDisplayNames
+          ? [
+            {
+              id: "languages",
+              label: "Languages",
+              data: processedData.geographic.languages.map((item, index) => ({
+                ...item,
+                _uniqueKey: `language-${item.name}-${index}`,
+              })),
+              columns: languageColumns,
+            },
+          ]
+          : []
+      ),
       {
         id: "timezones",
         label: "Timezones",
@@ -748,6 +771,7 @@ export function WebsiteAudienceTab({
       cityColumns,
       languageColumns,
       timezoneColumns,
+      canUseDisplayNames,
     ]
   );
 
@@ -831,14 +855,16 @@ export function WebsiteAudienceTab({
 
       {/* Enhanced Geographic Data */}
       <div className="grid grid-cols-1 gap-4">
-        <DataTable
-          description="Visitors by location, timezone, and language (limit: 100 per category)"
-          initialPageSize={8}
-          isLoading={isLoading}
-          minHeight={400}
-          tabs={geographicTabs}
-          title="Geographic Distribution"
-        />
+        <ErrorBoundary>
+          <DataTable
+            description="Visitors by location, timezone, and language (limit: 100 per category)"
+            initialPageSize={8}
+            isLoading={isLoading}
+            minHeight={400}
+            tabs={geographicTabs}
+            title="Geographic Distribution"
+          />
+        </ErrorBoundary>
       </div>
 
       {/* Screen Resolutions */}

bun.lock

@@ -3,8 +3,12 @@
   "workspaces": {
     "": {
       "name": "databuddy",
+      "dependencies": {
+        "csv-parse": "^6.1.0",
+      },
       "devDependencies": {
         "@biomejs/biome": "2.1.2",
+        "@types/bun": "latest",
         "turbo": "^2.5.2",
         "typescript": "^5.8.3",
       },
@@ -389,6 +393,19 @@
         "react-email": "^4.0.17",
       },
     },
+    "packages/mapper": {
+      "name": "mapper",
+      "dependencies": {
+        "csv-parse": "^6.1.0",
+        "zod": "4",
+      },
+      "devDependencies": {
+        "@types/bun": "latest",
+      },
+      "peerDependencies": {
+        "typescript": "^5",
+      },
+    },
     "packages/redis": {
       "name": "@databuddy/redis",
       "version": "1.0.0",
@@ -420,10 +437,10 @@
     },
     "packages/sdk": {
       "name": "@databuddy/sdk",
-      "version": "1.4.0",
+      "version": "1.4.1",
       "devDependencies": {
         "@types/node": "^20.0.0",
-        "typescript": "^5.0.0",
+        "typescript": "^5.8.3",
       },
     },
     "packages/shared": {
@@ -1533,6 +1550,8 @@
 
     "csstype": ["[email protected]", "", {}, "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="],
 
+    "csv-parse": ["[email protected]", "", {}, "sha512-CEE+jwpgLn+MmtCpVcPtiCZpVtB6Z2OKPTr34pycYYoL7sxdOkXDdQ4lRiw6ioC0q6BLqhc6cKweCVvral8yhw=="],
+
     "d3-array": ["[email protected]", "", { "dependencies": { "internmap": "1 - 2" } }, "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg=="],
 
     "d3-color": ["[email protected]", "", {}, "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA=="],
@@ -2155,6 +2174,8 @@
 
     "make-dir": ["[email protected]", "", { "dependencies": { "semver": "^7.5.3" } }, "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw=="],
 
+    "mapper": ["mapper@workspace:packages/mapper"],
+
     "markdown-extensions": ["[email protected]", "", {}, "sha512-o5vL7aDWatOTX8LzaS1WMoaoxIiLRQJuIKKe2wAw6IeULDHaqbiqiggmx+pKvZDb1Sj+pE46Sn1T7lCqfFtg1Q=="],
 
     "markdown-table": ["[email protected]", "", {}, "sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw=="],
@@ -3181,6 +3202,8 @@
 
     "make-dir/semver": ["[email protected]", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA=="],
 
+    "mapper/zod": ["[email protected]", "", {}, "sha512-/5UuuRPStvHXu7RS+gmvRf4NXrNxpSllGwDnCBcJZtQsKrviYXm54yDGV2KYNLT5kq0lHGcl7lqWJLgSaG+tgA=="],
+
     "mdast-util-find-and-replace/escape-string-regexp": ["[email protected]", "", {}, "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw=="],
 
     "mdast-util-mdx-jsx/parse-entities": ["[email protected]", "", { "dependencies": { "@types/unist": "^2.0.0", "character-entities-legacy": "^3.0.0", "character-reference-invalid": "^2.0.0", "decode-named-character-reference": "^1.0.0", "is-alphanumerical": "^2.0.0", "is-decimal": "^2.0.0", "is-hexadecimal": "^2.0.0" } }, "sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw=="],

index.ts

@@ -0,0 +1 @@
+console.log("Hello via Bun!");

package.json

@@ -20,7 +20,8 @@
   "devDependencies": {
     "@biomejs/biome": "2.1.2",
     "turbo": "^2.5.2",
-    "typescript": "^5.8.3"
+    "typescript": "^5.8.3",
+    "@types/bun": "latest"
   },
   "engines": {
     "node": ">=20"
@@ -29,5 +30,10 @@
   "workspaces": [
     "apps/*",
     "packages/*"
-  ]
-}
+  ],
+  "dependencies": {
+    "csv-parse": "^6.1.0"
+  },
+  "module": "index.ts",
+  "type": "module"
+}

packages/mapper/.gitignore

@@ -0,0 +1,34 @@
+# dependencies (bun install)
+node_modules
+
+# output
+out
+dist
+*.tgz
+
+# code coverage
+coverage
+*.lcov
+
+# logs
+logs
+_.log
+report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# caches
+.eslintcache
+.cache
+*.tsbuildinfo
+
+# IntelliJ based IDEs
+.idea
+
+# Finder (MacOS) folder config
+.DS_Store

packages/mapper/index.ts

@@ -0,0 +1,3 @@
+// Entry point for analytics event mapping adapters
+
+export * from './src';

packages/mapper/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "@databuddy/mapper",
+  "module": "index.ts",
+  "type": "module",
+  "private": true,
+  "devDependencies": {
+    "@types/bun": "latest"
+  },
+  "peerDependencies": {
+    "typescript": "^5"
+  },
+  "dependencies": {
+    "csv-parse": "^6.1.0",
+    "zod": "4"
+  }
+}

packages/mapper/src/adapters/index.ts

@@ -0,0 +1 @@
+export * from './umami';