mirror of
https://github.com/logos-messaging/examples.waku.org.git
synced 2026-01-03 13:23:13 +00:00
1 line
11 KiB
HTML
1 line
11 KiB
HTML
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/rln-js/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/rln-js/_next/static/css/fbde540ba9fb24fc.css" crossorigin="" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/rln-js/_next/static/chunks/webpack-cf40ceb85fc14a09.js" crossorigin=""/><script src="/rln-js/_next/static/chunks/fd9d1056-2e1538a3c044e0bb.js" async="" crossorigin=""></script><script src="/rln-js/_next/static/chunks/472-b67fb1eb570cfe5d.js" async="" crossorigin=""></script><script src="/rln-js/_next/static/chunks/main-app-7480672c22dcf9f6.js" async="" crossorigin=""></script><script src="/rln-js/_next/static/chunks/e37a0b60-269ef973f827543e.js" async=""></script><script src="/rln-js/_next/static/chunks/782-d7aa94b30b6e6632.js" async=""></script><script src="/rln-js/_next/static/chunks/240-09f36703b8ace873.js" async=""></script><script src="/rln-js/_next/static/chunks/app/page-89096a90cb200ba2.js" async=""></script><title>RLN Example</title><meta name="description" content="Showcases RLN, Keystore and generation of proofs"/><link rel="icon" href="/rln-js/favicon.ico" type="image/x-icon" sizes="32x32"/><meta name="next-size-adjust"/><script src="/rln-js/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js" crossorigin="" noModule=""></script></head><body class="__className_7632df"><main class="flex min-h-screen flex-col p-24 font-mono max-w-screen-lg m-auto"><div class="items-center justify-between lg:flex mb-5"><h1 class="text-4xl ">Waku RLN</h1></div><p class="text-s">Application status<!-- -->:<!-- --> <span class="underline underline-offset-3 decoration-4 decoration-blue-400 dark:decoration-blue-600">none</span></p><div class=" mt-10"><div class="items-center justify-between lg:flex mb-3"><h2 class="text-2xl ">Contract</h2><button class=" py-2.5 px-5 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">Fetch state</button></div><div class="items-center justify-between lg:flex "><p>Your address</p><code>Not loaded yet</code></div><div class="items-center justify-between lg:flex "><p>Latest membership ID on contract</p><code>Not loaded yet</code></div></div><div class=" mt-10"><div class="items-center justify-between lg:flex "><h2 class="text-2xl ">Keystore</h2><div><button class=" py-2.5 px-5 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700"><label for="keystore-import" class="cursor-pointer">Import</label></button><input id="keystore-import" type="file" class="hidden"/><button class="ml-2 py-2.5 px-5 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">Export</button></div></div><div class=" mt-4"><label for="keystore-input" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Password(used for reading/saving into Keystore)</label><input type="text" id="keystore-input" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm w-full rounded-lg focus:ring-blue-500 focus:border-blue-500 block p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" value=""/></div><div class=" mt-4"><p class="text-s mb-2">Generate new credentials from wallet</p><button class=" py-2.5 px-5 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">Generate new credentials</button><button class="ml-5 py-2.5 px-5 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">Register credentials</button></div><div class=" mt-4"><p class="text-s">Read from Keystore</p><div class="items-center justify-between lg:flex "><select class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-3/4 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"></select><button class=" py-2.5 px-5 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">Read credentials</button></div></div></div><div class=" mt-5"><div class="items-center justify-between lg:flex mt-3"><p>Keystore hash</p><code>none</code></div><div class="items-center justify-between lg:flex mt-3"><p>Membership ID</p><code>none</code></div><div class="items-center justify-between lg:flex mt-3"><p>Secret Hash</p><code>none</code></div><div class="items-center justify-between lg:flex mt-3"><p>Commitment</p><code>none</code></div><div class="items-center justify-between lg:flex mt-3"><p>Nullifier</p><code>none</code></div><div class="items-center justify-between lg:flex mt-3"><p>Trapdoor</p><code>none</code></div></div><div class=" mt-10"><h2 class="text-2xl ">Waku<p class="text-xs">(select credentials to initialize)</p></h2><p class="text-s">Waku status<!-- -->:<!-- --> <span class="underline underline-offset-3 decoration-4 decoration-blue-400 dark:decoration-blue-600">none</span></p><div class=" mt-4"><label for="nick-input" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Your nickname</label><input type="text" id="nick-input" placeholder="Choose a nickname" class="w-full mr-2 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" value=""/></div><div class=" mt-4"><div class=" mb-2"><label for="message-input" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Message</label><input type="text" id="message-input" placeholder="Text your message here" class="w-full mr-2 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" value=""/></div><button class=" py-2.5 px-5 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">Send</button></div><div class=" mt-8"><p class="text-l mb-4">Messages</p><div><ul></ul></div></div></div></main><script src="/rln-js/_next/static/chunks/webpack-cf40ceb85fc14a09.js" crossorigin="" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/rln-js/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/rln-js/_next/static/css/fbde540ba9fb24fc.css\",\"style\",{\"crossOrigin\":\"\"}]\n0:\"$L3\"\n"])</script><script>self.__next_f.push([1,"4:I[3728,[],\"\"]\n6:I[9928,[],\"\"]\n7:I[6954,[],\"\"]\n8:I[7264,[],\"\"]\na:I[3663,[\"866\",\"static/chunks/e37a0b60-269ef973f827543e.js\",\"782\",\"static/chunks/782-d7aa94b30b6e6632.js\",\"240\",\"static/chunks/240-09f36703b8ace873.js\",\"931\",\"static/chunks/app/page-89096a90cb200ba2.js\"],\"\"]\n"])</script><script>self.__next_f.push([1,"3:[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/rln-js/_next/static/css/fbde540ba9fb24fc.css\",\"precedence\":\"next\",\"crossOrigin\":\"\"}]],[\"$\",\"$L4\",null,{\"buildId\":\"nn8U3lpB2TmeLckbhXr3P\",\"assetPrefix\":\"/rln-js\",\"initialCanonicalUrl\":\"/\",\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialHead\":[false,\"$L5\"],\"globalErrorComponent\":\"$6\",\"children\":[null,[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"__className_7632df\",\"children\":[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"hasLoading\":false,\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[],\"childProp\":{\"current\":[\"$L9\",[\"$\",\"$La\",null,{\"params\":{},\"searchParams\":{}}],null],\"segment\":\"__PAGE__\"},\"styles\":[]}]}]}],null]}]]\n"])</script><script>self.__next_f.push([1,"5:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"1\",{\"children\":\"RLN Example\"}],[\"$\",\"meta\",\"2\",{\"name\":\"description\",\"content\":\"Showcases RLN, Keystore and generation of proofs\"}],[\"$\",\"meta\",\"3\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"link\",\"4\",{\"rel\":\"icon\",\"href\":\"/rln-js/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"32x32\"}],[\"$\",\"meta\",\"5\",{\"name\":\"next-size-adjust\"}]]\n9:null\n"])</script></body></html> |