"siwe": "^2.0.5",

    "node_modules/@spruceid/siwe-parser": {

      "version": "2.0.0",

      "resolved": "https://registry.npmjs.org/@spruceid/siwe-parser/-/siwe-parser-2.0.0.tgz",

      "integrity": "sha512-zXlPBRKaT9ecxhhLQqn/StAWlXvQBlFDFnIAlM7ceMVx/1NVZZ65GdW9A28tYGbhpesYxNYpsqegGsBcrWuASg==",

      "dependencies": {

        "apg-js": "^4.1.1",

        "uri-js": "^4.4.1",

        "valid-url": "^1.0.9"

      },

      "peerDependencies": {

        "keccak": "^3.0.2"

      }

    },

    "node_modules/@stablelib/binary": {

      "version": "1.0.1",

      "resolved": "https://registry.npmjs.org/@stablelib/binary/-/binary-1.0.1.tgz",

      "integrity": "sha512-ClJWvmL6UBM/wjkvv/7m5VP3GMr9t0osr4yVgLZsLCOz4hGN9gIAFEqnJ0TsSMAN+n840nf2cHZnA5/KFqHC7Q==",

      "dependencies": {

        "@stablelib/int": "^1.0.1"

      }

    },

    "node_modules/@stablelib/int": {

      "version": "1.0.1",

      "resolved": "https://registry.npmjs.org/@stablelib/int/-/int-1.0.1.tgz",

      "integrity": "sha512-byr69X/sDtDiIjIV6m4roLVWnNNlRGzsvxw+agj8CIEazqWGOQp2dTYgQhtyVXV9wpO6WyXRQUzLV/JRNumT2w=="

    },

    "node_modules/@stablelib/random": {

      "version": "1.0.2",

      "resolved": "https://registry.npmjs.org/@stablelib/random/-/random-1.0.2.tgz",

      "integrity": "sha512-rIsE83Xpb7clHPVRlBj8qNe5L8ISQOzjghYQm/dZ7VaM2KHYwMW5adjQjrzTZCchFnNCNhkwtnOBa9HTMJCI8w==",

      "dependencies": {

        "@stablelib/binary": "^1.0.1",

        "@stablelib/wipe": "^1.0.1"

      }

    },

    "node_modules/@stablelib/wipe": {

      "version": "1.0.1",

      "resolved": "https://registry.npmjs.org/@stablelib/wipe/-/wipe-1.0.1.tgz",

      "integrity": "sha512-WfqfX/eXGiAd3RJe4VU2snh/ZPwtSjLG4ynQ/vYzvghTh7dHFcI1wl+nrkWG6lGhukOxOsUHfv8dUXr58D0ayg=="

    },

    "node_modules/apg-js": {

      "version": "4.1.2",

      "resolved": "https://registry.npmjs.org/apg-js/-/apg-js-4.1.2.tgz",

      "integrity": "sha512-2OALKUe82NLVPe4NTooom8NykWIa2D7YxO7jG1pgnYWnkfhTUriXpITmLvVD8k8TzDfa9G5O4y8rPe2/uUB1Bg=="

    },

      "integrity": "sha512-Ntyt4AIXyaLIuMHF6IOoTakB3K+RWxwtsHNRxllEoA6vPwP9o4866g6YWDLUdnucilZhmkxiHwHr11gAENw+QA=="

    "node_modules/siwe": {

      "version": "2.0.5",

      "resolved": "https://registry.npmjs.org/siwe/-/siwe-2.0.5.tgz",

      "integrity": "sha512-PZku0+V915YvzVuProsC+RD6unKBo3208X/+t9ARk1WHjYMbtGnxuyBuMASdmLFI3nqJiorko5qrT0ihCFwlHQ==",

      "dependencies": {

        "@spruceid/siwe-parser": "2.0.0",

        "@stablelib/random": "^1.0.1",

        "uri-js": "^4.4.1",

        "valid-url": "^1.0.9"

      },

      "peerDependencies": {

        "ethers": "^5.5.1"

      }

    },

      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="

    },

    "node_modules/valid-url": {

      "version": "1.0.9",

      "resolved": "https://registry.npmjs.org/valid-url/-/valid-url-1.0.9.tgz",

      "integrity": "sha512-QQDsV8OnSf5Uc30CKSwG9lnhMPe6exHtTXLRYX8uMwKENy640pU+2BgBL0LRbDh/eYRahNCS7aewCx0wf3NYVA=="

    "@spruceid/siwe-parser": {

      "version": "2.0.0",

      "resolved": "https://registry.npmjs.org/@spruceid/siwe-parser/-/siwe-parser-2.0.0.tgz",

      "integrity": "sha512-zXlPBRKaT9ecxhhLQqn/StAWlXvQBlFDFnIAlM7ceMVx/1NVZZ65GdW9A28tYGbhpesYxNYpsqegGsBcrWuASg==",

      "requires": {

        "apg-js": "^4.1.1",

        "uri-js": "^4.4.1",

        "valid-url": "^1.0.9"

      }

    },

    "@stablelib/binary": {

      "version": "1.0.1",

      "resolved": "https://registry.npmjs.org/@stablelib/binary/-/binary-1.0.1.tgz",

      "integrity": "sha512-ClJWvmL6UBM/wjkvv/7m5VP3GMr9t0osr4yVgLZsLCOz4hGN9gIAFEqnJ0TsSMAN+n840nf2cHZnA5/KFqHC7Q==",

      "requires": {

        "@stablelib/int": "^1.0.1"

      }

    },

    "@stablelib/int": {

      "version": "1.0.1",

      "resolved": "https://registry.npmjs.org/@stablelib/int/-/int-1.0.1.tgz",

      "integrity": "sha512-byr69X/sDtDiIjIV6m4roLVWnNNlRGzsvxw+agj8CIEazqWGOQp2dTYgQhtyVXV9wpO6WyXRQUzLV/JRNumT2w=="

    },

    "@stablelib/random": {

      "version": "1.0.2",

      "resolved": "https://registry.npmjs.org/@stablelib/random/-/random-1.0.2.tgz",

      "integrity": "sha512-rIsE83Xpb7clHPVRlBj8qNe5L8ISQOzjghYQm/dZ7VaM2KHYwMW5adjQjrzTZCchFnNCNhkwtnOBa9HTMJCI8w==",

      "requires": {

        "@stablelib/binary": "^1.0.1",

        "@stablelib/wipe": "^1.0.1"

      }

    },

    "@stablelib/wipe": {

      "version": "1.0.1",

      "resolved": "https://registry.npmjs.org/@stablelib/wipe/-/wipe-1.0.1.tgz",

      "integrity": "sha512-WfqfX/eXGiAd3RJe4VU2snh/ZPwtSjLG4ynQ/vYzvghTh7dHFcI1wl+nrkWG6lGhukOxOsUHfv8dUXr58D0ayg=="

    },

    "apg-js": {

      "version": "4.1.2",

      "resolved": "https://registry.npmjs.org/apg-js/-/apg-js-4.1.2.tgz",

      "integrity": "sha512-2OALKUe82NLVPe4NTooom8NykWIa2D7YxO7jG1pgnYWnkfhTUriXpITmLvVD8k8TzDfa9G5O4y8rPe2/uUB1Bg=="

    },

      "integrity": "sha512-Ntyt4AIXyaLIuMHF6IOoTakB3K+RWxwtsHNRxllEoA6vPwP9o4866g6YWDLUdnucilZhmkxiHwHr11gAENw+QA=="

      "integrity": "sha512-2iGbaQBV+ITgCz76ZEjmhUKAKVf7xfY1sRl4UiKQspfZMH2h06SyhNsnSVy50cwkFQDGLyif6m/6uFXHkOZ6rg=="

      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A=="

    "siwe": {

      "version": "2.0.5",

      "resolved": "https://registry.npmjs.org/siwe/-/siwe-2.0.5.tgz",

      "integrity": "sha512-PZku0+V915YvzVuProsC+RD6unKBo3208X/+t9ARk1WHjYMbtGnxuyBuMASdmLFI3nqJiorko5qrT0ihCFwlHQ==",

      "requires": {

        "@spruceid/siwe-parser": "2.0.0",

        "@stablelib/random": "^1.0.1",

        "uri-js": "^4.4.1",

        "valid-url": "^1.0.9"

      }

    },

      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="

    },

    "valid-url": {

      "version": "1.0.9",

      "resolved": "https://registry.npmjs.org/valid-url/-/valid-url-1.0.9.tgz",

      "integrity": "sha512-QQDsV8OnSf5Uc30CKSwG9lnhMPe6exHtTXLRYX8uMwKENy640pU+2BgBL0LRbDh/eYRahNCS7aewCx0wf3NYVA=="

    "siwe": "^2.0.5",

        <Seeds

          {wallet}

          session={$session}

          host={$activeRouteStore.params.host} />

  import SeedDropdown from "@app/SeedDropdown.svelte";

  .nav {

    display: inline-block;

    height: 100%;

    margin-left: 1.5rem;

    white-space: nowrap;

  }

  .nav .seeds-container {

    display: inline-block;

  }

    header .nav,

    <div class="nav">

      {#if session && Object.keys(session.siwe).length > 0}

        <span class="seeds-container">

          <Floating>

            <span slot="toggle">Seeds</span>

            <svelte:fragment slot="modal">

              <SeedDropdown seeds={session.siwe} />

            </svelte:fragment>

          </Floating>

        </span>

      {/if}

    </div>

<script lang="ts">

  import type { SeedSession } from "@app/siwe";

  import * as router from "@app/router";

  import Dropdown from "@app/Dropdown.svelte";

  import { Seed } from "@app/base/seeds/Seed";

  import { closeFocused } from "@app/Floating.svelte";

  export let seeds: { [key: string]: SeedSession };

  // When a user signs into a new seed we want to update the seed listing

  $: formatSeeds = async () => {

    return await Promise.all(

      Object.values(seeds).map(async session => {

        const seed = await Seed.lookup(session.domain);

        const key = `${seed.emoji} ${seed.host}`;

        return {

          key,

          value: seed.host,

          title: `Go to ${seed.host}`,

          badge: null,

        };

      }),

    );

  };

</script>

{#await formatSeeds() then items}

  <Dropdown

    {items}

    selected={null}

    on:select={item => {

      closeFocused();

      router.push({ resource: "seeds", params: { host: item.detail } });

    }} />

{/await}

<script lang="ts">

  import Avatar from "@app/Avatar.svelte";

  import type { Seed } from "@app/base/seeds/Seed";

  import type { Wallet } from "@app/wallet";

  import { signInWithEthereum } from "@app/siwe";

  import Loading from "@app/Loading.svelte";

  import { Connection } from "@app/session";

  import Button from "@app/Button.svelte";

  export let seed: Seed;

  export let wallet: Wallet;

  export let caption = "Sign in";

  export let tooltip = "";

  export let disabled = false;

  export let address: string | null = null;

  let connection: Connection = Connection.Disconnected;

</script>

<style>

  .align {

    display: flex;

    align-items: center;

    justify-content: flex-start;

  }

</style>

<Button

  variant="secondary"

  size="small"

  title={tooltip}

  disabled={disabled || connection === Connection.Connecting}

  on:click={async () => {

    connection = Connection.Connecting;

    try {

      await signInWithEthereum(seed, wallet);

    } catch (e) {

      console.error("Sign in", e);

      connection = Connection.Disconnected;

    }

  }}>

  <span class="align">

    {#if address}

      <Avatar title={address} source={address} inline />

    {/if}

    {#if connection === Connection.Connecting}

      <Loading small />

    {:else}

      {caption}

    {/if}

  </span>

</Button>

  import type { Wallet } from "@app/wallet";

  import type { Session } from "@app/session";

  export let wallet: Wallet;

  export let session: Session | null;

  <View {wallet} {session} hostAndPort={"0.0.0.0"} />

  <View {wallet} {session} hostAndPort={host} />

  import type { Wallet } from "@app/wallet";

  import type { Session } from "@app/session";

  import Address from "@app/Address.svelte";

  import SiweConnect from "@app/SiweConnect.svelte";

  import type { SeedSession } from "@app/siwe";

  export let wallet: Wallet;

  export let session: Session | null;

  let siweSession: SeedSession | null = null;

  $: if (session?.siwe) {

    const entries = Object.entries(session.siwe);

    const result = entries.find(([, session]) => session.domain === host);

    if (result) {

      siweSession = result[1];

    }

  }

  .signed-in {

    color: var(--color-foreground-5);

    margin-right: 0.5rem;

  }

  .session-info {

    display: flex;

    flex-direction: row;

    background: var(--color-secondary-2);

    padding: 0.25rem 0.5rem;

    border-radius: var(--border-radius);

  }

    .signed-in {

      display: none;

    }

      <!-- User Session -->

      <div class="siwe">

        {#if session?.signer}

          {#if siweSession}

            <div class="session-info">

              <span class="signed-in txt-small">Signed in as</span>

              <Address

                address={siweSession.address}

                {wallet}

                small

                compact

                resolve />

            </div>

          {:else}

            <SiweConnect {seed} address={session.address} {wallet} />

          {/if}

        {:else}

          <SiweConnect

            disabled

            {seed}

            {wallet}

            tooltip={"Connect your wallet to sign in"} />

        {/if}

      </div>

import type { SeedSession } from "./siwe";

  siwe: { [key: string]: SeedSession };

  connectSeed(seed: { id: string; session: SeedSession }): void;

  // Loads from localStorage all active seed sessions.

  const siwe = loadSeedSessions();

          siwe,

          siwe,

          siwe,

    connectSeed: ({ id, session }: { id: string; session: SeedSession }) => {

      store.update((s: State) => {

        switch (s.connection) {

          case Connection.Connected:

            s.session.siwe[id] = session;

            saveSeedSession(s.session);

            return s;

          default:

            return s;

        }

      });

    },

export function loadSeedSessions(): { [key: string]: SeedSession } {

  const siweStorage = localStorage.getItem("siwe");

  if (siweStorage) {

    const siwe: { [key: string]: SeedSession } = JSON.parse(siweStorage);

    // We only keep the sessions that are still valid, and remove expired ones from `localStorage`.

    // For a session to be valid the expiration time has to be bigger or equal than the current time.

    const activeSessions = Object.fromEntries(

      Object.entries(siwe).filter(([, value]) => {

        return new Date(value.expirationTime) >= new Date();

      }),

    );

    window.localStorage.setItem("siwe", JSON.stringify({ ...activeSessions }));

    return activeSessions;

  }

  return {};

}

export async function connectSeed(seedSession: {

  id: string;

  session: SeedSession;

}): Promise<void> {

  state.connectSeed(seedSession);

}

function saveSeedSession(session: Session): void {

  window.localStorage.setItem("siwe", JSON.stringify(session.siwe));

}

/* eslint-disable @typescript-eslint/naming-convention */

import { SiweMessage } from "siwe";

import { Request, type Host } from "@app/api";

import type { Wallet } from "@app/wallet";

import { connectSeed } from "@app/session";

import type { Seed } from "@app/base/seeds/Seed";

export interface SeedSession {

  domain: string;

  address: string;

  statement?: string;

  uri: string;

  version: string;

  chainId: string;

  nonce: string;

  issuedAt: number;

  expirationTime: number;

  resources: string[];

}

export function createSiweMessage(

  seed: Seed,

  address: string,

  nonce: string,

  wallet: Wallet,

): string {

  const nextWeek = new Date();

  nextWeek.setDate(nextWeek.getDate() + 7);

  const message = new SiweMessage({

    domain: seed.api.host,

    address,

    statement: "It's a Radicle world!",

    uri: window.location.origin,

    nonce,

    version: "1",

    expirationTime: nextWeek.toISOString(),

    chainId: wallet.network.chainId,

  });

  return message.prepareMessage();

}

export async function createUnauthorizedSession(

  host: Host,

): Promise<{ nonce: string; id: string }> {

  return await new Request(`sessions`, host).post();

}

/// Signs the user into given seed and returns when successfull a session id

export async function signInWithEthereum(

  seed: Seed,

  wallet: Wallet,

): Promise<{ id: string } | null> {

  if (!wallet.signer) {

    return null;

  }

  const address = await wallet.signer.getAddress();

  const result = await createUnauthorizedSession(seed.api);

  const message = createSiweMessage(seed, address, result.nonce, wallet);

  const signature = await wallet.signer.signMessage(message);

  const auth: {

    id: string;

    session: SeedSession;

  } = await new Request(`sessions/${result.id}`, seed.api).put({

    message,

    signature,

  });

  connectSeed({ id: result.id, session: auth.session });

  return { id: result.id };

}

          ethers: ["ethers", "@ethersproject/abstract-provider"],

          auth: ["siwe", "@walletconnect/client"],