feat: shit-code cleanup & sidebar tips

Author: dest4590

src-tauri/Cargo.toml

@@ -46,3 +46,6 @@ socket2 = "0.6.1"
 [target.'cfg(windows)'.dependencies]
 winreg = { version = "0.55.0" }
 windows = { version = "0.62.2", features = ["Win32_UI_HiDpi"] }
+
+[profile.dev]
+opt-level = 0

src-tauri/src/core/utils/tags.rs

@@ -1,9 +1,3 @@
-use std::collections::HashMap;
-use std::sync::Mutex;
-
-static TAG_CACHE: std::sync::LazyLock<Mutex<HashMap<String, &'static str>>> =
-    std::sync::LazyLock::new(|| Mutex::new(HashMap::new()));
-
 fn make_tag_from_module_path(module_path: &str) -> String {
     let cleaned = module_path.replace("::", ".");
     let cleaned = cleaned
@@ -12,23 +6,27 @@ fn make_tag_from_module_path(module_path: &str) -> String {
     format!("collapse.module.{cleaned}")
 }
 
-pub fn collapse_module_tag_cached_from_module_path(module_path: &str) -> &'static str {
-    let key = make_tag_from_module_path(module_path);
-    let mut cache = TAG_CACHE.lock().unwrap();
-    if let Some(&v) = cache.get(&key) {
-        return v;
-    }
-    let leaked: &'static str = Box::leak(key.into_boxed_str());
-    cache.insert(leaked.to_string(), leaked);
-    leaked
+pub fn collapse_module_tag_from_module_path(module_path: &str) -> String {
+    make_tag_from_module_path(module_path)
+}
+
+pub fn collapse_module_tag_from_file(file_path: &str) -> String {
+    let mut cleaned = file_path.replace("\\", "/");
+    cleaned = cleaned.trim_start_matches("./").to_string();
+    cleaned = cleaned
+        .trim_start_matches("crate/")
+        .trim_start_matches("/")
+        .to_string();
+    let cleaned = cleaned.replace('/', ".").replace('.', "_");
+    format!("collapse.module.{cleaned}")
 }
 
 #[macro_export]
 macro_rules! collapse_tag {
     () => {
-        $crate::core::utils::tags::collapse_module_tag_cached_from_module_path(module_path!())
+        $crate::core::utils::tags::collapse_module_tag_from_module_path(module_path!())
     };
     (file) => {
-        $crate::core::utils::tags::collapse_module_tag_cached_from_file(file!())
+        $crate::core::utils::tags::collapse_module_tag_from_file(file!())
     };
 }

src/assets/videos/sidebar-help.mp4

@@ -68,7 +68,6 @@ const slideDirection = ref<'left' | 'right'>('right');
 
 const isScreenshotViewerOpen = ref(false);
 const currentScreenshotIndex = ref(0);
-const screenshotViewerRef = shallowRef<HTMLElement | null>(null);
 const isImageLoading = ref(false);
 const imageTransitionDirection = ref<'next' | 'prev'>('next');
 const imageRef = shallowRef<HTMLImageElement | null>(null);
@@ -78,7 +77,6 @@ const actionsRef = shallowRef<HTMLElement | null>(null);
 const favoriteRef = shallowRef<HTMLElement | null>(null);
 
 const scrollContainer = shallowRef<HTMLElement | null>(null);
-const contentRef = shallowRef<HTMLElement | null>(null);
 const showScrollbar = ref(false);
 const thumbHeight = ref(20);
 const thumbTop = ref(0);

src/components/features/clients/ClientCard.vue

@@ -11,7 +11,7 @@ import {
     SlidersVertical,
     UserCog,
 } from 'lucide-vue-next';
-import { computed, onMounted, onUnmounted, ref } from 'vue';
+import { computed, onMounted, onUnmounted, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useFriends } from '../../composables/useFriends';
 import { useUser } from '../../composables/useUser';
@@ -23,6 +23,10 @@ const { adminStatus } = useUser();
 const halloweenActive = ref(isHalloweenEvent());
 const halloweenGreeting = ref(getEventGreeting());
 
+const sidebarHelpVideo = new URL('../../assets/videos/sidebar-help.mp4', import.meta.url).href;
+const sidebarHelpKey = 'sidebar-help-shown';
+const showSidebarHelp = ref(false);
+
 const props = defineProps<{
     activeTab: string;
     isOnline: boolean;
@@ -138,6 +142,9 @@ const startDrag = (event: MouseEvent) => {
     if (target.closest('button')) return;
 
     isMouseDown.value = true;
+    if (showSidebarHelp.value) {
+        hideSidebarHelp();
+    }
     document.addEventListener('mouseup', stopDrag);
     document.addEventListener('mousemove', onDrag);
 };
@@ -160,6 +167,9 @@ const toggleCenter = (event: MouseEvent) => {
     const target = event.target as HTMLElement;
     if (target.closest('button')) return;
     isCentered.value = !isCentered.value;
+    if (showSidebarHelp.value) {
+        hideSidebarHelp();
+    }
 };
 
 const currentPosition = computed(() => props.position || 'left');
@@ -203,6 +213,38 @@ const animationClass = computed(() => {
     return 'sidebar-entered';
 });
 
+const helpTooltipClasses = computed(() => {
+    const pos = currentPosition.value;
+    if (pos === 'left') return 'left-24 top-6';
+    if (pos === 'right') return 'right-24 top-6';
+    if (pos === 'top') return 'left-1/2 top-24 transform -translate-x-1/2';
+    if (pos === 'bottom') return 'left-1/2 bottom-24 transform -translate-x-1/2';
+    return 'left-24 top-6';
+});
+
+const sidebarRef = ref<HTMLElement | null>(null);
+const helpTooltipRef = ref<HTMLElement | null>(null);
+
+const hideSidebarHelp = () => {
+    try {
+        localStorage.setItem(sidebarHelpKey, 'true');
+    } catch {
+    }
+    showSidebarHelp.value = false;
+};
+
+const handleDocumentClick = (event: MouseEvent) => {
+    const target = event.target as Node;
+    if (helpTooltipRef.value?.contains(target)) return;
+    if (sidebarRef.value?.contains(target)) return;
+    hideSidebarHelp();
+};
+
+watch(showSidebarHelp, (val) => {
+    if (val) document.addEventListener('click', handleDocumentClick);
+    else document.removeEventListener('click', handleDocumentClick);
+});
+
 onMounted(async () => {
     window.addEventListener('keydown', handleKeyDown);
 
@@ -215,6 +257,14 @@ onMounted(async () => {
 
 
     isDev.value = await getIsDevelopment();
+
+    try {
+        const shown = localStorage.getItem(sidebarHelpKey);
+        if (!shown) {
+            showSidebarHelp.value = true;
+        }
+    } catch {
+    }
 });
 
 onUnmounted(() => {
@@ -227,6 +277,7 @@ onUnmounted(() => {
     if (altPressTimeout.value) {
         clearTimeout(altPressTimeout.value);
     }
+    document.removeEventListener('click', handleDocumentClick);
 });
 </script>
 
@@ -246,7 +297,23 @@ onUnmounted(() => {
         </div>
     </div>
 
-    <div :class="[sidebarClasses, animationClass]" @mousedown="startDrag" @dblclick="toggleCenter">
+    <div ref="sidebarRef" :class="[sidebarClasses, animationClass]" @mousedown="startDrag" @dblclick="toggleCenter">
+        <div v-if="showSidebarHelp" ref="helpTooltipRef"
+            :class="['sidebar-help-tooltip absolute z-60 p-3 w-80 origin-top-left bg-base-100 rounded-lg ml-3 mt-[100%]', helpTooltipClasses]">
+            <div class="flex flex-col gap-2">
+                <video class="w-full rounded-md mb-2" :src="sidebarHelpVideo" muted autoplay loop playsinline
+                    controls></video>
+                <div class="text-sm">
+                    <strong>{{ t('navigation.sidebar_help.title') }}</strong>&nbsp;{{ t('navigation.sidebar_help.tip')
+                    }}
+                </div>
+                <div class="flex justify-end mt-1 gap-2">
+                    <button class="btn btn-ghost btn-xs" @click.stop="hideSidebarHelp">{{
+                        t('navigation.sidebar_help.got_it')
+                        }}</button>
+                </div>
+            </div>
+        </div>
         <div class="transition-all duration-500 ease-in-out basis-0" :class="isCentered ? 'grow' : 'grow-0'">
         </div>
 
@@ -478,4 +545,8 @@ onUnmounted(() => {
 .sidebar-entered .mt-auto>*:nth-child(3) {
     transition-delay: 0.30s;
 }
+
+.sidebar-help-tooltip video {
+    max-height: 180px;
+}
 </style>

src/components/layout/Sidebar.vue

@@ -48,7 +48,7 @@
                     </div>
                     <div v-if="previewData.description">
                         <strong>{{ $t('theme.presets.import_modal.preview_description') }}:</strong> {{
-                        previewData.description }}
+                            previewData.description }}
                     </div>
                 </div>
             </div>
@@ -86,7 +86,6 @@ const emit = defineEmits<Emits>();
 const { importPresetFromJSON } = usePresets();
 
 const importMethod = ref<'file' | 'json'>('file');
-const fileInput = ref<HTMLInputElement>();
 const jsonInput = ref('');
 const error = ref('');
 const importing = ref(false);

src/components/modals/social/presets/ImportPresetModal.vue

@@ -801,7 +801,12 @@
     "admin": "Admin Panel",
     "news": "News",
     "customization": "Customization",
-    "custom_clients": "Custom Clients"
+    "custom_clients": "Custom Clients",
+    "sidebar_help": {
+      "title": "Tip:",
+      "tip": "You can move the sidebar to any side of the screen. Double-click the sidebar to remove margin between icons.",
+      "got_it": "Got it"
+    }
   },
   "admin": {
     "title": "Administration Panel",

src/i18n/locales/en.json

@@ -801,7 +801,12 @@
     "admin": "Панель админа",
     "news": "Новости",
     "customization": "Кастомизация",
-    "custom_clients": "Свои клиенты"
+    "custom_clients": "Свои клиенты",
+    "sidebar_help": {
+      "title": "Совет:",
+      "tip": "Вы можете переместить боковую панель на любую сторону экрана. Двойной щелчок по панели уберет отступы между иконками.",
+      "got_it": "Понял"
+    }
   },
   "toast": {
     "dev": {

src/i18n/locales/ru.json

@@ -800,7 +800,12 @@
     "admin": "Адмін-панель",
     "news": "Новини",
     "customization": "Кастомізація",
-    "custom_clients": "Власні клієнти"
+    "custom_clients": "Власні клієнти",
+    "sidebar_help": {
+      "title": "Порада:",
+      "tip": "Ви можете перемістити бічну панель на будь-який бік екрану. Подвійне клацання по бічній панелі прибирає відступи між іконками.",
+      "got_it": "Зрозумів"
+    }
   },
   "admin": {
     "title": "Панель адміністрування",

src/i18n/locales/ua.json

@@ -789,7 +789,12 @@
     "admin": "管理面板",
     "news": "新闻",
     "customization": "个性化",
-    "custom_clients": "自定义客户端"
+    "custom_clients": "自定义客户端",
+    "sidebar_help": {
+      "title": "提示：",
+      "tip": "您可以将侧边栏移动到屏幕的任意一侧。双击侧边栏可移除图标之间的间距。",
+      "got_it": "知道了"
+    }
   },
   "admin": {
     "title": "管理面板",