Fix/UI iteration

apps/www/app/layout.tsx

@@ -117,7 +117,7 @@ export default async function RootLayout({
               }}
             />
             <Analytics />
-            {/* <TemplateToaster /> */}
+            <TemplateToaster />
             <TailwindIndicator />
           </ThemeProvider>
 

apps/www/components/Changelog/ChangelogDisplay.tsx

@@ -1,13 +1,14 @@
-import Image from "next/image";
 import { TracingBeam } from "./TracingBeam";
 import { allChangelogs } from "contentlayer/generated";
 import ChangeLogCard from "./ChangelogCard";
+import { dateConvert } from "@/lib/utils";
 
 const ChangelogDisplay = () => {
+  const changelogs = allChangelogs.sort((a , b ) => dateConvert(a.date) - dateConvert(b.date) )
   return (
     <TracingBeam className="h-full bg-transparent ">
       <div className="max-w-full gap-x-10 mx-auto antialiased pt-4 relative">
-        {allChangelogs.map((item, index) => (
+        {changelogs.map((item, index) => (
           <ChangeLogCard item={item} index={index} />
         ))}
       </div>

apps/www/components/farmui/FUIHeroWithGridSimple.tsx

@@ -67,7 +67,7 @@ const NpmCommandGetStarted = () => {
           </h1>
 
           <HeroAnimated
-            header="Get your component up and running with just one command - our CLI."
+            header="Get your component up and running with just one command."
             headerClassName="text-center tracking-tight max-w-md md:max-w-4xl text-3xl md:text-6xl tracking-tighter mx-auto lg:text-7xl font-bold font-geist  font-normal  text-transparent bg-clip-text bg-[linear-gradient(180deg,_#FFF_0%,_rgba(255,_255,_255,_0.00)_202.08%)] leading-0 md:leading-0 md:pb-0 mt-1"
             description="Move faster with beautiful responsive UI components and website
               templates with modern design, 100% free and open-source."

apps/www/content/changelogs/2024-06-07.mdx

@@ -1,6 +1,6 @@
 ---
 title: Lifetime access, Charts , New template and UI Patches
-summary: Added a life time access plan , charts based on shadcn and new templates [Ease](https://farmui.com/templates/ease)
+summary: Added a life time access plan , charts based on shadcn and new templates Ease
 image: /changelogs/changelog-02.png
 date: "2024-06-07"
 kind: changelogs
@@ -9,7 +9,7 @@ authors:
   - KiNFiSH
 ---
 ## Features and Patches
- - Lifetime Access plan for you to get access to every paid resources with in just **69.9**.
+ - Lifetime Access plan for you to get access to every paid resources with in just **[69.9$](mailto:kinfetare83@gmail.com)**.
  - New template added - [Ease](https://farmui.com/templates/ease).
  - [Charts](https://farmui.com/components/charts) components added with more styled and animated utilty and wrapper as well additional components such as modal.
  - UI/UX patches.

apps/www/content/intro.mdx

@@ -20,12 +20,12 @@ And for the interactive components we use the following Libraries:
 
 1. Install the npm package
 ```bash
-pnpm add @kinfe123/farm-ui
+pnpm add @kinfe123/farm-ui@latest
 ```
 
 2. Adding the UI or component based on that ID
 ```bash
-pnpm farm-ui add {id}
+pnpm farm-ui@latest add {id}
 ```
 
 

apps/www/package.json

@@ -15,6 +15,7 @@
     "@babel/preset-react": "^7.18.6",
     "@heroicons/react": "^2.0.18",
     "@hookform/resolvers": "^3.6.0",
+    "@kinfe123/farm-ui": "workspace:^",
     "@loglib/tracker": "^0.8.0",
     "@lucia-auth/adapter-drizzle": "^1.0.7",
     "@motionone/utils": "^10.18.0",

packages/cli/README.md

@@ -1,29 +1,32 @@
-## FarmUI  ![GitHub stars](https://img.shields.io/github/stars/Kinfe123/farm-ui)
+## FarmUI ![GitHub stars](https://img.shields.io/github/stars/Kinfe123/farm-ui)
 
 FarmUI is client first and animation rich ui component library built on top of radix and shadcn as well other primitive providers that we would like to support in near feature..
 
 ## Prerequisites
+
 - [Node.js](https://nodejs.org/) version 14 or higher installed
 - [pnpm](https://pnpm.io/) package manager installed
 
 ## Installation Guide
 
 1. Install the npm package
+
 ```bash
-pnpm add @kinfe123/farm-ui
+pnpm add @kinfe123/farm-ui@latest
 ```
-2. Go to https://farmui.com and grab the id of the UI or component that you want 
+
+2. Go to https://farmui.com and grab the id of the UI or component that you want
 
 3. Adding the UI or component based on that ID
+
 ```bash
 pnpm farm-ui add {id}
 ```
+
 **id** - being the id of the component from farmui.com
 
-4. Specify the directory where you want the componnt to be installed or it uses **components** dir by default. 
+4. Specify the directory where you want the componnt to be installed or it uses **components** dir by default.
 
 5. Finally you get to see the component or UI block inside of **farmui** directory nested on directory you have mentioned on step 4.
 
-
 **Enjoy!**
-

packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kinfe123/farm-ui",
-  "version": "1.0.9",
+  "version": "1.0.12",
   "description": "Add farmui components and building blocks",
   "main": "index.js",
   "publishConfig": {

packages/cli/src/utils/ascii-arts.ts

@@ -1,10 +1,15 @@
+import { getPackageInfo } from "./get-package-info";
+
+const packageInfo =  getPackageInfo()
+
+
 export const FARMUI_GRAFFITI = `
 ░▒▓████████▓▒░▒▓██████▓▒░░▒▓███████▓▒░░▒▓██████████████▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ 
 ░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ 
 ░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ 
 ░▒▓██████▓▒░░▒▓████████▓▒░▒▓███████▓▒░░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ 
 ░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ 
 ░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░  
-░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░░▒▓██████▓▒░░▒▓█▓▒░  v1.0.9
+░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░░▒▓██████▓▒░░▒▓█▓▒░  v${packageInfo.version}
 
 `;