Merge branch 'main' into code-provider-api

Author: Thomas Potaire

CONTRIBUTING.md

@@ -1,9 +1,9 @@
 # Contributing
 
 To keep all docs in one place, we've moved the contributing guide here:
-https://docs.onlook.com/contributing/developers
+https://docs.onlook.com/developers
 
 ### Running locally
 
 To get set up and run Onlook locally, see here:
-https://docs.onlook.com/contributing/developers/running-locally
+https://docs.onlook.com/developers/running-locally

README.md

@@ -101,7 +101,7 @@ builders.
 ## Getting Started
 
 Available soon with a [hosted app](https://onlook.com) or
-[run locally](https://docs.onlook.com/contributing/developers/running-locally).
+[run locally](https://docs.onlook.com/developers/running-locally).
 
 ### Usage
 
@@ -139,8 +139,7 @@ objects, and experiment with layouts.
 For full documentation, visit [docs.onlook.com](https://docs.onlook.com)
 
 To see how to Contribute, visit
-[Contributing to Onlook](https://docs.onlook.com/contributing/developers) in our
-docs.
+[Contributing to Onlook](https://docs.onlook.com/developers) in our docs.
 
 ## How it works
 
@@ -159,7 +158,7 @@ displays DOM elements declaratively (e.g. jsx/tsx/html). We are focused on
 making it work well with Next.js and TailwindCSS for now.
 
 For a full walkthrough, check out our
-[Architecture Docs](https://docs.onlook.com/contributing/developers/architecture).
+[Architecture Docs](https://docs.onlook.com/developers/architecture).
 
 ### Our Tech Stack
 

apps/coderouter/.env.example

@@ -6,6 +6,6 @@ JWT_SECRET_KEY="Replace this with your own secret"
 
 # Insert your custom API key here and store in your other backend as well.
 # It'll be used for server-to-server authentication.
-SUPAROUTA_API_KEY=""
+CODEROUTER_API_KEY=""
 
 E2B_API_KEY="Get your API key at https://e2b.dev"

apps/coderouter/src/util/auth.ts

@@ -1,41 +1,41 @@
-import { env } from "bun";
-import jwt from "jsonwebtoken";
-import { z } from "@hono/zod-openapi";
+import { env } from 'bun';
+import jwt from 'jsonwebtoken';
+import { z } from '@hono/zod-openapi';
 
 export const JwtAuthResponses = {
-  401: {
-    content: {
-      "application/json": {
-        schema: z.object({ error: z.string() }),
-      },
+    401: {
+        content: {
+            'application/json': {
+                schema: z.object({ error: z.string() }),
+            },
+        },
+        description: 'The JWT token is missing or is invalid.',
     },
-    description: "The JWT token is missing or is invalid.",
-  },
 };
 
 export interface AuthJwtPayload {
-  sandboxId?: string;
-  userId?: string;
+    sandboxId?: string;
+    userId?: string;
 }
 
 export function encodeJwtToken(jwtPayload: AuthJwtPayload) {
-  return jwt.sign(jwtPayload, env.JWT_SECRET_KEY!, {
-    expiresIn: "1d",
-  });
+    return jwt.sign(jwtPayload, env.JWT_SECRET_KEY!, {
+        expiresIn: '1d',
+    });
 }
 
 export function decodeJwtToken(token: string) {
-  return jwt.verify(token, env.JWT_SECRET_KEY!);
+    return jwt.verify(token, env.JWT_SECRET_KEY!);
 }
 
 export function verifyApiKeyFromHeader(header?: string) {
-  const apiKey = header?.toLowerCase().split("bearer ")[1];
-  if (!apiKey) {
-    return false;
-  }
-  return verifyApiKey(apiKey);
+    const apiKey = header?.toLowerCase().split('bearer ')[1];
+    if (!apiKey) {
+        return false;
+    }
+    return verifyApiKey(apiKey);
 }
 
 export function verifyApiKey(apiKey: string) {
-  return apiKey === env.SUPAROUTA_API_KEY;
+    return apiKey === env.CODEROUTER_API_KEY;
 }

apps/web/client/.env.example

@@ -42,6 +42,15 @@ FIRECRAWL_API_KEY="<Your API Key from https://www.firecrawl.dev/app>"
 # Exa - Web Search Tool
 EXA_API_KEY="<Your API Key from https://dashboard.exa.ai/api-keys>"
 
+# n8n - Automation webhooks
+N8N_WEBHOOK_URL="<Your webhook url>"
+N8N_API_KEY="<Your n8n api key>"
+
+# Langfuse - LLM telemetry
+LANGFUSE_SECRET_KEY=
+LANGFUSE_PUBLIC_KEY=
+LANGFUSE_BASEURL=
+
 # ------------- Optional: Alternative LLM providers -------------
 
 # Google AI Studio
@@ -71,5 +80,5 @@ N8N_API_KEY="<Your n8n api key>"
 
 # E2B – Used to host user apps.
 E2B_DEFAULT_TEMPLATE_ID="<The template ID used to create sandboxes>"
-SUPAROUTA_HOST_URL="<Specify the URL to the hosted coderouter>"
-SUPAROUTA_API_KEY="<Copy key when setting up coderouter>"
+CODEROUTER_HOST_URL="<Specify the URL to the hosted coderouter>"
+CODEROUTER_API_KEY="<Copy key when setting up coderouter>"

apps/web/client/.gitignore

@@ -49,4 +49,4 @@ yarn-error.log*
 .mastra/
 
 # Ignore preload script changes unless the script should be updated. Uncomment to update.
-/public/onlook-preload-script.js
+/public/onlook-preload-script.*

apps/web/client/messages/en.d.json.ts

@@ -94,7 +94,7 @@ declare const messages: {
             "google": "Login with Google",
             "lastUsed": "You used this last time",
             "loginToEdit": "Login to Edit",
-            "shareProjects": "Share projects, collaborate, and design more in code."
+            "shareProjects": "No credit card required • Get a site in seconds"
         },
         "terms": {
             "agreement": "By signing up, you agree to our",
@@ -246,6 +246,9 @@ declare const messages: {
                         },
                         "miniChat": {
                             "button": "Chat with AI"
+                        },
+                        "openInCode": {
+                            "button": "Open in Code"
                         }
                     },
                     "styles": {

apps/web/client/messages/en.json

@@ -91,7 +91,7 @@
             "google": "Login with Google",
             "lastUsed": "You used this last time",
             "loginToEdit": "Login to Edit",
-            "shareProjects": "Share projects, collaborate, and design more in code."
+            "shareProjects": "No credit card required • Get a site in seconds"
         },
         "terms": {
             "agreement": "By signing up, you agree to our",
@@ -243,6 +243,9 @@
                         },
                         "miniChat": {
                             "button": "Chat with AI"
+                        },
+                        "openInCode": {
+                            "button": "Open in Code"
                         }
                     },
                     "styles": {

apps/web/client/messages/es.json

@@ -91,7 +91,7 @@
             "google": "Iniciar sesión con Google",
             "lastUsed": "Usó esto la última vez",
             "loginToEdit": "Iniciar sesión para Editar",
-            "shareProjects": "Comparta proyectos, colabore y diseñe más en código."
+            "shareProjects": "Sin tarjeta de crédito • Crea un sitio en segundos"
         },
         "terms": {
             "agreement": "Al registrarse, acepta nuestra",
@@ -243,6 +243,9 @@
                         },
                         "miniChat": {
                             "button": "Chatear con IA"
+                        },
+                        "openInCode": {
+                            "button": "Abrir en Code"
                         }
                     },
                     "styles": {

apps/web/client/messages/ja.json

@@ -141,6 +141,9 @@
                         },
                         "miniChat": {
                             "button": "AIとチャット"
+                        },
+                        "openInCode": {
+                            "button": "コードで開く"
                         }
                     },
                     "styles": {
@@ -314,7 +317,7 @@
             "google": "Googleでログイン",
             "lastUsed": "最後に使用したアカウント",
             "loginToEdit": "編集するにはログインしてください",
-            "shareProjects": "プロジェクトを共有し、コラボレーションし、コードでより多くのデザインを。"
+            "shareProjects": "クレジットカード不要 • サイトを秒で作成"
         },
         "terms": {
             "agreement": "サインアップすることで、以下に同意したとみなされます",