- {getBreadcrumbs().map((folder) => (
+ {breadcrumbs.map((folder) => (
+ {getCurrentFolders().map((folder) => (
+ handleFolderClick(folder.id)}
+ />
+ ))}
{getCurrentFiles().map((file) => (
- -
-
-
- {file.type === "folder" ? (
-
- ) : (
-
-
- {file.name}
-
- )}
-
-
- {file.type === "folder" ? "Folder" : "File"}
-
-
- {file.type === "folder" ? "--" : "2 MB"}
-
-
+
))}
diff --git a/src/env.js b/src/env.js
index 6ca7f3e..9f7c80d 100644
--- a/src/env.js
+++ b/src/env.js
@@ -7,10 +7,14 @@ export const env = createEnv({
* isn't built with invalid env vars.
*/
server: {
- DATABASE_URL: z.string().url(),
NODE_ENV: z
.enum(["development", "test", "production"])
.default("development"),
+ SINGLESTORE_USER: z.string(),
+ SINGLESTORE_PASSWORD: z.string(),
+ SINGLESTORE_HOST: z.string(),
+ SINGLESTORE_PORT: z.coerce.number().default(3306),
+ SINGLESTORE_DATABASE: z.string(),
},
/**
@@ -27,8 +31,12 @@ export const env = createEnv({
* middlewares) or client-side so we need to destruct manually.
*/
runtimeEnv: {
- DATABASE_URL: process.env.DATABASE_URL,
NODE_ENV: process.env.NODE_ENV,
+ SINGLESTORE_USER: process.env.SINGLESTORE_USER,
+ SINGLESTORE_PASSWORD: process.env.SINGLESTORE_PASSWORD,
+ SINGLESTORE_HOST: process.env.SINGLESTORE_HOST,
+ SINGLESTORE_PORT: process.env.SINGLESTORE_PORT,
+ SINGLESTORE_DATABASE: process.env.SINGLESTORE_DATABASE,
// NEXT_PUBLIC_CLIENTVAR: process.env.NEXT_PUBLIC_CLIENTVAR,
},
/**
diff --git a/src/lib/mock-data.ts b/src/lib/mock-data.ts
index 3ebc462..ba2e9a2 100644
--- a/src/lib/mock-data.ts
+++ b/src/lib/mock-data.ts
@@ -1,22 +1,34 @@
-export interface File {
- id: string
- name: string
- type: "file" | "folder"
- url?: string
- parent: string | null
- size?: string
-}
+export type File = {
+ id: string;
+ name: string;
+ type: "file";
+ url: string;
+ parent: string;
+ size: string;
+};
+export type Folder = {
+ id: string;
+ name: string;
+ type: "folder";
+ parent: string | null;
+};
+
+// prettier-ignore
+export const mockFolders: Folder[] = [
+ { id: "root", name: "root", type: "folder", parent: null }, // the root folder
+ { id: "1", name: "Documents", type: "folder", parent: "root" },
+ { id: "2", name: "Images", type: "folder", parent: "root" },
+ { id: "3", name: "Work", type: "folder", parent: "root" },
+ { id: "8", name: "Presentations", type: "folder", parent: "3" },
+];
+
+// prettier-ignore
export const mockFiles: File[] = [
- { id: "1", name: "Documents", type: "folder", parent: null },
- { id: "2", name: "Images", type: "folder", parent: null },
- { id: "3", name: "Work", type: "folder", parent: null },
- { id: "4", name: "Resume.pdf", type: "file", url: "/files/resume.pdf", parent: "1", size: "1.2 MB" },
+ { id: "4", name: "Resume.pdf", type: "file", url: "/files/resume.pdf", parent: "root", size: "1.2 MB" },
{ id: "5", name: "Project Proposal.docx", type: "file", url: "/files/proposal.docx", parent: "1", size: "2.5 MB" },
{ id: "6", name: "Vacation.jpg", type: "file", url: "/files/vacation.jpg", parent: "2", size: "3.7 MB" },
{ id: "7", name: "Profile Picture.png", type: "file", url: "/files/profile.png", parent: "2", size: "1.8 MB" },
- { id: "8", name: "Presentations", type: "folder", parent: "3" },
{ id: "9", name: "Q4 Report.pptx", type: "file", url: "/files/q4-report.pptx", parent: "8", size: "5.2 MB" },
{ id: "10", name: "Budget.xlsx", type: "file", url: "/files/budget.xlsx", parent: "3", size: "1.5 MB" },
]
-
diff --git a/src/server/db/index.ts b/src/server/db/index.ts
index ef1df14..8270e4e 100644
--- a/src/server/db/index.ts
+++ b/src/server/db/index.ts
@@ -1,19 +1,29 @@
-import { createClient, type Client } from "@libsql/client";
-import { drizzle } from "drizzle-orm/libsql";
+import { drizzle } from "drizzle-orm/singlestore";
+import { createPool, type Pool } from "mysql2/promise";
import { env } from "~/env";
import * as schema from "./schema";
/**
- * Cache the database connection in development. This avoids creating a new connection on every HMR
- * update.
+ * Cache the database connection in development. This avoids creating a new
+ * connection on every HMR update.
*/
const globalForDb = globalThis as unknown as {
- client: Client | undefined;
+ conn: Pool | undefined;
};
-export const client =
- globalForDb.client ?? createClient({ url: env.DATABASE_URL });
-if (env.NODE_ENV !== "production") globalForDb.client = client;
+const conn =
+ globalForDb.conn ??
+ createPool({
+ host: env.SINGLESTORE_HOST,
+ port: env.SINGLESTORE_PORT,
+ user: env.SINGLESTORE_USER,
+ password: env.SINGLESTORE_PASSWORD,
+ database: env.SINGLESTORE_DATABASE,
+ ssl: {},
+ maxIdle: 0,
+ });
-export const db = drizzle(client, { schema });
+if (env.NODE_ENV !== "production") globalForDb.conn = conn;
+
+export const db = drizzle(conn, { schema });
diff --git a/src/server/db/schema.ts b/src/server/db/schema.ts
index ac751c4..d5c0a68 100644
--- a/src/server/db/schema.ts
+++ b/src/server/db/schema.ts
@@ -1,29 +1,12 @@
-// Example model schema from the Drizzle docs
-// https://orm.drizzle.team/docs/sql-schema-declaration
+import {
+ int,
+ bigint,
+ text,
+ singlestoreTable,
+} from "drizzle-orm/singlestore-core";
-import { sql } from "drizzle-orm";
-import { index, sqliteTableCreator } from "drizzle-orm/sqlite-core";
-
-/**
- * This is an example of how to use the multi-project schema feature of Drizzle ORM. Use the same
- * database instance for multiple projects.
- *
- * @see https://orm.drizzle.team/docs/goodies#multi-project-schema
- */
-export const createTable = sqliteTableCreator(
- (name) => `drive-tutorial_${name}`,
-);
-
-export const posts = createTable(
- "post",
- (d) => ({
- id: d.integer({ mode: "number" }).primaryKey({ autoIncrement: true }),
- name: d.text({ length: 256 }),
- createdAt: d
- .integer({ mode: "timestamp" })
- .default(sql`(unixepoch())`)
- .notNull(),
- updatedAt: d.integer({ mode: "timestamp" }).$onUpdate(() => new Date()),
- }),
- (t) => [index("name_idx").on(t.name)],
-);
+export const users = singlestoreTable("users_table", {
+ id: bigint("id", { mode: "bigint" }).primaryKey().autoincrement(),
+ name: text("name"),
+ age: int("age"),
+});