UniqAI/bolt.diy
1
0
Fork 0
mirror of https://github.com/stackblitz-labs/bolt.diy synced 2025-06-26 18:26:38 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Fix notes tab handler guard and lint

Browse Source
This commit is contained in:
vgcman16 2025-06-05 21:23:06 -05:00
parent 10d192667a
commit 7912933c34
11 changed files with 68 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
app/components/@settings/tabs/notes/NotesTab.tsx
View File

@ -10,7 +10,11 @@ export default function NotesTab() {
const handleAdd = () => {
const text = noteText.trim();
if (!text) return;
if (!text) {
return;
}
addNote(text);
setNoteText('');
};
@ -27,7 +31,7 @@ export default function NotesTab() {
'border border-bolt-elements-borderColor',
'text-bolt-elements-textPrimary',
'focus:outline-none focus:ring-2 focus:ring-purple-500/30',
'min-h-[80px] resize-vertical'
'min-h-[80px] resize-vertical',
)}
placeholder="Add a note for the AI"
/>
@ -37,25 +41,14 @@ export default function NotesTab() {
</div>
<div className="space-y-2">
{notes.map((n) => (
<div
key={n.id}
className="flex items-start gap-2 p-2 rounded-lg bg-bolt-elements-background-depth-2"
>
<div className="flex-1 whitespace-pre-wrap text-sm text-bolt-elements-textPrimary">
{n.text}
</div>
<Button
size="sm"
variant="ghost"
onClick={() => removeNote(n.id)}
>
<div key={n.id} className="flex items-start gap-2 p-2 rounded-lg bg-bolt-elements-background-depth-2">
<div className="flex-1 whitespace-pre-wrap text-sm text-bolt-elements-textPrimary">{n.text}</div>
<Button size="sm" variant="ghost" onClick={() => removeNote(n.id)}>
<div className="i-ph:trash w-4 h-4" />
</Button>
</div>
))}
{notes.length === 0 && (
<p className="text-sm text-bolt-elements-textSecondary">No notes added.</p>
)}
{notes.length === 0 && <p className="text-sm text-bolt-elements-textSecondary">No notes added.</p>}
</div>
</div>
);

6
app/components/chat/BaseChat.tsx
View File

