Prepare for PR

Author: incorbador

package-lock.json

@@ -25,3 +25,6 @@ build
 *.njsproj
 *.sln
 *.sw?
+
+.env.production
+.env

playground/react/.env

@@ -1,8 +1,10 @@
 import { NextRequest } from 'next/server';
 
 export async function GET(req: NextRequest) {
-  // const issuer = `${req.nextUrl.origin}/api/mock-oidc`;
-  const issuer = 'http://host.docker.internal:3000/api/mock-oidc';
+  let issuer = `${req.nextUrl.origin}/api/mock-oidc`;
+  if (process.env.CORBADO_OIDC_MOCK_EXPLICIT_ISSUER) {
+    issuer = process.env.CORBADO_OIDC_MOCK_EXPLICIT_ISSUER;
+  }
 
   return Response.json({
     issuer,

playground/react/.env.production

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import './.next/types/routes.d.ts';
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

playground/react/.gitignore

@@ -7,10 +7,7 @@ import SettingsContext from '../contexts/SettingsContext';
 export const AuthButtons = () => {
   const router = useRouter();
   const { updateProjectId } = useContext(SettingsContext);
-  const projectId =
-    process.env.NEXT_PUBLIC_CORBADO_PROJECT_ID_ManualTesting ||
-    process.env.VITE_CORBADO_PROJECT_ID_ManualTesting ||
-    'pro-1';
+  const projectId = process.env.NEXT_PUBLIC_CORBADO_PROJECT_ID || 'pro-1';
 
   const navigateTo = (projectId: string, component: string) => {
     updateProjectId(projectId);

playground/react/README.md

@@ -5,17 +5,11 @@ import SettingsContext from '../contexts/SettingsContext';
 
 const dropdownItems = [
   {
-    id:
-      process.env.NEXT_PUBLIC_CORBADO_PROJECT_ID_ManualTesting ||
-      process.env.VITE_CORBADO_PROJECT_ID_ManualTesting ||
-      'pro-1',
+    id: process.env.NEXT_PUBLIC_CORBADO_PROJECT_ID || 'pro-1',
     label: 'Manual Testing',
   },
   {
-    id:
-      process.env.NEXT_PUBLIC_CORBADO_PROJECT_ID_LocalDevelopment ||
-      process.env.VITE_CORBADO_PROJECT_ID_LocalDevelopment ||
-      'pro-1',
+    id: process.env.NEXT_PUBLIC_CORBADO_PROJECT_ID_LocalDevelopment || 'pro-1',
     label: 'Local Development',
   },
 ].filter((item, index, all) => item.id && all.findIndex(x => x.id === item.id) === index);

playground/react/app/api/mock-oidc/.well-known/openid-configuration/route.ts

@@ -4,8 +4,6 @@ import { CorbadoProvider } from '@corbado/react';
 import type { PropsWithChildren } from 'react';
 import { useContext, useEffect } from 'react';
 import SettingsContext, { SettingsProvider } from '../contexts/SettingsContext';
-import englishTranslations from '../translations/en';
-import frenchTranslations from '../translations/fr';
 
 function CorbadoProviderWrapper({ children }: PropsWithChildren) {
   const { darkMode, projectId } = useContext(SettingsContext);
@@ -24,21 +22,10 @@ function CorbadoProviderWrapper({ children }: PropsWithChildren) {
   return (
     <div key={`${projectId}-${darkMode}`}>
       <CorbadoProvider
-        projectId={
-          projectId ||
-          process.env.NEXT_PUBLIC_CORBADO_PROJECT_ID_ManualTesting ||
-          process.env.VITE_CORBADO_PROJECT_ID_ManualTesting ||
-          'pro-1'
-        }
-        // customTranslations={{
-        //   fr: frenchTranslations,
-        //   en: englishTranslations,
-        // }}
+        projectId={projectId || process.env.NEXT_PUBLIC_CORBADO_PROJECT_ID || 'pro-1'}
         darkMode={darkMode ? 'on' : 'off'}
         isDevMode={true}
-        frontendApiUrlSuffix={
-          process.env.NEXT_PUBLIC_CORBADO_FRONTEND_API_URL_SUFFIX || process.env.VITE_CORBADO_FRONTEND_API_URL_SUFFIX
-        }
+        frontendApiUrlSuffix={process.env.NEXT_PUBLIC_CORBADO_FRONTEND_API_URL_SUFFIX}
         telemetry={{ debug: true }}
         observeEnabled={true}
       >