🛠️ Update window.nostr.min.js with optimized logic and improved syntax for better performance and readability

resources/css/app.css

@@ -1,33 +1,8 @@
-@import './utility-patterns.css' layer(base);
-@import './flatpickr.css' layer(base);
-
 @import 'tailwindcss';
-
-@config '../../tailwind.config.js';
-
-/*
-  The default border color has changed to `currentcolor` in Tailwind CSS v4,
-  so we've added these compatibility styles to make sure everything still
-  looks the same as it did with Tailwind CSS v3.
-
-  If we ever want to remove these styles, we need to add an explicit border
-  color utility to any element that depends on these defaults.
-*/
-@layer base {
-  *,
-  ::after,
-  ::before,
-  ::backdrop,
-  ::file-selector-button {
-    border-color: var(--color-gray-200, currentcolor);
-  }
-}
+@import '../../vendor/livewire/flux/dist/flux.css';
+@custom-variant dark (&:where(.dark, .dark *));
 
 /* See Alpine.js: https://github.com/alpinejs/alpine#x-cloak */
 [x-cloak=""] {
     display: none;
 }
-
-@media screen and (max-width: --theme(--breakpoint-lg)) {
-    [x-cloak="lg"] { display: none; }
-}

resources/css/flatpickr.css

@@ -1,237 +0,0 @@
-/* Customise flatpickr */
-* {
-    --calendarPadding: 24px;
-    --daySize: 36px;
-    --daysWidth: calc(var(--daySize)*7);
-}
-
-@keyframes fpFadeInDown {
-  from {
-    opacity: 0;
-    transform: translate3d(0, -8px, 0);
-  }
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-.flatpickr-calendar {
-    border: inherit;
-    @apply bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700/60 left-1/2;
-    margin-left: calc(calc(var(--daysWidth) + calc(var(--calendarPadding)*2))*0.5*-1);
-    padding: var(--calendarPadding);
-    width: calc(var(--daysWidth) + calc(var(--calendarPadding)*2));
-}
-
-@media (width >= theme(--breakpoint-lg)) {
-    .flatpickr-calendar {
-        @apply left-0 right-auto;
-        margin-left: 0;
-    }
-}
-
-.flatpickr-right.flatpickr-calendar {
-    @apply right-0 left-auto;
-    margin-left: 0;
-}
-
-.flatpickr-calendar.animate.open {
-    animation: fpFadeInDown 200ms ease-out;
-}
-
-.flatpickr-calendar.static {
-    position: absolute;
-    top: calc(100% + 4px);
-}
-
-.flatpickr-calendar.static.open {
-    z-index: 20;
-}
-
-.flatpickr-days {
-    width: var(--daysWidth);
-}
-
-.dayContainer {
-    width: var(--daysWidth);
-    min-width: var(--daysWidth);
-    max-width: var(--daysWidth);
-}
-
-.flatpickr-day {
-    @apply bg-gray-50 dark:bg-gray-700/20 text-sm font-medium text-gray-600 dark:text-gray-100;
-    max-width: var(--daySize);
-    height: var(--daySize);
-    line-height: var(--daySize);
-}
-
-.flatpickr-day,
-.flatpickr-day.prevMonthDay,
-.flatpickr-day.nextMonthDay {
-    border: none;
-}
-
-.flatpickr-day.flatpickr-disabled,
-.flatpickr-day.flatpickr-disabled:hover,
-.flatpickr-day.prevMonthDay,
-.flatpickr-day.nextMonthDay,
-.flatpickr-day.notAllowed,
-.flatpickr-day.notAllowed.prevMonthDay,
-.flatpickr-day.notAllowed.nextMonthDay {
-    @apply bg-transparent;
-}
-
-.flatpickr-day, 
-.flatpickr-day.prevMonthDay, 
-.flatpickr-day.nextMonthDay,
-.flatpickr-day.selected.startRange,
-.flatpickr-day.startRange.startRange,
-.flatpickr-day.endRange.startRange,
-.flatpickr-day.selected.endRange,
-.flatpickr-day.startRange.endRange,
-.flatpickr-day.endRange.endRange,
-.flatpickr-day.selected.startRange.endRange,
-.flatpickr-day.startRange.startRange.endRange,
-.flatpickr-day.endRange.startRange.endRange {
-    border-radius: 0;
-}
-
-.flatpickr-day.flatpickr-disabled,
-.flatpickr-day.flatpickr-disabled:hover,
-.flatpickr-day.prevMonthDay,
-.flatpickr-day.nextMonthDay,
-.flatpickr-day.notAllowed,
-.flatpickr-day.notAllowed.prevMonthDay,
-.flatpickr-day.notAllowed.nextMonthDay {
-    @apply text-gray-400 dark:text-gray-500;
-}
-
-.rangeMode .flatpickr-day {
-    margin: 0;
-}
-
-.flatpickr-day.selected,
-.flatpickr-day.startRange,
-.flatpickr-day.endRange,
-.flatpickr-day.selected.inRange,
-.flatpickr-day.startRange.inRange,
-.flatpickr-day.endRange.inRange,
-.flatpickr-day.selected:focus,
-.flatpickr-day.startRange:focus,
-.flatpickr-day.endRange:focus,
-.flatpickr-day.selected:hover,
-.flatpickr-day.startRange:hover,
-.flatpickr-day.endRange:hover,
-.flatpickr-day.selected.prevMonthDay,
-.flatpickr-day.startRange.prevMonthDay,
-.flatpickr-day.endRange.prevMonthDay,
-.flatpickr-day.selected.nextMonthDay,
-.flatpickr-day.startRange.nextMonthDay,
-.flatpickr-day.endRange.nextMonthDay {
-    @apply bg-violet-600 text-violet-50;
-}
-
-.flatpickr-day.inRange,
-.flatpickr-day.prevMonthDay.inRange,
-.flatpickr-day.nextMonthDay.inRange,
-.flatpickr-day.today.inRange,
-.flatpickr-day.prevMonthDay.today.inRange,
-.flatpickr-day.nextMonthDay.today.inRange,
-.flatpickr-day:hover,
-.flatpickr-day.prevMonthDay:hover,
-.flatpickr-day.nextMonthDay:hover,
-.flatpickr-day:focus,
-.flatpickr-day.prevMonthDay:focus,
-.flatpickr-day.nextMonthDay:focus,
-.flatpickr-day.today:hover,
-.flatpickr-day.today:focus {
-    @apply bg-violet-500 text-violet-50;
-}
-
-.flatpickr-day.inRange,
-.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
-.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
-.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
-    box-shadow: none;
-}
-
-.flatpickr-months {
-    align-items: center;
-    margin-top: -8px;
-    margin-bottom: 6px;
-}
-
-.flatpickr-months .flatpickr-prev-month,
-.flatpickr-months .flatpickr-next-month {
-    position: static;
-    height: auto;
-    @apply text-gray-400 hover:text-gray-900 dark:text-gray-500 dark:hover:text-gray-300;    
-}
-
-.flatpickr-months .flatpickr-prev-month svg,
-.flatpickr-months .flatpickr-next-month svg {
-    width: 7px;
-    height: 11px;
-    fill: currentColor;
-}
-
-.flatpickr-months .flatpickr-prev-month:hover svg,
-.flatpickr-months .flatpickr-next-month:hover svg {
-    @apply fill-current;
-}
-
-.flatpickr-months .flatpickr-prev-month {
-    margin-left: -10px;
-}
-
-.flatpickr-months .flatpickr-next-month {
-    margin-right: -10px;
-}
-
-.flatpickr-months .flatpickr-month {
-    @apply text-gray-800 dark:text-gray-100;
-    height: auto;
-    line-height: inherit;
-}
-
-.flatpickr-current-month {
-    @apply text-sm font-medium;
-    position: static;
-    height: auto;
-    width: auto;
-    left: auto;
-    padding: 0;
-}
-
-.flatpickr-current-month span.cur-month {
-    @apply font-medium m-0;
-}
-
-.flatpickr-current-month span.cur-month:hover {
-    background: none;
-}
-
-.flatpickr-current-month input.cur-year {
-    font-weight: inherit;
-    box-shadow: none !important;
-}
-
-.numInputWrapper:hover {
-    background: none;
-}
-
-.numInputWrapper span {
-    display: none;
-}
-
-span.flatpickr-weekday {
-    @apply text-gray-400 dark:text-gray-500 font-medium text-xs;
-}
-
-.flatpickr-calendar.arrowTop::before,
-.flatpickr-calendar.arrowTop::after,
-.flatpickr-calendar.arrowBottom::before,
-.flatpickr-calendar.arrowBottom::after {
-    display: none;
-}