@ -485,11 +485,7 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(
</div>
</StickToBottom>
<div className="flex flex-col justify-center">
{!chatStarted && (
<div className="flex justify-center gap-2">
{ImportButtons(importChat)}
</div>
)}
{!chatStarted && <div className="flex justify-center gap-2">{ImportButtons(importChat)}</div>}
<div className="flex flex-col gap-5">
{!chatStarted &&
ExamplePrompts((event, messageInput) => {

1
app/components/chat/CodeBlock.tsx
View File

@ -82,6 +82,7 @@ export const CodeBlock = memo(
title="Ask Bolt about this code"
onClick={() => {
const askFn = (window as any).__BOLT_ASK_SNIPPET__;
if (typeof askFn === 'function') {
askFn(code, language);
}

2
app/components/chat/chatExportAndImport/ImportButtons.tsx
View File

@ -1,7 +1,7 @@
import type { Message } from 'ai';
import { toast } from 'react-toastify';
import { ImportFolderButton } from '~/components/chat/ImportFolderButton';
import GitCloneButton from '../GitCloneButton';
import GitCloneButton from '~/components/chat/GitCloneButton';
import { Button } from '~/components/ui/Button';
import { classNames } from '~/utils/classNames';

28
app/components/setup/SetupWizard.tsx
View File

@ -47,10 +47,22 @@ export function SetupWizard() {
<div className="space-y-4">
<DialogTitle>Select a Provider</DialogTitle>
<div className="flex gap-2">
<DialogButton type="primary" onClick={() => { setProvider('supabase'); setStep(2); }}>
<DialogButton
type="primary"
onClick={() => {
setProvider('supabase');
setStep(2);
}}
>
Supabase
</DialogButton>
<DialogButton type="primary" onClick={() => { setProvider('firebase'); setStep(2); }}>
<DialogButton
type="primary"
onClick={() => {
setProvider('firebase');
setStep(2);
}}
>
Firebase
</DialogButton>
</div>
@ -85,7 +97,9 @@ export function SetupWizard() {
)}
{supabaseConn.credentials && (
<div className="space-y-2 text-xs bg-bolt-elements-background-depth-3 p-3 rounded">
<div>Add these to your <code>.env.local</code>:</div>
<div>
Add these to your <code>.env.local</code>:
</div>
<pre>{`VITE_SUPABASE_URL=${supabaseConn.credentials.supabaseUrl}\nVITE_SUPABASE_ANON_KEY=${supabaseConn.credentials.anonKey}`}</pre>
<div className="mt-2">Sample code:</div>
<pre>{`import { createClient } from '@supabase/supabase-js';\n\nexport const supabase = createClient(import.meta.env.VITE_SUPABASE_URL!, import.meta.env.VITE_SUPABASE_ANON_KEY!);`}</pre>
@ -111,12 +125,16 @@ export function SetupWizard() {
value={firebase.projectId}
onChange={(e) => updateFirebaseConfig({ projectId: e.currentTarget.value })}
/>
<DialogButton type="primary" onClick={handleFirebaseSave}>Save</DialogButton>
<DialogButton type="primary" onClick={handleFirebaseSave}>
Save
</DialogButton>
</div>
)}
{provider === 'firebase' && step === 3 && (
<div className="space-y-2 text-xs bg-bolt-elements-background-depth-3 p-3 rounded">
<div>Add these to your <code>.env.local</code>:</div>
<div>
Add these to your <code>.env.local</code>:
</div>
<pre>{`VITE_FIREBASE_API_KEY=${firebase.apiKey}\nVITE_FIREBASE_AUTH_DOMAIN=${firebase.authDomain}\nVITE_FIREBASE_PROJECT_ID=${firebase.projectId}`}</pre>
<div className="mt-2">Sample code:</div>
<pre>{`import { initializeApp } from 'firebase/app';\nimport { getAuth } from 'firebase/auth';\nimport { getFirestore } from 'firebase/firestore';\n\nconst firebaseConfig = {\n apiKey: import.meta.env.VITE_FIREBASE_API_KEY!,\n authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN!,\n projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID!,\n};\n\nconst app = initializeApp(firebaseConfig);\nexport const auth = getAuth(app);\nexport const db = getFirestore(app);`}</pre>

4
app/lib/api/features.ts
View File

@ -3,18 +3,22 @@ export interface Feature {
* Unique identifier for the feature.
*/
id: string;
/**
* Short title of the feature to display in the UI.
*/
name: string;
/**
* Description of what the feature does.
*/
description: string;
/**
* Whether the user has already viewed/acknowledged this feature.
*/
viewed: boolean;
/**
* ISO date string for when the feature was released.
*/

16
app/lib/common/prompt-library.ts
View File

@ -31,24 +31,12 @@ export class PromptLibrary {
default: {
label: 'Default Prompt',
description: 'This is the battle tested default system Prompt',
get: (options) =>
getSystemPrompt(
options.cwd,
options.supabase,
options.designScheme,
options.userNotes,
),
get: (options) => getSystemPrompt(options.cwd, options.supabase, options.designScheme, options.userNotes),
},
enhanced: {
label: 'Fine Tuned Prompt',
description: 'An fine tuned prompt for better results',
get: (options) =>
getFineTunedPrompt(
options.cwd,
options.supabase,
options.designScheme,
options.userNotes,
),
get: (options) => getFineTunedPrompt(options.cwd, options.supabase, options.designScheme, options.userNotes),
},
optimized: {
label: 'Optimized Prompt (experimental)',

6
app/lib/stores/notes.ts
View File

@ -12,6 +12,7 @@ function loadNotes(): Note[] {
if (typeof localStorage === 'undefined') {
return [];
}
try {
const json = localStorage.getItem(NOTES_KEY);
return json ? JSON.parse(json) : [];
@ -21,7 +22,10 @@ function loadNotes(): Note[] {
}
function saveNotes(notes: Note[]) {
if (typeof localStorage === 'undefined') return;
if (typeof localStorage === 'undefined') {
return;
}
try {
localStorage.setItem(NOTES_KEY, JSON.stringify(notes));
} catch {}

7
app/lib/stores/workbench.ts
View File

@ -629,12 +629,9 @@ export class WorkbenchStore {
}
}
actionStreamSampler = createSampler(
async (data: ActionCallbackData, isStreaming: boolean = false) => {
actionStreamSampler = createSampler(async (data: ActionCallbackData, isStreaming: boolean = false) => {
return await this._runAction(data, isStreaming);
},
ACTION_STREAM_SAMPLE_INTERVAL,
);
}, ACTION_STREAM_SAMPLE_INTERVAL);
#getArtifact(id: string) {
const artifacts = this.artifacts.get();

3
app/routes/api.chat.ts
View File

@ -38,7 +38,8 @@ function parseCookies(cookieHeader: string): Record<string, string> {
}
async function chatAction({ context, request }: ActionFunctionArgs) {
const { messages, files, promptId, contextOptimization, supabase, chatMode, designScheme, userNotes } = await request.json<{
const { messages, files, promptId, contextOptimization, supabase, chatMode, designScheme, userNotes } =
await request.json<{
messages: Messages;
files: any;
promptId?: string;

1
app/utils/constants.ts
View File

@ -8,6 +8,7 @@ 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';
// Interval used by actionStreamSampler in ms
export const ACTION_STREAM_SAMPLE_INTERVAL = 100;