Merge branch 'master' of https://github.com/ganesshkumar/obsidian-plugins-stats-ui

Author: ganesshkumar

archive/[legal].tsx

@@ -61,7 +61,7 @@ const Legal = (props: ILegalDocProps) => {
       <Navbar current="posts" />
       <div className="bg-white pt-5">
         <div className="max-w-6xl mx-auto px-2">
-          <article className="prose !max-w-none prose-img:mx-auto prose-img:max-h-[512px] prose-headings:text-gray-700 prose-strong:text-gray-700">
+          <article className="prose max-w-none! prose-img:mx-auto prose-img:max-h-[512px] prose-headings:text-gray-700 prose-strong:text-gray-700">
             <h1 className="mt-2 mb-0 text-3xl text-center text-gray-800">
               {legalDocData.title}
             </h1>

cache/plugins-cache.ts

@@ -92,7 +92,12 @@ export class PluginsCache {
     let prisma: PrismaClient = new PrismaClient();
     let pluginRecords: Plugin[];
 
-    if (process.env.NODE_ENV === 'test') {
+    if (process.env.NODE_ENV == 'development') {
+      pluginRecords = await prisma.plugin.findMany({
+        orderBy: { createdAt: 'desc' },
+        take: 50,
+      });
+    } else if (process.env.NODE_ENV === 'test') {
       pluginRecords = await prisma.plugin.findMany({
         where: {
           OR: [

components/FavPluginUpdates.tsx

@@ -64,7 +64,7 @@ export const NoFavPlugins = () => {
           </div>
           <motion.div
             layout
-            className="basis-full lg:basis-1/2 lg:w-1/2 p-8 bg-gradient-to-r from-violet-300 to-fuchsia-300 rounded h-svh shadow-lg"
+            className="basis-full lg:basis-1/2 lg:w-1/2 p-8 bg-linear-to-r from-violet-300 to-fuchsia-300 rounded h-svh shadow-lg"
           >
             <StepImage step={step} />
           </motion.div>
@@ -107,7 +107,7 @@ const StepImage = ({ step }) => {
       height={0}
       sizes="100vw"
       style={{ width: '100%', height: '100%' }}
-      className="rounded border shadow"
+      className="rounded border shadow-sm"
     />
   );
 };

components/Footer.tsx

@@ -5,7 +5,7 @@ import { Twitter, Youtube } from 'react-feather';
 
 const customTheme: CustomFlowbiteTheme['footer'] = {
   brand: {
-    span: 'self-center whitespace-nowrap text-2xl font-semibold !text-gray-100 dark:text-white',
+    span: 'self-center whitespace-nowrap text-2xl font-semibold text-gray-100! dark:text-white',
   },
 };
 
@@ -20,7 +20,7 @@ export const Footer = () => {
           theme={customTheme}
         >
           <div className="grid w-full justify-between sm:flex sm:justify-between md:flex md:grid-cols-1">
-            <div className="!text-red-50">
+            <div className="text-red-50!">
               <FlowbiteFooter.Brand
                 href="https://www.obsidianstats.com"
                 src="/favicon-64.png"

components/PluginsListView.tsx

@@ -50,7 +50,7 @@ export const PluginsListView = ({
 const PluginView = (props) => {
   const { plugin, idx, pad, favorites, setFavorites, showDownloadStat } = props;
   return (
-    <List.Item className="!mt-0 py-3 px-2 w-full hover:bg-slate-50">
+    <List.Item className="mt-0! py-3 px-2 w-full hover:bg-slate-50">
       <div className="flex flex-col md:flex-row items-start space-x-4 rtl:space-x-reverse">
         <div className="text-xl ml-4 md:ml-0">
           {String(idx).padStart(pad, '0')}.

components/Sidebar.tsx

@@ -91,7 +91,7 @@ export const Sidebar = ({ pageInfo, suggestions }: ISidebarProps) => {
             className="flex border border-gray-200 p-3 rounded w-full h-[130px] min-h-[130px] max-h-[130px] cursor-pointer"
           >
             <div
-              className={`w-[120px] min-w-[120px] max-w-[120px] h-[90px] min-h-[90px] max-h-[90px] bg-gradient-to-br ${getGraidentFrom(index)} ${getGraidentTo(index)} flex justify-center items-center self-center`}
+              className={`w-[120px] min-w-[120px] max-w-[120px] h-[90px] min-h-[90px] max-h-[90px] bg-linear-to-br ${getGraidentFrom(index)} ${getGraidentTo(index)} flex justify-center items-center self-center`}
             >
               <Tool size={48} color="white" />
             </div>
@@ -117,7 +117,7 @@ export const Sidebar = ({ pageInfo, suggestions }: ISidebarProps) => {
             className="flex border border-gray-200 p-3 rounded w-full h-[130px] min-h-[130px] max-h-[130px] cursor-pointer"
           >
             <div
-              className={`w-[120px] min-w-[120px] max-w-[120px] h-[90px] min-h-[90px] max-h-[90px] bg-gradient-to-br ${getGraidentFrom(index)} ${getGraidentTo(index)} flex justify-center items-center self-center`}
+              className={`w-[120px] min-w-[120px] max-w-[120px] h-[90px] min-h-[90px] max-h-[90px] bg-linear-to-br ${getGraidentFrom(index)} ${getGraidentTo(index)} flex justify-center items-center self-center`}
             >
               <PostIcon tags={post.tags} size={60} />
             </div>

components/background/wave-background.tsx

@@ -11,24 +11,24 @@ interface IWavesBackgroundProps {
 
 const WavesBackground = ({ title }: IWavesBackgroundProps) => {
   return (
-    <section className='bg-gradient-to-b from-violet-800 via-violet-600 to-violet-500 rounded-t-2xl overflow-hidden'>
+    <section className='bg-linear-to-b from-violet-800 via-violet-600 to-violet-500 rounded-t-2xl overflow-hidden'>
       {/* <div className='h-[60px]'></div> */}
       <h1 className='pb-12 pt-16 px-8 flex justify-center items-center text-white text-3xl leading-tight whitespace-wrap break-keep'>{title}</h1>
       <div className="relative h-[60px] overflow-hidden">
         <div
-          className="absolute bottom-0 left-0 w-full h-[50px] z-[1000] opacity-100 animate-[wave_30s_linear_infinite]"
+          className="absolute bottom-0 left-0 w-full h-[50px] z-1000 opacity-100 animate-[wave_30s_linear_infinite]"
           style={waveStyle}
         />
         <div
-          className="absolute bottom-[5px] left-0 w-full h-[50px] z-[999] opacity-50 animate-[wave2_15s_linear_infinite]"
+          className="absolute bottom-[5px] left-0 w-full h-[50px] z-999 opacity-50 animate-[wave2_15s_linear_infinite]"
           style={waveStyle}
         />
         <div
-          className="absolute bottom-[7px] left-0 w-full h-[50px] z-[998] opacity-20 animate-[wave_30s_linear_infinite] [animation-delay:-2s]"
+          className="absolute bottom-[7px] left-0 w-full h-[50px] z-998 opacity-20 animate-[wave_30s_linear_infinite] [animation-delay:-2s]"
           style={waveStyle}
         />
         <div
-          className="absolute bottom-[10px] left-0 w-full h-[50px] z-[997] opacity-70 animate-[wave2_5s_linear_infinite] [animation-delay:-5s]"
+          className="absolute bottom-[10px] left-0 w-full h-[50px] z-997 opacity-70 animate-[wave2_5s_linear_infinite] [animation-delay:-5s]"
           style={waveStyle}
         />
       </div>

components/home/Highlights.test.tsx

@@ -11,15 +11,15 @@ const mockHighlights: Highlight[] = [
     description: 'Description for highlight one.',
     link: '/posts/highlight-one',
     ctaText: 'Read More',
-    bgClasses: 'bg-gradient-to-tr from-fuchsia-400 to-purple-400 text-black',
+    bgClasses: 'bg-linear-to-tr from-fuchsia-400 to-purple-400 text-black',
   },
   {
     title: 'Highlight Two',
     image: '/images/highlight-two.png',
     description: 'Description for highlight two.',
     link: '/posts/highlight-two',
     ctaText: 'Read More',
-    bgClasses: 'bg-gradient-to-tr from-fuchsia-400 to-purple-400 text-black',
+    bgClasses: 'bg-linear-to-tr from-fuchsia-400 to-purple-400 text-black',
   },
 ];
 

components/home/SubstackNewsletter.tsx

@@ -5,7 +5,7 @@ import { Rss } from 'react-feather';
 export const SubstackNewsletter = () => {
   return (
     <div className="bg-transparent mt-32">
-      <div className="max-w-6xl mx-auto px-2 flex flex-col rounded bg-gradient-to-br from-yellow-200 to-yellow-200">
+      <div className="max-w-6xl mx-auto px-2 flex flex-col rounded bg-linear-to-br from-yellow-200 to-yellow-200">
         <div>
           <div className="text-center px-8 text-2xl font-bold text-gray-800 mt-8">
             Subscribe to our RSS feeds

components/ui/button.tsx

@@ -5,18 +5,18 @@ import { cva, type VariantProps } from 'class-variance-authority';
 import { cn } from '@/lib/utils';
 
 const buttonVariants = cva(
-  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
   {
     variants: {
       variant: {
         default:
-          'bg-primary text-primary-foreground shadow hover:bg-primary/90',
+          'bg-primary text-primary-foreground shadow-sm hover:bg-primary/90',
         destructive:
-          'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
+          'bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90',
         outline:
-          'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
+          'border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground',
         secondary:
-          'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
+          'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',
         ghost: 'hover:bg-accent hover:text-accent-foreground',
         link: 'text-primary underline-offset-4 hover:underline',
       },