mirror of
https://github.com/stackblitz-labs/bolt.diy
synced 2025-06-26 18:26:38 +00:00
e30035cec5
Introduce a new starter template for Vite with shadcn/ui integration. The template includes React, TypeScript, and Tailwind, and is added to the STARTER_TEMPLATES list. Additionally, update the styling in StarterTemplates component to better accommodate the new template and add the shadcn.svg icon.
133 lines
4.7 KiB
TypeScript
133 lines
4.7 KiB
TypeScript
import { LLMManager } from '~/lib/modules/llm/manager';
|
|
import type { Template } from '~/types/template';
|
|
|
|
export const WORK_DIR_NAME = 'project';
|
|
export const WORK_DIR = `/home/${WORK_DIR_NAME}`;
|
|
export const MODIFICATIONS_TAG_NAME = 'bolt_file_modifications';
|
|
export const MODEL_REGEX = /^\[Model: (.*?)\]\n\n/;
|
|
export const PROVIDER_REGEX = /\[Provider: (.*?)\]\n\n/;
|
|
export const DEFAULT_MODEL = 'claude-3-5-sonnet-latest';
|
|
export const PROMPT_COOKIE_KEY = 'cachedPrompt';
|
|
|
|
const llmManager = LLMManager.getInstance(import.meta.env);
|
|
|
|
export const PROVIDER_LIST = llmManager.getAllProviders();
|
|
export const DEFAULT_PROVIDER = llmManager.getDefaultProvider();
|
|
|
|
export const providerBaseUrlEnvKeys: Record<string, { baseUrlKey?: string; apiTokenKey?: string }> = {};
|
|
PROVIDER_LIST.forEach((provider) => {
|
|
providerBaseUrlEnvKeys[provider.name] = {
|
|
baseUrlKey: provider.config.baseUrlKey,
|
|
apiTokenKey: provider.config.apiTokenKey,
|
|
};
|
|
});
|
|
|
|
// starter Templates
|
|
|
|
export const STARTER_TEMPLATES: Template[] = [
|
|
{
|
|
name: 'Expo App',
|
|
label: 'Expo App',
|
|
description: 'Expo starter template for building cross-platform mobile apps',
|
|
githubRepo: 'xKevIsDev/bolt-expo-template',
|
|
tags: ['mobile', 'expo', 'mobile-app', 'android', 'iphone'],
|
|
icon: 'i-bolt:expo',
|
|
},
|
|
{
|
|
name: 'Basic Astro',
|
|
label: 'Astro Basic',
|
|
description: 'Lightweight Astro starter template for building fast static websites',
|
|
githubRepo: 'xKevIsDev/bolt-astro-basic-template',
|
|
tags: ['astro', 'blog', 'performance'],
|
|
icon: 'i-bolt:astro',
|
|
},
|
|
{
|
|
name: 'NextJS Shadcn',
|
|
label: 'Next.js with shadcn/ui',
|
|
description: 'Next.js starter fullstack template integrated with shadcn/ui components and styling system',
|
|
githubRepo: 'xKevIsDev/bolt-nextjs-shadcn-template',
|
|
tags: ['nextjs', 'react', 'typescript', 'shadcn', 'tailwind'],
|
|
icon: 'i-bolt:nextjs',
|
|
},
|
|
{
|
|
name: 'Vite Shadcn',
|
|
label: 'Vite with shadcn/ui',
|
|
description: 'Vite starter fullstack template integrated with shadcn/ui components and styling system',
|
|
githubRepo: 'xKevIsDev/vite-shadcn',
|
|
tags: ['vite', 'react', 'typescript', 'shadcn', 'tailwind'],
|
|
icon: 'i-bolt:shadcn',
|
|
},
|
|
{
|
|
name: 'Qwik Typescript',
|
|
label: 'Qwik TypeScript',
|
|
description: 'Qwik framework starter with TypeScript for building resumable applications',
|
|
githubRepo: 'xKevIsDev/bolt-qwik-ts-template',
|
|
tags: ['qwik', 'typescript', 'performance', 'resumable'],
|
|
icon: 'i-bolt:qwik',
|
|
},
|
|
{
|
|
name: 'Remix Typescript',
|
|
label: 'Remix TypeScript',
|
|
description: 'Remix framework starter with TypeScript for full-stack web applications',
|
|
githubRepo: 'xKevIsDev/bolt-remix-ts-template',
|
|
tags: ['remix', 'typescript', 'fullstack', 'react'],
|
|
icon: 'i-bolt:remix',
|
|
},
|
|
{
|
|
name: 'Slidev',
|
|
label: 'Slidev Presentation',
|
|
description: 'Slidev starter template for creating developer-friendly presentations using Markdown',
|
|
githubRepo: 'xKevIsDev/bolt-slidev-template',
|
|
tags: ['slidev', 'presentation', 'markdown'],
|
|
icon: 'i-bolt:slidev',
|
|
},
|
|
{
|
|
name: 'Sveltekit',
|
|
label: 'SvelteKit',
|
|
description: 'SvelteKit starter template for building fast, efficient web applications',
|
|
githubRepo: 'bolt-sveltekit-template',
|
|
tags: ['svelte', 'sveltekit', 'typescript'],
|
|
icon: 'i-bolt:svelte',
|
|
},
|
|
{
|
|
name: 'Vanilla Vite',
|
|
label: 'Vanilla + Vite',
|
|
description: 'Minimal Vite starter template for vanilla JavaScript projects',
|
|
githubRepo: 'xKevIsDev/vanilla-vite-template',
|
|
tags: ['vite', 'vanilla-js', 'minimal'],
|
|
icon: 'i-bolt:vite',
|
|
},
|
|
{
|
|
name: 'Vite React',
|
|
label: 'React + Vite + typescript',
|
|
description: 'React starter template powered by Vite for fast development experience',
|
|
githubRepo: 'xKevIsDev/bolt-vite-react-ts-template',
|
|
tags: ['react', 'vite', 'frontend', 'website', 'app'],
|
|
icon: 'i-bolt:react',
|
|
},
|
|
{
|
|
name: 'Vite Typescript',
|
|
label: 'Vite + TypeScript',
|
|
description: 'Vite starter template with TypeScript configuration for type-safe development',
|
|
githubRepo: 'xKevIsDev/bolt-vite-ts-template',
|
|
tags: ['vite', 'typescript', 'minimal'],
|
|
icon: 'i-bolt:typescript',
|
|
},
|
|
{
|
|
name: 'Vue',
|
|
label: 'Vue.js',
|
|
description: 'Vue.js starter template with modern tooling and best practices',
|
|
githubRepo: 'xKevIsDev/bolt-vue-template',
|
|
tags: ['vue', 'typescript', 'frontend'],
|
|
icon: 'i-bolt:vue',
|
|
},
|
|
{
|
|
name: 'Angular',
|
|
label: 'Angular Starter',
|
|
description: 'A modern Angular starter template with TypeScript support and best practices configuration',
|
|
githubRepo: 'xKevIsDev/bolt-angular-template',
|
|
tags: ['angular', 'typescript', 'frontend', 'spa'],
|
|
icon: 'i-bolt:angular',
|
|
},
|
|
];
|