Update hosted fungible demo to use embedded signer

Author: deuszx

examples/hosted-counter/index.html

@@ -36,7 +36,7 @@ <h1>Counter</h1>
       </div>
 
       <div class="logs">
-        <h2> Connected as <code id="owner" class="hex">requesting owner…</code> </h2>
+        <h2>Connected as <code id="owner" class="hex">requesting owner…</code> </h2>
         <h2>Chain history for <code id="chain-id" class="hex">requesting chain…</code></h2>
         <ul id="logs">
           <template>

examples/hosted-fungible/index.html

@@ -127,6 +127,7 @@ <h4>Transfer</h4>
       </div>
 
       <div class="logs">
+        <h2>Connected as <code id="owner" class="hex">requesting owner…</code> </h2>
         <h2>Chain history for <code id="chain-id" class="hex">requesting a new microchain…</code></h2>
         <ul id="logs">
           <template>
@@ -140,7 +141,9 @@ <h2>Chain history for <code id="chain-id" class="hex">requesting a new microchai
 
     <script type="module">
       import * as linera from '@linera/client';
+      import * as signer from '@linera/signer';
 
+      // This needs to point at actual deployed fungible application ID.
       const FUNGIBLE_APP_ID = '465e465b050db5034fd8a51df46b9a7cf02a8a6414cc2b94b102e912208d4a4b';
 
       const gql = (query, variables = {}) => JSON.stringify({ query, variables });
@@ -216,11 +219,16 @@ <h2>Chain history for <code id="chain-id" class="hex">requesting a new microchai
           });
 
           await linera.default();
-          const faucet = await new linera.Faucet('https://faucet.testnet-babbage.linera.net');
+          throw new Error('INSERT FAUCET URL HERE'); // Replace with your Linera Faucet URL
+          // const faucet = await new linera.Faucet(FAUCET URL HERE);
+          throw new Error('INSERT PRIVKEY HERE'); // Replace with your private key
+          // const embedded_signer = await new signer.EmbeddedSigner("INSERT PRIVKEY HERE");
           const wallet = await faucet.createWallet();
-          const client = await new linera.Client(wallet);
-          const chainId = await faucet.claimChain(client);
+          const owner = await embedded_signer.address();
+          const chainId = await faucet.claimChain(wallet, owner);
+          const client = await new linera.Client(wallet, embedded_signer);
           document.querySelector('#chain-id').innerText = chainId;
+          document.querySelector('#owner').innerText = owner;
 
           const application = await client.frontend().application(FUNGIBLE_APP_ID);