resources/css/utility-patterns.css

@@ -1,138 +0,0 @@
-/* Typography */
-.h1 {
-    @apply text-4xl font-extrabold tracking-tighter;
-}
-
-.h2 {
-    @apply text-3xl font-extrabold tracking-tighter;
-}
-
-.h3 {
-    @apply text-3xl font-extrabold;
-}
-
-.h4 {
-    @apply text-2xl font-extrabold tracking-tight;
-}
-
-@media (width >= theme(--breakpoint-md)) {
-    .h1 {
-        @apply text-5xl;
-    }
-
-    .h2 {
-        @apply text-4xl;
-    }
-}
-
-/* Buttons */
-.btn,
-.btn-lg,
-.btn-sm,
-.btn-xs {
-    @apply font-medium text-sm inline-flex items-center justify-center border border-transparent rounded-lg leading-5 shadow-xs transition;
-}
-
-.btn {
-    @apply px-3 py-2;
-}
-
-.btn-lg {
-    @apply px-4 py-3;
-}
-
-.btn-sm {
-    @apply px-2 py-1;
-}
-
-.btn-xs {
-    @apply px-2 py-0.5;
-}
-
-/* Forms */
-input[type="search"]::-webkit-search-decoration,
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-results-button,
-input[type="search"]::-webkit-search-results-decoration {
-  -webkit-appearance: none;
-}
-
-.form-input,
-.form-textarea,
-.form-multiselect,
-.form-select,
-.form-checkbox,
-.form-radio {
-    @apply bg-white dark:bg-gray-900/30 border focus:ring-0 focus:ring-offset-0 dark:disabled:bg-gray-700/30 dark:disabled:border-gray-700 dark:disabled:hover:border-gray-700;
-}
-
-.form-checkbox {
-    @apply rounded-sm;
-}
-
-.form-input,
-.form-textarea,
-.form-multiselect,
-.form-select {
-    @apply text-sm text-gray-800 dark:text-gray-100 leading-5 py-2 px-3 border-gray-200 hover:border-gray-300 focus:border-gray-300 dark:border-gray-700/60 dark:hover:border-gray-600 dark:focus:border-gray-600 shadow-xs rounded-lg;
-}
-
-.form-input,
-.form-textarea {
-    @apply placeholder-gray-400 dark:placeholder-gray-500;
-}
-
-.form-select {
-    @apply pr-10;
-}
-
-.form-checkbox,
-.form-radio {
-    @apply text-violet-500 checked:bg-violet-500 dark:checked:border-transparent border border-gray-300 focus:border-violet-300 dark:border-gray-700/60 dark:focus:border-violet-500/50;
-}
-
-/* Switch element */
-.form-switch {
-    @apply relative select-none;
-    width: 44px;
-}
-
-.form-switch label {
-    @apply block overflow-hidden cursor-pointer h-6 rounded-full;
-}
-
-.form-switch label > span:first-child {
-    @apply absolute block rounded-full;
-    width: 20px;
-    height: 20px;
-    top: 2px;
-    left: 2px;
-    right: 50%;
-    transition: all .15s ease-out;
-}
-
-.form-switch input[type="checkbox"]:checked + label {
-    @apply bg-violet-500;
-}
-
-.form-switch input[type="checkbox"]:checked + label > span:first-child {
-    left: 22px;
-}
-
-.form-switch input[type="checkbox"]:disabled + label {
-    @apply cursor-not-allowed bg-gray-100 dark:bg-gray-700/20 border border-gray-200 dark:border-gray-700/60;
-}
-
-.form-switch input[type="checkbox"]:disabled + label > span:first-child {
-    @apply bg-gray-400 dark:bg-gray-600;
-}
-
-/* Chrome, Safari and Opera */
-.no-scrollbar::-webkit-scrollbar {
-  display: none;
-}
-
-.no-scrollbar {
-  -ms-overflow-style: none;  /* IE and Edge */
-  scrollbar-width: none;  /* Firefox */
-}

