Move to infisical. Create local dev environment. Add ci gates. Modernize repo

apps/next/eslint.config.ts

@@ -6,7 +6,7 @@ import { reactConfig } from '@gib/eslint-config/react';
 
 export default defineConfig(
   {
-    ignores: ['.next/**'],
+    ignores: ['.next/**', 'payload-types.ts'],
   },
   baseConfig,
   reactConfig,

apps/next/package.json

@@ -5,7 +5,7 @@
   "private": true,
   "scripts": {
     "build": "bun with-env next build",
-    "build:env": "bun with-env next build",
+    "build:docker": "next build --webpack",
     "clean": "git clean -xdf .cache .next .turbo node_modules",
     "dev": "bun with-env next dev --turbo",
     "dev:tunnel": "bun with-env next dev --turbo",
@@ -14,7 +14,10 @@
     "lint": "eslint --flag unstable_native_nodejs_ts_config",
     "start": "bun with-env next start",
     "typecheck": "tsc --noEmit",
-    "with-env": "dotenv -e ../../.env --"
+    "test:unit": "NODE_ENV=test vitest run --project unit",
+    "test:integration": "NODE_ENV=test vitest run --project integration",
+    "test:component": "NODE_ENV=test vitest run --project component",
+    "with-env": "sh ../../scripts/with-env ${INFISICAL_ENV:-dev} --"
   },
   "dependencies": {
     "@convex-dev/auth": "catalog:convex",
@@ -41,15 +44,19 @@
     "@gib/prettier-config": "workspace:*",
     "@gib/tailwind-config": "workspace:*",
     "@gib/tsconfig": "workspace:*",
+    "@gib/vitest-config": "workspace:*",
+    "@testing-library/react": "catalog:test",
     "@types/node": "catalog:",
     "@types/react": "catalog:react19",
     "@types/react-dom": "catalog:react19",
     "baseline-browser-mapping": "^2.10.11",
     "eslint": "catalog:",
+    "jsdom": "catalog:test",
     "prettier": "catalog:",
     "tailwindcss": "catalog:",
     "tw-animate-css": "^1.4.0",
-    "typescript": "catalog:"
+    "typescript": "catalog:",
+    "vitest": "catalog:test"
   },
   "prettier": "@gib/prettier-config"
 }

apps/next/payload-types.ts

@@ -1,4 +1,3 @@
-/* tslint:disable */
 /* eslint-disable */
 /**
  * This file was automatically generated by Payload.

apps/next/src/app/(frontend)/(auth)/profile/layout.tsx

@@ -19,8 +19,7 @@ export const generateMetadata = (): Metadata => {
 const ProfileLayout = async ({
   children,
 }: Readonly<{ children: React.ReactNode }>) => {
-  if (!(await isAuthenticatedNextjs()))
-    redirect('/sign-in');
+  if (!(await isAuthenticatedNextjs())) redirect('/sign-in');
   return <>{children}</>;
 };
 export default ProfileLayout;

apps/next/src/css.d.ts

@@ -0,0 +1 @@
+declare module '@payloadcms/next/css';

apps/next/tests/component/render.test.tsx

@@ -0,0 +1,11 @@
+import { render, screen } from '@testing-library/react';
+import { describe, expect, it } from 'vitest';
+
+const Greeting = ({ name }: { name: string }) => <p>Hello {name}</p>;
+
+describe('component test harness', () => {
+  it('renders through jsdom and Testing Library', () => {
+    render(<Greeting name='world' />);
+    expect(screen.getByText('Hello world')).toBeInTheDocument();
+  });
+});

apps/next/tests/integration/smoke.test.ts

@@ -0,0 +1,7 @@
+import { describe, expect, it } from 'vitest';
+
+describe('integration test harness', () => {
+  it('provides modern Node globals', () => {
+    expect(typeof globalThis.structuredClone).toBe('function');
+  });
+});

apps/next/tests/jest-dom.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';

apps/next/tests/unit/environment.test.ts

@@ -0,0 +1,7 @@
+import { describe, expect, it } from 'vitest';
+
+describe('unit test harness', () => {
+  it('executes isolated assertions', () => {
+    expect(1 + 1).toBe(2);
+  });
+});

apps/next/vitest.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from 'vitest/config';
+
+import { jsdomProject, nodeProject } from '@gib/vitest-config';
+
+export default defineConfig({
+  test: {
+    projects: [
+      nodeProject('unit', ['tests/unit/**/*.test.{ts,tsx}']),
+      nodeProject('integration', ['tests/integration/**/*.test.{ts,tsx}']),
+      jsdomProject('component', ['tests/component/**/*.test.{ts,tsx}']),
+    ],
+  },
+});