feat: convex updated for exec mutation

Author: ARYPROGRAMMER

convex/_generated/api.d.ts

@@ -13,6 +13,7 @@ import type {
   FilterApi,
   FunctionReference,
 } from "convex/server";
+import type * as codeExecutions from "../codeExecutions.js";
 import type * as http from "../http.js";
 import type * as users from "../users.js";
 
@@ -25,6 +26,7 @@ import type * as users from "../users.js";
  * ```
  */
 declare const fullApi: ApiFromModules<{
+  codeExecutions: typeof codeExecutions;
   http: typeof http;
   users: typeof users;
 }>;

convex/codeExecutions.ts

@@ -0,0 +1,35 @@
+import { ConvexError, v } from "convex/values";
+import { mutation } from "./_generated/server";
+
+export const saveCodeExecution = mutation({
+  args: {
+    language: v.string(),
+    code: v.string(),
+    output: v.optional(v.string()),
+    error: v.optional(v.string()),
+  },
+
+  handler: async (ctx, args) => {
+    const identity = await ctx.auth.getUserIdentity();
+    if (!identity) {
+      throw new ConvexError("User not authenticated");
+    }
+
+    const user = await ctx.db
+      .query("users")
+      .withIndex("by_user_id")
+      .filter((q) => q.eq(q.field("userId"), identity.subject))
+      .first();
+
+    if (!user?.isPro && args.language !== "javascript") {
+      throw new ConvexError(
+        "Only Pro users can execute code in languages other than JavaScript"
+      );
+    }
+
+    await ctx.db.insert("codeExecutions", {
+      ...args,
+      userId: identity.subject,
+    });
+  },
+});

src/app/(home)/_components/RunButton.tsx

@@ -1,21 +1,32 @@
 "use client";
 
-import { useCodeEditorState } from "@/store/useCodeEditorStore";
+import {
+  getExecutionResult,
+  useCodeEditorState,
+} from "@/store/useCodeEditorStore";
 import { useUser } from "@clerk/nextjs";
 import { Loader2, Play } from "lucide-react";
 import React from "react";
 import { motion } from "framer-motion";
+import { useMutation } from "convex/react";
+import { api } from "../../../../convex/_generated/api";
 
 function RunButton() {
   const { user } = useUser();
-  const { runCode, language, isRunning, executionResult } =
-    useCodeEditorState();
-
+  const { runCode, language, isRunning } = useCodeEditorState();
+  const saveCodeExecution = useMutation(api.codeExecutions.saveCodeExecution);
   const handleRun = async () => {
     await runCode();
+    const result = getExecutionResult();
 
-    if (user && executionResult) {
+    if (user && result) {
       //convex saving
+      await saveCodeExecution({
+        language,
+        code: result.code,
+        output: result.output || undefined,
+        error: result.error || undefined,
+      });
     }
   };
 

src/store/useCodeEditorStore.tsx

@@ -148,3 +148,6 @@ export const useCodeEditorState = create<CodeEditorState>((set, get) => {
     },
   };
 });
+
+
+export const getExecutionResult = () => useCodeEditorState.getState().executionResult;