updates

Author: adthoughtsglobal

src/App.jsx

@@ -51,16 +51,8 @@ addTheme("/themes/fun.css");
 
 import ContextMenu from './components/Contextmenu.jsx';
 
-const removeServer = (src) => {
-  setState("servers", servers =>
-    servers.filter(server => server.src !== src)
-  );
-};
-
 import "./core/ContextMenuDefs.jsx"
 
-const [firstBarWidth, setFirstBarWidth] = createSignal(260);
-export const [thirdBarWidth, setThirdBarWidth] = createSignal(320);
 
 
 const defaultState = {
@@ -91,6 +83,8 @@ const defaultState = {
     loadAttachments: "all",
     showNicknames: "nickname",
     blockedMessages: "collapsed",
+  firstBarWidth: 260,
+  thirdBarWidth: 320,
   }
 };
 export const [unreads, setUnreads] = createStore({
@@ -138,6 +132,23 @@ export const [state, setState] = createStore({
   },
 });
 
+
+const [firstBarWidth, setFirstBarWidth] = createSignal(
+  state.settings.firstBarWidth
+);
+
+export const [thirdBarWidth, setThirdBarWidth] = createSignal(
+  state.settings.thirdBarWidth
+);
+
+createEffect(() => {
+  setState("settings", "firstBarWidth", firstBarWidth());
+});
+
+createEffect(() => {
+  setState("settings", "thirdBarWidth", thirdBarWidth());
+});
+
 export var tempState = {};
 window.tempState = tempState
 window.state = state;

src/components/channelCache.js

@@ -1,15 +1,10 @@
-// channelCache.js
-// LRU cache (max 3 entries) for preloaded channel message data.
-// Entries not "active" (i.e. not the currently open channel) expire after 1 minute.
-
 const MAX_ENTRIES = 3;
 const BACKGROUND_TTL_MS = 60_000;
 
-const cache = new Map(); // key: channelName -> { data, timer, fetchedAt }
-const inflight = new Map(); // key: channelName -> Promise (dedupe concurrent preloads)
+const cache = new Map();
+const inflight = new Map();
 
 function touch(name) {
-  // refresh recency order for LRU
   const entry = cache.get(name);
   if (!entry) return;
   cache.delete(name);
@@ -32,8 +27,6 @@ function clearEntryTimer(name) {
   }
 }
 
-// Starts (or restarts) the background expiry timer for a channel.
-// Call armExpiry(name) whenever a channel becomes "background" (not the active one).
 function armExpiry(name) {
   const entry = cache.get(name);
   if (!entry) return;
@@ -45,8 +38,6 @@ function armExpiry(name) {
   }, BACKGROUND_TTL_MS);
 }
 
-// Call disarmExpiry(name) when a channel becomes the active one, so it won't expire
-// while in use.
 function disarmExpiry(name) {
   clearEntryTimer(name);
 }
@@ -62,7 +53,6 @@ export function hasCached(name) {
   return cache.has(name);
 }
 
-// fetcher: () => Promise<data> — only called if not already cached/inflight
 export async function preloadChannel(name, fetcher) {
   if (!name) return null;
 
@@ -86,7 +76,6 @@ export async function preloadChannel(name, fetcher) {
       });
 
       evictIfNeeded();
-      // newly preloaded channels start as "background" until made active
       armExpiry(name);
 
       return data;

src/components/serverSidebar/ChannelList.jsx

@@ -79,10 +79,6 @@ function isImageSrc(src) {
   return typeof src === "string" && src.trim().length > 0;
 }
 
-// props.preloadChannel(channelName) should call your data-fetch (e.g. sendRequest
-// + await the response, or read from an existing store) and resolve with the
-// payload to cache. Passed down from the parent so ChannelList stays decoupled
-// from the connection layer.
 export default function ChannelList(props) {
   const cleanupFns = [];
 
@@ -98,7 +94,6 @@ export default function ChannelList(props) {
   }
 
   function handleSelect(channelName) {
-    // previous active channel becomes background and starts its TTL
     if (props.currentChannel && props.currentChannel !== channelName) {
       markBackground(props.currentChannel);
     }

src/core/ContextMenuDefs.jsx

@@ -10,6 +10,13 @@ import {
   HiOutlineChatBubbleBottomCenterText
 } from "solid-icons/hi";
 import SystemContextMenu from '../components/Systemcontextmenu.js';
+import { setState } from "../App.jsx";
+
+const removeServer = (src) => {
+  setState("servers", servers =>
+    servers.filter(server => server.src !== src)
+  );
+};
 
 SystemContextMenu.init([
   {

src/styles/index.css

@@ -105,7 +105,6 @@ nav button.active {
 }
 
 .text_box_wrapper {
-  margin-top: .5em;
   gap: 0;
 }
 
@@ -192,7 +191,7 @@ opacity: 1;
     cursor: pointer;
 
     &:hover {
-      background-color: var(--bg-three);
+      background-color: var(--diff-two);
       opacity: 1;
     }
 
@@ -1458,7 +1457,7 @@ img.big_emoji {
   height: 1.2em;
   white-space: nowrap;
   color: var(--fg-dim);
-  margin: .2em .8em;
+  margin: .5em .8em;
   margin-top: 0;
   align-items: center;
   position: relative;