multi-model-bolt.new: модификация с открытым исходным кодом, основанная на Bolt.new, управляемом искусственным интеллектом инструменте разработки полного стека

Общее введение

multi-model-bolt.new - это приложение, основанное на Bolt.new Модифицированная версия TogetherAI позволяет использовать модели TogetherAI для поддержки таких функций, как развертывание, мобильный ответ и голосовой ввод. Пользователи могут запрашивать, запускать, редактировать и развертывать приложения полного стека непосредственно в браузере, без необходимости локальной настройки. Инструмент интегрируется с новейшими моделями ИИ и WebContainers от StackBlitz, обеспечивая полный контроль над средой разработки.

Издание с открытым исходным кодом:Болт оригинал multi-model-bolt.new: модификация с открытым исходным кодом, основанная на Bolt.new, управляемом искусственным интеллектом инструменте разработки полного стека

Реконструкция с открытым исходным кодом для поддержки доступа к любой модели: https://github.com/InnoBridge/bolt.new-any-llm

В чем разница между Bolt (этой кодовой базой) и Bolt.new?

• Bolt.new: Это из StackBlitz.Коммерческие продуктыAI - это браузерный инструмент разработки AI, который позволяет пользователям создавать, запускать, редактировать и развертывать полнофункциональные веб-приложения прямо в браузере. Он основан на Библиотека с открытым исходным кодом Bolt построенный с помощью StackBlitz's API WebContainer Оказывайте поддержку.
• Болт (эта кодовая база): Это библиотека с открытым исходным кодом, которая предоставляет средства для создания Bolt.new необходимые базовые компоненты. Кодовая база содержит Болт пользовательский интерфейс и серверные компоненты с помощью Запуск ремикса Построение. Используя эту кодовую базу и StackBlitz's API WebContainerВы можете создавать собственные инструменты разработки, управляемые искусственным интеллектом, и полнофункциональные приложения, полностью работающие в браузере.

Список функций

• Установка и запуск инструментов и библиотек npm: Поддержка популярных фреймворков, таких как Vite, Next.js и др.
• Запуск сервера Node.js: Запуск внутреннего сервиса непосредственно в браузере
• Взаимодействие с API сторонних разработчиков: Легкая интеграция внешних сервисов
• Развертывание из чата в производственную среду: Оптимизация процесса развертывания
• Поделитесь своей работой по URL: Содействие командной работе
• экологический контроль: модели искусственного интеллекта имеют полный контроль над файловыми системами, серверами узлов, менеджерами пакетов, терминалами и консолями браузеров.
• Мобильный ответ: Отзывчивый дизайн для поддержки мобильных устройств
• голосовой ввод: Добавлена функция голосового ввода для повышения удобства пользователей

Использование помощи

Bolt сочетает в себе мощь искусственного интеллекта и среду разработки в виде песочницы, чтобы создать совместный опыт, в котором помощники и программисты могут работать вместе над кодом.Bolt использует API WebContainer, иКлод Сонет 3.5, иРемикс ответить пением AI SDK.

API WebContainer

Использование болтов Веб-контейнеры Запустите сгенерированный код в браузере.WebContainers обеспечивают полнофункциональную среду "песочницы", которая использует API WebContainer Веб-контейнеры позволяют запускать полнофункциональные приложения непосредственно в браузере, что позволяет избежать затрат и проблем с безопасностью, связанных с размещением агента ИИ в облаке. Веб-контейнеры интерактивны и редактируемы, что позволяет ИИ Bolt выполнять код и понимать любые изменения, вносимые пользователем.

API WebContainer Бесплатно для личного использования и проектов с открытым исходным кодом. Если вы создаете приложение для коммерческого использования, узнайте больше о наших Информация о ценах на коммерческое использование API WebContainer.

Приложение Remix

Использование болтов Ремикс построенный с Страницы CloudFlare ответить пением Рабочие CloudFlare Развертывание.

Интеграция AI SDK

Использование болтов AI SDK Интеграция моделей искусственного интеллекта. В настоящее время Bolt поддерживает использование Антропология (используется в форме номинального выражения) Клод Sonnet 3.5. Вы можете получить информацию из Консоль API Anthropic Получите ключ API для использования с Bolt. Проверьте Как Bolt использует AI SDK.

пререквизиты

Прежде чем приступить к работе, убедитесь, что у вас установлено следующее:

• Node.js (v20.15.1)
• pnpm (v9.4.0)

Этапы настройки

1. Клонируйте репозиторий кода (если это еще не сделано):

git clone https://github.com/stackblitz/bolt.new.git

2. Установите зависимость:

pnpm install

3. Настройте Supabase Auth и Providers:

