fix new user error + add wrangler.toml examples

backend/ai/wrangler.toml.example

@@ -0,0 +1,10 @@
+name = "ai"
+main = "src/index.ts"
+compatibility_date = "2024-05-12"
+compatibility_flags = ["nodejs_compat"]
+
+[ai]
+binding = "AI"
+
+[vars]
+KEY = ""

backend/database/drizzle/meta/_journal.json

@@ -43,6 +43,13 @@
       "when": 1714950365718,
       "tag": "0005_last_the_twelve",
       "breakpoints": true
+    },
+    {
+      "idx": 6,
+      "version": "5",
+      "when": 1716432225404,
+      "tag": "0006_lively_mattie_franklin",
+      "breakpoints": true
     }
   ]
 }

backend/database/src/schema.ts

@@ -28,6 +28,7 @@ export const sandbox = sqliteTable("sandbox", {
 	name: text("name").notNull(),
 	type: text("type", { enum: ["react", "node"] }).notNull(),
 	visibility: text("visibility", { enum: ["public", "private"] }),
+	createdAt: integer("createdAt", { mode: "timestamp_ms" }),
 	userId: text("user_id")
 		.notNull()
 		.references(() => user.id),

backend/database/wrangler.toml.example

@@ -0,0 +1,12 @@
+#:schema node_modules/wrangler/config-schema.json
+name = "database"
+main = "src/index.ts"
+compatibility_date = "2024-04-05"
+compatibility_flags = ["nodejs_compat"]
+
+services = [{ binding = "STORAGE", service = "storage" }]
+
+[[d1_databases]]
+binding = "DB"
+database_name = ""
+database_id = ""

backend/storage/wrangler.toml.example

@@ -0,0 +1,13 @@
+#:schema node_modules/wrangler/config-schema.json
+name = "storage"
+main = "src/index.ts"
+compatibility_date = "2024-04-05"
+compatibility_flags = ["nodejs_compat"]
+
+account_id = ""
+workers_dev = true
+
+[[r2_buckets]]
+binding = 'R2'
+bucket_name = ''
+preview_bucket_name = ''

frontend/components/dashboard/index.tsx

@@ -10,13 +10,13 @@ import {
   Settings,
   Users,
 } from "lucide-react";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { Sandbox } from "@/lib/types";
 import DashboardProjects from "./projects";
 import DashboardSharedWithMe from "./shared";
 import NewProjectModal from "./newProject";
 import Link from "next/link";
-import { useSearchParams } from "next/navigation";
+import { useRouter, useSearchParams } from "next/navigation";
 import AboutModal from "./about";
 import { toast } from "sonner";
 
@@ -47,6 +47,13 @@ export default function Dashboard({
 
   const searchParams = useSearchParams();
   const q = searchParams.get("q");
+  const router = useRouter();
+
+  useEffect(() => {
+    if (!sandboxes) {
+      router.refresh();
+    }
+  }, [sandboxes]);
 
   return (
     <>