Add manually connect to relay feature

heguro · Mar 19, 2023 · a189eec · a189eec
1 parent edd306d
commit a189eec
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 0 deletions.
diff --git a/src/components/Main/Main.tsx b/src/components/Main/Main.tsx
@@ -102,6 +102,7 @@ export const Main = () => {
     useState<ContactList | null>(null);
   const [relaysInputText, setRelaysInputText] = useState('');
   const [showKind10002, setShowKind10002] = useState(false);
+  const [relayAddInput, setRelayAddInput] = useState('');
 
   const { setLang, lang } = useContext(PrefsContext);
   const { setLogin, login } = useContext(LoginContext);
@@ -742,6 +743,35 @@ export const Main = () => {
                 {t('setting.showKind10002.label')}
               </label>
             </div>
+            <div>
+              <form
+                onSubmit={evt => {
+                  evt.preventDefault();
+                  const url = relayUrlNormalize(relayAddInput);
+                  if (/^((ws|http)s?:\/\/)?[\w.-]+(\/|$)/.test(url)) {
+                    if (connections[url]?.status !== 'connected') {
+                      addConnection(relayAddInput, true);
+                    }
+                    setRelayAddInput('');
+                  }
+                }}>
+                <label for="relay-add-input">
+                  {t('setting.addRelayManually.label')}:{' '}
+                  <input
+                    type="text"
+                    id="relay-add-input"
+                    placeholder="wss://relay.damus.io"
+                    value={relayAddInput}
+                    onInput={({ target }) => {
+                      if (target instanceof HTMLInputElement) {
+                        setRelayAddInput(target.value);
+                      }
+                    }}
+                  />
+                  <button type="submit">接続</button>
+                </label>
+              </form>
+            </div>
             <div>
               <label for="lang-select">
                 {t('setting.lang.label')}:{' '}

diff --git a/src/lib/i18n/en.json b/src/lib/i18n/en.json
@@ -66,6 +66,8 @@
   "relays.relay.w": "w",
   "relays.reset": "Reset",
   "relays.send": "Send",
+  "setting.addRelayManually.button": "Connect",
+  "setting.addRelayManually.label": "Manually add relay to connect",
   "setting.label": "Settings",
   "setting.lang.label": "Language",
   "setting.publishMode.all": "As many relays as possible",

diff --git a/src/lib/i18n/ja.json b/src/lib/i18n/ja.json
@@ -64,6 +64,8 @@
   "relays.relay.w": "書",
   "relays.reset": "リセット",
   "relays.send": "送信",
+  "setting.addRelayManually.button": "接続",
+  "setting.addRelayManually.label": "リレー手動接続",
   "setting.label": "設定",
   "setting.lang.label": "言語(Language)",
   "setting.publishMode.all": "できるだけ多くのリレー",