.wundergraph/operations/Continents.graphql

@@ -0,0 +1,6 @@
+query Continents {
+	countries_continents {
+		name
+		code
+	}
+}

.wundergraph/operations/Countries.graphql

@@ -0,0 +1,7 @@
+query Countries($filter: countries_CountryFilterInput) {
+	countries_countries(filter: $filter) {
+		code
+		name
+		capital
+	}
+}

.wundergraph/operations/getBalance.ts

@@ -1,22 +0,0 @@
-import { createOperation, z } from '../generated/wundergraph.factory';
-import axios from 'axios';
-
-export default createOperation.query({
-  input: z.object({
-    address: z.string(),
-  }),
-  handler: async ({ input }) => {
-    const { data } = await axios.get('https://api.gnosisscan.io/api', {
-      params: {
-        module: 'account',
-        action: 'balance',
-        address: input.address,
-        tag: 'latest',
-        apikey: process.env.GNOSISSCAN_API,
-      },
-    });
-    return {
-      balance: parseFloat(data.result),
-    };
-  },
-});

.wundergraph/operations/getTransactions.ts

@@ -1,27 +0,0 @@
-import { createOperation, z } from '../generated/wundergraph.factory';
-import axios from 'axios';
-
-export default createOperation.query({
-    input: z.object({
-        address: z.string(),
-    }),
-    handler: async ({ input }) => {
-        const { data } = await axios.get('https://api.gnosisscan.io/api', {
-            params: {
-                module: 'account',
-                action: 'txlist',
-                address: input.address,
-                startblock: 0,
-                endblock: 'latest',
-                sort: 'desc',
-                apikey: process.env.GNOSISSCAN_API,
-            },
-        });
-        return {
-            transactions: data.result.map(transaction => ({
-                ...transaction,
-                timestamp: new Date(transaction.timeStamp * 1000).toISOString(),
-            })),
-        };
-    },
-});

.wundergraph/wundergraph.config.ts

@@ -4,11 +4,15 @@ import operations from './wundergraph.operations';
 import fs from 'fs';
 import path from 'path';
 import dotenv from 'dotenv';
-import axios from 'axios';
 dotenv.config();
 
 const directusSchema = fs.readFileSync(path.join(path.resolve(), './schemas/directus.graphql'), 'utf8');
 
