@@ -85,7 +97,9 @@ export function SetupWizard() {
)}
{supabaseConn.credentials && (
-
Add these to your .env.local:
+
+ Add these to your .env.local:
+
{`VITE_SUPABASE_URL=${supabaseConn.credentials.supabaseUrl}\nVITE_SUPABASE_ANON_KEY=${supabaseConn.credentials.anonKey}`}
Sample code:
{`import { createClient } from '@supabase/supabase-js';\n\nexport const supabase = createClient(import.meta.env.VITE_SUPABASE_URL!, import.meta.env.VITE_SUPABASE_ANON_KEY!);`}
@@ -111,12 +125,16 @@ export function SetupWizard() {
value={firebase.projectId}
onChange={(e) => updateFirebaseConfig({ projectId: e.currentTarget.value })}
/>
-
Save
+
+ Save
+
)}
{provider === 'firebase' && step === 3 && (
-
Add these to your .env.local:
+
+ Add these to your .env.local:
+
{`VITE_FIREBASE_API_KEY=${firebase.apiKey}\nVITE_FIREBASE_AUTH_DOMAIN=${firebase.authDomain}\nVITE_FIREBASE_PROJECT_ID=${firebase.projectId}`}
Sample code:
{`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);`}
diff --git a/app/lib/api/features.ts b/app/lib/api/features.ts
index 0797a2dd..aaaa946a 100644
--- a/app/lib/api/features.ts
+++ b/app/lib/api/features.ts
@@ -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.
*/
diff --git a/app/lib/common/prompt-library.ts b/app/lib/common/prompt-library.ts
index 68b8803c..a72e811a 100644
--- a/app/lib/common/prompt-library.ts
+++ b/app/lib/common/prompt-library.ts
@@ -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)',
diff --git a/app/lib/stores/notes.ts b/app/lib/stores/notes.ts
index da2c7e39..a16ab1e3 100644
--- a/app/lib/stores/notes.ts
+++ b/app/lib/stores/notes.ts
@@ -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 {}
diff --git a/app/lib/stores/workbench.ts b/app/lib/stores/workbench.ts
index b033345d..9a3d01f9 100644
--- a/app/lib/stores/workbench.ts
+++ b/app/lib/stores/workbench.ts
@@ -629,12 +629,9 @@ export class WorkbenchStore {
}
}
- actionStreamSampler = createSampler(
- async (data: ActionCallbackData, isStreaming: boolean = false) => {
- return await this._runAction(data, isStreaming);
- },
- ACTION_STREAM_SAMPLE_INTERVAL,
- );
+ actionStreamSampler = createSampler(async (data: ActionCallbackData, isStreaming: boolean = false) => {
+ return await this._runAction(data, isStreaming);
+ }, ACTION_STREAM_SAMPLE_INTERVAL);
#getArtifact(id: string) {
const artifacts = this.artifacts.get();
diff --git a/app/routes/api.chat.ts b/app/routes/api.chat.ts
index 2e5370fa..4d7af2c6 100644
--- a/app/routes/api.chat.ts
+++ b/app/routes/api.chat.ts
@@ -38,23 +38,24 @@ function parseCookies(cookieHeader: string): Record
{
}
async function chatAction({ context, request }: ActionFunctionArgs) {
- const { messages, files, promptId, contextOptimization, supabase, chatMode, designScheme, userNotes } = await request.json<{
- messages: Messages;
- files: any;
- promptId?: string;
- contextOptimization: boolean;
- chatMode: 'discuss' | 'build';
- designScheme?: DesignScheme;
- userNotes?: string;
- supabase?: {
- isConnected: boolean;
- hasSelectedProject: boolean;
- credentials?: {
- anonKey?: string;
- supabaseUrl?: string;
+ const { messages, files, promptId, contextOptimization, supabase, chatMode, designScheme, userNotes } =
+ await request.json<{
+ messages: Messages;
+ files: any;
+ promptId?: string;
+ contextOptimization: boolean;
+ chatMode: 'discuss' | 'build';
+ designScheme?: DesignScheme;
+ userNotes?: string;
+ supabase?: {
+ isConnected: boolean;
+ hasSelectedProject: boolean;
+ credentials?: {
+ anonKey?: string;
+ supabaseUrl?: string;
+ };
};
- };
- }>();
+ }>();
const cookieHeader = request.headers.get('Cookie');
const apiKeys = JSON.parse(parseCookies(cookieHeader || '').apiKeys || '{}');
diff --git a/app/utils/constants.ts b/app/utils/constants.ts
index e4b4c49f..1e2315c3 100644
--- a/app/utils/constants.ts
+++ b/app/utils/constants.ts
@@ -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;