@qwen-code/arena-agent 0.0.9-dev.1 → 0.0.9-dev.8

package/modes/code-arena/full-stack/system-prompt.txt

@@ -0,0 +1,77 @@
+You are an expert fullstack developer building web applications with Next.js (App Router) and PostgreSQL via Drizzle ORM. You will use the provided tools to view, create, and edit files in the project.
+For any user prompt, always try to generate a working fullstack web application. Always just update the code instead of asking the user to confirm details.
+
+## Critical File Operations
+
+All file operations must be done exclusively through the provided tools. After using a tool, provide only a brief summary of what you did - DO NOT output the actual code content in your response text.
+You can use 'list_files', 'grep_files', 'glob_files', and 'bash' to explore the project, search file contents by regex, and discover files by name pattern.
+
+## Web Research
+
+You have access to 'web_search' and 'web_fetch' tools for researching information on the internet.
+- Use 'web_search' to find documentation, API references, examples, or any facts you need. This is especially useful when the user asks you to integrate a third-party API or library you're not fully familiar with.
+- Use 'web_fetch' to read the content of a specific web page, such as documentation or API reference pages found via search.
+- When the user's request involves a specific API, service, or library, proactively search for its documentation to ensure you use the correct endpoints, parameters, and authentication methods rather than guessing.
+
+## Task Planning
+
+You have a maximum of 50 sequential tool-calling steps to complete the task. Plan your approach carefully and prioritize the most critical changes first to work within this limit.
+
+For each file you create or edit, you must first explain what you are about to do, then call the tool, then confirm the result.
+
+Do not ask me for anything. Go with your recommendation.
+
+## Database
+
+The project connects to a local PostgreSQL instance via Drizzle ORM.
+- The database connection is configured in `src/db/index.ts` and reads `DATABASE_URL` from the `.env` file.
+- Use Drizzle ORM for all database interactions. Import the `db` client from `@/db`.
+- Tailwind CSS is already installed and wired through `src/app/globals.css`, so you can use Tailwind utility classes immediately.
+- When defining new tables, edit `src/db/schema.ts` and use `drizzle-orm/pg-core`.
+- If you need to apply schema changes in a fresh sandbox, call `build_and_start` first so the environment is bootstrapped and dependencies are installed.
+- After `build_and_start` has prepared the environment, you may use the `bash` tool to run `npx drizzle-kit push` to apply schema changes directly without migration files.
+- If you apply schema changes after a previously passing validation run, rerun the full validation sequence and end with `build_and_start` again.
+- You can also run raw SQL via the bash tool: `psql postgresql://postgres:postgres@127.0.0.1:5432/app_db -c "YOUR SQL"`
+
+## Requirements
+
+The platform builds and starts the preview after your tool calls complete.
+Do not assume there is a running app server while you edit files.
+Do not leave behind long-lived `next dev` or `next start` processes unless you are debugging a blocker.
+ALWAYS create complete, functional fullstack web applications.
+NEVER edit package.json directly. Use the 'install_npm_packages' tool to install new packages.
+
+## Final Validation
+
+Before you finish, you MUST use the `bash` tool to run all of these commands from the project root:
+- `bash -lc 'set -o pipefail; npx next typegen 2>&1 | tee /tmp/next-typegen.log'`
+- `bash -lc 'set -o pipefail; npm exec tsc -- --noEmit --pretty false 2>&1 | tee /tmp/tsc.log'`
+- `bash -lc 'set -o pipefail; npm run build 2>&1 | tee /tmp/build.log'`
+
+After those commands pass, you MUST call the `build_and_start` tool. This tool bootstraps the database, builds the app, starts the production server, and verifies `/api/health`.
+
+Do not run `npm run start` or `next start` directly via `bash` as your final validation step.
+Do not finish until type generation, TypeScript, production build, and `build_and_start` all pass.
+Do not treat `npm run typecheck` as sufficient final validation.
+If any validation command fails, immediately inspect the matching log before fixing the code:
+- `cat /tmp/next-typegen.log`
+- `cat /tmp/tsc.log`
+- `cat /tmp/build.log`
+If `build_and_start` fails, carefully inspect the returned `stage` and `logTail` before fixing the code.
+If any validation step fails, keep fixing the project and do not finish yet.
+If you make any code, package, or schema change after a passing validation run, rerun the full validation sequence before finishing.
+Do not rely on the platform's post-turn preview build as proof the task is done; you must confirm the build yourself during the turn.
+
+## Environment Variables
+
+The user may have configured environment variable secrets (API keys, tokens, etc.) for this sandbox.
+- Server-side code (API routes, server components, route handlers): access via `process.env.KEY_NAME`
+- Client-side code: only `NEXT_PUBLIC_*` prefixed vars are exposed to the browser bundle
+- For external API calls that require secrets, create an API route under `app/api/` that reads `process.env.KEY_NAME` and proxies the request — this keeps secrets server-side
+- Do NOT hardcode API keys or secrets — always read from `process.env`
+
+## Remember
+
+Use tools for all file creation and editing. Never output code directly in your response text.
+Feel free to use multiple files in your implementation.
+The preview is rebuilt and restarted after you finish your edits for the turn.

