chore: organize type imports/exports

Author: wackerow

app/api/ab-config/route.ts

@@ -2,26 +2,7 @@ import { NextResponse } from "next/server"
 
 import { IS_PREVIEW_DEPLOY } from "@/lib/utils/env"
 
-type MatomoExperiment = {
-  idexperiment: string
-  name: string
-  status: string
-  start_date?: string
-  end_date?: string
-  variations: Array<{
-    name: string
-    percentage: number
-  }>
-}
-
-type ABTestConfig = {
-  id: string
-  enabled: boolean
-  variants: Array<{
-    name: string
-    weight: number
-  }>
-}
+import type { ABTestConfig, MatomoExperiment } from "@/lib/ab-testing/types"
 
 const isExperimentActive = (experiment: MatomoExperiment): boolean => {
   const now = new Date()
@@ -119,6 +100,7 @@ export async function GET() {
         ]
 
         config[exp.name] = {
+          name: exp.name,
           id: exp.idexperiment,
           enabled: isExperimentActive(exp),
           variants,

src/components/AB/ClientABTestWrapper.tsx

@@ -4,7 +4,7 @@ import { IS_PREVIEW_DEPLOY, IS_PROD } from "@/lib/utils/env"
 
 import { useIsClient } from "@/hooks/useIsClient"
 import { useLocalStorage } from "@/hooks/useLocalStorage"
-import { ABTestVariants } from "@/lib/ab-testing/types"
+import type { ABTestVariants } from "@/lib/ab-testing/types"
 
 type ClientABTestWrapperProps = {
   testKey: string

src/components/AB/TestWrapper.tsx

@@ -1,4 +1,4 @@
-import { ReactNode } from "react"
+import type { ReactNode } from "react"
 
 import { IS_PREVIEW_DEPLOY, IS_PROD } from "@/lib/utils/env"
 
@@ -7,7 +7,7 @@ import { ABTestDebugPanel } from "./TestDebugPanel"
 import { ABTestTracker } from "./TestTracker"
 
 import { getABTestAssignment } from "@/lib/ab-testing/server"
-import { ABTestVariants } from "@/lib/ab-testing/types"
+import type { ABTestVariants } from "@/lib/ab-testing/types"
 
 type ABTestWrapperProps = {
   testKey: string

src/lib/ab-testing/index.ts

@@ -1,10 +1,8 @@
 import { SITE_URL } from "@/lib/constants"
 
-import { ABTestAssignment, ABTestConfig } from "./types"
+import type { ABTestAssignment, ABTestConfig } from "./types"
 
-export const getABTestConfigs = async (): Promise<
-  Record<string, ABTestConfig>
-> => {
+const getABTestConfigs = async (): Promise<Record<string, ABTestConfig>> => {
   try {
     const response = await fetch(`${SITE_URL}/api/ab-config`, {
       next: { revalidate: 3600 },

src/lib/ab-testing/server.ts

@@ -1,4 +1,16 @@
-import { ReactNode } from "react"
+import type { ReactNode } from "react"
+
+export type MatomoExperiment = {
+  idexperiment: string
+  name: string
+  status: string
+  start_date?: string
+  end_date?: string
+  variations: {
+    name: string
+    percentage: number
+  }[]
+}
 
 export type ABTestConfig = {
   name: string