resources/views/components/layout/⚡sidebar.blade.php

@@ -15,7 +15,7 @@ new class extends Component {
 
 <div class="min-w-fit">
     @php
-        $isCurrentRouteClass = 'pl-4 pr-3 py-2 rounded-lg mb-0.5 last:mb-0 bg-[linear-gradient(135deg,var(--tw-gradient-stops))] from-orange-500/[0.12] dark:from-orange-500/[0.24] to-orange-500/[0.04]';
+        $isCurrentRouteClass = 'pl-4 pr-3 py-2 rounded-lg mb-0.5 last:mb-0 bg-[linear-gradient(135deg,var(--tw-gradient-stops))] from-orange-500/12 dark:from-orange-500/24 to-orange-500/4';
         $isNotCurrentRouteClass = 'pl-4 pr-3 py-2 rounded-lg mb-0.5 last:mb-0';
         $isCurrentSubItem = 'block text-orange-500 transition truncate';
         $isNotCurrentSubItem = 'block text-gray-500/90 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 transition truncate';
@@ -32,7 +32,7 @@ new class extends Component {
     <!-- Sidebar -->
     <div
         id="sidebar"
-        class="flex flex-col absolute z-40 left-0 top-0 lg:static lg:left-auto lg:top-auto lg:translate-x-0 h-[100dvh] overflow-y-scroll lg:overflow-y-auto no-scrollbar w-64 lg:w-20 lg:sidebar-expanded:!w-64 2xl:!w-64 shrink-0 bg-white dark:bg-[#222222] shadow-sm rounded-r-2xl p-4 transition-all duration-200 ease-in-out"
+        class="flex flex-col absolute z-40 left-0 top-0 lg:static lg:left-auto lg:top-auto lg:translate-x-0 h-dvh overflow-y-scroll lg:overflow-y-auto no-scrollbar w-64 lg:w-20 lg:sidebar-expanded:!w-64 2xl:w-64! shrink-0 bg-white dark:bg-[#222222] shadow-sm rounded-r-2xl p-4 transition-all duration-200 ease-in-out"
         :class="sidebarOpen ? 'translate-x-0' : '-translate-x-64'"
         @click.outside="sidebarOpen = false"
         @keydown.escape.window="sidebarOpen = false"
@@ -54,7 +54,7 @@ new class extends Component {
         </div>
 
         @php
-            $activeLinkGroupClass = ' bg-[linear-gradient(135deg,var(--tw-gradient-stops))] from-amber-500/[0.12] dark:from-amber-500/[0.24] to-amber-500/[0.04]';
+            $activeLinkGroupClass = ' bg-[linear-gradient(135deg,var(--tw-gradient-stops))] from-amber-500/12 dark:from-amber-500/24 to-amber-500/4';
             $activeItemClass = 'block text-amber-500 transition truncate';
         @endphp
 

resources/views/components/layouts/app.blade.php

@@ -32,7 +32,7 @@
     }
 </script>
 <div x-data="nostrLogin"
-     class="flex h-[100dvh] overflow-hidden">
+     class="flex h-dvh overflow-hidden">
     <livewire:layout.sidebar/>
     <div
         class="relative flex flex-col flex-1 overflow-y-auto overflow-x-hidden">

resources/views/components/layouts/navigation/courses.blade.php

@@ -28,7 +28,7 @@
                 </div>
             </a>
             <div class="lg:hidden lg:sidebar-expanded:block 2xl:block">
-                <ul class="pl-8 mt-1" :class="open ? '!block' : 'hidden'">
+                <ul class="pl-8 mt-1" :class="open ? 'block!' : 'hidden'">
                     <li class="mb-1 last:mb-0">
                         <a class="block text-amber-500 transition truncate" href="index.html">
                                             <span
@@ -73,7 +73,7 @@
                 </div>
             </a>
             <div class="lg:hidden lg:sidebar-expanded:block 2xl:block">
-                <ul class="pl-8 mt-1 hidden" :class="open ? '!block' : 'hidden'">
+                <ul class="pl-8 mt-1 hidden" :class="open ? 'block!' : 'hidden'">
                     <li class="mb-1 last:mb-0">
                         <a class="block text-gray-500/90 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 transition truncate"
                            href="customers.html">

resources/views/components/layouts/navigation/events.blade.php

@@ -28,7 +28,7 @@
                 </div>
             </a>
             <div class="lg:hidden lg:sidebar-expanded:block 2xl:block">
-                <ul class="pl-8 mt-1" :class="open ? '!block' : 'hidden'">
+                <ul class="pl-8 mt-1" :class="open ? 'block!' : 'hidden'">
                     <li class="mb-1 last:mb-0">
                         <a class="block text-amber-500 transition truncate" href="index.html">
                                             <span
@@ -73,7 +73,7 @@
                 </div>
             </a>
             <div class="lg:hidden lg:sidebar-expanded:block 2xl:block">
-                <ul class="pl-8 mt-1 hidden" :class="open ? '!block' : 'hidden'">
+                <ul class="pl-8 mt-1 hidden" :class="open ? 'block!' : 'hidden'">
                     <li class="mb-1 last:mb-0">
                         <a class="block text-gray-500/90 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 transition truncate"
                            href="customers.html">

resources/views/livewire/association/profile.blade.php

@@ -332,7 +332,7 @@ new class extends Component {
                         </div>
                         <ul class="flex flex-nowrap md:block mr-3 md:mr-0">
                             <li class="mr-0.5 md:mr-0 md:mb-0.5">
-                                <a class="flex items-center px-2.5 py-2 rounded-lg whitespace-nowrap bg-[linear-gradient(135deg,var(--tw-gradient-stops))] from-orange-500/[0.12] dark:from-orange-500/[0.24] to-orange-500/[0.04]"
+                                <a class="flex items-center px-2.5 py-2 rounded-lg whitespace-nowrap bg-[linear-gradient(135deg,var(--tw-gradient-stops))] from-orange-500/12 dark:from-orange-500/24 to-orange-500/4"
                                    href="#0">
                                     <i class="fa-sharp-duotone fa-solid fa-id-card-clip shrink-0 fill-current text-orange-400 mr-2"></i>
                                     <span

tailwind.config.js

@@ -1,28 +0,0 @@
-export default {
-    presets: [
-        require("./vendor/power-components/livewire-powergrid/tailwind.config.js"),
-    ],
-    content: [
-        './resources/views/**/*.blade.php',
-        './resources/js/**/*.js',
-
-        './app/Livewire/**/*Table.php',
-        './vendor/power-components/livewire-powergrid/resources/views/**/*.php',
-        './vendor/power-components/livewire-powergrid/src/Themes/Tailwind.php',
-
-        './vendor/wireui/wireui/src/*.php',
-        './vendor/wireui/wireui/ts/**/*.ts',
-        './vendor/wireui/wireui/src/WireUi/**/*.php',
-        './vendor/wireui/wireui/src/Components/**/*.php',
-    ],
-    darkMode: 'class',
-    safelist: [
-        'w-96',
-        'group',
-        'aspect-h-7',
-        'aspect-w-10',
-        'pointer-events-none',
-        'object-cover',
-        'group-hover:opacity-75',
-    ],
-}