feat: next 16

.gitignore

@@ -68,6 +68,7 @@ terraform.tfstate.backup
 
 # next.js
 .next
+**/next-env.d.ts
 
 # playwright
 **/test-results/

apis/api-users/tsconfig.app.json

@@ -3,7 +3,6 @@
   "compilerOptions": {
     "jsx": "react-jsx",
     "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
     "types": [
       "node",
       "@nx/react/typings/cssmodule.d.ts",

apis/api-users/tsconfig.json

@@ -6,6 +6,8 @@
     "noEmit": true,
     "strict": true,
     "incremental": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
     "tsBuildInfoFile": "../../.cache/api-users/tsc/.tsbuildinfo"
   },
   "files": [],

apis/api-users/tsconfig.spec.json

@@ -2,7 +2,6 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
     "jsx": "react-jsx",
     "types": [
       "jest",

apps/arclight/eslint.config.mjs

@@ -4,5 +4,12 @@ export default [
   ...nextConfig,
   {
     ignores: ['apps/arclight/next.config.js']
+  },
+  {
+    files: ['apps/arclight/**/*.{js,jsx,ts,tsx}'],
+    rules: {
+      // Allow literal strings in this project (e.g. small validation UI messages).
+      'i18next/no-literal-string': 'off'
+    }
   }
 ]

apps/arclight/next.config.js

@@ -7,15 +7,13 @@ const { composePlugins, withNx } = require('@nx/next')
  **/
 const nextConfig = {
   nx: {},
+  typedRoutes: true,
   productionBrowserSourceMaps: true,
   typescript: {
     // handled by github actions
     ignoreBuildErrors: process.env.CI === 'true'
   },
-  eslint: {
-    // handled by github actions
-    ignoreDuringBuilds: process.env.CI === 'true'
-  },
+  reactCompiler: true,
   outputFileTracingExcludes: {
     '*': [
       'node_modules/@swc/core-linux-x64-gnu',
@@ -24,8 +22,7 @@ const nextConfig = {
     ]
   },
   experimental: {
-    fallbackNodePolyfills: false,
-    reactCompiler: true
+    fallbackNodePolyfills: false
   }
 }
 

apps/arclight/project.json

@@ -29,7 +29,8 @@
       "executor": "@nx/next:build",
       "outputs": ["{options.outputPath}"],
       "options": {
-        "outputPath": "dist/apps/arclight"
+        "outputPath": "dist/apps/arclight",
+        "webpack": true
       },
       "configurations": {
         "production": {}

apps/arclight/src/app/[keyword]/getShortLinkQuery.ts

@@ -0,0 +1,17 @@
+import { graphql } from '@core/shared/gql'
+
+export const GET_SHORT_LINK_QUERY = graphql(`
+  query GetShortLinkQuery($hostname: String!, $pathname: String!) {
+    shortLink: shortLinkByPath(hostname: $hostname, pathname: $pathname) {
+      __typename
+      ... on QueryShortLinkByPathSuccess {
+        data {
+          to
+          redirectType
+          brightcoveId
+          bitrate
+        }
+      }
+    }
+  }
+`)

apps/arclight/src/app/[keyword]/route.ts

@@ -2,27 +2,13 @@ import { OpenAPIHono, createRoute, z } from '@hono/zod-openapi'
 import { HTTPException } from 'hono/http-exception'
 import { handle } from 'hono/vercel'
 
-import { ResultOf, graphql } from '@core/shared/gql'
+import { ResultOf } from '@core/shared/gql'
 
 import { getApolloClient } from '../../lib/apolloClient'
 import { getBrightcoveUrl } from '../../lib/brightcove'
 import { getClientIp, setCorsHeaders } from '../../lib/redirectUtils'
 
-export const GET_SHORT_LINK_QUERY = graphql(`
-  query GetShortLinkQuery($hostname: String!, $pathname: String!) {
-    shortLink: shortLinkByPath(hostname: $hostname, pathname: $pathname) {
-      __typename
-      ... on QueryShortLinkByPathSuccess {
-        data {
-          to
-          redirectType
-          brightcoveId
-          bitrate
-        }
-      }
-    }
-  }
-`)
+import { GET_SHORT_LINK_QUERY } from './getShortLinkQuery'
 
 const app = new OpenAPIHono().basePath('/')
 

apps/arclight/src/app/videoPlayerUrl/page.tsx

@@ -1,3 +1,5 @@
+import { notFound } from 'next/navigation'
+
 import { graphql } from '@core/shared/gql'
 
 import { getApolloClient } from '../../lib/apolloClient'
@@ -47,6 +49,18 @@ const GET_VIDEO_TITLE = graphql(`
   }
 `)
 
+type VideoPlayerUrlSearchParams = {
+  refId?: string
+  start?: string
+  end?: string
+  subon?: string
+  sublangids?: string
+}
+
+type VideoPlayerUrlPageProps = {
+  searchParams: Promise<VideoPlayerUrlSearchParams>
+}
+
 function handleSubtitles(
   subonRaw: string | null,
   sublangidsRaw: string | null
@@ -87,21 +101,10 @@ function handleSubtitles(
   return { activeSubLangId, acceptedSubLangIds }
 }
 
-export default async function Page(props: {
-  searchParams: Promise<{
-    refId?: string
-    start?: string
-    end?: string
-    subon?: string
-    sublangids?: string
-  }>
-}) {
+export default async function Page(props: VideoPlayerUrlPageProps) {
   const searchParams = await props.searchParams
   if (!searchParams.refId) {
-    return {
-      message: 'Missing refId parameter',
-      status: 404
-    }
+    notFound()
   }
 
   // Parse start and end times, ensuring they are valid numbers
@@ -112,24 +115,15 @@ export default async function Page(props: {
 
   // Validate time parameters
   if (startTime != null && (isNaN(startTime) || startTime < 0)) {
-    return {
-      message: 'Invalid start time parameter',
-      status: 400
-    }
+    return <p>Invalid start time parameter</p>
   }
 
   if (endTime != null && (isNaN(endTime) || endTime < 0)) {
-    return {
-      message: 'Invalid end time parameter',
-      status: 400
-    }
+    return <p>Invalid end time parameter</p>
   }
 
   if (startTime != null && endTime != null && endTime <= startTime) {
-    return {
-      message: 'End time must be greater than start time',
-      status: 400
-    }
+    return <p>End time must be greater than start time</p>
   }
 
   const { data } = await getApolloClient().query({
@@ -165,10 +159,7 @@ export default async function Page(props: {
     }))
 
   if (!hlsUrl) {
-    return {
-      message: 'No video URL found for ID: ' + searchParams.refId,
-      status: 404
-    }
+    notFound()
   }
 
   return (

apps/arclight/tsconfig.json

@@ -11,6 +11,8 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "incremental": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
     "tsBuildInfoFile": "../../.cache/arclight/tsc/.tsbuildinfo",
     "types": ["jest", "node"],
     "plugins": [

apps/journeys-admin-e2e/src/fixtures/authenticated.ts

@@ -1,5 +1,5 @@
 import { test as base } from '@playwright/test'
-import type { Page } from 'playwright-core'
+import type { Page } from '@playwright/test'
 
 import { LoginPage } from '../pages/login-page'
 

apps/journeys-admin-e2e/src/pages/card-level-actions.ts

@@ -3,8 +3,8 @@
 /* eslint-disable playwright/no-wait-for-timeout */
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
 import { expect } from '@playwright/test'
+import type { Page } from '@playwright/test'
 import dayjs from 'dayjs'
-import type { Page } from 'playwright-core'
 
 import testData from '../utils/testData.json'
 

apps/journeys-admin-e2e/src/pages/home-page.ts

@@ -1,4 +1,4 @@
-import { Page } from 'playwright-core'
+import type { Page } from '@playwright/test'
 
 export class HomePage {
   readonly page: Page

apps/journeys-admin-e2e/src/pages/journey-level-actions-page.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
 import { expect } from '@playwright/test'
-import type { Page } from 'playwright-core'
+import type { Page } from '@playwright/test'
 
 import { generateRandomNumber } from '../framework/helpers'
 import testData from '../utils/testData.json'

apps/journeys-admin-e2e/src/pages/journey-page.ts

@@ -3,7 +3,7 @@ import fs from 'fs'
 import path from 'path'
 
 import { expect } from '@playwright/test'
-import type { Page } from 'playwright-core'
+import type { Page } from '@playwright/test'
 
 import { generateRandomNumber } from '../framework/helpers'
 import testData from '../utils/testData.json'

apps/journeys-admin-e2e/src/pages/landing-page.ts

@@ -1,5 +1,5 @@
 import { expect } from '@playwright/test'
-import { Page } from 'playwright-core'
+import type { Page } from '@playwright/test'
 
 import { isVisible } from '../framework/actions'
 import { getBaseUrl } from '../framework/helpers'

apps/journeys-admin-e2e/src/pages/left-nav.ts

@@ -1,4 +1,4 @@
-import type { Page } from 'playwright-core'
+import type { Page } from '@playwright/test'
 
 const sixtySecondsTimeout = 60000
 

apps/journeys-admin-e2e/src/pages/login-page.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
 import { expect } from '@playwright/test'
-import type { Page } from 'playwright-core'
+import type { Page } from '@playwright/test'
 
 import { getEmail, getPassword } from '../framework/helpers'
 

apps/journeys-admin-e2e/src/pages/profile-page.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
 import { expect } from '@playwright/test'
-import type { Page } from 'playwright-core'
+import type { Page } from '@playwright/test'
 
 const thirtySecondsTimeout = 30000
 

apps/journeys-admin-e2e/src/pages/publisher-and-templates-page.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
 import { expect } from '@playwright/test'
-import type { Page } from 'playwright-core'
+import type { Page } from '@playwright/test'
 
 import testData from '../utils/testData.json'
 

apps/journeys-admin-e2e/src/pages/register-Page.ts

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
 import { expect } from '@playwright/test'
+import type { Page } from '@playwright/test'
 import dayjs from 'dayjs'
-import type { Page } from 'playwright-core'
 
 import { getOTP, getPassword } from '../framework/helpers'
 import testData from '../utils/testData.json'

apps/journeys-admin-e2e/src/pages/teams-page.ts

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
 import { expect } from '@playwright/test'
+import type { Page } from '@playwright/test'
 import dayjs from 'dayjs'
-import type { Page } from 'playwright-core'
 
 import testData from '../utils/testData.json'
 

apps/journeys-admin-e2e/src/pages/template-page.ts

@@ -1,7 +1,7 @@
 /* eslint-disable playwright/no-force-option */
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
 import { expect } from '@playwright/test'
-import type { Page } from 'playwright-core'
+import type { Page } from '@playwright/test'
 
 const sixtySecondsTimeout = 60000
 

apps/journeys-admin-e2e/src/pages/top-nav.ts

@@ -1,5 +1,5 @@
 import { expect } from '@playwright/test'
-import { Page } from 'playwright-core'
+import type { Page } from '@playwright/test'
 
 export class TopNav {
   readonly page: Page

apps/journeys-admin/index.d.ts

@@ -5,8 +5,4 @@ declare module '*.svg' {
   export const ReactComponent: any
   export default content
 }
-export type DateTime = string
-
-declare global {
-  type DateTime = string
-}
+type DateTime = string

apps/journeys-admin/next.config.js

@@ -83,14 +83,11 @@ const nextConfig = {
     ]
   },
   productionBrowserSourceMaps: true,
+  reactCompiler: true,
   typescript: {
     // handled by github actions
     ignoreBuildErrors: process.env.CI === 'true'
   },
-  eslint: {
-    // handled by github actions
-    ignoreDuringBuilds: process.env.CI === 'true'
-  },
   transpilePackages: [
     'shared-ui',
     'shared-ui-dynamic',
@@ -105,9 +102,6 @@ const nextConfig = {
       'node_modules/@swc/core-linux-x64-musl',
       'node_modules/esbuild-linux-64/bin'
     ]
-  },
-  experimental: {
-    reactCompiler: true
   }
 }
 const plugins = [withNx]