npm - @ozdao/martyrs - Versions diffs - 0.2.578 → 0.2.581 - Mend

@ozdao/martyrs 0.2.578 → 0.2.581

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (349) hide show

package/src/components/Dropdown/Dropdown.vue CHANGED Viewed

@@ -3,8 +3,8 @@
     class="dropdown pos-relative"
     v-click-outside="clickedOutside"
     @click.stop="trigger === 'click' ? (isOpen = !isOpen) : null"
-    @mouseenter="trigger === 'hover' ? (isOpen = true) : null"
-    @mouseleave="trigger === 'hover' ? (isOpen = false) : null"
+    @mouseenter="handleMouseEnter"
+    @mouseleave="handleMouseLeave"
   >
     <slot name="label">
       <div v-if="isComponentLabel" class="w-100 h-100 flex-center flex">
@@ -14,15 +14,15 @@
         {{ label }}
       </div>
     </slot>
-    <transition name="TransitionTranslateY" mode="out-in">
+    <Transition name="dropdown">
       <div
-        v-show="isOpen"
+        v-if="isOpen"
         :style="{ left: align === 'left' ? '0' : 'auto', right: align === 'right' ? '0' : 'auto' }"
-        class="dropdown-content "
+        class="dropdown-content"
       >
         <slot></slot>
       </div>
-    </transition>
+    </Transition>
   </div>
 </template>
@@ -50,22 +50,50 @@ const props = defineProps({
 const isOpen = ref(false);
 const isComponentLabel = computed(() => typeof props.label === 'object');
-function clickedOutside () {
+let closeTimeout = null;
+function handleMouseEnter() {
+  if (props.trigger === 'hover') {
+    clearTimeout(closeTimeout);
+    isOpen.value = true;
+  }
+}
+function handleMouseLeave() {
+  if (props.trigger === 'hover') {
+    closeTimeout = setTimeout(() => {
+      isOpen.value = false;
+    }, 100);
+  }
+}
+function clickedOutside() {
   if (props.trigger === 'click') {
-    isOpen.value = false
+    isOpen.value = false;
   }
 }
 </script>
-<style >
+<style>
 .dropdown-content {
-  display: block;
   position: absolute;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
-  z-index: 1;
+  z-index: 100;
+  border-radius: var(--small);
+  transform-origin: top left;
+  backdrop-filter: blur(var(--small));
+  -webkit-backdrop-filter: blur(var(--small));
+  background: rgba(var(--white), 0.5);
 }
-/*.dropdown:hover .dropdown-content {
-  display: block;
-}*/
+.dropdown-enter-active,
+.dropdown-leave-active {
+  transition: transform 0.33s cubic-bezier(0.9, 0, 0.1, 1), opacity 0.15s ease;
+}
+.dropdown-enter-from,
+.dropdown-leave-to {
+  opacity: 0.01;
+  transform: translateY(-4px) scale(0.8);
+}
 </style>

package/src/components/Menu/MenuItem.vue CHANGED Viewed

@@ -45,19 +45,19 @@
             h(
               'div',
               {
-                class: ['w-100', 'mn-b-thin', 'mn-t-thin', 'mn-r-small', 'i-big', 'flex-v-center', 'flex']
+                class: ['flex-child-1', 'mn-b-thin', 'mn-t-thin', 'mn-r-small', 'i-big', 'flex-v-center', 'flex']
               },
               [
                 h(
                   'span',
                   {
-                    class: ['p-medium', 'fw-medium', 'mn-r-auto']
+                    class: ['p-medium', 'fw-medium']
                   },
                   textSlot
                 )
               ]
             ),
-            h(IconChevronRight, { class: "i-medium mn-r-medium", type: "chevron"})
+            h(IconChevronRight, { class: "i-medium mn-r-medium flex-child-default", type: "chevron"})
           ]
         );
       };

package/src/jit/loader.js CHANGED Viewed

@@ -24,7 +24,7 @@ export default function martyrsLoader(source) {
   try {
     plugin.extractFromFile(source, resourcePath);
   } catch (error) {
-    console.warn(`[MartyrsJIT] Error extracting tokens from ${resourcePath}:`, error.message);
+    console.error(`[MartyrsJIT] Error extracting tokens from ${resourcePath}:`, error.message);
   }
   return source;

package/src/jit/plugin.js CHANGED Viewed

@@ -140,7 +140,6 @@ export class MartyrsJitPlugin {
             if (replaced) {
               const { RawSource } = compiler.webpack.sources;
               compilation.updateAsset(filename, new RawSource(source));
-              console.log(`[MartyrsJIT] ${this.tokens.size} tokens in ${duration.toFixed(2)}ms`);
             }
           }
         }
@@ -161,6 +160,12 @@ export class MartyrsJitPlugin {
       }
       // Сбрасываем кэш CSS (токены изменённых файлов обновятся через loader)
       this.jit.reset();
+      // Переписываем виртуальный модуль с плейсхолдером, чтобы rspack пересобрал CSS
+      try {
+        this.virtualModules.writeModule(VIRTUAL_MODULE_PATH, LAYER_PLACEHOLDER + '\n/*' + Date.now() + '*/');
+      } catch (e) {
+        // silent - store not ready yet
+      }
     });
   }