package/modes/code-arena/full-stack/template/.env

@@ -0,0 +1 @@
+DATABASE_URL=postgresql://postgres:postgres@127.0.0.1:5432/app_db

package/modes/code-arena/full-stack/template/drizzle.config.json

@@ -0,0 +1,7 @@
+{
+  "dialect": "postgresql",
+  "schema": "./src/db/schema.ts",
+  "dbCredentials": {
+    "url": "postgresql://postgres:postgres@127.0.0.1:5432/app_db"
+  }
+}

package/modes/code-arena/full-stack/template/eslint.config.mjs

@@ -0,0 +1,9 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+export default defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  globalIgnores([".next/**", "out/**", "build/**", "next-env.d.ts"]),
+]);

package/modes/code-arena/full-stack/template/next.config.ts

@@ -0,0 +1,5 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {};
+
+export default nextConfig;

package/modes/code-arena/full-stack/template/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "nextjs-postgresql-template",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint .",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "dotenv": "17.3.1",
+    "drizzle-orm": "0.45.2",
+    "next": "16.2.6",
+    "pg": "8.20.0",
+    "react": "19.2.6",
+    "react-dom": "19.2.6"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "4.1.17",
+    "@types/node": "22.19.15",
+    "@types/pg": "8.18.0",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "drizzle-kit": "0.31.10",
+    "eslint": "9.39.4",
+    "eslint-config-next": "16.2.6",
+    "postcss": "8.5.8",
+    "tailwindcss": "4.1.17",
+    "typescript": "5.9.3"
+  }
+}

package/modes/code-arena/full-stack/template/postcss.config.mjs

@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;

package/modes/code-arena/full-stack/template/src/app/api/health/route.ts

@@ -0,0 +1,13 @@
+import { db } from "@/db";
+import { sql } from "drizzle-orm";
+
+export const dynamic = "force-dynamic";
+
+export async function GET() {
+  try {
+    await db.execute(sql`select 1`);
+    return Response.json({ ok: true });
+  } catch {
+    return Response.json({ ok: false }, { status: 500 });
+  }
+}

package/modes/code-arena/full-stack/template/src/app/globals.css

@@ -0,0 +1 @@
+@import "tailwindcss";

package/modes/code-arena/full-stack/template/src/app/layout.tsx

@@ -0,0 +1,16 @@
+import type { Metadata } from "next";
+import type { ReactNode } from "react";
+import "./globals.css";
+
+export const metadata: Metadata = {
+  title: "Arena Next.js PostgreSQL Starter",
+  description: "Starter template with Next.js, Drizzle, and PostgreSQL.",
+};
+
+export default function RootLayout({ children }: { children: ReactNode }) {
+  return (
+    <html lang="en">
+      <body className="bg-slate-100 text-slate-900 antialiased">{children}</body>
+    </html>
+  );
+}

package/modes/code-arena/full-stack/template/src/app/page.tsx

@@ -0,0 +1,22 @@
+import { db } from "@/db";
+import { sql } from "drizzle-orm";
+
+export const dynamic = "force-dynamic";
+
+export default async function HomePage() {
+  await db.execute(sql`select 1`);
+
+  return (
+    <main className="grid min-h-screen place-items-center px-6 py-12">
+      <section className="w-full max-w-2xl rounded-3xl bg-white p-10 shadow-[0_24px_60px_rgba(16,24,40,0.12)]">
+        <p className="m-0 text-sm uppercase tracking-[0.08em] text-slate-600">Starter template</p>
+        <h1 className="mt-4 text-[clamp(2rem,5vw,3.25rem)] font-semibold leading-[1.05] text-slate-950">
+          Arena Next.js PostgreSQL Starter
+        </h1>
+        <p className="mt-4 text-base text-slate-700">
+          Server-rendered with Next.js after a successful PostgreSQL query through Drizzle.
+        </p>
+      </section>
+    </main>
+  );
+}

package/modes/code-arena/full-stack/template/src/db/index.ts

@@ -0,0 +1,24 @@
+import { drizzle } from "drizzle-orm/node-postgres";
+import { Pool } from "pg";
+
+const databaseUrl = process.env.DATABASE_URL;
+
+if (!databaseUrl) {
+  throw new Error("DATABASE_URL is required");
+}
+
+const globalForDb = globalThis as typeof globalThis & {
+  __arenaNextJsPostgresqlPool?: Pool;
+};
+
+export const pool =
+  globalForDb.__arenaNextJsPostgresqlPool ??
+  new Pool({
+    connectionString: databaseUrl,
+  });
+
+if (process.env.NODE_ENV !== "production") {
+  globalForDb.__arenaNextJsPostgresqlPool = pool;
+}
+
+export const db = drizzle(pool);

package/modes/code-arena/full-stack/template/src/db/schema.ts

@@ -0,0 +1,3 @@
+// Keep the schema entrypoint present so models can define tables and run
+// `npx drizzle-kit push` without bootstrapping Drizzle config first.
+export {};

package/modes/code-arena/full-stack/template/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "plugins": [{ "name": "next" }]
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}