+const countries = introspect.graphql({
+	apiNamespace: 'countries',
+	url: 'https://countries.trevorblades.com/',
+});
+
 const spaceX = introspect.graphql({
 	apiNamespace: 'spacex',
 	url: 'https://spacex-api.fly.dev/graphql/',
@@ -24,7 +28,7 @@ const directus = introspect.graphql({
 
 // configureWunderGraph emits the configuration
 configureWunderGraphApplication({
-	apis: [spaceX, directus],
+	apis: [countries, spaceX, directus],
 	server,
 	operations,
 	generate: {
@@ -55,12 +59,12 @@ configureWunderGraphApplication({
 		tokenBased: {
 			providers: [
 				{
-					userInfoEndpoint: 'http://localhost:3000/server/wundergraph',
+					userInfoEndpoint: 'http://localhost:3000/jwt/wunderauth',
 				},
 			],
 		},
 	},
 	authorization: {
-		roles: ['owner'],
+		roles: ['admin'],
 	},
 });

package.json

@@ -21,7 +21,6 @@
     "@sveltejs/adapter-auto": "^2.0.0",
     "@sveltejs/adapter-static": "^2.0.3",
     "@sveltejs/kit": "^1.5.0",
-    "@tailwindcss/forms": "^0.5.6",
     "@tauri-apps/cli": "^1.4.0",
     "@types/cookie": "^0.5.1",
     "@types/js-cookie": "^3.0.3",
@@ -29,11 +28,9 @@
     "@types/node": "^20.5.8",
     "autoprefixer": "^10.4.15",
     "concurrently": "^7.6.0",
-    "dayjs": "^1.11.9",
     "postcss": "^8.4.29",
     "svelte": "^3.54.0",
     "svelte-check": "^3.0.1",
-    "svelte-time": "^0.8.0",
     "tailwindcss": "^3.3.3",
     "tslib": "^2.4.1",
     "typescript": "^5.0.0",

pnpm-lock.yaml

@@ -111,9 +111,6 @@ devDependencies:
   '@sveltejs/kit':
     specifier: ^1.5.0
     version: 1.5.0(svelte@3.54.0)(vite@4.2.0)
-  '@tailwindcss/forms':
-    specifier: ^0.5.6
-    version: 0.5.6(tailwindcss@3.3.3)
   '@tauri-apps/cli':
     specifier: ^1.4.0
     version: 1.4.0
@@ -135,9 +132,6 @@ devDependencies:
   concurrently:
     specifier: ^7.6.0
     version: 7.6.0
-  dayjs:
-    specifier: ^1.11.9
-    version: 1.11.9
   postcss:
     specifier: ^8.4.29
     version: 8.4.29
@@ -147,9 +141,6 @@ devDependencies:
   svelte-check:
     specifier: ^3.0.1
     version: 3.0.1(@babel/core@7.22.11)(postcss@8.4.29)(svelte@3.54.0)
-  svelte-time:
-    specifier: ^0.8.0
-    version: 0.8.0
   tailwindcss:
     specifier: ^3.3.3
     version: 3.3.3
@@ -4621,15 +4612,6 @@ packages:
       - supports-color
     dev: true
 
-  /@tailwindcss/forms@0.5.6(tailwindcss@3.3.3):
-    resolution: {integrity: sha512-Fw+2BJ0tmAwK/w01tEFL5TiaJBX1NLT1/YbWgvm7ws3Qcn11kiXxzNTEQDMs5V3mQemhB56l3u0i9dwdzSQldA==}
-    peerDependencies:
-      tailwindcss: '>=3.0.0 || >= 3.0.0-alpha.1'
-    dependencies:
-      mini-svg-data-uri: 1.4.4
-      tailwindcss: 3.3.3
-    dev: true
-
   /@tanstack/query-core@4.29.1:
     resolution: {integrity: sha512-vkPewLEG8ua0efo3SsVT0BcBtkq5RZX8oPhDAyKL+k/rdOYSQTEocfGEXSaBwIwsXeOGBUpfKqI+UmHvNqdWXg==}
     dev: false
@@ -6642,6 +6624,7 @@ packages:
 
   /dayjs@1.11.9:
     resolution: {integrity: sha512-QvzAURSbQ0pKdIye2txOzNaHmxtUBXerpY0FJsFXUMKbIZeFm5ht1LS/jFsrncjnmtv8HsG0W2g6c0zUjZWmpA==}
+    dev: false
 
   /debug@2.6.9:
     resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
@@ -9394,11 +9377,6 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
-  /mini-svg-data-uri@1.4.4:
-    resolution: {integrity: sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==}
-    hasBin: true
-    dev: true
-
   /minimalistic-assert@1.0.1:
     resolution: {integrity: sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==}
     dev: false
@@ -11429,12 +11407,6 @@ packages:
       typescript: 4.9.5
     dev: true
 
-  /svelte-time@0.8.0:
-    resolution: {integrity: sha512-V0LBpJhYV2Q+jqiJ94ITAo51P6RIhrHQpDt3LCSk8PXfL2UMvSMlDzkqHq8mdKqmBCRZURnXhpynN03GQa/G/A==}
-    dependencies:
-      dayjs: 1.11.9
-    dev: true
-
   /svelte@3.54.0:
     resolution: {integrity: sha512-tdrgeJU0hob0ZWAMoKXkhcxXA7dpTg6lZGxUeko5YqvPdJBiyRspGsCwV27kIrbrqPP2WUoSV9ca0gnLlw8YzQ==}
     engines: {node: '>= 8'}

src/lib/ACCs.svelte

@@ -1,74 +1,25 @@
-<script lang="ts">
+<script>
-  import Cookies from "js-cookie";
+  let accs = [
-  import {
+    // Mock data
-    createACC,
+    { id: 1, name: "ACC 1" },
-    deleteACC,
+    { id: 2, name: "ACC 2" },
-  } from "./services/mutateAccessControlConditions.ts";
+    { id: 3, name: "ACC 3" },
-  let signingConditions =
+  ];
-    JSON.parse(localStorage.getItem("signingConditions")) || [];
 
-  let newParameter = ":userAddress";
+  function createNewACC() {
-  let newComparator = "=";
+    // Logic for creating a new ACC goes here
-  let newValue = "";
+    console.log("Create new ACC button clicked");
-
-  async function handleCreateNewACC() {
-    await createACC(newParameter, newComparator, newValue);
-    signingConditions =
-      JSON.parse(localStorage.getItem("signingConditions")) || [];
-    Cookies.set("signingConditions", JSON.stringify(signingConditions));
-  }
-
-  async function handleDeleteACC(index) {
-    await deleteACC(index);
-    signingConditions =
-      JSON.parse(localStorage.getItem("signingConditions")) || [];
   }
 </script>
 
-{#each signingConditions as condition, index (index)}
+<div class="p-12">
-  {#each condition.accs as acc}
+  <h1>Access Control Conditions</h1>
-    <div
+  {#each accs as acc (acc.id)}
-      class="card"
+    <p>{acc.name}</p>
-      style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;"
-    >
-      <div class="p-4">
-        <h2 class="text-xl">
-          <b>{condition.resourceId.baseUrl}{condition.resourceId.path}</b>
-        </h2>
-        <p>
-          {acc.parameters.join(", ")}
-          {acc.returnValueTest.comparator}
-          {acc.returnValueTest.value}
-        </p>
-      </div>
-      <button
-        on:click={() => handleDeleteACC(index)}
-        class="btn variant-filled-error mt-2">Delete ACC</button
-      >
-    </div>
   {/each}
-{/each}
+  <button on:click={createNewACC}>Create New ACC</button>
-<div class="mt-4 flex">
-  <input
-    bind:value={newParameter}
-    placeholder="Parameter"
-    class="input mr-2"
-    style="width: max-content; max-width: 125px;"
-    readonly
-  />
-  <input
-    bind:value={newComparator}
-    placeholder="Comparator"
-    class="input mr-2"
-    style="width: max-content; max-width: 36px;"
-    readonly
-  />
-  <input
-    bind:value={newValue}
-    placeholder="Value"
-    class="input mr-2 flex-grow"
-  />
-  <button on:click={handleCreateNewACC} class="btn variant-filled flex-grow"
-    >Create New ACC</button
-  >
 </div>
+
+<style>
+  /* Add your Tailwind CSS classes here */
+</style>

src/lib/Wallet.svelte

@@ -9,12 +9,10 @@
     startSignIn as startSignInService,
   } from "./services/signInWithGoogle";
   import { getDrawerStore } from "@skeletonlabs/skeleton";
-  import { goto } from "$app/navigation";
 
   const { state, send } = useMachine(walletMachine);
   const drawerStore = getDrawerStore();
 
-  let search = "";
   $: walletState.set($state.context);
 
   $: {
@@ -67,7 +65,7 @@
       <div class="flex flex-col items-center w-1/3">
         <button
           on:click={startSignIn}
-          class="btn variant-filled flex items-center justify-center py-2"
+          class="flex items-center justify-center w-full py-2 text-white bg-blue-500 rounded hover:bg-blue-700"
         >
           <span class="mr-2"><Icon icon="flat-color-icons:google" /></span>
           <span>Sign in with Google</span>
@@ -75,55 +73,32 @@
       </div>
     </div>
   {:else if $state.context.pkps}
-    <div class="flex flex-col items-center p-3 space-y-4">
+    <div
+      class="flex flex-col items-center p-3 space-y-4 bg-white bg-opacity-75 rounded-t-lg shadow-md"
+    >
       <div class="flex items-center justify-between w-full space-x-4">
-        <div class="w-full h-full overflow-hidden grid grid-cols-6">
-          <aside class="col-span-1">
-            <a href="/me" on:click|preventDefault={() => goto("/me")}>
         <div class="flex items-center space-x-2">
-                <Icon
-                  icon="iconamoon:profile-circle-fill"
-                  class="w-12 h-12 text-gray-500"
-                />
           <div>
-                  <div class="text-sm">
+            <p class="text-sm">
-                    <div class="font-semibold">Address</div>
+              <span class="font-semibold">Address:</span>
-                    {$state.context.pkps[0].ethAddress.substring(0, 8) + "..."}
+              {$state.context.pkps[0].ethAddress}
+            </p>
+            <p class="text-xs">
+              <span class="font-semibold">Provider:</span>
+              {$state.context.providerName}
+            </p>
           </div>
         </div>
-              </div>
-            </a>
-          </aside>
-          <div class="col-span-5 w-full">
-            <div class="flex justify-end space-x-4">
-              <div class="w-full">
-                <input bind:value={search} class="input" type="text" />
-              </div>
-              <button type="button" class="btn-icon variant-filled-success">
-                <div class="px-4">
-                  <Icon
-                    icon="carbon:send-alt-filled"
-                    class=""
-                    width="24"
-                    height="24"
-                  />
-                </div>
-              </button>
         <button
           on:click={signRequestTrigger}
           type="button"
           class="btn variant-filled">SignRequest</button
         >
-              <button
+        <button type="button" class="btn variant-filled" on:click={clearSession}
-                type="button"
+          >Logout</button
-                class="btn variant-filled"
-                on:click={clearSession}>Logout</button
         >
       </div>
     </div>
-        </div>
-      </div>
-    </div>
   {:else if $state.matches("sessionExpired")}
     <div class="p-10 bg-white">
       <p>Error creating session. Please try again.</p>
@@ -131,9 +106,9 @@
     </div>
   {/if}
 {:else}
-  <div class="flex justify-center items-center w-full pb-4">
+  <div class="p-10 bg-white rounded-full">
-    <div class="animate-spin">
+    <div class="p-5 bg-white rounded-full animate-spin">
-      <Icon icon="la:spinner" width="48" height="48" />
+      <Icon icon="la:spinner" width="100" height="100" />
     </div>
   </div>
 {/if}

src/lib/layouts/HeaderMain.svelte

@@ -1,8 +0,0 @@
-<div class="py-6 px-12">
-  <header>
-    <h3 class="text-xl font-bold mb-4 uppercase"><slot name="header" /></h3>
-  </header>
-  <main>
-    <slot name="main" />
-  </main>
-</div>

src/lib/machines/walletMachine.ts

@@ -49,11 +49,9 @@ const walletMachine = createMachine({
                 },
                 onDone: {
                     target: 'creatingSession',
-                    actions: [
+                    actions: assign({
-                        assign({
                         pkps: (_, event) => event.data,
                     }),
-                    ],
                 },
                 onError: 'authenticated',
             },

src/lib/services/createJWT.ts

@@ -27,14 +27,12 @@ export const createJWT = async () => {
             contractAddress: '',
             standardContractType: '',
             chain: 'xdai',
-            method: '',
+            method: 'eth_getBalance',
-            parameters: [
+            parameters: [':userAddress', 'latest'],
-                ':userAddress',
-            ],
             returnValueTest: {
-                comparator: '=',
+                comparator: '>=',
-                value: '0x4b975F10baf1153A5CC688B52d55809cd2d8BB57'
+                value: '1000000000000',
-            }
+            },
         },
     ];
 

src/lib/services/mutateAccessControlConditions.ts

@@ -1,66 +0,0 @@
-import { LitNodeClient } from "@lit-protocol/lit-node-client";
-import type { AccsEVMParams } from "@lit-protocol/types";
-
-export const createACC = async (newParameter, newComparator, newValue) => {
-    const litNodeClient = new LitNodeClient({ litNetwork: "serrano" });
-    await litNodeClient.connect();
-
-    const me = JSON.parse(localStorage.getItem('me'));
-    if (!me || !me.sessionSigs) {
-        throw new Error('No sessionSigs found in local storage');
-    }
-
-    const newACC = {
-        conditionType: "evmBasic",
-        contractAddress: "",
-        standardContractType: "",
-        chain: "xdai",
-        method: "",
-        parameters: [newParameter],
-        returnValueTest: {
-            comparator: newComparator,
-            value: newValue,
-        },
-    };
-
-    const resourceId = {
-        baseUrl: "https://localhost:3000",
-        path: "/server/wundergraph",
-        orgId: "°",
-        role: "owner",
-        extraData: "",
-    };
-
-    const sessionSigs = me.sessionSigs;
-
-    await litNodeClient.saveSigningCondition({
-        unifiedAccessControlConditions: [newACC],
-        sessionSigs,
-        resourceId,
-        chain: "litSessionSign",
-    });
-
-    const jwt = await litNodeClient.getSignedToken({
-        unifiedAccessControlConditions: [newACC],
-        chain: 'xdai',
-        sessionSigs,
-        resourceId
-    });
-
-    let signingConditions = JSON.parse(localStorage.getItem("signingConditions")) || [];
-    signingConditions = [
-        ...signingConditions,
-        {
-            accs: [newACC],
-            resourceId,
-            jwt,
-        },
-    ];
-    localStorage.setItem("signingConditions", JSON.stringify(signingConditions));
-};
-
-export const deleteACC = async (index) => {
-    let signingConditions = JSON.parse(localStorage.getItem("signingConditions")) || [];
-    signingConditions = signingConditions.filter((_, i) => i !== index);
-    localStorage.setItem("signingConditions", JSON.stringify(signingConditions));
-};

src/routes/+layout.svelte

@@ -20,22 +20,7 @@
 
   export let data: LayoutData;
 
-  const signingConditionsCookie = Cookies.get("signingConditions");
+  const token = Cookies.get("token");
-  let signingConditions = signingConditionsCookie
-    ? JSON.parse(signingConditionsCookie)
-    : [];
-  console.log("layout signingConditions: ", signingConditions);
-  let correctCondition = signingConditions
-    ? signingConditions.find(
-        (condition) =>
-          condition.resourceId.baseUrl === "https://localhost:3000" &&
-          condition.resourceId.path === "/server/wundergraph" &&
-          condition.resourceId.role === "owner"
-      )
-    : null;
-  console.log("layout correctcondition: ", correctCondition);
-
-  const token = correctCondition ? correctCondition.jwt : null;
 
   googleSession.subscribe((value) => {
     activeSession = value.activeSession;
@@ -46,7 +31,7 @@
   });
 
   if (token) {
-    console.log("layout token: ", token); // Update this line
+    console.log("layout jwt token: " + token);
     client.setAuthorizationToken(token);
   }
 </script>
@@ -59,9 +44,16 @@
   {/if}</Drawer
 >
 
-<div class="grid h-screen grid-rows-layout bg-color">
+<div
+  class="grid h-screen bg-center bg-cover grid-rows-layout"
+  style="background-image: url('lake.jpeg');"
+>
   <QueryClientProvider client={data.queryClient}>
+    <div class="w-full h-full p-6 overflow-hidden">
+      <div class="w-full h-full overflow-hidden bg-white rounded-xl">
         <slot />
+      </div>
+    </div>
   </QueryClientProvider>
 
   <div class="row-start-2 row-end-3">
@@ -70,9 +62,6 @@
 </div>
 
 <style>
-  .bg-color {
-    background-color: #e6e7e1;
-  }
   .grid-rows-layout {
     grid-template-rows: 1fr auto;
   }

src/routes/+page.svelte

@@ -9,29 +9,23 @@
   // export let data: PageData;
 </script>
 
-<div class="w-full h-full p-6 overflow-hidden">
+<section
-  <div class="w-full h-full overflow-hidden bg-white rounded-xl">
-    <section
   class="flex flex-col items-center justify-center min-h-screen p-8 space-y-8 text-white bg-green-500"
-    >
+>
   <h2 class="text-4xl font-bold text-center">
     Unleash Your Full Potential and Transform Your Life <br />
   </h2>
   <h1 class="text-6xl font-bold text-center">Become a Vision Architect</h1>
 
   <p class="text-xl text-center">
-        We are committed to creating an amazing life experience for every human
+    We are committed to creating an amazing life experience for every human on
-        on the planet. Our mission is to foster a world where everyone can
+    the planet. Our mission is to foster a world where everyone can thrive in
-        thrive in abundance, excitement, and creativity. We envision a
+    abundance, excitement, and creativity. We envision a sustainable green
-        sustainable green planet and future cities where innovation and nature
+    planet and future cities where innovation and nature coexist harmoniously.
-        coexist harmoniously.
   </p>
-      <h3 class="text-2xl">
+  <h3 class="text-2xl">Stand Up NOW, Break Free And Follow Your Passions</h3>
-        Stand Up NOW, Break Free And Follow Your Passions
+</section>
-      </h3>
+
-    </section>
-  </div>
-</div>
 <!-- <div class="bg-white">myPKP {data.myPKP}</div> -->
 
 <!-- <button on:click={trigger}>Sign Request</button> -->

src/routes/jwt/wunderauth/+server.ts

@@ -13,22 +13,21 @@ export async function GET({ request }) {
     }
 
     try {
-        const { verified, payload } = await verifyJwt({ jwt: token });
+        const { payload } = await verifyJwt({ jwt: token });
         if (
-            payload.baseUrl !== "https://localhost:3000" ||
+            payload.baseUrl !== "https://localhost:3000/" ||
-            payload.path !== "/server/wundergraph" ||
+            payload.path !== "wunderauth" ||
             payload.orgId !== "°" ||
             payload.role !== "owner" ||
             payload.extraData !== ""
         ) {
             console.log("JWT payload not matching");
-            throw error(401, "JWT payload not matching")
+            throw error(401, "JWT payload not macting")
         }
-        console.log("JWT Server request verified: ", verified);
+        console.log(payload);
-        console.log("JWT Server request payload: ", payload);
         return new Response(JSON.stringify(payload), { status: 200 });
     } catch (err) {
         console.log("JWT error");
-        throw error(401, "JWT error")
+        throw error(401, "JWT payload not machting")
     }
 }

src/routes/me/+layout.svelte

@@ -1,16 +0,0 @@
-<div class="w-full h-full overflow-hidden grid grid-cols-6">
-  <aside class="col-span-1">
-    <nav class="list-nav p-6">
-      <h3 class="text-xl font-bold mb-4">MY HOME</h3>
-      <ul>
-        <li><a href="/me">Dashboard</a></li>
-        <li><a href="/me/projects">My Projects</a></li>
-        <li><a href="/me/banking">Banking</a></li>
-        <li><a href="/me/acc">Access Control</a></li>
-      </ul>
-    </nav>
-  </aside>
-  <div class="col-span-5 w-full h-full overflow-hidden bg-white rounded-bl-3xl">
-    <slot />
-  </div>
-</div>

src/routes/me/+page.svelte

@@ -1,11 +1,22 @@
-<script>
+<script lang="ts">
-  import HeaderMain from "$lib/layouts/HeaderMain.svelte";
+  import { createQuery } from "../../lib/wundergraph";
+  import JWT from "$lib/JWT.svelte";
+
+  const projectsQuery = createQuery({
+    operationName: "Projects",
+  });
 </script>
 
-<HeaderMain>
+<div class="w-full h-full overflow-y-auto">
-  <div slot="header">
+  <JWT />
-    <h1>Dashboard</h1>
-  </div>
 
-  <div slot="main">Welcome back, Samuel this is your Dashboard</div>
+  <div class="w-full h-full results">
-</HeaderMain>
+    {#if $projectsQuery.isLoading}
+      <p>Loading...</p>
+    {:else if $projectsQuery.error}
+      <pre>Error: {JSON.stringify($projectsQuery.error, null, 2)}</pre>
+    {:else}
+      <pre>{JSON.stringify($projectsQuery.data, null, 2)}</pre>
+    {/if}
+  </div>
+</div>

src/routes/me/acc/+page.svelte

@@ -1,14 +0,0 @@
-<script>
-  import ACCs from "$lib/ACCs.svelte";
-  import HeaderMain from "$lib/layouts/HeaderMain.svelte";
-</script>
-
-<HeaderMain>
-  <div slot="header">
-    <h1>Access Control</h1>
-  </div>
-
-  <div slot="main">
-    <ACCs />
-  </div>
-</HeaderMain>

src/routes/me/banking/+page.svelte

@@ -1,83 +0,0 @@
-<script lang="ts">
-  import HeaderMain from "$lib/layouts/HeaderMain.svelte";
-  import { createQuery } from "$lib/wundergraph";
-  import Time from "svelte-time";
-  import Icon from "@iconify/svelte";
-
-  const getBalanceQuery = createQuery({
-    operationName: "getBalance",
-    input: {
-      address: "0x4b975F10baf1153A5CC688B52d55809cd2d8BB57",
-    },
-  });
-
-  const getTransactionsQuery = createQuery({
-    operationName: "getTransactions",
-    input: {
-      address: "0x4b975F10baf1153A5CC688B52d55809cd2d8BB57",
-    },
-  });
-
-  function fromWei(wei: BigInt): string {
-    return (Number(wei) / 10 ** 18).toFixed(2);
-  }
-</script>
-
-<HeaderMain>
-  <div slot="header">
-    <h1>Banking</h1>
-  </div>
-
-  <div slot="main">
-    <div class="pb-4">
-      ACCOUNT
-      <p class="text-2xl">0x4b975F10baf1153A5CC688B52d55809cd2d8BB57</p>
-    </div>
-    <div class="pb-4">
-      {#if $getBalanceQuery.isLoading}
-        <p>Loading...</p>
-      {:else if $getBalanceQuery.error}
-        <pre>Error: {JSON.stringify($getBalanceQuery.error, null, 2)}</pre>
-      {:else}
-        BALANCE
-        <p class="text-5xl">${fromWei($getBalanceQuery.data.balance)}</p>
-      {/if}
-    </div>
-    <div class="pb-4">
-      {#if $getTransactionsQuery.isLoading}
-        <p>Loading...</p>
-      {:else if $getTransactionsQuery.error}
-        <pre>Error: {JSON.stringify($getTransactionsQuery.error, null, 2)}</pre>
-      {:else}
-        <div class="pb-4">TRANSACTIONS</div>
-        <ul class="list-disc">
-          {#each $getTransactionsQuery.data.transactions as transaction (transaction.hash)}
-            <li class="flex justify-between items-center mb-4">
-              <div class="flex items-center">
-                <div class="pr-3">
-                  <Icon icon="ri:user-received-2-line" width="44" height="44" />
-                </div>
-                <div>
-                  <p class="text-xl">
-                    from {transaction.from.substring(0, 10)}...
-                  </p>
-                  <p class="text-sm text-gray-500">
-                    {transaction.hash}
-                  </p>
-                </div>
-              </div>
-              <div class="text-right">
-                <p class="text-2xl">
-                  ${fromWei(BigInt(transaction.value))}
-                </p>
-                <p class="text-sm text-gray-500">
-                  <Time timestamp={transaction.timestamp} relative />
-                </p>
-              </div>
-            </li>
-          {/each}
-        </ul>
-      {/if}
-    </div>
-  </div>
-</HeaderMain>

src/routes/me/projects/+page.svelte

@@ -1,28 +0,0 @@
-<script lang="ts">
-  import HeaderMain from "$lib/layouts/HeaderMain.svelte";
-  import { createQuery } from "../../../lib/wundergraph";
-
-  const projectsQuery = createQuery({
-    operationName: "Projects",
-  });
-</script>
-
-<HeaderMain>
-  <div slot="header">
-    <h1>Projects</h1>
-  </div>
-
-  <div slot="main">
-    <div class="w-full h-full overflow-y-auto">
-      <div class="w-full h-full results">
-        {#if $projectsQuery.isLoading}
-          <p>Loading...</p>
-        {:else if $projectsQuery.error}
-          <pre>Error: {JSON.stringify($projectsQuery.error, null, 2)}</pre>
-        {:else}
-          <pre>{JSON.stringify($projectsQuery.data, null, 2)}</pre>
-        {/if}
-      </div>
-    </div>
-  </div>
-</HeaderMain>

tailwind.config.ts

@@ -1,7 +1,6 @@
 
 import { join } from 'path';
 import type { Config } from 'tailwindcss';
-import forms from '@tailwindcss/forms';
 
 // 1. Import the Skeleton plugin
 import { skeleton } from '@skeletonlabs/tw-plugin';
@@ -21,7 +20,6 @@ const config = {
 		extend: {},
 	},
 	plugins: [
-		forms,
 		// 4. Append the Skeleton plugin (after other plugins)
 		skeleton({
 			themes: { preset: ["wintry"] }