add eden

packages/backend/package.json

@@ -10,6 +10,7 @@
     "setup": "edgedb migrate; bunx @edgedb/generate edgeql-js"
   },
   "dependencies": {
+    "@elysiajs/cors": "^1.1.1",
     "@elysiajs/opentelemetry": "^1.1.7",
     "edgedb": "^1.5.12",
     "elysia": "latest"

packages/backend/src/index.ts

@@ -1,4 +1,5 @@
 // import { opentelemetry } from "@elysiajs/opentelemetry";
+import { cors } from "@elysiajs/cors";
 import { Elysia } from "elysia";
 import { edgedb } from "../dbschema/edgeql-js/imports";
 import { survey } from "./Survey";
@@ -8,6 +9,13 @@ const client = edgedb.createClient();
 
 const app = new Elysia()
   // .use(opentelemetry())
+  .use(
+    cors({
+      origin: "localhost:5173",
+      credentials: true,
+      methods: ["GET", "POST"],
+    }),
+  )
   .get("/", () => "Hello Elysia")
   .use(user(client))
   .use(survey(client))
@@ -16,3 +24,5 @@ const app = new Elysia()
 console.log(
   `🦊 Elysia is running at ${app.server?.hostname}:${app.server?.port}`,
 );
+
+export type App = typeof app;

packages/backend/src/user.ts

@@ -7,8 +7,6 @@ const userObject = t.Object({
   visitorId: t.String(),
 });
 
-type UserObject = typeof userObject.static;
-
 class UserHandler {
   private client: edgedb.Client;
 
@@ -95,7 +93,6 @@ export const user = (client: edgedb.Client) =>
         body: { visitorId },
         store: { session },
         cookie: { token },
-        error,
       }) => {
         let key: string;
 
@@ -104,7 +101,7 @@ export const user = (client: edgedb.Client) =>
           key = token.value;
 
           if (existingSessionUserId !== undefined) {
-            return error(400, { success: false, message: "already signed in" });
+            return { success: true, message: "already signed in" };
           }
         } else {
           key = crypto.getRandomValues(new Uint32Array(1))[0].toString();

packages/frontend/package.json

@@ -19,6 +19,7 @@
     "@tsconfig/svelte": "^5.0.4",
     "@types/node": "^22.10.1",
     "autoprefixer": "^10.4.20",
+    "elysia": "^1.1.26",
     "postcss": "^8.4.49",
     "prettier": "^3.4.2",
     "prettier-plugin-svelte": "^3.3.2",
@@ -31,6 +32,7 @@
     "vite": "^6.0.1"
   },
   "dependencies": {
+    "@elysiajs/eden": "^1.1.3",
     "@fingerprintjs/fingerprintjs": "^4.5.1"
   }
 }

packages/frontend/src/App.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import { onMount } from "svelte";
+  import Client from "./Client";
   import FingerprintPage from "./Pages/Fingerprint.svelte";
   import Questions from "./Pages/Questions.svelte";
   import Questions2 from "./Pages/Questions2.svelte";
@@ -12,18 +13,21 @@
   let fingerprintArr = $state<FingerprintArr>();
 
   const fingerprinter = new Fingerprinter();
+  const client = new Client();
 
-  onMount(() => {
+  const init = async () => {
     if (fingerprintArr !== undefined) return;
 
-    const createFingerprint = async () => {
-      await fingerprinter.createFingerprint();
+    await fingerprinter.createFingerprint();
+    fingerprintArr = fingerprinter.fingerprintArr;
+    const visitorId = fingerprinter.fingerprint?.fingerprintJS.visitorId;
+    if (!visitorId) return;
 
-      fingerprintArr = fingerprinter.fingerprintArr;
-    };
+    await client.signIn(visitorId);
+    await client.getAll();
+  };
 
-    createFingerprint();
-  });
+  onMount(() => init());
 
   $effect(() => {
     const anchor = Number(document.location.hash);

packages/frontend/src/Client.ts

@@ -0,0 +1,28 @@
+import { treaty } from "@elysiajs/eden";
+import type { App } from "../../backend/src";
+
+export default class Client {
+  private signedIn = false;
+  private app = treaty<App>("localhost:3000", {
+    fetch: {
+      credentials: "include",
+    },
+  });
+
+  async signIn(visitorId: string) {
+    const res = await this.app.user["sign-up-in"].post({ visitorId });
+    console.log(res);
+    if (res.status === 200) this.signedIn = true;
+  }
+
+  async getAll() {
+    if (!this.signedIn) return;
+
+    const { data } = await this.app.survey.all.get();
+    console.log(data);
+  }
+
+  async submitPart1() {
+    const res = await this.app.survey[1].post();
+  }
+}