package/src/modules/auth/views/components/pages/SignIn.vue CHANGED Viewed

@@ -208,21 +208,25 @@ async function onSubmitApple() {
 }
 function redirectTo () {
+	if (!auth.state.user._id) {
+		throw new Error('AUTH_STATE_NOT_INITIALIZED')
+	}
 	if (route.query?.returnUrl) {
-		router.push({
+		router.push({
 			path: route.query?.returnUrl,
-			query: {
-				afterAuth: 'true'
+			query: {
+				afterAuth: 'true'
 			}
 		})
-	} else {
-		router.push({
-			name: 'User Profile',
-			params: {
-				_id: auth.state.user._id
+	} else {
+		router.push({
+			name: 'User Profile',
+			params: {
+				_id: auth.state.user._id
 			},
-			query: {
-				afterAuth: 'true'
+			query: {
+				afterAuth: 'true'
 			}
 		})
 	}

package/src/modules/auth/views/store/auth.js CHANGED Viewed

@@ -74,6 +74,7 @@ const actions = {
       session.clear();
       this.resetState();
       setError(error);
+      throw error;
     }
   },

package/src/modules/core/views/components/partials/Navigation.vue CHANGED Viewed

@@ -72,10 +72,10 @@ const processRoute = (routeFn) => {
 <template>
   <nav
-    class="ease-quint-out o-x-visible  h-100"
+    class="ease-quint-out"
     :class="[
       stateSidebar ? 'pd-small' : 'pd-micro',
-      horizontal ? 'w-100 desktop-only gap-thin flex flex-center flex-nowrap o-y-visible' : 'o-y-scroll gap-medium rows-1',
+      horizontal ? 'w-100 desktop-only gap-thin flex flex-center flex-nowrap o-y-visible o-x-visible' : 'gap-medium flex flex-column',
     ]"
   >
     <div
@@ -130,12 +130,12 @@ const processRoute = (routeFn) => {
               <!-- <IconChevronBottom :fill="theme === 'dark' ? 'rgb(var(--white))': 'rgb(var(--black))'" class="i-small mn-l-thin"/> -->
             </button>
           </template>
-          <ul class="dropdown-submenu bg-blur-small" :class="theme === 'light' ? 'bg-white-transp-50 ' : 'bg-black-transp-50'">
+          <ul class="dropdown-submenu">
             <li v-for="subItem in item.subItems" :key="subItem.title">
               <a
                 @click="subItem.route ? router.push(processRoute(subItem.route)) : null"
                 href="#"
-                class="ease-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small"
+                class="group ease-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small"
                 :class="[
                   subItem.route && route.path === processRoute(subItem.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',
                   theme === 'light' ? 'hover:bg-light' : 'hover:bg-dark'
@@ -144,8 +144,7 @@ const processRoute = (routeFn) => {
                 <component
                   v-if="subItem.iconComponent"
                   :is="subItem.iconComponent"
-                  class="i-medium"
-                  fill="rgba(var(--black), 0.25)"
+                  class="i-medium t-black-transp-25 group-hover:t-main"
                 />
                 <span v-else class="">{{ subItem.icon }}</span>
                 <span class="w-100">{{ subItem.title }}</span>
@@ -155,7 +154,7 @@ const processRoute = (routeFn) => {
         </Dropdown>
         <button
           v-else
-          class="ease-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center"
+          class="group ease-quint-out w-100 flex radius-small flex-nowrap cursor-pointer flex-v-center"
           @click="item.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(item.route) ? router.push(processRoute(item.route)) : null) : null"
           :class="[
               horizontal ? 'pd-thin' : '',
@@ -167,8 +166,7 @@ const processRoute = (routeFn) => {
             <component
               v-if="item.iconComponent"
               :is="item.iconComponent"
-              class="i-medium flex-child-default"
-              fill="rgba(var(--black), 0.25)"
+              class="i-medium flex-child-default ease-quint-out t-black-transp-25 group-hover:t-main"
             />
             <span
               v-if="!item.iconComponent "
@@ -211,7 +209,7 @@ const processRoute = (routeFn) => {
               <a
                @click="subItem.route ? (isPhone ? (stateSidebar = false) : null, route.path !== processRoute(subItem.route) ? router.push(processRoute(subItem.route)) : null) : null"
                 href="#"
-                class="ease-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small"
+                class="group ease-quint-out flex flex-v-center flex-nowrap gap-thin pd-thin radius-small"
                 :class="[
                   subItem.route && route.path === processRoute(subItem.route) ? theme === 'light' ? 'bg-light' : 'bg-dark' : '',
                     theme === 'light' ? 'hover:bg-light' : 'hover:bg-dark'
@@ -220,8 +218,7 @@ const processRoute = (routeFn) => {
                 <component
                   v-if="subItem.iconComponent"
                   :is="subItem.iconComponent"
-                  class="i-medium"
-                  fill="rgba(var(--black), 0.25)"
+                  class="i-medium t-black-transp-25 group-hover:t-main"
                 />
                 <span v-else class="">{{ subItem.icon }}</span>
                 <span class="w-100">{{ subItem.title }}</span>

package/src/modules/core/views/components/partials/Sidebar.vue CHANGED Viewed

@@ -86,7 +86,7 @@ router.beforeEach((to, from) => {
 <template>
   <aside
     data-sidebar
-    class="ease-quint-out w-min-0 o-hidden flex-child-default z-index-2  br-r-1px  flex flex-column h-100"
+    class="ease-quint-out w-min-0 flex-child-default z-index-2 br-r-1px flex flex-column h-100"
     :class="[
       { 'mobile-opened': isManuallyOpened },
       stateSidebar
@@ -100,23 +100,29 @@ router.beforeEach((to, from) => {
     @mouseenter="handleMouseEnter"
     @mouseleave="handleMouseLeave"
   >
-    <!-- Slot for header component (e.g., ProfileCard) -->
-    <slot name="header"></slot>
+    <!-- Header slot - shrink-0 -->
+    <div class="flex-shrink-0">
+      <slot name="header"></slot>
+    </div>
-    <!-- Slot for navigation content -->
-    <slot></slot>
+    <!-- Main scrollable content - flex-1 overflow-y-auto -->
+    <div class="flex-child-1 o-y-auto">
+      <slot></slot>
+    </div>
-    <!-- Slot for footer component (e.g., HelpCard) -->
-    <slot name="footer"></slot>
-    <div v-if="MOBILE_APP" @click="() => toggleSidebar()"  class="pos-relative">
+    <!-- Footer slot - shrink-0 -->
+    <div class="flex-shrink-0">
+      <slot name="footer"></slot>
+    </div>
+    <div v-if="MOBILE_APP" @click="() => toggleSidebar()" class="flex-shrink-0 pos-relative">
       <div class="bg-light radius-medium pd-medium">
         <p  class="fw-medium t-black-transp-60">
           Close Menu
         </p>
       </div>
     </div>
-    <div
-      class="w-100 br-t-1px"
+    <div
+      class="flex-shrink-0 w-100 br-t-1px"
       :class="{
         'pd-micro': !stateSidebar,
         'pd-small': stateSidebar,
@@ -160,7 +166,7 @@ router.beforeEach((to, from) => {
 /* Mobile: ВСЕГДА скрываем, показываем ТОЛЬКО по клику меню */
 @media (max-width: 1024px) {
   aside[data-sidebar] {
-    position: fixed !important;
+    position: absolute !important;
     left: 0 !important;
     transform: translateX(-100%) !important;
     visibility: hidden !important;

package/src/modules/icons/actions/IconDuplicate.vue CHANGED Viewed

@@ -11,7 +11,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/actions/IconOpenLink.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/actions/IconShopcartAdd.vue CHANGED Viewed

@@ -9,7 +9,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/actions/IconShow.vue CHANGED Viewed

@@ -13,7 +13,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  },
 	  show: {
 	  	type: Boolean,

package/src/modules/icons/entities/IconAddress.vue CHANGED Viewed

@@ -11,7 +11,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconBell.vue CHANGED Viewed

@@ -9,7 +9,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  },
 	  theme: {
     	type: String,

package/src/modules/icons/entities/IconCalendar.vue CHANGED Viewed

@@ -8,7 +8,7 @@
   const props = defineProps({
     fill: {
       type: String,
-      default: 'rgb(var(--black))'
+      default: 'currentColor'
     },
     order: {
       type: String,

package/src/modules/icons/entities/IconCash.vue CHANGED Viewed

@@ -17,7 +17,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconCatalog.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  },
 	  theme: {
     	type: String,

package/src/modules/icons/entities/IconCommunity.vue CHANGED Viewed

@@ -10,7 +10,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconDate.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconDiscount.vue CHANGED Viewed

@@ -13,7 +13,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  },
 	  theme: {
     	type: String,

package/src/modules/icons/entities/IconEarn.vue CHANGED Viewed

@@ -14,7 +14,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconEmail.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconEvents.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconFeatured.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconFile.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconFollowing.vue CHANGED Viewed

@@ -11,7 +11,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconGallery.vue CHANGED Viewed

@@ -12,7 +12,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconGroups.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconHome.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  },
 	  theme: {
     	type: String,

package/src/modules/icons/entities/IconInfo.vue CHANGED Viewed

@@ -9,7 +9,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconLeftovers.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconList.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconLock.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconMusic.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconOrders.vue CHANGED Viewed

@@ -14,7 +14,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconPayments.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 const props = defineProps({
   fill: {
     type: String,
-    default: 'rgb(var(--black))'
+    default: 'currentColor'
   }
 })
 </script>

package/src/modules/icons/entities/IconPhone.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconPopular.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconPrice.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconProducts.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>

package/src/modules/icons/entities/IconProfile.vue CHANGED Viewed

@@ -8,7 +8,7 @@
 	const props = defineProps({
 	  fill: {
 	    type: String,
-	    default: 'rgb(var(--black))'
+	    default: 'currentColor'
 	  }
 	})
 </script>