working v1.

extension/popup.jsx

@@ -0,0 +1,45 @@
+import browser from 'webextension-polyfill'
+import {Buffer} from 'buffer'
+import {render} from 'react-dom'
+import {getPublicKey} from 'nostr-tools'
+import React, {useState, useEffect} from 'react'
+
+function Popup() {
+  let [key, setKey] = useState('')
+
+  useEffect(() => {
+    browser.storage.local.get('private_key').then(results => {
+      if (results.private_key) {
+        setKey(Buffer.from(getPublicKey(results.private_key)).toString('hex'))
+      } else {
+        setKey(null)
+      }
+    })
+  }, [])
+
+  return (
+    <>
+      <h2>nos2x</h2>
+      {key === null ? (
+        <p style={{width: '150px'}}>
+          you don't have a private key set. use the options page to set one.
+        </p>
+      ) : (
+        <>
+          <p>your public key:</p>
+          <pre
+            style={{
+              whiteSpace: 'pre-wrap',
+              wordBreak: 'break-all',
+              width: '100px'
+            }}
+          >
+            <code>{key}</code>
+          </pre>
+        </>
+      )}
+    </>
+  )
+}
+
+render(<Popup />, document.getElementById('main'))