Generate next client

Author: Pau Tena

.env

@@ -40,3 +40,7 @@ SENTRY_DSN="op://Environments/My Full-Stack Template/SENTRY_DSN"
 # Configure these with your own Docker registry images
 DOCKER_IMAGE_BACKEND="op://Environments/My Full-Stack Template/$ENVIRONMENT/DOCKER_IMAGE_BACKEND"
 DOCKER_IMAGE_FRONTEND="op://Environments/My Full-Stack Template/$ENVIRONMENT/DOCKER_IMAGE_FRONTEND"
+
+
+## NextJS
+NEXT_AUTH_SECRET="op://Environments/My Full-Stack Template/NEXT_AUTH_SECRET"

Makefile

@@ -16,4 +16,8 @@ playwright:
 	cd frontend; \
 	op run --env-file="../.env" -- npx playwright test --fail-on-flaky-tests --trace=retain-on-failure;
 
-.PHONY: watch up build playwright
+generate-client:
+	op run --env-file=".env" -- ./scripts/generate-client.sh
+
+
+.PHONY: watch up build playwright generate-client

docker-compose.yml

@@ -167,6 +167,7 @@ services:
       context: ./next
       args:
         - VITE_API_URL=https://api.${DOMAIN?Variable not set}
+        - AUTH_SECRET=${NEXT_AUTH_SECRET?Variable not set}
         - NODE_ENV=production
     ports:
       - "3000:3000"

frontend/README.md

@@ -80,7 +80,7 @@ But it would be only to clean them up, leaving them won't really have any effect
 * From the top level project directory, run the script:
 
 ```bash
-./scripts/generate-frontend-client.sh
+make generate-client
 ```
 
 * Commit the changes.

next/.gitignore

@@ -39,3 +39,7 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# OpenAPI client
+openapi.json
+openapi-ts-error-*.log

next/openapi-ts.config.ts

@@ -0,0 +1,28 @@
+import { defineConfig } from "@hey-api/openapi-ts"
+
+export default defineConfig({
+  client: "legacy/axios",
+  input: "./openapi.json",
+  output: "./src/client",
+  // exportSchemas: true,
+  plugins: [
+    {
+      name: "@hey-api/sdk",
+      // NOTE: this doesn't allow tree-shaking
+      asClass: true,
+      operationId: true,
+      methodNameBuilder: (operation) => {
+        // @ts-ignore
+        let name: string = operation.name
+        // @ts-ignore
+        let service: string = operation.service
+
+        if (service && name.toLowerCase().startsWith(service.toLowerCase())) {
+          name = name.slice(service.length)
+        }
+
+        return name.charAt(0).toLowerCase() + name.slice(1)
+      },
+    },
+  ],
+})