• Создайте новый проект на Supabase и сгенерируйте новый анонимный ключ (anon key).
• Добавьте анонимный ключ в .env.local Документация.
• Добавьте URL-адрес Supabase в .env.local Документация.
• Настройте провайдеров Supabase (Google, GitHub и т. д.).

4. Создание корневого каталога .env.local и добавьте свой ключ API Anthropic:

ANTHROPIC_API_KEY=your_api_key
TOGETHER_API_KEY=your_api_key

# SUPABASE
SUPABASE_URL=your_supabase_url
SUPABASE_ANON_KEY=your_anon_key
# Client Supabase
VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_ANON_KEY=your_anon_key

# NETLIFY
NETLIFY_AUTH_TOKEN=your_auth_token
NETLIFY_CLIENT_SECRET=your_client_secret
VITE_NETLIFY_CLIENT_ID=your_client_id

Необязательно: установите уровень отладки:

VITE_LOG_LEVEL=debug

Важные замечания: Пожалуйста, не размещайте .env.local файл фиксируется в системе контроля версий. Этот файл включается в .gitignore Средний.

Добавление пользовательских моделей для совместного искусственного интеллекта

Чтобы добавить Вместе Пользовательские модели AI, которые могут быть добавлены в app/components/chat/ProviderSelector.tsx Документация.

const togetherModels = [
'meta-llama/Meta-Llama-3.1-405B-Instruct-Turbo',
'meta-llama/Meta-Llama-3.1-70B-Instruct-Turbo',
'mistralai/Mixtral-8x7B-Instruct-v0.1',
'... add more models here ...'
];

Доступные сценарии

• pnpm run dev: Запустите сервер разработки (для локального тестирования рекомендуется Chrome Canary).
• pnpm run build: Постройте проект.
• pnpm run start: Запускает собранное приложение локально с помощью Wrangler Pages. Этот скрипт использует bindings.sh Установите необходимые привязки, чтобы избежать дублирования конфигурации переменных окружения.
• pnpm run preview: Запустите локально после сборки проекта для тестирования сборок производственной среды. Обратите внимание, что потоковая передача HTTP недоступна на wrangler pages dev может работать неправильно.
• pnpm test: Запустите набор тестов с помощью Vitest.
• pnpm run typecheck: Запустите проверку типов TypeScript.
• pnpm run typegen: Используйте Wrangler для генерации типов TypeScript.
• pnpm run deploy: Создайте проект и разверните его на Cloudflare Pages.

эксплуатировать (ресурс)

Чтобы запустить сервер разработки:

pnpm run dev

Это приведет к запуску сервера разработки Remix Vite.

испытание (машины и т.д.)

Запустите набор тестов:

pnpm test

развертывания

Разверните приложение на Cloudflare Pages:

pnpm run deploy

Убедитесь, что у вас есть необходимые права и что Wrangler правильно настроил вашу учетную запись Cloudflare.

Подробный порядок работы функций

1. Установка и запуск инструментов и библиотек npm
   • Во время создания проекта выберите необходимые инструменты и библиотеки npm, такие как Vite, Next.js и так далее.
   • Используйте встроенный менеджер пакетов, чтобы установить зависимости и убедиться, что окружение проекта настроено правильно.
2. Запуск сервера Node.js
   • Пишите внутренний код в редакторе кода, который использует возможности, предоставляемые Node.js.
   • Запустите сервер и посмотрите, как работает внутренняя служба в режиме реального времени.
3. Взаимодействие с API сторонних разработчиков
   • Интегрируйте в свой проект сторонние API, такие как платежные интерфейсы, картографические сервисы и т. д.
   • Упростите процесс взаимодействия с внешними сервисами с помощью встроенных средств управления API.
4. Развертывание из чата в производственную среду
   • Введите команду deploy в чат-интерфейсе, и система автоматически развернет приложение в указанной производственной среде.
   • После завершения развертывания генерируется URL-адрес доступа к приложению для удобства доступа и тестирования.
5. Поделитесь своей работой по URL
   • Генерирует URL-адрес доступа к проекту после его завершения.
   • Обменивайтесь URL-адресами с членами команды для совместной работы над проектом и обратной связи.
6. экологический контроль
   • Модель ИИ имеет полный контроль над средой разработки, включая файловую систему, сервер узлов, менеджер пакетов, терминал и консоль браузера.
   • Пользователи могут выполнять сложную настройку и управление средой с помощью простых команд.
7. Мобильный ответ
   • Проект по умолчанию поддерживает отзывчивый дизайн для мобильных устройств, обеспечивая единообразное отображение на всех устройствах.
   • Пользователи могут настраивать макет и стиль мобильного ответа по своему усмотрению.
8. голосовой ввод
   • Интегрируйте в проект функцию голосового ввода, чтобы повысить удобство взаимодействия с пользователем.
   • Используйте встроенный инструмент распознавания речи для преобразования речи в текст для последующей обработки.