/ index.html
index.html
1 <html> 2 <head> 3 <title>OrbitDB Webapp</title> 4 <meta charset="UTF-8" /> 5 <link rel="stylesheet" href="./vendor/pico.min.css" /> 6 </head> 7 <body> 8 <script src="./vendor/libp2p-gossipsub@1.1.0.index.min.js"></script> 9 <script src="./vendor/helia@4.0.0.index.min.js"></script> 10 <script src="./vendor/orbitdb@2.0.1.min.js"></script> 11 <script type="module"> 12 document.addEventListener("DOMContentLoaded", async () => { 13 const { createHelia, libp2pDefaults } = Helia; 14 const { createOrbitDB } = OrbitDB; 15 const { gossipsub } = ChainsafeLibp2PGossipsub; 16 const libp2pOptions = libp2pDefaults(); 17 18 libp2pOptions.services.pubsub = gossipsub(); 19 20 const ipfs = await createHelia({ libp2p: libp2pOptions }); 21 const orbitdb = await createOrbitDB({ ipfs }); 22 const db = await orbitdb.open("browser"); 23 console.log(db.address); 24 }); 25 </script> 26 <main class="container"> 27 <button>ВЛАД ПРИВЕТ</button> 28 <table> 29 <thead> 30 <tr> 31 <th>ID</th> 32 <th>Description</th> 33 <th>Actions</th> 34 </tr> 35 </thead> 36 <tbody> 37 </tbody> 38 </table> 39 </main> 40 </body> 41 </html>