);
}
diff --git a/src/app/(ide)/layout.tsx b/src/app/(ide)/layout.tsx
index cd2da8e..5b6a671 100644
--- a/src/app/(ide)/layout.tsx
+++ b/src/app/(ide)/layout.tsx
@@ -1,3 +1,4 @@
+import { CommandDialogDemo } from "@/components/commandbar/commandbar";
import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
import { cookies } from "next/headers";
import type { ReactNode } from "react";
@@ -14,6 +15,7 @@ export default async function IDELayout({ children }: { children: ReactNode }) {
{/* */}
+
);
}
diff --git a/src/app/(landing)/layout.tsx b/src/app/(landing)/layout.tsx
index cfc1e7d..691c076 100644
--- a/src/app/(landing)/layout.tsx
+++ b/src/app/(landing)/layout.tsx
@@ -1,4 +1,5 @@
import Header from "@/components/layout/Header";
+import { ClerkProvider } from "@clerk/nextjs";
export default function LandingLayout({
children,
@@ -6,10 +7,12 @@ export default function LandingLayout({
children: React.ReactNode;
}) {
return (
-
-
-
{children}
- {/* */}
-
+
+
+
+
{children}
+ {/* */}
+
+
);
}
diff --git a/src/app/(landing)/page.tsx b/src/app/(landing)/page.tsx
index 5988cd9..2c8be4a 100644
--- a/src/app/(landing)/page.tsx
+++ b/src/app/(landing)/page.tsx
@@ -1,5 +1,4 @@
import { Hero } from "@/components/landing/Hero";
-
export const dynamic = "force-dynamic";
export default function Home() {
@@ -8,6 +7,7 @@ export default function Home() {
{/* Hero Section */}
+
);
diff --git a/src/app/api/completion/prompt.ts b/src/app/api/completion/prompt.ts
new file mode 100644
index 0000000..646c05c
--- /dev/null
+++ b/src/app/api/completion/prompt.ts
@@ -0,0 +1,24 @@
+export const GenerateInstructions = (language: string) => ({
+ content: `## Task: Code Completion
+
+ ### Language: ${language}
+
+ ### Instructions:
+ - You are a world class coding assistant.
+ - Given the current text, context, and the last character of the user input, provide a suggestion for code completion.
+ - The suggestion must be based on the current text, as well as the text before the cursor.
+ - This is not a conversation, so please do not ask questions or prompt for additional information.
+
+ ### Notes
+ - NEVER INCLUDE ANY MARKDOWN IN THE RESPONSE - THIS MEANS CODEBLOCKS AS WELL.
+ - Never include any annotations such as "# Suggestion:" or "# Suggestions:".
+ - Newlines should be included after any of the following characters: "{", "[", "(", ")", "]", "}", and ",".
+ - Never suggest a newline after a space or newline.
+ - Ensure that newline suggestions follow the same indentation as the current line.
+ - The suggestion must start with the last character of the current user input.
+ - Only ever return the code snippet, do not return any markdown unless it is part of the code snippet.
+ - Do not return any code that is already present in the current text.
+ - Do not return anything that is not valid code.
+ - If you do not have a suggestion, return an empty string.`,
+ role: "system",
+ });
\ No newline at end of file
diff --git a/src/app/api/completion/route.ts b/src/app/api/completion/route.ts
new file mode 100644
index 0000000..7fa7721
--- /dev/null
+++ b/src/app/api/completion/route.ts
@@ -0,0 +1,18 @@
+import { openai } from "@ai-sdk/openai";
+import { streamText } from "ai";
+
+// Allow streaming responses up to 30 seconds
+export const maxDuration = 30;
+
+export async function POST(req: Request) {
+ const { messages } = await req.json();
+
+ const result = streamText({
+ model: openai("gpt-4o"),
+ messages,
+ maxTokens: 16,
+ temperature: 0.1,
+ });
+
+ return result.toDataStreamResponse();
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 55d7d85..d6397f4 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,8 +1,10 @@
import "@/styles/globals.css";
import { FileStoreInitializer } from "@/components/file-store-initializer";
+import { env } from "@/env";
import type { Metadata } from "next";
import { Geist } from "next/font/google";
+import { Toaster } from "sonner";
export const metadata: Metadata = {
title: "Floki",
@@ -21,14 +23,17 @@ export default function RootLayout({
return (
-
+ {env.NODE_ENV === "development" && (
+
+ )}
{children}
+
);
diff --git a/src/app/robots.ts b/src/app/robots.ts
index 53009ba..7652956 100644
--- a/src/app/robots.ts
+++ b/src/app/robots.ts
@@ -2,10 +2,10 @@ import type { MetadataRoute } from 'next'
export default function robots(): MetadataRoute.Robots {
return {
- rules: {
+ rules: [{
userAgent: "*",
allow: "/",
disallow: ["/ide", "/terminal", "/api"],
- },
+ }]
};
}
diff --git a/src/components/commandbar/commandbar.tsx b/src/components/commandbar/commandbar.tsx
new file mode 100644
index 0000000..da85633
--- /dev/null
+++ b/src/components/commandbar/commandbar.tsx
@@ -0,0 +1,87 @@
+"use client";
+
+import {
+ Calculator,
+ Calendar,
+ CreditCard,
+ Settings,
+ Smile,
+ User,
+} from "lucide-react";
+import * as React from "react";
+
+import {
+ CommandDialog,
+ CommandEmpty,
+ CommandGroup,
+ CommandInput,
+ CommandItem,
+ CommandList,
+ CommandSeparator,
+ CommandShortcut,
+} from "@/components/ui/command";
+
+export function CommandDialogDemo() {
+ const [open, setOpen] = React.useState(false);
+
+ React.useEffect(() => {
+ const down = (e: KeyboardEvent) => {
+ if (e.key === "j" && (e.metaKey || e.ctrlKey)) {
+ e.preventDefault();
+ setOpen((open) => !open);
+ }
+ };
+
+ document.addEventListener("keydown", down);
+ return () => document.removeEventListener("keydown", down);
+ }, []);
+
+ return (
+ <>
+ {/*