From dd960f9306e19fb30a3ffbe78734d322b31636e7 Mon Sep 17 00:00:00 2001 From: Aarushi <50577581+aarushik93@users.noreply.github.com> Date: Thu, 27 Jun 2024 10:02:54 +0100 Subject: [PATCH] Add support for nextjs based app (#7266) * Getting started with nextjs * fix linting * remove gitignore for package.json --- .gitignore | 2 +- rnd/autogpt_builder/.eslintrc.json | 3 + rnd/autogpt_builder/.gitignore | 36 +++++++++ rnd/autogpt_builder/README.md | 25 ++++++ rnd/autogpt_builder/next.config.mjs | 4 + rnd/autogpt_builder/package.json | 26 +++++++ rnd/autogpt_builder/postcss.config.mjs | 8 ++ rnd/autogpt_builder/public/autogpt.svg | 72 ++++++++++++++++++ rnd/autogpt_builder/src/app/favicon.ico | Bin 0 -> 15406 bytes rnd/autogpt_builder/src/app/globals.css | 33 ++++++++ rnd/autogpt_builder/src/app/layout.tsx | 22 ++++++ rnd/autogpt_builder/src/app/page.tsx | 97 ++++++++++++++++++++++++ rnd/autogpt_builder/tailwind.config.ts | 20 +++++ rnd/autogpt_builder/tsconfig.json | 26 +++++++ 14 files changed, 373 insertions(+), 1 deletion(-) create mode 100644 rnd/autogpt_builder/.eslintrc.json create mode 100644 rnd/autogpt_builder/.gitignore create mode 100644 rnd/autogpt_builder/README.md create mode 100644 rnd/autogpt_builder/next.config.mjs create mode 100644 rnd/autogpt_builder/package.json create mode 100644 rnd/autogpt_builder/postcss.config.mjs create mode 100644 rnd/autogpt_builder/public/autogpt.svg create mode 100644 rnd/autogpt_builder/src/app/favicon.ico create mode 100644 rnd/autogpt_builder/src/app/globals.css create mode 100644 rnd/autogpt_builder/src/app/layout.tsx create mode 100644 rnd/autogpt_builder/src/app/page.tsx create mode 100644 rnd/autogpt_builder/tailwind.config.ts create mode 100644 rnd/autogpt_builder/tsconfig.json diff --git a/.gitignore b/.gitignore index 3b4050b42e..d23d09da8e 100644 --- a/.gitignore +++ b/.gitignore @@ -162,7 +162,7 @@ agbenchmark/reports/ # Nodejs package-lock.json -package.json + # Allow for locally private items # private diff --git a/rnd/autogpt_builder/.eslintrc.json b/rnd/autogpt_builder/.eslintrc.json new file mode 100644 index 0000000000..bffb357a71 --- /dev/null +++ b/rnd/autogpt_builder/.eslintrc.json @@ -0,0 +1,3 @@ +{ + "extends": "next/core-web-vitals" +} diff --git a/rnd/autogpt_builder/.gitignore b/rnd/autogpt_builder/.gitignore new file mode 100644 index 0000000000..fd3dbb571a --- /dev/null +++ b/rnd/autogpt_builder/.gitignore @@ -0,0 +1,36 @@ +# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. + +# dependencies +/node_modules +/.pnp +.pnp.js +.yarn/install-state.gz + +# testing +/coverage + +# next.js +/.next/ +/out/ + +# production +/build + +# misc +.DS_Store +*.pem + +# debug +npm-debug.log* +yarn-debug.log* +yarn-error.log* + +# local env files +.env*.local + +# vercel +.vercel + +# typescript +*.tsbuildinfo +next-env.d.ts diff --git a/rnd/autogpt_builder/README.md b/rnd/autogpt_builder/README.md new file mode 100644 index 0000000000..5aa16c6781 --- /dev/null +++ b/rnd/autogpt_builder/README.md @@ -0,0 +1,25 @@ +This is the frontend for AutoGPT's next generation + +## Getting Started + +First, run the development server: + +```bash +npm run dev +# or +yarn dev +# or +pnpm dev +# or +bun dev +``` + +Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. + +You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. + +This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font. + +## Deploy + +TODO \ No newline at end of file diff --git a/rnd/autogpt_builder/next.config.mjs b/rnd/autogpt_builder/next.config.mjs new file mode 100644 index 0000000000..4678774e6d --- /dev/null +++ b/rnd/autogpt_builder/next.config.mjs @@ -0,0 +1,4 @@ +/** @type {import('next').NextConfig} */ +const nextConfig = {}; + +export default nextConfig; diff --git a/rnd/autogpt_builder/package.json b/rnd/autogpt_builder/package.json new file mode 100644 index 0000000000..67b793bbad --- /dev/null +++ b/rnd/autogpt_builder/package.json @@ -0,0 +1,26 @@ +{ + "name": "autogpt_builder", + "version": "0.1.0", + "private": true, + "scripts": { + "dev": "next dev", + "build": "next build", + "start": "next start", + "lint": "next lint" + }, + "dependencies": { + "react": "^18", + "react-dom": "^18", + "next": "14.2.4" + }, + "devDependencies": { + "typescript": "^5", + "@types/node": "^20", + "@types/react": "^18", + "@types/react-dom": "^18", + "postcss": "^8", + "tailwindcss": "^3.4.1", + "eslint": "^8", + "eslint-config-next": "14.2.4" + } +} diff --git a/rnd/autogpt_builder/postcss.config.mjs b/rnd/autogpt_builder/postcss.config.mjs new file mode 100644 index 0000000000..1a69fd2a45 --- /dev/null +++ b/rnd/autogpt_builder/postcss.config.mjs @@ -0,0 +1,8 @@ +/** @type {import('postcss-load-config').Config} */ +const config = { + plugins: { + tailwindcss: {}, + }, +}; + +export default config; diff --git a/rnd/autogpt_builder/public/autogpt.svg b/rnd/autogpt_builder/public/autogpt.svg new file mode 100644 index 0000000000..3f322e4d3a --- /dev/null +++ b/rnd/autogpt_builder/public/autogpt.svg @@ -0,0 +1,72 @@ + + + diff --git a/rnd/autogpt_builder/src/app/favicon.ico b/rnd/autogpt_builder/src/app/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..74db319671075557116db09405f64c789cefebb9 GIT binary patch literal 15406 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 { + return ( + + {children} + + ); +} diff --git a/rnd/autogpt_builder/src/app/page.tsx b/rnd/autogpt_builder/src/app/page.tsx new file mode 100644 index 0000000000..916ce244e8 --- /dev/null +++ b/rnd/autogpt_builder/src/app/page.tsx @@ -0,0 +1,97 @@ +import Image from "next/image"; + +export default function Home() { + return ( +
+
+

+ Get started by adding a  + node +

+ +
+ +
+ AutoGPT Logo +
+ + +
+ ); +} diff --git a/rnd/autogpt_builder/tailwind.config.ts b/rnd/autogpt_builder/tailwind.config.ts new file mode 100644 index 0000000000..e9a0944e7b --- /dev/null +++ b/rnd/autogpt_builder/tailwind.config.ts @@ -0,0 +1,20 @@ +import type { Config } from "tailwindcss"; + +const config: Config = { + content: [ + "./src/pages/**/*.{js,ts,jsx,tsx,mdx}", + "./src/components/**/*.{js,ts,jsx,tsx,mdx}", + "./src/app/**/*.{js,ts,jsx,tsx,mdx}", + ], + theme: { + extend: { + backgroundImage: { + "gradient-radial": "radial-gradient(var(--tw-gradient-stops))", + "gradient-conic": + "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))", + }, + }, + }, + plugins: [], +}; +export default config; diff --git a/rnd/autogpt_builder/tsconfig.json b/rnd/autogpt_builder/tsconfig.json new file mode 100644 index 0000000000..7b28589304 --- /dev/null +++ b/rnd/autogpt_builder/tsconfig.json @@ -0,0 +1,26 @@ +{ + "compilerOptions": { + "lib": ["dom", "dom.iterable", "esnext"], + "allowJs": true, + "skipLibCheck": true, + "strict": true, + "noEmit": true, + "esModuleInterop": true, + "module": "esnext", + "moduleResolution": "bundler", + "resolveJsonModule": true, + "isolatedModules": true, + "jsx": "preserve", + "incremental": true, + "plugins": [ + { + "name": "next" + } + ], + "paths": { + "@/*": ["./src/*"] + } + }, + "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], + "exclude": ["node_modules"] +}