misc

Author: siduck

bun.lockb

@@ -8,22 +8,22 @@
     "start": "vinxi start"
   },
   "devDependencies": {
-    "@iconify/json": "^2.2.247",
-    "unocss": "^0.62.3",
-    "@unocss/transformer-directives": "^0.62.3"
+    "@iconify/json": "^2.2.250",
+    "unocss": "^0.62.4",
+    "@unocss/transformer-directives": "^0.62.4"
   },
   "dependencies": {
     "@docsearch/css": "^3.6.1",
     "@docsearch/js": "3",
     "@mdx-js/mdx": "^3.0.1",
     "@solidjs/meta": "^0.29.4",
-    "@solidjs/router": "^0.14.3",
+    "@solidjs/router": "^0.14.5",
     "@solidjs/start": "^1.0.6",
     "@vinxi/plugin-mdx": "^3.7.2",
     "rehype-highlight": "^7.0.0",
     "solid-js": "^1.8.22",
     "solid-mdx": "^0.0.7",
-    "vinxi": "^0.4.2"
+    "vinxi": "^0.4.3"
   },
   "engines": {
     "node": ">=18"

package.json

@@ -17,22 +17,31 @@ const metaData: any = {};
 const defaultMeta = {
   title: "NvChad",
   desc: "Blazing fast Neovim config providing solid defaults and a beautiful UI, enhancing your Neovim experience.",
+  ogimg: "v2.5.jpeg",
 };
 
 for (const path in routes) {
   let route = path.replace("./routes", "").replace(/\.[^.]+$/, "");
   route = route.replace("index", "");
   const moduleMeta = routes[path]?.meta || defaultMeta; // Accessing the meta property of the module
+
+  moduleMeta.ogimg = moduleMeta.cover
+    ? moduleMeta.cover.split(".")[0] + '.jpeg'
+    : defaultMeta.ogimg;
+
   metaData[route] = moduleMeta;
 }
 
 metaData["/themes/"] = metaData["/themes"];
 
 export default function App() {
+
   return (
     <Router
       base={import.meta.env.SERVER_BASE_URL}
-      root={(props) => (
+      root={(props) => {
+
+       return (
         <MetaProvider>
           <Title>{metaData[props.location.pathname]?.title}</Title>
 
@@ -47,18 +56,18 @@ export default function App() {
 
           <Meta
             name="twitter:image:src"
-            content="https://repository-images.githubusercontent.com/345368765/343e772f-d6e9-4a6b-84dc-8936f0c2706d"
+            content={metaData[props.location.pathname]?.ogimg}
           />
 
           <Meta
             property="og:image"
-            content="https://repository-images.githubusercontent.com/345368765/343e772f-d6e9-4a6b-84dc-8936f0c2706d"
+            content={metaData[props.location.pathname]?.ogimg}
           />
 
           <Navbar pathname={props.location.pathname} />
           <Suspense>{props.children}</Suspense>
         </MetaProvider>
-      )}
+      )}}
     >
       <FileRoutes />
     </Router>

public/news/nvui.jpeg

@@ -134,7 +134,7 @@ function Navbar(props: Proptypes) {
                 text-lg font-medium  p-4 py-3 max-w-[1700px] mx-auto`;
 
   return (
-    <nav class="sticky top-0 z-50 shadow-md" bg="dark:dark-3">
+    <nav class="sticky top-0 z-50 shadow-md" bg="white-1 dark:dark-3">
       <div class={styles}>
         <div md="flex gap-3 mx-auto" class="grid justify-between w-full gap-5">
           <Links />

public/news/nvui.svg

@@ -5,20 +5,28 @@ const toMeta = (v) =>
   }));
 
 const news = toMeta(import.meta.glob("./*.mdx", { eager: true }));
+news.sort((a, b) => a.order - b.order);
 
 export const meta = {
   title: "NvChad release blogs",
   desc: "List of NvChad version release news / guides",
 };
 
+const jpegImg = (str) => str.replace(/\.\w+$/, ".jpeg");
+
 function News() {
   return (
-    <div m="x-auto"  max="w-[1700px]" >
+    <div m="x-auto" max="w-[1700px]">
       {/* overview cards */}
       <div grid gap5 class="md:grid-cols-2 2xl:grid-cols-4">
         {news.map((x) => (
           <div class=" flex flex-col items-start" bg="slate1 dark:dark-3">
-            <img src={`/news/${x.cover}`} w-full rounded-t-lg loading="lazy" />
+            <img
+              src={`/news/${jpegImg(x.cover)}`}
+              w-full
+              rounded-t-lg
+              loading="lazy"
+            />
 
             <div h-full flex flex-col gap-4 justify-between p-7>
               <div>

public/news/v2.0.jpeg

@@ -0,0 +1,19 @@
+export const meta = {
+  title: "Base46 and UI plugin go general",
+  desc:
+    "NvChad's Base46 and UI plugin can now be used by non nvchad users! docs at :h nvui",
+  cover: "nvui.svg",
+  order: 3,
+}
+
+# NvUI for all
+
+![v2.0 poster](/news/nvui.svg)
+
+## Introduction
+
+NvChad got famous due to its look, which are powered by its Base46 & UI plugin!
+
+- Base46 : Powerful Collection of 68 beautifully crafted themes, extensible and compiled to bytecode
+- UI : Collection of various core utilities like statusline, dashbaord, 
+

public/news/v2.5.jpeg

@@ -3,6 +3,7 @@ export const meta = {
   desc:
     "New UI features & using lazy.nvim. Improvements in startuptime, using base46 theme plugin as theme compiler",
   cover: "v2.0.webp",
+  order: 1,
 }
 
 # Announcing NvChad v2.0

src/app.tsx

@@ -2,6 +2,7 @@ export const meta = {
   title: "NvChad v2.5 released!",
   desc: 'Minor NvChad release with standard neovim config structure, new 11 themes, UI Term module replacing nvterm.',
   cover: "v2.5.webp",
+  order: 2,
 }
 
 # NvChad v2.5 Released!