Support changing your own name and handling name change events

web/utils/localStorage.ts

@@ -0,0 +1,47 @@
+export const LOCAL_STORAGE_KEYS = {
+  username: 'username',
+};
+
+export function getLocalStorage(key) {
+  try {
+    return localStorage.getItem(key);
+  } catch (e) {}
+  return null;
+}
+
+export function setLocalStorage(key, value) {
+  try {
+    if (value !== '' && value !== null) {
+      localStorage.setItem(key, value);
+    } else {
+      localStorage.removeItem(key);
+    }
+    return true;
+  } catch (e) {}
+  return false;
+}
+
+export function clearLocalStorage(key) {
+  localStorage.removeItem(key);
+}
+
+// jump down to the max height of a div, with a slight delay
+export function jumpToBottom(element, behavior) {
+  if (!element) return;
+
+  if (!behavior) {
+    behavior = document.visibilityState === 'visible' ? 'smooth' : 'instant';
+  }
+
+  setTimeout(
+    () => {
+      element.scrollTo({
+        top: element.scrollHeight,
+        left: 0,
+        behavior,
+      });
+    },
+    50,
+    element,
+  );
+}