43f524bb · permissionBRICK/SillyTavern

public/script.js+17 -10 Viewed

 import { deriveTemplatesFromChatTemplate } from './scripts/chat-templates.js';
 import { getContext } from './scripts/st-context.js';
 import { extractReasoningFromData, initReasoning, PromptReasoning, removeReasoningFromString, updateReasoningTimeUI } from './scripts/reasoning.js';
+import { accountStorage } from './scripts/util/AccountStorage.js';
 // API OBJECT FOR EXTERNAL WIRING
 globalThis.SillyTavern = {

         const entityId = getCurrentEntityId();
         const warningShownKey = `mediaWarningShown:${entityId}`;
-        if (localStorage.getItem(warningShownKey) === null) {
+        if (accountStorage.getItem(warningShownKey) === null) {
             const warningToast = toastr.warning(
                 t`Use the 'Ext. Media' button to allow it. Click on this message to dismiss.`,
                 t`External media has been blocked`,

@@ -430,7 +431,7 @@ DOMPurify.addHook('uponSanitizeElement', (node, _, config) => {
430	},	431	},
431	);	432	);
432		433
433	localStorage.setItem(warningShownKey, 'true');	434	accountStorage.setItem(warningShownKey, 'true');
434	}	435	}
435	}	436	}
436	});	437	});

     $('#rm_print_characters_pagination').pagination({
         dataSource: entities,
-        pageSize: Number(localStorage.getItem(storageKey)) || per_page_default,
+        pageSize: Number(accountStorage.getItem(storageKey)) || per_page_default,
         sizeChangerOptions: [10, 25, 50, 100, 250, 500, 1000],
         pageRange: 1,
         pageNumber: saveCharactersPage || 1,

             eventSource.emit(event_types.CHARACTER_PAGE_LOADED);
         },
         afterSizeSelectorChange: function (e) {
-            localStorage.setItem(storageKey, e.target.value);
+            accountStorage.setItem(storageKey, e.target.value);
         },
         afterPaging: function (e) {
             saveCharactersPage = e;

             $('#your_name').val(name1);
+        }
+        accountStorage.init(settings?.accountStorage);
         await setUserControls(data.enable_accounts);
         // Allow subscribers to mutate settings
-        eventSource.emit(event_types.SETTINGS_LOADED_BEFORE, settings);
+        await eventSource.emit(event_types.SETTINGS_LOADED_BEFORE, settings);
         //Load KoboldAI settings
         koboldai_setting_names = data.koboldai_setting_names;

 export async function saveSettings(loopCounter = 0) {
     if (!settingsReady) {
-        console.warn('Settings not ready, aborting save');
+        console.warn('Settings not ready, scheduling another save');
+        saveSettingsDebounced();
         return;
+    }

         url: '/api/settings/save',
         data: JSON.stringify({
             firstRun: firstRun,
+            accountStorage: accountStorage.getState(),
             currentVersion: currentVersion,
             username: name1,
             active_character: active_character,

+            }
             try {
-                const perPage = Number(localStorage.getItem('Characters_PerPage')) || per_page_default;
+                const perPage = Number(accountStorage.getItem('Characters_PerPage')) || per_page_default;
                 const page = Math.floor(charIndex / perPage) + 1;
                 const selector = `#rm_print_characters_block [title*="${avatarFileName}"]`;
                 $('#rm_print_characters_pagination').pagination('go', page);

                 return;
+            }
-            const perPage = Number(localStorage.getItem('Characters_PerPage')) || per_page_default;
+            const perPage = Number(accountStorage.getItem('Characters_PerPage')) || per_page_default;
             const page = Math.floor(charIndex / perPage) + 1;
             $('#rm_print_characters_pagination').pagination('go', page);
             const selector = `#rm_print_characters_block [grid="${charId}"]`;

             continue;
+        }
+        accountStorage.removeItem(`AlertWI_${character.avatar}`);
+        accountStorage.removeItem(`AlertRegex_${character.avatar}`);
+        accountStorage.removeItem(`mediaWarningShown:${character.avatar}`);
         delete tag_map[character.avatar];
         select_rm_info('char_delete', character.name);

     });
     registerDebugFunction('toggleRegenerateWarning', 'Toggle Ctrl+Enter regeneration confirmation', 'Toggle the warning when regenerating a message with a Ctrl+Enter hotkey.', () => {
-        localStorage.setItem('RegenerateWithCtrlEnter', localStorage.getItem('RegenerateWithCtrlEnter') === 'true' ? 'false' : 'true');
+        accountStorage.setItem('RegenerateWithCtrlEnter', accountStorage.getItem('RegenerateWithCtrlEnter') === 'true' ? 'false' : 'true');
-        toastr.info('Regenerate warning is now ' + (localStorage.getItem('RegenerateWithCtrlEnter') === 'true' ? 'disabled' : 'enabled'));
+        toastr.info('Regenerate warning is now ' + (accountStorage.getItem('RegenerateWithCtrlEnter') === 'true' ? 'disabled' : 'enabled'));
     });
     registerDebugFunction('copySetup', 'Copy ST setup to clipboard [WIP]', 'Useful data when reporting bugs', async () => {

public/scripts/RossAscends-mods.js+29 -25 Viewed

     send_on_enter_options,
 } from './power-user.js';
-import { LoadLocal, SaveLocal, LoadLocalBool } from './f-localStorage.js';
 import { selected_group, is_group_generating, openGroupById } from './group-chats.js';
 import { getTagKeyForEntity, applyTagsOnCharacterSelect } from './tags.js';
 import {

 import { debounce_timeout } from './constants.js';
 import { Popup } from './popup.js';
+import { accountStorage } from './util/AccountStorage.js';
+import { getCurrentUserHandle } from './user.js';
 var RPanelPin = document.getElementById('rm_button_panel_pin');
 var LPanelPin = document.getElementById('lm_button_panel_pin');

@@ -409,32 +410,34 @@ function RA_autoconnect(PrevApi) {
409	function OpenNavPanels() {	410	function OpenNavPanels() {
410	if (!isMobile()) {	411	if (!isMobile()) {
411	//auto-open R nav if locked and previously open	412	//auto-open R nav if locked and previously open
412	if (LoadLocalBool('NavLockOn') == true && LoadLocalBool('NavOpened') == true) {	413	if (accountStorage.getItem('NavLockOn') == 'true' && accountStorage.getItem('NavOpened') == 'true') {
413	//console.log("RA -- clicking right nav to open");	414	//console.log("RA -- clicking right nav to open");
414	$('#rightNavDrawerIcon').click();	415	$('#rightNavDrawerIcon').click();
415	}	416	}
416		417
417	//auto-open L nav if locked and previously open	418	//auto-open L nav if locked and previously open
418	if (LoadLocalBool('LNavLockOn') == true && LoadLocalBool('LNavOpened') == true) {	419	if (accountStorage.getItem('LNavLockOn') == 'true' && accountStorage.getItem('LNavOpened') == 'true') {
419	console.debug('RA -- clicking left nav to open');	420	console.debug('RA -- clicking left nav to open');
420	$('#leftNavDrawerIcon').click();	421	$('#leftNavDrawerIcon').click();
421	}	422	}
422		423
423	//auto-open WI if locked and previously open	424	//auto-open WI if locked and previously open
424	if (LoadLocalBool('WINavLockOn') == true && LoadLocalBool('WINavOpened') == true) {	425	if (accountStorage.getItem('WINavLockOn') == 'true' && accountStorage.getItem('WINavOpened') == 'true') {
425	console.debug('RA -- clicking WI to open');	426	console.debug('RA -- clicking WI to open');
426	$('#WIDrawerIcon').click();	427	$('#WIDrawerIcon').click();
427	}	428	}
428	}	429	}
429	}	430	}
430		431
		432	const getUserInputKey = () => getCurrentUserHandle() + '_userInput';
		433
431	function restoreUserInput() {	434	function restoreUserInput() {
432	if (!power_user.restore_user_input) {	435	if (!power_user.restore_user_input) {
433	console.debug('restoreUserInput disabled');	436	console.debug('restoreUserInput disabled');
434	return;	437	return;
435	}	438	}
436		439
437	const userInput = LoadLocal('userInput');	440	const userInput = localStorage.getItem(getUserInputKey());
438	if (userInput) {	441	if (userInput) {
439	$('#send_textarea').val(userInput)[0].dispatchEvent(new Event('input', { bubbles: true }));	442	$('#send_textarea').val(userInput)[0].dispatchEvent(new Event('input', { bubbles: true }));
440	}	443	}

 function saveUserInput() {
     const userInput = String($('#send_textarea').val());
-    SaveLocal('userInput', userInput);
+    localStorage.setItem(getUserInputKey(), userInput);
+    console.debug('User Input -- ', userInput);
+}
 const saveUserInputDebounced = debounce(saveUserInput);

     //toggle pin class when lock toggle clicked
     $(RPanelPin).on('click', function () {
-        SaveLocal('NavLockOn', $(RPanelPin).prop('checked'));
+        accountStorage.setItem('NavLockOn', $(RPanelPin).prop('checked'));
         if ($(RPanelPin).prop('checked') == true) {
             //console.log('adding pin class to right nav');
             $(RightNavPanel).addClass('pinnedOpen');

+        }
     });
     $(LPanelPin).on('click', function () {
-        SaveLocal('LNavLockOn', $(LPanelPin).prop('checked'));
+        accountStorage.setItem('LNavLockOn', $(LPanelPin).prop('checked'));
         if ($(LPanelPin).prop('checked') == true) {
             //console.log('adding pin class to Left nav');
             $(LeftNavPanel).addClass('pinnedOpen');

     });
     $(WIPanelPin).on('click', function () {
-        SaveLocal('WINavLockOn', $(WIPanelPin).prop('checked'));
+        accountStorage.setItem('WINavLockOn', $(WIPanelPin).prop('checked'));
         if ($(WIPanelPin).prop('checked') == true) {
             console.debug('adding pin class to WI');
             $(WorldInfo).addClass('pinnedOpen');

     });
     // read the state of right Nav Lock and apply to rightnav classlist
-    $(RPanelPin).prop('checked', LoadLocalBool('NavLockOn'));
+    $(RPanelPin).prop('checked', accountStorage.getItem('NavLockOn') == 'true');
-    if (LoadLocalBool('NavLockOn') == true) {
+    if (accountStorage.getItem('NavLockOn') == 'true') {
         //console.log('setting pin class via local var');
         $(RightNavPanel).addClass('pinnedOpen');
         $(RightNavDrawerIcon).addClass('drawerPinnedOpen');

         $(RightNavDrawerIcon).addClass('drawerPinnedOpen');
+    }
     // read the state of left Nav Lock and apply to leftnav classlist
-    $(LPanelPin).prop('checked', LoadLocalBool('LNavLockOn'));
+    $(LPanelPin).prop('checked', accountStorage.getItem('LNavLockOn') === 'true');
-    if (LoadLocalBool('LNavLockOn') == true) {
+    if (accountStorage.getItem('LNavLockOn') == 'true') {
         //console.log('setting pin class via local var');
         $(LeftNavPanel).addClass('pinnedOpen');
         $(LeftNavDrawerIcon).addClass('drawerPinnedOpen');

+    }
     // read the state of left Nav Lock and apply to leftnav classlist
-    $(WIPanelPin).prop('checked', LoadLocalBool('WINavLockOn'));
+    $(WIPanelPin).prop('checked', accountStorage.getItem('WINavLockOn') === 'true');
-    if (LoadLocalBool('WINavLockOn') == true) {
+    if (accountStorage.getItem('WINavLockOn') == 'true') {
         //console.log('setting pin class via local var');
         $(WorldInfo).addClass('pinnedOpen');
         $(WIDrawerIcon).addClass('drawerPinnedOpen');

     //save state of Right nav being open or closed
     $('#rightNavDrawerIcon').on('click', function () {
         if (!$('#rightNavDrawerIcon').hasClass('openIcon')) {
-            SaveLocal('NavOpened', 'true');
+            accountStorage.setItem('NavOpened', 'true');
-        } else { SaveLocal('NavOpened', 'false'); }
+        } else { accountStorage.setItem('NavOpened', 'false'); }
     });
     //save state of Left nav being open or closed
     $('#leftNavDrawerIcon').on('click', function () {
         if (!$('#leftNavDrawerIcon').hasClass('openIcon')) {
-            SaveLocal('LNavOpened', 'true');
+            accountStorage.setItem('LNavOpened', 'true');
-        } else { SaveLocal('LNavOpened', 'false'); }
+        } else { accountStorage.setItem('LNavOpened', 'false'); }
     });
     //save state of Left nav being open or closed
     $('#WorldInfo').on('click', function () {
         if (!$('#WorldInfo').hasClass('openIcon')) {
-            SaveLocal('WINavOpened', 'true');
+            accountStorage.setItem('WINavOpened', 'true');
-        } else { SaveLocal('WINavOpened', 'false'); }
+        } else { accountStorage.setItem('WINavOpened', 'false'); }
     });
     var chatbarInFocus = false;

         OpenNavPanels();
     }, 300);
-    $(SelectedCharacterTab).click(function () { SaveLocal('SelectedNavTab', 'rm_button_selected_ch'); });
+    $(SelectedCharacterTab).click(function () { accountStorage.setItem('SelectedNavTab', 'rm_button_selected_ch'); });
-    $('#rm_button_characters').click(function () { SaveLocal('SelectedNavTab', 'rm_button_characters'); });
+    $('#rm_button_characters').click(function () { accountStorage.setItem('SelectedNavTab', 'rm_button_characters'); });
     // when a char is selected from the list, save them as the auto-load character for next page load

+            }
             else if (is_send_press == false) {
                 const skipConfirmKey = 'RegenerateWithCtrlEnter';
-                const skipConfirm = LoadLocalBool(skipConfirmKey);
+                const skipConfirm = accountStorage.getItem(skipConfirmKey) === 'true';
                 function doRegenerate() {
                     console.debug('Regenerating with Ctrl+Enter');
                     $('#option_regenerate').trigger('click');

@@ -1097,7 +1101,7 @@ export function initRossMods() {
1097	return;	1101	return;
1098	}	1102	}
1099		1103
1100	SaveLocal(skipConfirmKey, regenerateWithCtrlEnter);	1104	accountStorage.setItem(skipConfirmKey, String(regenerateWithCtrlEnter));
1101	doRegenerate();	1105	doRegenerate();
1102	}	1106	}
1103	return;	1107	return;

public/scripts/chats.js+5 -4 Viewed

 import { renderTemplateAsync } from './templates.js';
 import { t } from './i18n.js';
 import { humanizedDateTime } from './RossAscends-mods.js';
+import { accountStorage } from './util/AccountStorage.js';
 /**
  * @typedef {Object} FileAttachment

         renderAttachments();
     });
-    let sortField = localStorage.getItem('DataBank_sortField') || 'created';
+    let sortField = accountStorage.getItem('DataBank_sortField') || 'created';
-    let sortOrder = localStorage.getItem('DataBank_sortOrder') || 'desc';
+    let sortOrder = accountStorage.getItem('DataBank_sortOrder') || 'desc';
     let filterString = '';
     const template = $(await renderExtensionTemplateAsync('attachments', 'manager', {}));

         sortField = this.selectedOptions[0].dataset.sortField;
         sortOrder = this.selectedOptions[0].dataset.sortOrder;
-        localStorage.setItem('DataBank_sortField', sortField);
+        accountStorage.setItem('DataBank_sortField', sortField);
-        localStorage.setItem('DataBank_sortOrder', sortOrder);
+        accountStorage.setItem('DataBank_sortOrder', sortOrder);
         renderAttachments();
     });
     function handleBulkAction(action) {

public/scripts/extensions.js+5 -4 Viewed

 import { isAdmin } from './user.js';
 import { t } from './i18n.js';
 import { debounce_timeout } from './constants.js';
+import { accountStorage } from './util/AccountStorage.js';
 export {
     getContext,

         htmlExternal.append(htmlLoading);
         const sortOrderKey = 'extensions_sortByName';
-        const sortByName = localStorage.getItem(sortOrderKey) === 'true';
+        const sortByName = accountStorage.getItem(sortOrderKey) === 'true';
         const sortFn = sortByName ? sortManifestsByName : sortManifestsByOrder;
         const extensions = Object.entries(manifests).sort((a, b) => sortFn(a[1], b[1])).map(getExtensionData);

             text: sortByName ? t`Sort: Display Name` : t`Sort: Loading Order`,
             action: async () => {
                 abortController.abort();
-                localStorage.setItem(sortOrderKey, sortByName ? 'false' : 'true');
+                accountStorage.setItem(sortOrderKey, sortByName ? 'false' : 'true');
                 await showExtensionsDetails();
             },
         };

@@ -1153,11 +1154,11 @@ async function checkForExtensionUpdates(force) {
1153	const currentDate = new Date().toDateString();	1154	const currentDate = new Date().toDateString();
1154		1155
1155	// Don't nag more than once a day	1156	// Don't nag more than once a day
1156	if (localStorage.getItem(STORAGE_NAG_KEY) === currentDate) {	1157	if (accountStorage.getItem(STORAGE_NAG_KEY) === currentDate) {
1157	return;	1158	return;
1158	}	1159	}
1159		1160
1160	localStorage.setItem(STORAGE_NAG_KEY, currentDate);	1161	accountStorage.setItem(STORAGE_NAG_KEY, currentDate);
1161	}	1162	}
1162		1163
1163	const isCurrentUserAdmin = isAdmin();	1164	const isCurrentUserAdmin = isAdmin();

public/scripts/extensions/assets/index.js+3 -2 Viewed

 import { deleteExtension, extensionNames, getContext, installExtension, renderExtensionTemplateAsync } from '../../extensions.js';
 import { POPUP_TYPE, Popup, callGenericPopup } from '../../popup.js';
 import { executeSlashCommands } from '../../slash-commands.js';
+import { accountStorage } from '../../util/AccountStorage.js';
 import { flashHighlight, getStringHash, isValidUrl } from '../../utils.js';
 export { MODULE_NAME };

     connectButton.on('click', async function () {
         const url = DOMPurify.sanitize(String(assetsJsonUrl.val()));
         const rememberKey = `Assets_SkipConfirm_${getStringHash(url)}`;
-        const skipConfirm = localStorage.getItem(rememberKey) === 'true';
+        const skipConfirm = accountStorage.getItem(rememberKey) === 'true';
         const confirmation = skipConfirm || await Popup.show.confirm('Loading Asset List', `<span>Are you sure you want to connect to the following url?</span><var>${url}</var>`, {
             customInputs: [{ id: 'assets-remember', label: 'Don\'t ask again for this URL' }],
             onClose: popup => {
                 if (popup.result) {
                     const rememberValue = popup.inputResults.get('assets-remember');
-                    localStorage.setItem(rememberKey, String(rememberValue));
+                    accountStorage.setItem(rememberKey, String(rememberValue));
+                }
             },
         });

public/scripts/extensions/quick-reply/src/QuickReply.js+9 -8 Viewed

 import { SlashCommandParser } from '../../../slash-commands/SlashCommandParser.js';
 import { SlashCommandParserError } from '../../../slash-commands/SlashCommandParserError.js';
 import { SlashCommandScope } from '../../../slash-commands/SlashCommandScope.js';
+import { accountStorage } from '../../../util/AccountStorage.js';
 import { debounce, delay, getSortableDelay, showFontAwesomePicker } from '../../../utils.js';
 import { log, quickReplyApi, warn } from '../index.js';
 import { QuickReplyContextLink } from './QuickReplyContextLink.js';

             this.editorSyntax = messageSyntaxInner;
             /**@type {HTMLInputElement}*/
             const wrap = dom.querySelector('#qr--modal-wrap');
-            wrap.checked = JSON.parse(localStorage.getItem('qr--wrap') ?? 'false');
+            wrap.checked = JSON.parse(accountStorage.getItem('qr--wrap') ?? 'false');
             wrap.addEventListener('click', () => {
-                localStorage.setItem('qr--wrap', JSON.stringify(wrap.checked));
+                accountStorage.setItem('qr--wrap', JSON.stringify(wrap.checked));
                 updateWrap();
             });
             const updateWrap = () => {

             };
             /**@type {HTMLInputElement}*/
             const tabSize = dom.querySelector('#qr--modal-tabSize');
-            tabSize.value = JSON.parse(localStorage.getItem('qr--tabSize') ?? '4');
+            tabSize.value = JSON.parse(accountStorage.getItem('qr--tabSize') ?? '4');
             const updateTabSize = () => {
                 message.style.tabSize = tabSize.value;
                 messageSyntaxInner.style.tabSize = tabSize.value;
                 updateScrollDebounced();
             };
             tabSize.addEventListener('change', () => {
-                localStorage.setItem('qr--tabSize', JSON.stringify(Number(tabSize.value)));
+                accountStorage.setItem('qr--tabSize', JSON.stringify(Number(tabSize.value)));
                 updateTabSize();
             });
             /**@type {HTMLInputElement}*/
             const executeShortcut = dom.querySelector('#qr--modal-executeShortcut');
-            executeShortcut.checked = JSON.parse(localStorage.getItem('qr--executeShortcut') ?? 'true');
+            executeShortcut.checked = JSON.parse(accountStorage.getItem('qr--executeShortcut') ?? 'true');
             executeShortcut.addEventListener('click', () => {
-                localStorage.setItem('qr--executeShortcut', JSON.stringify(executeShortcut.checked));
+                accountStorage.setItem('qr--executeShortcut', JSON.stringify(executeShortcut.checked));
             });
             /**@type {HTMLInputElement}*/
             const syntax = dom.querySelector('#qr--modal-syntax');
-            syntax.checked = JSON.parse(localStorage.getItem('qr--syntax') ?? 'true');
+            syntax.checked = JSON.parse(accountStorage.getItem('qr--syntax') ?? 'true');
             syntax.addEventListener('click', () => {
-                localStorage.setItem('qr--syntax', JSON.stringify(syntax.checked));
+                accountStorage.setItem('qr--syntax', JSON.stringify(syntax.checked));
                 updateSyntaxEnabled();
             });
             if (navigator.keyboard) {

public/scripts/extensions/regex/index.js+3 -2 Viewed

 import { download, getFileText, getSortableDelay, uuidv4 } from '../../utils.js';
 import { regex_placement, runRegexScript, substitute_find_regex } from './engine.js';
 import { t } from '../../i18n.js';
+import { accountStorage } from '../../util/AccountStorage.js';
 /**
  * @typedef {object} RegexScript

             if (avatar && !extension_settings.character_allowed_regex.includes(avatar)) {
                 const checkKey = `AlertRegex_${characters[chid].avatar}`;
-                if (!localStorage.getItem(checkKey)) {
+                if (!accountStorage.getItem(checkKey)) {
-                    localStorage.setItem(checkKey, 'true');
+                    accountStorage.setItem(checkKey, 'true');
                     const template = await renderExtensionTemplateAsync('regex', 'embeddedScripts', {});
                     const result = await callGenericPopup(template, POPUP_TYPE.CONFIRM, '', { okButton: 'Yes' });

public/scripts/f-localStorage.js+0 -27 Viewed

-////////////////// LOCAL STORAGE HANDLING /////////////////////
-export function SaveLocal(target, val) {
-    localStorage.setItem(target, val);
-    console.debug('SaveLocal -- ' + target + ' : ' + val);
-}
-export function LoadLocal(target) {
-    console.debug('LoadLocal -- ' + target);
-    return localStorage.getItem(target);
-}
-export function LoadLocalBool(target) {
-    let result = localStorage.getItem(target) === 'true';
-    return result;
-}
-export function CheckLocal() {
-    console.log('----------local storage---------');
-    var i;
-    for (i = 0; i < localStorage.length; i++) {
-        console.log(localStorage.key(i) + ' : ' + localStorage.getItem(localStorage.key(i)));
-    }
-    console.log('------------------------------');
-}
-export function ClearLocal() { localStorage.clear(); console.log('Removed All Local Storage'); }
-/////////////////////////////////////////////////////////////////////////

public/scripts/group-chats.js+5 -4 Viewed

 import { isExternalMediaAllowed } from './chats.js';
 import { POPUP_TYPE, Popup, callGenericPopup } from './popup.js';
 import { t } from './i18n.js';
+import { accountStorage } from './util/AccountStorage.js';
 export {
     selected_group,

         formatNavigator: PAGINATION_TEMPLATE,
         showNavigator: true,
         showSizeChanger: true,
-        pageSize: Number(localStorage.getItem(storageKey)) || 5,
+        pageSize: Number(accountStorage.getItem(storageKey)) || 5,
         sizeChangerOptions: [5, 10, 25, 50, 100, 200, 500, 1000],
         afterSizeSelectorChange: function (e) {
-            localStorage.setItem(storageKey, e.target.value);
+            accountStorage.setItem(storageKey, e.target.value);
         },
         callback: function (data) {
             $('#rm_group_add_members').empty();

             formatNavigator: PAGINATION_TEMPLATE,
             showNavigator: true,
             showSizeChanger: true,
-            pageSize: Number(localStorage.getItem(storageKey)) || 5,
+            pageSize: Number(accountStorage.getItem(storageKey)) || 5,
             sizeChangerOptions: [5, 10, 25, 50, 100, 200, 500, 1000],
             afterSizeSelectorChange: function (e) {
-                localStorage.setItem(storageKey, e.target.value);
+                accountStorage.setItem(storageKey, e.target.value);
             },
             callback: function (data) {
                 $('.rm_group_members').empty();

public/scripts/openai.js+3 -2 Viewed

 import { Popup, POPUP_RESULT } from './popup.js';
 import { t } from './i18n.js';
 import { ToolManager } from './tool-calling.js';
+import { accountStorage } from './util/AccountStorage.js';
 export {
     openai_messages_count,

         throw err;
+    }
     const rememberKey = `Proxy_SkipConfirm_${getStringHash(oai_settings.reverse_proxy)}`;
-    const skipConfirm = localStorage.getItem(rememberKey) === 'true';
+    const skipConfirm = accountStorage.getItem(rememberKey) === 'true';
     const confirmation = skipConfirm || await Popup.show.confirm(t`Connecting To Proxy`, await renderTemplateAsync('proxyConnectionWarning', { proxyURL: DOMPurify.sanitize(oai_settings.reverse_proxy) }));

@@ -425,7 +426,7 @@ async function validateReverseProxy() {
425	throw new Error('Proxy connection denied.');	426	throw new Error('Proxy connection denied.');
426	}	427	}
427		428
428	localStorage.setItem(rememberKey, String(true));	429	accountStorage.setItem(rememberKey, String(true));
429	}	430	}
430		431
431	/**	432	/**

public/scripts/personas.js+6 -5 Viewed

 import { t } from './i18n.js';
 import { openWorldInfoEditor, world_names } from './world-info.js';
 import { renderTemplateAsync } from './templates.js';
+import { accountStorage } from './util/AccountStorage.js';
 let savePersonasPage = 0;
 const GRID_STORAGE_KEY = 'Personas_GridView';

 export const personasFilter = new FilterHelper(debounce(getUserAvatars, debounce_timeout.quick));
 function switchPersonaGridView() {
-    const state = localStorage.getItem(GRID_STORAGE_KEY) === 'true';
+    const state = accountStorage.getItem(GRID_STORAGE_KEY) === 'true';
     $('#user_avatar_block').toggleClass('gridView', state);
+}

         const storageKey = 'Personas_PerPage';
         const listId = '#user_avatar_block';
-        const perPage = Number(localStorage.getItem(storageKey)) || 5;
+        const perPage = Number(accountStorage.getItem(storageKey)) || 5;
         $('#persona_pagination_container').pagination({
             dataSource: entities,

                 highlightSelectedAvatar();
             },
             afterSizeSelectorChange: function (e) {
-                localStorage.setItem(storageKey, e.target.value);
+                accountStorage.setItem(storageKey, e.target.value);
             },
             afterPaging: function (e) {
                 savePersonasPage = e;

         saveSettingsDebounced();
     });
     $('#persona_grid_toggle').on('click', () => {
-        const state = localStorage.getItem(GRID_STORAGE_KEY) === 'true';
+        const state = accountStorage.getItem(GRID_STORAGE_KEY) === 'true';
-        localStorage.setItem(GRID_STORAGE_KEY, String(!state));
+        accountStorage.setItem(GRID_STORAGE_KEY, String(!state));
         switchPersonaGridView();
     });

public/scripts/power-user.js+3 -2 Viewed

 import { POPUP_TYPE, callGenericPopup } from './popup.js';
 import { loadSystemPrompts } from './sysprompt.js';
 import { fuzzySearchCategories } from './filters.js';
+import { accountStorage } from './util/AccountStorage.js';
 export {
     loadPowerUserSettings,

  */
 function validateStoryString(storyString, params) {
     /** @type {{hashCache: {[hash: string]: {fieldsWarned: {[key: string]: boolean}}}}} */
-    const cache = JSON.parse(localStorage.getItem(storage_keys.storyStringValidationCache)) ?? { hashCache: {} };
+    const cache = JSON.parse(accountStorage.getItem(storage_keys.storyStringValidationCache)) ?? { hashCache: {} };
     const hash = getStringHash(storyString);

@@ -2056,7 +2057,7 @@ function validateStoryString(storyString, params) {
2056	toastr.warning(`The story string does not contain the following fields, but they would contain content: ${fieldsList}`, 'Story String Validation');	2057	toastr.warning(`The story string does not contain the following fields, but they would contain content: ${fieldsList}`, 'Story String Validation');
2057	}	2058	}
2058		2059
2059	localStorage.setItem(storage_keys.storyStringValidationCache, JSON.stringify(cache));	2060	accountStorage.setItem(storage_keys.storyStringValidationCache, JSON.stringify(cache));
2060	}	2061	}
2061		2062
2062		2063

public/scripts/slash-commands.js+3 -2 Viewed

 import { SlashCommandBreakController } from './slash-commands/SlashCommandBreakController.js';
 import { SlashCommandExecutionError } from './slash-commands/SlashCommandExecutionError.js';
 import { slashCommandReturnHelper } from './slash-commands/SlashCommandReturnHelper.js';
+import { accountStorage } from './util/AccountStorage.js';
 export {
     executeSlashCommands, executeSlashCommandsWithOptions, getSlashCommandsHelp, registerSlashCommand,
 };

@@ -3606,9 +3607,9 @@ export async function sendMessageAs(args, text) {
3606		3607
3607	if (!name) {	3608	if (!name) {
3608	const namelessWarningKey = 'sendAsNamelessWarningShown';	3609	const namelessWarningKey = 'sendAsNamelessWarningShown';
3609	if (localStorage.getItem(namelessWarningKey) !== 'true') {	3610	if (accountStorage.getItem(namelessWarningKey) !== 'true') {
3610	toastr.warning('To avoid confusion, please use /sendas name="Character Name"', 'Name defaulted to {{char}}', { timeOut: 10000 });	3611	toastr.warning('To avoid confusion, please use /sendas name="Character Name"', 'Name defaulted to {{char}}', { timeOut: 10000 });
3611	localStorage.setItem(namelessWarningKey, 'true');	3612	accountStorage.setItem(namelessWarningKey, 'true');
3612	}	3613	}
3613	name = name2;	3614	name = name2;
3614	}	3615	}

public/scripts/st-context.js+2 -0 Viewed

 import { textgenerationwebui_settings } from './textgen-settings.js';
 import { tokenizers, getTextTokens, getTokenCount, getTokenCountAsync, getTokenizerModel } from './tokenizers.js';
 import { ToolManager } from './tool-calling.js';
+import { accountStorage } from './util/AccountStorage.js';
 import { timestampToMoment, uuidv4 } from './utils.js';
 import { getGlobalVariable, getLocalVariable, setGlobalVariable, setLocalVariable } from './variables.js';
 import { convertCharacterBook, loadWorldInfo, saveWorldInfo, updateWorldInfoList } from './world-info.js';
 export function getContext() {
     return {
+        accountStorage,
         chat,
         characters,
         groups,

public/scripts/textgen-models.js+4 -3 Viewed

 import { renderTemplateAsync } from './templates.js';
 import { POPUP_TYPE, callGenericPopup } from './popup.js';
 import { t } from './i18n.js';
+import { accountStorage } from './util/AccountStorage.js';
 let mancerModels = [];
 let togetherModels = [];

     populateClassSelection(data);
     // Retrieve the stored number of items per page or default to 10
-    const perPage = Number(localStorage.getItem(storageKey)) || 10;
+    const perPage = Number(accountStorage.getItem(storageKey)) || 10;
     // Initialize pagination
     applyFiltersAndSort();

             },
             afterSizeSelectorChange: function (e) {
                 const newPerPage = e.target.value;
-                localStorage.setItem('Models_PerPage', newPerPage);
+                accountStorage.setItem(storageKey, newPerPage);
                 setupPagination(models, Number(newPerPage), featherlessCurrentPage); // Use the stored current page number
             },
         });

         const currentModelIndex = filteredModels.findIndex(x => x.id === textgen_settings.featherless_model);
         featherlessCurrentPage = currentModelIndex >= 0 ? (currentModelIndex / perPage) + 1 : 1;
-        setupPagination(filteredModels, Number(localStorage.getItem(storageKey)) || perPage, featherlessCurrentPage);
+        setupPagination(filteredModels, Number(accountStorage.getItem(storageKey)) || perPage, featherlessCurrentPage);
+    }
     // Required to keep the /model command function

public/scripts/user.js+8 -0 Viewed

+}
 /**
+ * Gets the handle string of the current user.
+ * @returns {string} User handle
+ */
+export function getCurrentUserHandle() {
+    return currentUser?.handle || 'default-user';
+}
+/**
  * Get the current user.
  * @returns {Promise<void>}
  */

public/scripts/util/AccountStorage.js+137 -0 Viewed

+import { saveSettingsDebounced } from '../../script.js';
+const MIGRATED_MARKER = '__migrated';
+const MIGRATABLE_KEYS = [
+    /^AlertRegex_/,
+    /^AlertWI_/,
+    /^Assets_SkipConfirm_/,
+    /^Characters_PerPage$/,
+    /^DataBank_sortField$/,
+    /^DataBank_sortOrder$/,
+    /^extension_update_nag$/,
+    /^extensions_sortByName$/,
+    /^FeatherlessModels_PerPage$/,
+    /^GroupMembers_PerPage$/,
+    /^GroupCandidates_PerPage$/,
+    /^LNavLockOn$/,
+    /^LNavOpened$/,
+    /^mediaWarningShown:/,
+    /^NavLockOn$/,
+    /^NavOpened$/,
+    /^Personas_PerPage$/,
+    /^Personas_GridView$/,
+    /^Proxy_SkipConfirm_/,
+    /^qr--executeShortcut$/,
+    /^qr--syntax$/,
+    /^qr--tabSize$/,
+    /^qr--wrap$/,
+    /^RegenerateWithCtrlEnter$/,
+    /^SelectedNavTab$/,
+    /^sendAsNamelessWarningShown$/,
+    /^StoryStringValidationCache$/,
+    /^WINavOpened$/,
+    /^WI_PerPage$/,
+    /^world_info_sort_order$/,
+];
+/**
+ * Provides access to account storage of arbitrary key-value pairs.
+ */
+class AccountStorage {
+    /**
+     * @type {Record<string, string>} Storage state
+     */
+    #state = {};
+    /**
+     * @type {boolean} If the storage was initialized
+     */
+    #ready = false;
+    #migrateLocalStorage() {
+        for (let i = 0; i < globalThis.localStorage.length; i++) {
+            const key = globalThis.localStorage.key(i);
+            const value = globalThis.localStorage.getItem(key);
+            if (MIGRATABLE_KEYS.some(k => k.test(key))) {
+                this.#state[key] = value;
+                globalThis.localStorage.removeItem(key);
+            }
+        }
+    }
+    /**
+     * Initialize the account storage.
+     * @param {Object} state Initial state
+     */
+    init(state) {
+        if (state && typeof state === 'object') {
+            this.#state = Object.assign(this.#state, state);
+        }
+        if (!Object.hasOwn(this.#state, MIGRATED_MARKER)) {
+            this.#migrateLocalStorage();
+            this.#state[MIGRATED_MARKER] = '1';
+            saveSettingsDebounced();
+        }
+        this.#ready = true;
+    }
+    /**
+     * Get the value of a key in account storage.
+     * @param {string} key Key to get
+     * @returns {string|null} Value of the key
+     */
+    getItem(key) {
+        if (!this.#ready) {
+            console.warn(`AccountStorage not ready (trying to read from ${key})`);
+        }
+        return Object.hasOwn(this.#state, key) ? String(this.#state[key]) : null;
+    }
+    /**
+     * Set a key in account storage.
+     * @param {string} key Key to set
+     * @param {string} value Value to set
+     */
+    setItem(key, value) {
+        if (!this.#ready) {
+            console.warn(`AccountStorage not ready (trying to write to ${key})`);
+        }
+        this.#state[key] = String(value);
+        saveSettingsDebounced();
+    }
+    /**
+     * Remove a key from account storage.
+     * @param {string} key Key to remove
+     */
+    removeItem(key) {
+        if (!this.#ready) {
+            console.warn(`AccountStorage not ready (trying to remove ${key})`);
+        }
+        if (!Object.hasOwn(this.#state, key)) {
+            return;
+        }
+        delete this.#state[key];
+        saveSettingsDebounced();
+    }
+    /**
+     * Gets a snapshot of the storage state.
+     * @returns {Record<string, string>} A deep clone of the storage state
+     */
+    getState() {
+        return structuredClone(this.#state);
+    }
+}
+/**
+ * Account storage instance.
+ */
+export const accountStorage = new AccountStorage();

public/scripts/world-info.js+9 -8 Viewed

 import { StructuredCloneMap } from './util/StructuredCloneMap.js';
 import { renderTemplateAsync } from './templates.js';
 import { t } from './i18n.js';
+import { accountStorage } from './util/AccountStorage.js';
 export const world_info_insertion_strategy = {
     evenly: 0,

         $('#world_editor_select').append(`<option value='${i}'>${item}</option>`);
     });
-    $('#world_info_sort_order').val(localStorage.getItem(SORT_ORDER_KEY) || '0');
+    $('#world_info_sort_order').val(accountStorage.getItem(SORT_ORDER_KEY) || '0');
     $('#world_info').trigger('change');
     $('#world_editor_select').trigger('change');

     if (typeof navigation === 'number' && Number(navigation) >= 0) {
         const data = getDataArray();
         const uidIndex = data.findIndex(x => x.uid === navigation);
-        const perPage = Number(localStorage.getItem(storageKey)) || perPageDefault;
+        const perPage = Number(accountStorage.getItem(storageKey)) || perPageDefault;
         startPage = Math.floor(uidIndex / perPage) + 1;
+    }
     $('#world_info_pagination').pagination({
         dataSource: getDataArray,
-        pageSize: Number(localStorage.getItem(storageKey)) || perPageDefault,
+        pageSize: Number(accountStorage.getItem(storageKey)) || perPageDefault,
         sizeChangerOptions: [10, 25, 50, 100, 500, 1000],
         showSizeChanger: true,
         pageRange: 1,

             worldEntriesList.append(blocks);
         },
         afterSizeSelectorChange: function (e) {
-            localStorage.setItem(storageKey, e.target.value);
+            accountStorage.setItem(storageKey, e.target.value);
         },
         afterPaging: function () {
             $('#world_popup_entries_list textarea[name="comment"]').each(function () {

@@ -2188,7 +2189,7 @@ function verifyWorldInfoSearchSortRule() {
2188	// If search got cleared, we make sure to hide the option and go back to the one before	2189	// If search got cleared, we make sure to hide the option and go back to the one before
2189	if (!searchTerm && !isHidden) {	2190	if (!searchTerm && !isHidden) {
2190	searchOption.attr('hidden', '');	2191	searchOption.attr('hidden', '');
2191	selector.val(localStorage.getItem(SORT_ORDER_KEY) \|\| '0');	2192	selector.val(accountStorage.getItem(SORT_ORDER_KEY) \|\| '0');
2192	}	2193	}
2193	}	2194	}
2194		2195

         // Only show the alert once per character
         const checkKey = `AlertWI_${characters[chid].avatar}`;
         const worldName = characters[chid]?.data?.extensions?.world;
-        if (!localStorage.getItem(checkKey) && (!worldName || !world_names.includes(worldName))) {
+        if (!accountStorage.getItem(checkKey) && (!worldName || !world_names.includes(worldName))) {
-            localStorage.setItem(checkKey, 'true');
+            accountStorage.setItem(checkKey, 'true');
             if (power_user.world_import_dialog) {
                 const html = `<h3>This character has an embedded World/Lorebook.</h3>

     $('#world_info_sort_order').on('change', function () {
         const value = String($(this).find(':selected').val());
         // Save sort order, but do not save search sorting, as this is a temporary sorting option
-        if (value !== 'search') localStorage.setItem(SORT_ORDER_KEY, value);
+        if (value !== 'search') accountStorage.setItem(SORT_ORDER_KEY, value);
         updateEditor(navigation_option.none);
     });

Merge pull request #3463 from SillyTavern/bogus-localstorage Add settings.json-backed KV string storage