const getAllUser = async () => {
try {
const [rows] = await pool.execute(
`
SELECT *
FROM users
WHERE is_active = TRUE
ORDER BY created_at DESC
`
);

return rows;
} catch (error) {
console.error("Error finding active users:", error);
throw error;
}
};

const user = await userModel.find({

isActive: true,
});

کروم ۱۵۲ جدیدترین آپدیت مرورگر گوگله (که در اواخر آگوست ۲۰۲۶ منتشر شده) و دست پر اومده تا کار ما توسعه‌دهنده‌ها رو راحت‌تر کنه. هدف اصلی این آپدیت اینه که کدهامون تمیزتر بشه و برای کارهای ظاهری، خیلی کمتر به جاوااسکریپت وابسته باشیم.
بیایید قابلیت‌های جدید CSS تو این نسخه رو بررسی کنیم و ببینیم چطور جای جاوااسکریپت رو گرفتن:

۱. استایل دادن به ویدیو و موزیک در حال پخش
قبلاً با جاوااسکریپت: اگه می‌خواستید وقتی یک ویدیو پخش می‌شه، سایه دورش بیفته یا وقتی متوقف (Pause) می‌شه تاریک بشه، باید با جاوااسکریپت رویدادهای play و pause رو ردیابی می‌کردید و کلاس‌های CSS رو به صورت دستی به تگ ویدیو اضافه یا کم می‌کردید.
الان با CSS: کروم ۱۵۲ انتخابگرهای جذابی مثل :playing، :paused و :muted رو معرفی کرده. خیلی ساده تو فایل استایل می‌نویسید video:playing و استایل دلخواهتون رو می‌دید! مرورگر خودش بقیه کارها رو هندل می‌کنه.

۲. کنترل شفافیت رنگ‌ها بدون دردسر
قبلاً با جاوااسکریپت: فرض کنید یک متغیر رنگی مثل --main-color داشتید و می‌خواستید همون رنگ رو با شفافیت ۵۰٪ تو یک بخش دیگه استفاده کنید. مجبور بودید کد رنگ رو تغییر بدید یا با جاوااسکریپت اون رو محاسبه کنید.
الان با CSS: با تابع جدید alpha()، می‌تونید همون لحظه شفافیت هر رنگی رو تغییر بدید. یعنی به CSS می‌گید "همون رنگ اصلی رو بردار، فقط شفافیتش رو کم کن". این کار ساخت تم‌های تاریک و روشن (Dark/Light mode) رو بی‌نهایت ساده می‌کنه.

۳. جابه‌جا کردن پنجره اپلیکیشن‌ها (window-drag)
قبلاً با جاوااسکریپت: وقتی یک وب‌اپلیکیشن دسکتاپ (PWA) می‌ساختید، برای اینکه کاربر بتونه با کلیک روی هدر برنامه، کل پنجره رو بکشه و جابه‌جا کنه، باید کلی کد جاوااسکریپت برای مدیریت کلیک و حرکت موس می‌نوشتید.
الان با CSS: فقط کافیه به عنصری که نقش هدر رو داره ویژگی window-drag: drag; رو بدید! خود مرورگر می‌فهمه که این بخش برای جابه‌جا کردن پنجره است و بدون یک خط کدنویسی اضافه، کار می‌کنه.

۴. مدیریت کلیک روی پس‌زمینه مودال‌ها
قبلاً با جاوااسکریپت: وقتی یک پاپ‌آپ باز می‌شد، برای اینکه کاربر با کلیک روی فضای تاریک پشتش بتونه اون رو ببنده، باید تو جاوااسکریپت چک می‌کردید که کاربر دقیقاً کجا کلیک کرده تا تداخلی با محتوای اصلی پاپ‌آپ پیش نیاد.
الان با CSS: با پشتیبانی جدید کروم از ::backdrop، کلیک کردن روی پس‌زمینه دیالوگ‌ها خیلی هوشمندانه‌تر مدیریت می‌شه و دیگه نیازی به نوشتن منطق‌های پیچیده تو جاوااسکریپت برای پیدا کردن محل کلیک ندارید.

class

وارد یک وب‌سایت می‌شوی. یک گردونه شانس جذاب یا یک دکمه بزرگ و درخشان وسط صفحه خودنمایی می‌کند: «برای دریافت 10 گیگابایت اینترنت رایگان کلیک کن 🎁»..