+
diff --git a/src/lib/services/signMessage.ts b/src/lib/services/signMessage.ts
new file mode 100644
index 0000000..458af3a
--- /dev/null
+++ b/src/lib/services/signMessage.ts
@@ -0,0 +1,41 @@
+// $lib/services/signMessage.ts
+import { ethers } from "ethers";
+
+export async function signMessageWithPKP(sessionSigs, currentPKP, messageToSign) {
+ try {
+ const jsonString = JSON.stringify(messageToSign);
+ const toSign = ethers.getBytes(ethers.hashMessage(jsonString));
+
+ const litActionCode = `
+ const go = async () => {
+ const sigShare = await LitActions.signEcdsa({ toSign, publicKey, sigName });
+ };
+ go();
+ `;
+
+ const litNodeClient = new LitNodeClient({ litNetwork: "serrano" });
+ await litNodeClient.connect();
+
+ const results = await litNodeClient.executeJs({
+ code: litActionCode,
+ sessionSigs: sessionSigs,
+ jsParams: {
+ toSign: toSign,
+ publicKey: currentPKP.publicKey,
+ sigName: "sig1",
+ },
+ });
+
+ const result = results.signatures["sig1"];
+ const messageSignature = ethers.Signature.from({
+ r: "0x" + result.r,
+ s: "0x" + result.s,
+ v: result.recid,
+ });
+
+ return { messageSignature };
+ } catch (err) {
+ console.error(err);
+ return { error: err };
+ }
+}
\ No newline at end of file
diff --git a/src/lib/stores.js b/src/lib/stores.js
index f0a4496..66558fb 100644
--- a/src/lib/stores.js
+++ b/src/lib/stores.js
@@ -1,11 +1,13 @@
import { writable } from 'svelte/store';
-export const signRequest = writable({json: {}});
-
-export const signedMessages = writable([])
-
export const redirectStore = writable(false);
+export const walletState = writable(null);
+
+export const messageToSign = writable(null);
+
+export const messageSignature = writable(null);
+
export const googleSession = writable({
activeSession: false
});
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 3edeb5e..94e3228 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -8,6 +8,13 @@
import { initChainProvider } from "$lib/setupChainProvider";
import { googleSession } from "$lib/stores.js";
import Wallet from "$lib/Wallet.svelte";
+ import { Drawer, initializeStores } from "@skeletonlabs/skeleton";
+ import { getDrawerStore } from "@skeletonlabs/skeleton";
+ import Signer from "$lib/Signer.svelte";
+
+ initializeStores();
+
+ const drawerStore = getDrawerStore();
let activeSession = false;
@@ -28,8 +35,16 @@
}
+
+ {#if $drawerStore.id === "signMessage"}
+
+ {:else}
+
+ {/if}
+
diff --git a/tailwind.config.js b/tailwind.config.js
deleted file mode 100644
index 13207cc..0000000
--- a/tailwind.config.js
+++ /dev/null
@@ -1,9 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-export default {
- content: ['./src/**/*.{html,js,svelte,ts}'],
- theme: {
- extend: {},
- },
- plugins: [],
-}
-
diff --git a/tailwind.config.ts b/tailwind.config.ts
new file mode 100644
index 0000000..fe7f8e8
--- /dev/null
+++ b/tailwind.config.ts
@@ -0,0 +1,30 @@
+
+import { join } from 'path';
+import type { Config } from 'tailwindcss';
+
+// 1. Import the Skeleton plugin
+import { skeleton } from '@skeletonlabs/tw-plugin';
+
+const config = {
+ // 2. Opt for dark mode to be handled via the class method
+ darkMode: 'class',
+ content: [
+ './src/**/*.{html,js,svelte,ts}',
+ // 3. Append the path to the Skeleton package
+ join(require.resolve(
+ '@skeletonlabs/skeleton'),
+ '../**/*.{html,js,svelte,ts}'
+ )
+ ],
+ theme: {
+ extend: {},
+ },
+ plugins: [
+ // 4. Append the Skeleton plugin (after other plugins)
+ skeleton({
+ themes: { preset: ["wintry"] }
+ })
+ ]
+} satisfies Config;
+
+export default config;