From 24cd04d1d5fc3321e9c4de4fec94992693af90dd Mon Sep 17 00:00:00 2001 From: Marcus Schiesser <mail@marcusschiesser.de> Date: Wed, 25 Oct 2023 16:23:24 +0700 Subject: [PATCH] add llama nextjs simple template --- README.md | 28 +-- create-app.ts | 18 +- helpers/examples.ts | 2 +- index.ts | 151 +----------- package.json | 18 +- templates/index.ts | 245 +++++++++++++++++++ templates/simple/nextjs/.env.example | 3 + templates/simple/nextjs/README-template.md | 36 +++ templates/simple/nextjs/app/api/route/llm.ts | 52 ++++ templates/simple/nextjs/app/favicon.ico | Bin 0 -> 25931 bytes templates/simple/nextjs/app/globals.css | 27 ++ templates/simple/nextjs/app/layout.tsx | 22 ++ templates/simple/nextjs/app/page.tsx | 113 +++++++++ templates/simple/nextjs/eslintrc.json | 3 + templates/simple/nextjs/gitignore | 35 +++ templates/simple/nextjs/next-env.d.ts | 5 + templates/simple/nextjs/next.config.js | 4 + templates/simple/nextjs/postcss.config.js | 6 + templates/simple/nextjs/public/next.svg | 1 + templates/simple/nextjs/public/vercel.svg | 1 + templates/simple/nextjs/tailwind.config.ts | 20 ++ templates/simple/nextjs/tsconfig.json | 27 ++ templates/types.ts | 24 ++ 23 files changed, 656 insertions(+), 185 deletions(-) create mode 100644 templates/index.ts create mode 100644 templates/simple/nextjs/.env.example create mode 100644 templates/simple/nextjs/README-template.md create mode 100644 templates/simple/nextjs/app/api/route/llm.ts create mode 100644 templates/simple/nextjs/app/favicon.ico create mode 100644 templates/simple/nextjs/app/globals.css create mode 100644 templates/simple/nextjs/app/layout.tsx create mode 100644 templates/simple/nextjs/app/page.tsx create mode 100644 templates/simple/nextjs/eslintrc.json create mode 100644 templates/simple/nextjs/gitignore create mode 100644 templates/simple/nextjs/next-env.d.ts create mode 100644 templates/simple/nextjs/next.config.js create mode 100644 templates/simple/nextjs/postcss.config.js create mode 100644 templates/simple/nextjs/public/next.svg create mode 100644 templates/simple/nextjs/public/vercel.svg create mode 100644 templates/simple/nextjs/tailwind.config.ts create mode 100644 templates/simple/nextjs/tsconfig.json create mode 100644 templates/types.ts diff --git a/README.md b/README.md index b50f4742..74134373 100644 --- a/README.md +++ b/README.md @@ -1,19 +1,19 @@ # Create Next App -The easiest way to get started with Next.js is by using `create-next-app`. This CLI tool enables you to quickly start building a new Next.js application, with everything set up for you. You can create a new app using the default Next.js template, or by using one of the [official Next.js examples](https://github.com/vercel/next.js/tree/canary/examples). To get started, use the following command: +The easiest way to get started with LlamaIndex is by using `create-llama`. This CLI tool enables you to quickly start building a new LlamaIndex application, with everything set up for you. You can create a new app using the default LlamaIndex template, or by using one of the [official LlamaIndex examples](https://github.com/vercel/next.js/tree/canary/examples). To get started, use the following command: ### Interactive You can create a new project interactively by running: ```bash -npx create-next-app@latest +npx create-llama@latest # or yarn create next-app # or pnpm create next-app # or -bunx create-next-app +bunx create-llama ``` You will be asked for the name of your project, and then whether you want to @@ -28,20 +28,14 @@ Select **Yes** to install the necessary types/dependencies and create a new TS p ### Non-interactive You can also pass command line arguments to set up a new project -non-interactively. See `create-next-app --help`: +non-interactively. See `create-llama --help`: ```bash -create-next-app <project-directory> [options] +create-llama <project-directory> [options] Options: -V, --version output the version number - --ts, --typescript - - Initialize as a TypeScript project. (default) - - --js, --javascript - - Initialize as a JavaScript project. + --use-npm @@ -62,7 +56,7 @@ Options: -e, --example [name]|[github-url] An example to bootstrap the app with. You can use an example name - from the official Next.js repo or a GitHub URL. The URL can use + from the official LlamaIndex repo or a GitHub URL. The URL can use any branch and/or subdirectory --example-path <path-to-example> @@ -75,10 +69,10 @@ Options: ### Why use Create Next App? -`create-next-app` allows you to create a new Next.js app within seconds. It is officially maintained by the creators of Next.js, and includes a number of benefits: +`create-llama` allows you to create a new LlamaIndex app within seconds. It is officially maintained by the creators of LlamaIndex, and includes a number of benefits: -- **Interactive Experience**: Running `npx create-next-app@latest` (with no arguments) launches an interactive experience that guides you through setting up a project. +- **Interactive Experience**: Running `npx create-llama@latest` (with no arguments) launches an interactive experience that guides you through setting up a project. - **Zero Dependencies**: Initializing a project is as quick as one second. Create Next App has zero dependencies. - **Offline Support**: Create Next App will automatically detect if you're offline and bootstrap your project using your local package cache. -- **Support for Examples**: Create Next App can bootstrap your application using an example from the Next.js examples collection (e.g. `npx create-next-app --example api-routes`). -- **Tested**: The package is part of the Next.js monorepo and tested using the same integration test suite as Next.js itself, ensuring it works as expected with every release. +- **Support for Examples**: Create Next App can bootstrap your application using an example from the LlamaIndex examples collection (e.g. `npx create-llama --example api-routes`). +- **Tested**: The package is part of the LlamaIndex monorepo and tested using the same integration test suite as LlamaIndex itself, ensuring it works as expected with every release. diff --git a/create-app.ts b/create-app.ts index 89719e48..64d91607 100644 --- a/create-app.ts +++ b/create-app.ts @@ -29,10 +29,8 @@ export async function createApp({ packageManager, example, examplePath, - typescript, tailwind, eslint, - appRouter, srcDir, importAlias, }: { @@ -40,22 +38,14 @@ export async function createApp({ packageManager: PackageManager example?: string examplePath?: string - typescript: boolean tailwind: boolean eslint: boolean - appRouter: boolean srcDir: boolean importAlias: string }): Promise<void> { let repoInfo: RepoInfo | undefined - const mode: TemplateMode = typescript ? 'ts' : 'js' - const template: TemplateType = appRouter - ? tailwind - ? 'app-tw' - : 'app' - : tailwind - ? 'default-tw' - : 'default' + const mode: TemplateMode = 'nextjs'; + const template: TemplateType = 'simple'; if (example) { let repoUrl: URL | undefined @@ -141,7 +131,7 @@ export async function createApp({ const isOnline = !useYarn || (await getOnline()) const originalDirectory = process.cwd() - console.log(`Creating a new Next.js app in ${green(root)}.`) + console.log(`Creating a new LlamaIndex app in ${green(root)}.`) console.log() process.chdir(root) @@ -201,7 +191,7 @@ export async function createApp({ const tsconfigPath = path.join(root, 'tsconfig.json') if (fs.existsSync(tsconfigPath)) { fs.copyFileSync( - getTemplateFile({ template, mode: 'ts', file: 'next-env.d.ts' }), + getTemplateFile({ template, mode: 'nextjs', file: 'next-env.d.ts' }), path.join(root, 'next-env.d.ts') ) } diff --git a/helpers/examples.ts b/helpers/examples.ts index dad9895b..97bbacf2 100644 --- a/helpers/examples.ts +++ b/helpers/examples.ts @@ -29,7 +29,7 @@ export async function getRepoInfo( const filePath = examplePath ? examplePath.replace(/^\//, '') : file.join('/') if ( - // Support repos whose entire purpose is to be a Next.js example, e.g. + // Support repos whose entire purpose is to be a LlamaIndex example, e.g. // https://github.com/:username/:my-cool-nextjs-example-repo-name. t === undefined || // Support GitHub URL that ends with a trailing slash, e.g. diff --git a/index.ts b/index.ts index 1d488260..fb0b89a1 100644 --- a/index.ts +++ b/index.ts @@ -38,46 +38,11 @@ const program = new Commander.Command(packageJson.name) .action((name) => { projectPath = name }) - .option( - '--ts, --typescript', - ` - - Initialize as a TypeScript project. (default) -` - ) - .option( - '--js, --javascript', - ` - - Initialize as a JavaScript project. -` - ) - .option( - '--tailwind', - ` - - Initialize with Tailwind CSS config. (default) -` - ) .option( '--eslint', ` Initialize with eslint config. -` - ) - .option( - '--app', - ` - - Initialize as an App Router project. -` - ) - .option( - '--src-dir', - ` - - Initialize inside a \`src/\` directory. ` ) .option( @@ -120,7 +85,7 @@ const program = new Commander.Command(packageJson.name) ` An example to bootstrap the app with. You can use an example name - from the official Next.js repo or a GitHub URL. The URL can use + from the official LlamaIndex repo or a GitHub URL. The URL can use any branch and/or subdirectory ` ) @@ -155,7 +120,7 @@ const packageManager = !!program.useNpm : getPkgManager() async function run(): Promise<void> { - const conf = new Conf({ projectName: 'create-next-app' }) + const conf = new Conf({ projectName: 'create-llama' }) if (program.resetPreferences) { conf.clear() @@ -254,42 +219,6 @@ async function run(): Promise<void> { const getPrefOrDefault = (field: string) => preferences[field] ?? defaults[field] - if (!program.typescript && !program.javascript) { - if (ciInfo.isCI) { - // default to TypeScript in CI as we can't prompt to - // prevent breaking setup flows - program.typescript = getPrefOrDefault('typescript') - } else { - const styledTypeScript = blue('TypeScript') - const { typescript } = await prompts( - { - type: 'toggle', - name: 'typescript', - message: `Would you like to use ${styledTypeScript}?`, - initial: getPrefOrDefault('typescript'), - active: 'Yes', - inactive: 'No', - }, - { - /** - * User inputs Ctrl+C or Ctrl+D to exit the prompt. We should close the - * process and not write to the file system. - */ - onCancel: () => { - console.error('Exiting.') - process.exit(1) - }, - } - ) - /** - * Depending on the prompt response, set the appropriate program flags. - */ - program.typescript = Boolean(typescript) - program.javascript = !Boolean(typescript) - preferences.typescript = Boolean(typescript) - } - } - if ( !process.argv.includes('--eslint') && !process.argv.includes('--no-eslint') @@ -312,68 +241,6 @@ async function run(): Promise<void> { } } - if ( - !process.argv.includes('--tailwind') && - !process.argv.includes('--no-tailwind') - ) { - if (ciInfo.isCI) { - program.tailwind = getPrefOrDefault('tailwind') - } else { - const tw = blue('Tailwind CSS') - const { tailwind } = await prompts({ - onState: onPromptState, - type: 'toggle', - name: 'tailwind', - message: `Would you like to use ${tw}?`, - initial: getPrefOrDefault('tailwind'), - active: 'Yes', - inactive: 'No', - }) - program.tailwind = Boolean(tailwind) - preferences.tailwind = Boolean(tailwind) - } - } - - if ( - !process.argv.includes('--src-dir') && - !process.argv.includes('--no-src-dir') - ) { - if (ciInfo.isCI) { - program.srcDir = getPrefOrDefault('srcDir') - } else { - const styledSrcDir = blue('`src/` directory') - const { srcDir } = await prompts({ - onState: onPromptState, - type: 'toggle', - name: 'srcDir', - message: `Would you like to use ${styledSrcDir}?`, - initial: getPrefOrDefault('srcDir'), - active: 'Yes', - inactive: 'No', - }) - program.srcDir = Boolean(srcDir) - preferences.srcDir = Boolean(srcDir) - } - } - - if (!process.argv.includes('--app') && !process.argv.includes('--no-app')) { - if (ciInfo.isCI) { - program.app = getPrefOrDefault('app') - } else { - const styledAppDir = blue('App Router') - const { appRouter } = await prompts({ - onState: onPromptState, - type: 'toggle', - name: 'appRouter', - message: `Would you like to use ${styledAppDir}? (recommended)`, - initial: getPrefOrDefault('app'), - active: 'Yes', - inactive: 'No', - }) - program.app = Boolean(appRouter) - } - } - if ( typeof program.importAlias !== 'string' || !program.importAlias.length @@ -422,10 +289,8 @@ async function run(): Promise<void> { packageManager, example: example && example !== 'default' ? example : undefined, examplePath: program.examplePath, - typescript: program.typescript, tailwind: program.tailwind, eslint: program.eslint, - appRouter: program.app, srcDir: program.srcDir, importAlias: program.importAlias, }) @@ -450,10 +315,8 @@ async function run(): Promise<void> { await createApp({ appPath: resolvedProjectPath, packageManager, - typescript: program.typescript, eslint: program.eslint, tailwind: program.tailwind, - appRouter: program.app, srcDir: program.srcDir, importAlias: program.importAlias, }) @@ -469,15 +332,15 @@ async function notifyUpdate(): Promise<void> { if (res?.latest) { const updateMessage = packageManager === 'yarn' - ? 'yarn global add create-next-app' + ? 'yarn global add create-llama' : packageManager === 'pnpm' - ? 'pnpm add -g create-next-app' + ? 'pnpm add -g create-llama' : packageManager === 'bun' - ? 'bun add -g create-next-app' - : 'npm i -g create-next-app' + ? 'bun add -g create-llama' + : 'npm i -g create-llama' console.log( - yellow(bold('A new version of `create-next-app` is available!')) + + yellow(bold('A new version of `create-llama` is available!')) + '\n' + 'You can update by running: ' + cyan(updateMessage) + diff --git a/package.json b/package.json index e057a8b8..cec76931 100644 --- a/package.json +++ b/package.json @@ -1,21 +1,21 @@ { - "name": "create-next-app", - "version": "13.5.6", + "name": "create-llama", + "version": "0.0.1", "keywords": [ - "react", - "next", + "rag", + "llamaindex", "next.js" ], - "description": "Create Next.js-powered React apps with one command", + "description": "Create LlamaIndex-powered apps with one command", "repository": { "type": "git", - "url": "https://github.com/vercel/next.js", - "directory": "packages/create-next-app" + "url": "https://github.com/run-llama/LlamaIndexTS", + "directory": "packages/create-llama" }, - "author": "Next.js Team <support@vercel.com>", + "author": "LlamaIndex Team <info@runllama.ai>", "license": "MIT", "bin": { - "create-next-app": "./dist/index.js" + "create-llama": "./dist/index.js" }, "files": [ "dist" diff --git a/templates/index.ts b/templates/index.ts new file mode 100644 index 00000000..9c2b0082 --- /dev/null +++ b/templates/index.ts @@ -0,0 +1,245 @@ +import { install } from '../helpers/install' +import { makeDir } from '../helpers/make-dir' +import { copy } from '../helpers/copy' + +import { async as glob } from 'fast-glob' +import os from 'os' +import fs from 'fs/promises' +import path from 'path' +import { cyan, bold } from 'picocolors' +import { Sema } from 'async-sema' +import { version } from '../package.json' + +import { GetTemplateFileArgs, InstallTemplateArgs } from './types' + +/** + * Get the file path for a given file in a template, e.g. "next.config.js". + */ +export const getTemplateFile = ({ + template, + mode, + file, +}: GetTemplateFileArgs): string => { + return path.join(__dirname, template, mode, file) +} + +export const SRC_DIR_NAMES = ['app', 'pages', 'styles'] + +/** + * Install a LlamaIndex internal template to a given `root` directory. + */ +export const installTemplate = async ({ + appName, + root, + packageManager, + isOnline, + template, + mode, + tailwind, + eslint, + srcDir, + importAlias, +}: InstallTemplateArgs) => { + console.log(bold(`Using ${packageManager}.`)) + + /** + * Copy the template files to the target directory. + */ + console.log('\nInitializing project with template:', template, '\n') + const templatePath = path.join(__dirname, template, mode) + const copySource = ['**'] + if (!eslint) copySource.push('!eslintrc.json') + if (!tailwind) + copySource.push( + mode == 'nextjs' ? 'tailwind.config.ts' : '!tailwind.config.js', + '!postcss.config.js' + ) + + await copy(copySource, root, { + parents: true, + cwd: templatePath, + rename(name) { + switch (name) { + case 'gitignore': + case 'eslintrc.json': { + return `.${name}` + } + // README.md is ignored by webpack-asset-relocator-loader used by ncc: + // https://github.com/vercel/webpack-asset-relocator-loader/blob/e9308683d47ff507253e37c9bcbb99474603192b/src/asset-relocator.js#L227 + case 'README-template.md': { + return 'README.md' + } + default: { + return name + } + } + }, + }) + + const tsconfigFile = path.join( + root, + 'tsconfig.json' + ) + await fs.writeFile( + tsconfigFile, + (await fs.readFile(tsconfigFile, 'utf8')) + .replace( + `"@/*": ["./*"]`, + srcDir ? `"@/*": ["./src/*"]` : `"@/*": ["./*"]` + ) + .replace(`"@/*":`, `"${importAlias}":`) + ) + + // update import alias in any files if not using the default + if (importAlias !== '@/*') { + const files = await glob('**/*', { + cwd: root, + dot: true, + stats: false, + }) + const writeSema = new Sema(8, { capacity: files.length }) + await Promise.all( + files.map(async (file) => { + // We don't want to modify compiler options in [ts/js]config.json + if (file === 'tsconfig.json' || file === 'jsconfig.json') return + await writeSema.acquire() + const filePath = path.join(root, file) + if ((await fs.stat(filePath)).isFile()) { + await fs.writeFile( + filePath, + ( + await fs.readFile(filePath, 'utf8') + ).replace(`@/`, `${importAlias.replace(/\*/g, '')}`) + ) + } + await writeSema.release() + }) + ) + } + + if (srcDir) { + await makeDir(path.join(root, 'src')) + await Promise.all( + SRC_DIR_NAMES.map(async (file) => { + await fs + .rename(path.join(root, file), path.join(root, 'src', file)) + .catch((err) => { + if (err.code !== 'ENOENT') { + throw err + } + }) + }) + ) + + const isAppTemplate = template.startsWith('app') + + // Change the `Get started by editing pages/index` / `app/page` to include `src` + const indexPageFile = path.join( + 'src', + isAppTemplate ? 'app' : 'pages', + `${isAppTemplate ? 'page' : 'index'}.tsx` + ) + + await fs.writeFile( + indexPageFile, + ( + await fs.readFile(indexPageFile, 'utf8') + ).replace( + isAppTemplate ? 'app/page' : 'pages/index', + isAppTemplate ? 'src/app/page' : 'src/pages/index' + ) + ) + + if (tailwind) { + const tailwindConfigFile = path.join( + root, + 'tailwind.config.ts' + ) + await fs.writeFile( + tailwindConfigFile, + ( + await fs.readFile(tailwindConfigFile, 'utf8') + ).replace( + /\.\/(\w+)\/\*\*\/\*\.\{js,ts,jsx,tsx,mdx\}/g, + './src/$1/**/*.{js,ts,jsx,tsx,mdx}' + ) + ) + } + } + + /** Create a package.json for the new project and write it to disk. */ + const packageJson: any = { + name: appName, + version: '0.1.0', + private: true, + scripts: { + dev: 'next dev', + build: 'next build', + start: 'next start', + lint: 'next lint', + }, + /** + * Default dependencies. + */ + dependencies: { + react: '^18', + 'react-dom': '^18', + next: process.env.NEXT_PRIVATE_TEST_VERSION ?? version, + }, + devDependencies: {}, + } + + /** + * TypeScript projects will have type definitions and other devDependencies. + */ + packageJson.devDependencies = { + ...packageJson.devDependencies, + typescript: '^5', + '@types/node': '^20', + '@types/react': '^18', + '@types/react-dom': '^18', + } + + /* Add Tailwind CSS dependencies. */ + if (tailwind) { + packageJson.devDependencies = { + ...packageJson.devDependencies, + autoprefixer: '^10', + postcss: '^8', + tailwindcss: '^3', + } + } + + /* Default ESLint dependencies. */ + if (eslint) { + packageJson.devDependencies = { + ...packageJson.devDependencies, + eslint: '^8', + 'eslint-config-next': version, + } + } + + const devDeps = Object.keys(packageJson.devDependencies).length + if (!devDeps) delete packageJson.devDependencies + + await fs.writeFile( + path.join(root, 'package.json'), + JSON.stringify(packageJson, null, 2) + os.EOL + ) + + console.log('\nInstalling dependencies:') + for (const dependency in packageJson.dependencies) + console.log(`- ${cyan(dependency)}`) + + if (devDeps) { + console.log('\nInstalling devDependencies:') + for (const dependency in packageJson.devDependencies) + console.log(`- ${cyan(dependency)}`) + } + + console.log() + + await install(packageManager, isOnline) +} + +export * from './types' diff --git a/templates/simple/nextjs/.env.example b/templates/simple/nextjs/.env.example new file mode 100644 index 00000000..7ac0a015 --- /dev/null +++ b/templates/simple/nextjs/.env.example @@ -0,0 +1,3 @@ +# Rename this file to `.env.local` to use environment variables locally with `next dev` +# https://nextjs.org/docs/pages/building-your-application/configuring/environment-variables +MY_HOST="example.com" diff --git a/templates/simple/nextjs/README-template.md b/templates/simple/nextjs/README-template.md new file mode 100644 index 00000000..c4033664 --- /dev/null +++ b/templates/simple/nextjs/README-template.md @@ -0,0 +1,36 @@ +This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). + +## 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. + +## Learn More + +To learn more about Next.js, take a look at the following resources: + +- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. +- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. + +You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome! + +## Deploy on Vercel + +The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. + +Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details. diff --git a/templates/simple/nextjs/app/api/route/llm.ts b/templates/simple/nextjs/app/api/route/llm.ts new file mode 100644 index 00000000..5a56b184 --- /dev/null +++ b/templates/simple/nextjs/app/api/route/llm.ts @@ -0,0 +1,52 @@ +import { ChatMessage, OpenAI, SimpleChatEngine } from "llamaindex"; +import { NextRequest, NextResponse } from "next/server"; + +export const runtime = "nodejs"; +export const dynamic = "force-dynamic"; + +export async function POST(request: NextRequest) { + try { + const body = await request.json(); + const { + message, + chatHistory, + }: { + message: string; + chatHistory: ChatMessage[]; + } = body; + if (!message || !chatHistory) { + return NextResponse.json( + { + error: "message, chatHistory are required in the request body", + }, + { status: 400 } + ); + } + + const llm = new OpenAI({ + model: "gpt-3.5-turbo", + }); + + const chatEngine = new SimpleChatEngine({ + llm, + }); + + const response = await chatEngine.chat(message, chatHistory); + const result: ChatMessage = { + role: "assistant", + content: response.response, + }; + + return NextResponse.json({ result }); + } catch (error) { + console.error("[LlamaIndex]", error); + return NextResponse.json( + { + error: (error as Error).message, + }, + { + status: 500, + } + ); + } +} diff --git a/templates/simple/nextjs/app/favicon.ico b/templates/simple/nextjs/app/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..718d6fea4835ec2d246af9800eddb7ffb276240c GIT binary patch literal 25931 zcmZQzU}Run5D);-3Je;o3=D1z3=9eiP`(HQLmn#wgMk5*ugkzNO_Bi&7#S28dgT}x z_PH@IXfQA^2!Ql4K-7U1u!2cq2o(kfhFAs$hFwq$VuQp8=~ZB0U|7Jw!0?HIf#E+I z28n^>Kx(j=W5K|{@BmE@x)~roNDW9WvKjIW3=EHm&<oNJ!XULEJuovClAsr)AA~`A zK>C##7#P05^!xk!|6jLm-T&3ASEJyyYuElyPfrKwgJF;!klsj`UJxxWFaQ7T+qeJG z!Qa1s|C^ec!t}yuklx)OeaJXFI~!g5|GvIHm>y&rq!)yd#r|`0a{fPi_AK0tCr_UI zmynP^Q3JIPq!;7{3^^|^um2!7gA4(=2dW-j9Y`-I3_xLlBFD(c_<!5BZU3)cy$W^@ z7X2VSAibbC0L2B0evo=YL&N_rE-o12AUOsG29O?*UJwSQ1yGv6r50Trq!y$Hq!)%k zX%dt+(bb~!L25v1Vfv71P~HIL5l~)1*9Q^<$$``$>%qnb<yBCgB{lzIGiz9jfyzlx zfI1+TlOhy*nT>&gL5G2XA(VlEp^<@s;RO_f*dQ^G97qkt7NHrS#lXPO%D}*IiGhLP zCp4X-ry~#_BnMIhQVY_9W(>((83qQ1X$%YupYhlUvKJc$=>h2lnL)C}3=9l`3=9kp z$*>pQEg&;MW|88CA_fMA-&C+0<`$4yATx<^14tcAAGK+a+4$VxPi23jyB`z|AUm+R zL7IVq;RzMP9Nlgh|1kpt1IR9PH%zC4-7q(R>_WC5R9t<fqy3;dRvpO!ZMf{Vu(0^w z-QE4aqoac)+}YXrKR!Ml=3i_y$WD+G*cliYuHdp?PEPLsyLazE%?*-qaBwg-dtqWA zJ3)49GcYjx!eu{5JR>86WV=CaMUY-R7-T2N?hrg`z;5N>;P`*~^l75q@a4;w|2jH4 zV7&y)2HD+2Kn>U&cXxMqyN{4VdV71pdWbL=RByf{LLJyVP+Oaj-JmwDxVSi2JrU-D z>;_??)N5;N|Ns2?GhQcTWn~d%7SwGZyFp<<v>s4i#N~i9XU_Zwr4^{z#Fz<+dr%r6 zMlD#4n3&lA$B!RlI04ir@bvTqt0BRDklmm>0LlwQ>&2EI*RNmyAJn%X!ETV9AiF_j z0H`b=+I~<NBj-mF@*A=pAUi>JgUUcqS%@r0kd2%lNyu-==7Q`5*$u*=x&TxsAj=bE zZ``=?|C={&{*#d3U}l2qI#8VlvKxj$bs|ijDB9TAm{1*q%N&qhFneLN6axbTsBM5t z54FTWZ5(Xv50E=RZ6i<{iCT7{n*%Z%WCzGDTo}|wMAt_xKFDlb_9Bae)PdYeEqg&` zfy_j<gAg0kX8`pbD0KtK43Jrb?87Dx>N|n@P@ujPsqO&j0qF&qfz51E#6W#XP@fXi zw*>Vuak&K~2T}u43(`Z19mJ>w^{qjDY*1etRBzI&|4oeBM%9dlz-R~zu@C??LJSxf z7!r`j33X}e2~GycG>#7g149-A1H)zp28JID3=H3)Y>=2YR1HWiO&vp|;ld0I3}MhY zpc_#4;;I8+;vheP)PlygLFF~b3?i+gnle=e28M1bjw6E1Qlpyda2q5Bb@zJ``ZKU_ zCq#qH1o;DG2W}UTF9T}p+@XQH(ftLoBZz!wV(0|5ExH&O82-`0?J&Q9>;l;dvKzxe zBna>`Ffgp8qq|}5htVLrL2e+y$#A70eLDuw?Jz%p+`tES6>$tuysaAqZio2+<Q9;d zh;uyy11Rmm^bQsp<R)U=AHcxC@OKb}JuLh{ZX(pj7G+>yxIYNp4)X)ZZ6G(|iU&~r z0aH6zX^<PSxgWH);Nu_;dsuja+z4_jx*vLmfZJhyK#v1KV(0i&R8;<h#(7gyQ~y&N z2LuEVJ5~%Ds{^?i76+hqEX;3sX&D)r|F2)a#uz83hCp#~F<!gT(g(=RF!zJj#t^L+ z6z<e;FR~eA%u#^c401oHFLVpdZ+QK}&d&b-<jIrB)>Fg=&2e~mc;K}Yi~B%s2Du&7 z)dY=?k)+?%)%E|MKYu84H%v1TbCTHH2I|Lw+z#rKVv{E*wrbTXm=nmR$(&<>xeeCW zhVe<FH8nN=fBN)^Y`23n_Vo0SWG7lW0*wi5K@%g%Jkb0-$Q|Th(0m_g-j4$NVPhO5 zxf$6$5fPF94<9}x$NB#=Gc(Dy7wQI39spsA%ps>d1<f;p<{P2zAlH77+d*+au70pS zQp-~^%S*6bX#NGIeNZ02CP$JODdj1d<s~-vfZPr$gRsewEJjRuN@014?j}4^z| z=?GnpWIi$FDTU=FvYSA4F39bmIv7+JBg>J^##f$Fp}a(P7s$;Zw}aY1ptcaQ9NBDq z<tY`)OJsL}+zfI%2!q<9$Z{01v6ZJ}v@Z#{0pw<o+d&xA7XbAM2<ah89=$xJVtEO( zALLe$n?Y`eVNjn8CQmVqT%J;~yo9+6)YpZ%8%Bfr#Gt-0Obx~Knl)?w|Ni}(*fn#+ z+6QtY$gMDUBhyrk10y4&|FyNX#JY=Ebs#q)yBV1c8XE$Q5fN(^z14x-267{^o6*^z zF*?v#9lhN~$UcypKx3Qe?#0Fjjg=BIkKXbiH(_%tHZjmxHE7J5-fqNYAIL2rH(_%t zE-}!Y0ch?3mzneu2e|<>mx9Zk_{2f_Kyx_sax1z$AiF_sz~@Fna-etvr9IG`8oK$k z;)Co0*$J|nko$<02hC}M<~C{NW|+AkJ3w=_#JY<Vb)dOrQ2ha#YlhiJEgEDd$ZU`u zq_~M3wV=6vkX@iPe3ZH$WCqAA(3%8t+(L;S(Ao=7I~KGS1GFZCn0_2c4M;6W4`}TN z$P7x{KrOwXz7VKC2kMi8`qiLu4ba*dkb6OFkQk`14N?PAOD%gx%^3}W(GVC7fzc2c z4S~@R7!83D6#|_Be(t<nQd|rS47{EmE<vEvXF!+()boicT9F1?KV2N;?!>U}oD67J zqeW_jXPU1s185fr2Loe!CIbsd2?GNIXrC1W1JeQ~m<S`o0%imo6s#^v7R3w<a?GAC zjv*C{Z(}((h+dtUHzk(CMocg;%yHU_BN-~3r~G>Q42`uq3O5`|S;cmwcctgT4vrZv zlYNXPuhKXtqH$%0(X}HpFG@(db9NsrjCXjtvExBom$Xm?$BEhRcVFn=*I%9geed46 zm;e3^y<c6s+kgI3>*xP}fBAXd^6sIDDUFTmG+fdb2wxDi;C#XSg~g9y7h`P0I|uFs zd>PCYO9k!A7<do(JurS?n_&IH?1SD1wGG@4N*@V7P*B)7h0%<yQ<f*7api@*4F?_m zA6^i2nIYh3CQB4^;i)(mzsC=x8p;dy@ZR9r!+0U$LdJy|9z5v|YzNM8SxMe}BwWMs z!8AdkK*@pmfcl=3o7iU-SM$Cu_@ni~=)gVZ-qs@uY$*(v*7r<1!6aIvVIcH_%Yfm* zWIOLqVqBY9E94@W*RY#0vNL#k@tj~-;#^~|;_WKW&cp7<c%%0G<eIKSpSC`fd{EE$ zO)Nt}h0{oZc>>SP8vW&m`Wf^X{Ftj4CMomm=|3Faka~dYfoa2I-boUY6Bs-C?`-S% z#q+@WKqbS}eWD5<(;pPGtYnvC%MgfTkYeyW!gGSb#Ybb2weSuW3;6|?<hebv(i@Ul zWISp(Dg+i7E;t>e#MYD8@czr?#;FYM2X8vGzOYQtPf#^re!=T;#3764!`?cb4IB$@ zdvnd#VK33tV>`$A!gFFrql?6g#*k%9{!G6aHS2cCY~TxHe$!aWs*<E2#`a>>Y~Bl@ zs!Po$H}|fX{gWa7q)L*45SxYL^XmuL8$|B&@%`}nW}G0QAjoWLXuwh)_|cwi$&a$4 z4;LR={W1FIeZ)Zl#Mi1;Remeg<k%S1!1Q!dW1Pm<^NhA1H>WeiJU$TKe4DXXuz}^I zBAeBN`#K5I56ndVo;MRWVKHvBa+s9NrssBZKJ$_fKc6&|+6!K=VVW>O{h`QR_J-z$ zDe*FQ`pXKe6i!+&%LeY7&B({)`SEDucHV+&<8z-cWHWl4Sk&Xba30g1sq2zIUfjcL z(`#m=*3C8Hx>2d~!T+oeZhd+-b?yB}OG2c77~kUB%leA9fn|29^}9VBQ&y$S71poI zZP?4G_hVATF^B3W<$4>WKderP6?dO{i=mo1$NSC$*Ca;fIsgA^1gs1y_5Blan@!Gn z_N7})hj|aAJb53hxxXjgC-;Hvk>9osNfOL+&VKi9xa}UAeN!}UPUvN}8^>;3`!P$? zu%VIh1oQ6nt09XHb*<l!n_zh>rk?p${kqKu0{@+LxN+*r-$xs!nSHRjHScO1)9ms! zbJ;$<XWZdB-Gyh#L5Am?e@r(BKiI|e`iL9z1vZ`gY<IXmL@2RcN@>XbVAGK2RQKr( zw}X%{^OhaonYNZ(FX^x7-p%{R`c~RKyN_a%SINu1^|aW^)UjJgbiW1PWwss8hPPL# zII-=RD!e?kZKcFr?SGT9m~&R&ag7pUWIil-Tuou+sbH%|R$XQr7<0e97Toeb#@$eA z>2vXfMJoi3D#}gHW6s%~bNE=-$+(8Vgtyxr{F846A3NfZ%C>{?>~_Xo96O&cDNI_$ zSTOZJ%VUY)wj&OuJO#6MZFD=}!tC&LKmUcv`**c1yYS4&LHWQ=rej}Oe2f_uJ5HJ+ zui{~JoFSe)gJmB3HYPU@Zsnpv4PlwL|NS4hG=EyMrlWC%<b$HpJa_-_#8*jOj1mlL z(-@h9(_JJ5m_HgHaCLdkT#~<B>-dsczZM>`%<j5dr@5bT>OvirLk#j2`x%4g8_p=> zf8ed~kpF;XgA31--o{Xk59N&O)O=ho$*??mwQ_d@cd+J8AyMX+#uvmREhH;gEErVu zGNl?=HQx3d@m|Anv>}pbPT!jki6>&$3Qga_bHHTEm*Wkb$pW2|*RdRRFlO74_JFzJ zGmFqvlVc3W7Pb86y`Zlp$ei>*fceiqhU3itW~eB7N;lNCbKfvO>7=D=n83-LuP|Sj zVHc<HM3vnSjxTiSZrs;7#iz4_@wdbS=1=z-UU?}^dLnVaKXB1$Va=&Rg3RBH9F#Bc zRhV=tsiZQj__3YY^P9z_2mYBIjTRC=q?GP5?2&SRa?c{VqW(yUjmSqm_AOh?)tW?e z)g*891@*GWb#E>y{LXM=>O;MK%a2BK9MxqrI>E3vWjPZ+!|%sh@psrBsHN0o#mo%f zlceyN=ZpK#Z;Y!SX{FCu&#-vn%l5`2ZYGbFJU@0dib&pQ-lETtWXMz~+2D8L!{Y;y z4K6$#jRib=dTv`bzI$A7QKq&$W<A5_iC2~^o_tx-P=PHgp@I2@jQ{WXQt#GQc+1!} zT=e+(o#DIV<PJtd0bb_$%2NBdT&zMZvX~Ei{af;L<!gQ+l_Z5Ewt0><HKI3UL-z#k zXZpizWTv|6jHaBS0$Z2Fi`IDF1FsfsR;+Wm$^2l~v#AXGA7~3QCn?CW**R{xV^tq3 za#3E`Ri$IGse$-}Pwp-mK^IG2TsZjh?(XuSlbUls@B|zeW0?3NPi3Nl@tte0g&dM3 znS+=6l}^)%e6%I&>Zwh0o?Gn}U-;#Y^#P8D2kw7%Seziveq6r3=J7P$XerIf>i%JW zZ(eO%S?pGEYu)5Wx0n9Nt35m0eEotye>T_s{dH{DE-OjK-8~2R1E;U_ieGXr)H};! zTA@M3hX==Gt;<X#8RX8)vyJ|m5pKJW^X_ZTC2HFhQ%$8#TVz~Z<oft-`Tf`>fBt-Y z*e-AO?fw1uubJVs|AM1#*>iC2*Jn<c&nRPEmh*UD?e9J#2Aho;7nLL#cJmxqe!=nG z&WStjG>Tk}(0RNd_x844?XWc(EC1N+EPsFRn4q%TinzC{u3JyO_Ak-nL$V~pZ=MHJ zG=ooR?XOP!`RQqI0rx468_6sdmKqo18s`1`X40qTy6krT;WplN^TPk=Z(mS)%yuJ4 zMoi1TIy-KAyzATJM}PgQ+R6HMRr)ukHil47-R{O0)iU9sT3mCim<xVea*OMg+}fTm zuc3c;S81``?>ENJJJsiLh{QDpr8nFce{yS{`=c|S@h<Bo*6*Ij)BE&JUEN-WovdrC zd4F*Hx@qsnY#=|;d~fip8+>}ldZn-LsQ+JQU#njko9Af#>c-;k&5w;3Vg)|B`8yf0 zh)FoxZ;$s}`+d%o=nGcN8(6Jw+43nL@UQZIsry)=<M#Q*?^XGqifvhUx86RB`2w5Z zKToy;>)HZ(Z?9kStlICCZbs<c|MDeMt)yqpX`b<;k?AXg&Z7lV+vmGq_m%_6-hR%u zD7iVKKEPao{r@>0p@oNL9CX;4XTLw@vhI%T>v}s`|8^KXw)*-@;X{JR&4+F+w;65! z>ONc$wmtr&`~K%k?lgtHWVrjac98)?xaZHctA4oc`g>~ax6dz%ecOw;qppfs6v%t+ z2)v`^;9u`;!SVXr=gnM2+)+!puiTxMsKapocll|C8^JHb<0_ZV=WE}mw|#->+eH2n z^D8&*_AmK!Eu>8OZk@Dw9?#kbj!HZJd^&wqd&}bRAHpvRd=DLE)n{Cl;cd}z>Fx7$ zmM3Cc-1OsG__nV;%G7hfw>p*K&59R6vul277T$Pmez#<@9N#m084L9X(px1O<h_5s z4XE4o_ubCt^EUj7`TDnr`_@If1;@9CW;5JK4fuY)=5<^J)A5%e*LI8Rhv^^qQ}&7J z%gps(8lUpCJmFZRb-jS^QQ7aGlAw6KAh_?;{8+Ewr)#AreD27Wve1~?aqj5x14lZA z=U!awetdd^|C!udTMET=A{OLx|N1cHQ>q@%qZx4u3j-@;E?mA}z&EMn_s_2^PsB{( z;^mtCrdK}@mu%bj<7nj(BZju(2}^FDKhJPM_r}iR^sSP`x6iO&$b3~caY_`g1(#x7 zfQXlUPjbWRzwdUvUUy)2&9PX9bz*n+R&U>2_4U<`$w7a%8WzapJ-+gw>iyfLyI6$x zFqY)Vfl~42w6jIK%HC#$JX^Q_Ulsd(F%vESQ$B*skGt!p{<tXhd>-?asm3#!P43p! zt!FCYmRf6lCHGZDq-2lwp92j%4GU$Ky#4msm;o*`*`%KJ!S|z9=CM~B3weBInP`S? zpD(Xi#Qn=~%B#{>X8Ye<RXNLhz<l<)7Y8iZc9p+>cV?#X@f|g$=LPKS-^EnDTzc03 z^>#^~Ij_&QU1#|4L+8D#?ChfldL)hKG%~Z#n!3_x=gz0oqUY?|waX~H)XJ4@U(=S^ zd+Otu3z+nHJPeb)b}=!R{En^tdR5eEM(N8d!TzP|c6IGO>B*Da;6GvB(oaWJo7ow7 z8KjOmMy>w)hwaawb=g}NOx)!nYk%C7;hvmB;PnH%3;w?}K2ZKjd)*GDzda!{na>3u zn8z4;Z|MU=;{)&P*?)6CGG*{pzuWz5z8!PHZ&9{?QCqX7)}>{gVC22tA=r3*;gtzZ zc`F+mmu<AW&hX)Xrm4%4=%h4-w^!>DyVbWRM6f0Aod1|XcaP!c>_xK~_x_hY(&)MR z@1J|$|AHJ7xa;Wpn$OwyeNQvLWYn-UI^i&>L}J6qx6h9Y+--``eIf31eR5*MFFzB> zhRKC@=BcZs88~d0=XD5c$#a~2XGY}1y*`#!k81SeijOn=n$Ef6vZg`8tE~MSLSoAA zmPYAHOgr-8o&2E{G0Y1%9WDw=TP@p|{I=xxPtiHmY$tSI91lvm{@YOXI>Q%Fok-P? ziHx`J)`@brcY|Z_#@9p6^Vu5Y`E~a2t4!M>q;<OC<?6qu(rg~E?qp>a60J9=`q#IV z@dZo9RkuGazn3v=pD()lZw>b&;fD1VQMxajgZ@n4IX5KzI>QAHkD#=M?)03<x8l=Q z?JRzN3gobY@0ZoJnFaa|zj(JTcWeBON$F?LN>1w+dH39Tzi>6f7tT+I87EDVII-&X z`Tlb=jnhx*zHkq!xxUjp!Ck81-p8d2XEYm32;DwE{^r)G3;hdkte@|~yg>87#?LW! zjca!QJvIH$1<{?Xe<ixUR>?~-_%Tmga>U`<-MYFhr*vN&4_I@(x~RBeKkF88hc!0S z`{vB9(Tm-6We0!FlykW?>A%0ee!eDt|GmnmQ^Oy5yBJPSdf>a4Y04tig~c&4lf}2s zmtP7BBazcz^WHGVaEnZ1J2t6BN%thf-2`rNJ(Fj*>r{<rKJcuKHgMe3ud;QrEraeQ zJ0}k%_jR}Xd*g~)7}tu~9CCGXznjT$OLfYONtS0E;_lYf@j9#qIrz^n!#m<{xEtCW zCNVIV{ML=$cIL(TYE=j4n<^i29n=5(_;_xXY4)kMi>)Ule$468f7;*U|Gy*W{*%l5 zTOK-HaL|j`aA0Gp_>+RA{(s(?$*|0sUa`s2Hz03+g6RG2`SHv5?TgDhm{8KnwRCyC z#;;YoXEw(a{r*{e%<)p?=Vvc(H~kA~<y$D{kipgLYLIio;Q2Z0_a(QsUY?OHaBPR) zf`tnYMsCdto$!DwSef|^V@=%Sy}NW3m}?f@EjY~UH(jrF?G5I8OB1fgRj;k``DoVM zY{D@A$n3VH=PSOYPLEYnT9wkkR(x)bB`A-D8hlXXJ#bJfFW`cfWWx0S&t~UeTTwQ3 z&(4FH7Vf=LPyb!{pCOsCfboW4?wqc(rw=?iIeBjJdE4vNUdKZX4qR>e{QP`*)b?lp zL??Af{+QC-@MiY6UW+7GcDAZ7FCOYdZgP45PchngzFqB{UTJfy?Ca}zB`4?QA3Kot zjlnLfEXZCtsi8T7nT@AIW7{9M!;T^Q+^$~D{QRmT`e5}N#trpVWk&>`+wEHD+<xk< zc%t@%XagssewVFtY#ZLX*S*%@V*7Dq*T-YhSHJc*`S{CRk16iG(<Eo7WKq-2mJrP% zsL938EUe~JVDUq}a~k6}rYB-OQ!c+XVaRuvN<F8%_;$bift;I@;$tSeoNc(%G|?#P zhER_9qC4W5TP*u}cuSs~m}r@%aBtCRT?xtka~St@+cwN?7mPep+1rt4UmEy$eXUf) z*)=?8iyhx*GT7PnTrhlQ%fuIS@~wEi_5%fN-nDm{7Vgk9VwlA((B=JRHQ)C8UtV5z zKDOv~vynl@1%>w0t5r>n512Z%`a14Zow1Dh`kBR#PrMax+9R+%EBdRz6U%efJAO07 zGit1t|FwMoR)Ygq>xzC~JruK}`b+M?fIp&l{;y-KP!0*P+&44NeqaBox6}QU7d)JL zeW}_zZvNWq3~SbFa@`G)=nZ4`S+BU`zSxzlgR5RAaKA6$Ww_67A@2~x%3Sn2)G@5b z@u}FFS$AxAJl4JURI1^7fse<k1c$u+S|_>;SKMg|oqYPMJ!@?_FGDQT8&(e{BZuwx zw`5*sY75)2Lvlg%gwyL)8zmlm`QP;Vz9~bm#YW8wYq>%a8fMoNi9{vwF-Pf2?9jWW zn3AaNaGl}9x#vvx=Y4L7dYhicJR#bkVDFx1ZC|7q<~>=W;K|Ci<zzZ*5zh{l?F;f% z1CGZRIal%?2%A%LfA50-OC=vDiR6BYoFy%M?v(C}Xl@yXoLkICvKcBIA2W#ln0$LZ zlO<d1qUeH4OFY@0o>;M_fGJ?|@$=aXUAx%aQg2Q;bK-5fhwG1&<~+w-rKo8teP2y$ zxm#v8RXw%%GvVbIqoN-Xvuma)9DNWhBXDPT`TEU8PraIpXL?<$YYds4_OGg%;mq09 z4By!&R7hONvgel+lg--tAaJVd-Mmi>AF_&>5Bxk>;|`MC{?{fYqC{gmSW<5dW5Ie8 zbA~(8A2h!&`e)sGzOs00{OYi^F72&6Cv+o1GOxT{^w)m2G(%h6o)^>R{GV|9{5v*< z?FoT@ZNt8B+t1=>`t&RA0apWa(@wEnf2ZliuHvtWxX1M+_n;GNUBiBRrmkZ@yuLEr zb6GH*d;60={dekaW-t_Si@loo`Txq>u0gBV541YoZTQ^f^z04$-MaESh3%L3)&8C{ z)n@k5snHj9GMoNR`Fu<FDs#dNQwDpP3EqWw>vBvcy)kgu{y=m2oJn(;SoJ-bo7QQF z?wP~*p#4VopVp;$=U!Rv{JSY~v&oA&iZh&Vb{Jisu2pWye4z1wyZ7A*UyI+V%`f_$ zx_Mdgub12G7nt4Tw(vS7$-q{_q47yluC$!Z|H+odlnrX$;+pMwj{8p82hHlel;>cs zvz=!bhs8nLiC_O0{Z8H6#y_<`@1XB&Gt2DjpM1?fAA0$BI}^Lt)Ga~$4Y6&hOY=^F zoe{P9=+j3E`t}d!P0r`G>$&uK>b@mYikPdIi!L1yQTY5h;pw-}Vb$OIcbC3?W@2Ju zu{vz+siMU13ko(fy!#p$6g9=B`bmnnj2^q2oaNNL%5@=+_WgcWthevSqc@^{s#>QR zcn^GdczAB<YYTU^$(y8>O7XwZ54X~)P<>c^xYl7AFT?Jp9G0(NzxpLBKX>%}bl||o z<8rgVX5Rb0Snjlz{p%a+*$)`hHl#N^{^_j5cBDa+r{MPb%?(}mf3Gm%crk5~G{>cW z4MFCl19EH@4e^0LBc~{^H9UOBT4b)?z&gEyky|oh`~P<eKl!p4c9=bARS?wbkq}^B zX?!63TYB>or4@`1au(I|3N1X;!Du+aiuujP;PhJ66ABBYIoTO^E)B5%-tw=T(J(=V zdG>_G>zU=*PexvlV|e_iPpP}fWtBma1J9CU40pdZPML4HW*Pf|4}Tf=MVCC}@01W= zb~8NC{-q!x`$A0UW#)uAcY=OwcT^6yFjQa@N=?uVx*g@)b@dyA#CL&)XztQy5G@8D zIExDP4qUBoTzX56K{<~9gDu$CmOKIKtApy&_D+*ycrVRWkk?SfnBuI&b}4nivgP)h zW4!qrzVBsQA?~22lB7_}mR0r3`1aOs3>Es-j56FWj>rocDzF75HYoqE`TqRa{7~<; zwhU@V;u@Z@hWPHx6JVZbbinezsiu9g;4=0DzpI)2nbkkHg9Z~^Bp*z=pU)7T?Rz!f z+hBji{~m@rAt_Dq4zc3QNeV@5&lHZiA3h?rjs3tDYlhVg>pwwsNj!LU$M8UUVi5Oj z=7d{!)DzeZ1Un8bP>=$Jiyco)?`!>^Eg$#FqzPP*{@MKF<Am=meMcK4I(i%LE2iar zmyKFflQh5W&WF$idL`>b8YKjnpGrJfGXLU%TSbhkEai`CH_Vp%J8^Bp#&?{5Ar8rN z?csM3&7NY*@a(0<gZ=|I|0se+A%fWEIp;iX2w<+iC*yjPIbqM8o(bM<>dbZbWgG-R zj$xEsaJp7&gJQxDhl7jE7<|6)F0ek(%c+v&z~gfGfW7jp6Y2Nd{&GDK+se%s#v~&# zrGwE>ppUWa?{Q}9!>+|&?gs8;oPGR^?a6h_-%R!|xS!;}6LR!GUdum4ft{a>#S8Z^ z8N{6mYk16%%mA`(tKkRXJKMHwi~jq*>$T_s-<`I67M>k<#X)jc4ITP#wK_PLZfE6} z-OiZcw<G_+V}@`(uOkf-9LE^Ke_ecfJoWoV&pGQE@|NxNdyxBJeZ!7pGIzFoiRVda zY-H9rVv^u`r`7Wi!v>!9OmmdZY&{K%b}i!%+A;rJpDJ98@qHwE;H+jkXVJk4%eZ#; zyx1>cF^kde>we~fFZN}gml!q}FgF};r~?Pxf{w<uKaR4is9#o9^4vdpe_zmF*#nuq zAQSrxHgLDwGYAFOsm;A2!Em{#mG#M_W84i(sul9&zQps)IC4Pz#2KFl_LI(qNU=4f zKDlzN?|?Zd`xc!$;2&70ROoq{VZ#D{1{rRPx%Mha3d?!!bQk?scDNq@Xi}N@9$~LD zGn*C*>F*R0VSZ`+K|ST6e&dO2-@~JqEMaGy{XAdY?+@>XoX_09blHr~G2H(1)FJDX zf8FJGj0XHu8V?vHFw}b-aX2P<qvg|F{tMdERxP>9T)^$`w2t9kssD@p5+^j6a~=mb zT$wum&oWDn6JPdz;;Z|R%zmHEszU!o1W!r}quz&~avP3K`7|Si;l#<X2bB(P3@RQ* zM;WHhfB#3@S8Hk}Tf?0kRttZK_(6uL^QE7zGg@n+CdE*+g*U+ez?N%^{#-fK@cW6m z-_J;iU|xpL+e8-#{t!D5*(_w3Ak8fE;j#69uVCZ6O^gcZ(T(bj6CJ`Gl-P0-6O4^c z<=LzM_HZ&P;Cfdtl_7GZku|p=w^Tr(b3)@}f$LcgZVoat?y!X|=-sq7N^#kKrV7s| zQ%?S8@>nM(P&xDBMopeSY?43i4)8yXQZ$of5ZWdFU`pb-geU)+mYqp)2~)95Yk2*$ zp0mJrzu9ij6^cIYRxv&)MdbmNr|bR(JY24N<=IppW42=t&7X&OUp(R{mD`Y;U$fb4 z<$O-#3-T{@*)L@<cp2~CW8Y_HuJCZ1TxHR=UdAa(4Zpen@jXaCagNPIk3mRfqv3(? zf8!bJ`S-|2Yjy2VW81N0MzH?Z6fyR~EsW>hJbohAd60+4`JNo}qYQ>F<NbT=y3CGl zQ{C9mxb4K_m<Hu7K~aSQ%XmL<+va%J9Gwzz>_Ehm@ZgSAhAdMC{e^!oTvpjQqtWWg z-!g~2jFL?Y+8Tt<SzNfzJ0Yc|(NLqkirI*%&h3Hb7U7@Yj2C@5+kNofft-eQ&imUI zy#D#<h4Plp*^F;(8HG0K#rTxiE2xUIvtQ(sWAI~Eu}oT^ddf=h!M|oBmY+`=O6xfl zP8u@T=+5BGVNc=sbdd4;oH?u|3@S+r4mjBVS-Rb!O<}j&gXAmk&o{<3xbRF#X^6J` zEA?Q(gesPs4;s48Tgh^HfaYiR^#mBPlu0va)-71J&S9#=gFo-*Ggg^yI4)7s@avNB z{-D*@wyu(VAaSrJL3u$qv$5rkrd<zh_}?k%3NmjrIPhLLhSi4g4SNdDrKb(02lCy0 zSgRO>3@30f&v7r{+aU2^dT%Pnq^Aw*Q@R=Seq=%BqQ1DDGH#gaz^srgz|UUIS8OBu z|EHH4=Shd|3Ey9TOJdt0dsFg2d1E&NpTef)3M=O_<{jM1_n_><oK3%N6goQ?B^x?A zbOe2^=ls?xuq#kBkjP;6_#^qC+IH%^-5>tQRR}&1iiJ*@Wz2kW>yeH6!XCy90gK}f z%wY-#mES*};q{+m1KWc%ncobaJv=8Ej(Fs?uK4{}Dtvw|_XEFUCDEm9pH${A+AzCu zdE-+C(SN)SlN6YZ7&s@zs%iEK^02fqC^r~0N_9+b)Zw&MUC$iy<?4a#18NT#6g)c_ zB^#!6eD~ZYzV7no58@2$LN}u=IA3sXVfUF9dqO6*<ULc!hxEp;2h1MmIwT1&8!@nj zw)uzcdThnZ!0Tw=u%5S;L5f>1^BqeK=YtC8IfuR%mEA9Al4rDLICnt#6{FqDOa=@7 z_#_KvBZju{fQC00zrK)SkZSB>sODE^%3J@CMdq@_hbrraV@oRU*7p_9XP9%?Vd*la wdX7Ep0SmV?<}=qE3jUeNlEI)NX8hs5!~LCnS#P>PizgX8UHx3vIVCg!02|oaVE_OC literal 0 HcmV?d00001 diff --git a/templates/simple/nextjs/app/globals.css b/templates/simple/nextjs/app/globals.css new file mode 100644 index 00000000..fd81e885 --- /dev/null +++ b/templates/simple/nextjs/app/globals.css @@ -0,0 +1,27 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +:root { + --foreground-rgb: 0, 0, 0; + --background-start-rgb: 214, 219, 220; + --background-end-rgb: 255, 255, 255; +} + +@media (prefers-color-scheme: dark) { + :root { + --foreground-rgb: 255, 255, 255; + --background-start-rgb: 0, 0, 0; + --background-end-rgb: 0, 0, 0; + } +} + +body { + color: rgb(var(--foreground-rgb)); + background: linear-gradient( + to bottom, + transparent, + rgb(var(--background-end-rgb)) + ) + rgb(var(--background-start-rgb)); +} diff --git a/templates/simple/nextjs/app/layout.tsx b/templates/simple/nextjs/app/layout.tsx new file mode 100644 index 00000000..fb097706 --- /dev/null +++ b/templates/simple/nextjs/app/layout.tsx @@ -0,0 +1,22 @@ +import type { Metadata } from "next"; +import { Inter } from "next/font/google"; +import "./globals.css"; + +const inter = Inter({ subsets: ["latin"] }); + +export const metadata: Metadata = { + title: "Create Llama App", + description: "Generated by create-llama", +}; + +export default function RootLayout({ + children, +}: { + children: React.ReactNode; +}) { + return ( + <html lang="en"> + <body className={inter.className}>{children}</body> + </html> + ); +} diff --git a/templates/simple/nextjs/app/page.tsx b/templates/simple/nextjs/app/page.tsx new file mode 100644 index 00000000..7a8286b5 --- /dev/null +++ b/templates/simple/nextjs/app/page.tsx @@ -0,0 +1,113 @@ +import Image from 'next/image' + +export default function Home() { + return ( + <main className="flex min-h-screen flex-col items-center justify-between p-24"> + <div className="z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex"> + <p className="fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30"> + Get started by editing + <code className="font-mono font-bold">app/page.tsx</code> + </p> + <div className="fixed bottom-0 left-0 flex h-48 w-full items-end justify-center bg-gradient-to-t from-white via-white dark:from-black dark:via-black lg:static lg:h-auto lg:w-auto lg:bg-none"> + <a + className="pointer-events-none flex place-items-center gap-2 p-8 lg:pointer-events-auto lg:p-0" + href="https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app" + target="_blank" + rel="noopener noreferrer" + > + By{' '} + <Image + src="/vercel.svg" + alt="Vercel Logo" + className="dark:invert" + width={100} + height={24} + priority + /> + </a> + </div> + </div> + + <div className="relative flex place-items-center before:absolute before:h-[300px] before:w-[480px] before:-translate-x-1/2 before:rounded-full before:bg-gradient-radial before:from-white before:to-transparent before:blur-2xl before:content-[''] after:absolute after:-z-20 after:h-[180px] after:w-[240px] after:translate-x-1/3 after:bg-gradient-conic after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 before:lg:h-[360px] z-[-1]"> + <Image + className="relative dark:drop-shadow-[0_0_0.3rem_#ffffff70] dark:invert" + src="/next.svg" + alt="Next.js Logo" + width={180} + height={37} + priority + /> + </div> + + <div className="mb-32 grid text-center lg:max-w-5xl lg:w-full lg:mb-0 lg:grid-cols-4 lg:text-left"> + <a + href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app" + className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30" + target="_blank" + rel="noopener noreferrer" + > + <h2 className={`mb-3 text-2xl font-semibold`}> + Docs{' '} + <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none"> + -> + </span> + </h2> + <p className={`m-0 max-w-[30ch] text-sm opacity-50`}> + Find in-depth information about Next.js features and API. + </p> + </a> + + <a + href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" + className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30" + target="_blank" + rel="noopener noreferrer" + > + <h2 className={`mb-3 text-2xl font-semibold`}> + Learn{' '} + <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none"> + -> + </span> + </h2> + <p className={`m-0 max-w-[30ch] text-sm opacity-50`}> + Learn about Next.js in an interactive course with quizzes! + </p> + </a> + + <a + href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app" + className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30" + target="_blank" + rel="noopener noreferrer" + > + <h2 className={`mb-3 text-2xl font-semibold`}> + Templates{' '} + <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none"> + -> + </span> + </h2> + <p className={`m-0 max-w-[30ch] text-sm opacity-50`}> + Explore the Next.js 13 playground. + </p> + </a> + + <a + href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app" + className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30" + target="_blank" + rel="noopener noreferrer" + > + <h2 className={`mb-3 text-2xl font-semibold`}> + Deploy{' '} + <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none"> + -> + </span> + </h2> + <p className={`m-0 max-w-[30ch] text-sm opacity-50`}> + Instantly deploy your Next.js site to a shareable URL with Vercel. + </p> + </a> + </div> + </main> + ) +} diff --git a/templates/simple/nextjs/eslintrc.json b/templates/simple/nextjs/eslintrc.json new file mode 100644 index 00000000..bffb357a --- /dev/null +++ b/templates/simple/nextjs/eslintrc.json @@ -0,0 +1,3 @@ +{ + "extends": "next/core-web-vitals" +} diff --git a/templates/simple/nextjs/gitignore b/templates/simple/nextjs/gitignore new file mode 100644 index 00000000..8f322f0d --- /dev/null +++ b/templates/simple/nextjs/gitignore @@ -0,0 +1,35 @@ +# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. + +# dependencies +/node_modules +/.pnp +.pnp.js + +# 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/templates/simple/nextjs/next-env.d.ts b/templates/simple/nextjs/next-env.d.ts new file mode 100644 index 00000000..4f11a03d --- /dev/null +++ b/templates/simple/nextjs/next-env.d.ts @@ -0,0 +1,5 @@ +/// <reference types="next" /> +/// <reference types="next/image-types/global" /> + +// NOTE: This file should not be edited +// see https://nextjs.org/docs/basic-features/typescript for more information. diff --git a/templates/simple/nextjs/next.config.js b/templates/simple/nextjs/next.config.js new file mode 100644 index 00000000..767719fc --- /dev/null +++ b/templates/simple/nextjs/next.config.js @@ -0,0 +1,4 @@ +/** @type {import('next').NextConfig} */ +const nextConfig = {} + +module.exports = nextConfig diff --git a/templates/simple/nextjs/postcss.config.js b/templates/simple/nextjs/postcss.config.js new file mode 100644 index 00000000..33ad091d --- /dev/null +++ b/templates/simple/nextjs/postcss.config.js @@ -0,0 +1,6 @@ +module.exports = { + plugins: { + tailwindcss: {}, + autoprefixer: {}, + }, +} diff --git a/templates/simple/nextjs/public/next.svg b/templates/simple/nextjs/public/next.svg new file mode 100644 index 00000000..5174b28c --- /dev/null +++ b/templates/simple/nextjs/public/next.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg> \ No newline at end of file diff --git a/templates/simple/nextjs/public/vercel.svg b/templates/simple/nextjs/public/vercel.svg new file mode 100644 index 00000000..d2f84222 --- /dev/null +++ b/templates/simple/nextjs/public/vercel.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 283 64"><path fill="black" d="M141 16c-11 0-19 7-19 18s9 18 20 18c7 0 13-3 16-7l-7-5c-2 3-6 4-9 4-5 0-9-3-10-7h28v-3c0-11-8-18-19-18zm-9 15c1-4 4-7 9-7s8 3 9 7h-18zm117-15c-11 0-19 7-19 18s9 18 20 18c6 0 12-3 16-7l-8-5c-2 3-5 4-8 4-5 0-9-3-11-7h28l1-3c0-11-8-18-19-18zm-10 15c2-4 5-7 10-7s8 3 9 7h-19zm-39 3c0 6 4 10 10 10 4 0 7-2 9-5l8 5c-3 5-9 8-17 8-11 0-19-7-19-18s8-18 19-18c8 0 14 3 17 8l-8 5c-2-3-5-5-9-5-6 0-10 4-10 10zm83-29v46h-9V5h9zM37 0l37 64H0L37 0zm92 5-27 48L74 5h10l18 30 17-30h10zm59 12v10l-3-1c-6 0-10 4-10 10v15h-9V17h9v9c0-5 6-9 13-9z"/></svg> \ No newline at end of file diff --git a/templates/simple/nextjs/tailwind.config.ts b/templates/simple/nextjs/tailwind.config.ts new file mode 100644 index 00000000..c7ead804 --- /dev/null +++ b/templates/simple/nextjs/tailwind.config.ts @@ -0,0 +1,20 @@ +import type { Config } from 'tailwindcss' + +const config: Config = { + content: [ + './pages/**/*.{js,ts,jsx,tsx,mdx}', + './components/**/*.{js,ts,jsx,tsx,mdx}', + './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/templates/simple/nextjs/tsconfig.json b/templates/simple/nextjs/tsconfig.json new file mode 100644 index 00000000..c7146963 --- /dev/null +++ b/templates/simple/nextjs/tsconfig.json @@ -0,0 +1,27 @@ +{ + "compilerOptions": { + "target": "es5", + "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": { + "@/*": ["./*"] + } + }, + "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], + "exclude": ["node_modules"] +} diff --git a/templates/types.ts b/templates/types.ts new file mode 100644 index 00000000..541fa3d3 --- /dev/null +++ b/templates/types.ts @@ -0,0 +1,24 @@ +import { PackageManager } from '../helpers/get-pkg-manager' + +export type TemplateType = 'simple' +export type TemplateMode = 'nextjs' + +export interface GetTemplateFileArgs { + template: TemplateType + mode: TemplateMode + file: string +} + +export interface InstallTemplateArgs { + appName: string + root: string + packageManager: PackageManager + isOnline: boolean + + template: TemplateType + mode: TemplateMode + eslint: boolean + tailwind: boolean + srcDir: boolean + importAlias: string +} -- GitLab