revine 0.3.1 → 0.3.3

package/dist/setup/tailwind.js

@@ -3,7 +3,7 @@ import fs from "fs-extra";
 import { updateViteConfig } from "../config/vite.js";
 import { logInfo } from "../utils/logger.js";
 export async function setupTailwind(projectDir) {
-    logInfo("\nSetting up Tailwind CSS v4...");
+    logInfo("\nSetting up Tailwind CSS...");
     // Point to the hidden Vite config
     const viteConfigPath = path.join(projectDir, ".revine", "bundler", "vite.config.ts");
     // Now use existing updateViteConfig logic on this new path

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "revine",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "A react framework, but better.",
   "license": "ISC",
   "author": "Rachit Bharadwaj",

package/src/setup/tailwind.ts

@@ -4,7 +4,7 @@ import { updateViteConfig } from "../config/vite.js";
 import { logInfo } from "../utils/logger.js";
 
 export async function setupTailwind(projectDir: string) {
-  logInfo("\nSetting up Tailwind CSS v4...");
+  logInfo("\nSetting up Tailwind CSS...");
 
   // Point to the hidden Vite config
   const viteConfigPath = path.join(

package/template/.revine/bundler/defaults/vite.ts

@@ -1,8 +1,12 @@
 import react from "@vitejs/plugin-react";
+import { revineLoggerPlugin } from "../viteLoggerPlugin";
 
 export const defaultViteConfig = {
-  plugins: [react()],
+  plugins: [react(), revineLoggerPlugin()],
+  logLevel: "silent",
+
   server: {
+    clearScreen: false,
     open: true,
     port: 3000,
     host: true,

package/template/.revine/bundler/viteLoggerPlugin.ts

@@ -0,0 +1,33 @@
+import type { Plugin, ViteDevServer } from "vite";
+import chalk from "chalk";
+
+export function revineLoggerPlugin(): Plugin {
+  //  custom chalk instance pointing to the indigo color
+  const indigo = chalk.hex("#6d28d9");
+
+  return {
+    name: "revine-logger",
+    configureServer(server: ViteDevServer) {
+      server.httpServer?.once("listening", () => {
+        const protocol = server.config.server.https ? "https" : "http";
+        const host = server.resolvedUrls?.local[0] || "localhost:3000";
+        const { network = [] } = server.resolvedUrls ?? {};
+
+        // Use the 'indigo' instance in place of 'chalk.cyan'
+        console.log(indigo("─────────────────────────────────────────────"));
+        console.log(indigo.bold("🚀 Revine Dev Server is now running!"));
+        console.log(indigo("─────────────────────────────────────────────"));
+        console.log(indigo(`Local:   ${chalk.green(`${protocol}://${host}`)}`));
+
+        if (network.length) {
+          network.forEach((url: string) => {
+            console.log(indigo(`Network: ${chalk.green(url)}`));
+          });
+        }
+
+        console.log(indigo("─────────────────────────────────────────────"));
+        console.log("");
+      });
+    },
+  };
+}

package/template/.revine/routing/fileBased.tsx

@@ -0,0 +1,38 @@
+import { createBrowserRouter } from "react-router-dom";
+import { lazy, Suspense, ComponentType } from "react";
+
+const pages = import.meta.glob("../../src/pages/**/*.tsx");
+
+const routes = Object.entries(pages).map(([filePath, component]) => {
+  let cleaned = filePath.replace(/\\/g, "/");
+
+  cleaned = cleaned.replace(/.*\/pages\//, "");
+
+  cleaned = cleaned.replace(/\.tsx$/i, "");
+
+  cleaned = cleaned.replace(/\/index$/, "");
+
+  cleaned = cleaned.replace(/\[(\w+)\]/g, ":$1");
+
+  if (cleaned === "index") {
+    cleaned = "";
+  }
+
+  // 6. Route path is empty for index => "/"
+  const routePath = cleaned === "" ? "/" : `/${cleaned}`;
+
+  const Component = lazy(
+    component as unknown as () => Promise<{ default: ComponentType }>
+  );
+
+  return {
+    path: routePath,
+    element: (
+      <Suspense fallback={<div>Loading...</div>}>
+        <Component />
+      </Suspense>
+    ),
+  };
+});
+
+export const router = createBrowserRouter(routes);

package/template/package.json

@@ -9,7 +9,8 @@
   "dependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.22.3"
+    "react-router-dom": "^6.22.3",
+    "chalk": "^5.4.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.45",

package/template/src/App.tsx

@@ -1,30 +1,5 @@
-import { createBrowserRouter, RouterProvider } from "react-router-dom";
-import { lazy, Suspense, ComponentType } from "react";
-
-const pages = import.meta.glob("./pages/**/*.tsx");
-
-const routes = Object.entries(pages).map(([path, component]) => {
-  const routePath = path
-    .replace(/\.\/pages\//i, "")
-    .replace(/\.tsx$/i, "")
-    .replace(/\/index$/i, "")
-    .replace(/\[(\w+)\]/g, ":$1");
-
-  const Component = lazy(
-    component as unknown as () => Promise<{ default: ComponentType }>
-  );
-
-  return {
-    path: routePath === "index" ? "/" : `/${routePath}`,
-    element: (
-      <Suspense fallback={<div>Loading...</div>}>
-        <Component />
-      </Suspense>
-    ),
-  };
-});
-
-const router = createBrowserRouter(routes);
+import { RouterProvider } from "react-router-dom";
+import { router } from "../.revine/routing/fileBased";
 
 export default function App() {
   return <RouterProvider router={router} />;

package/template/tsconfig.json

@@ -16,5 +16,5 @@
     "noFallthroughCasesInSwitch": true,
     "types": ["vite/client"]
   },
-  "include": ["src", ".revine/bundler/types/**/*"]
+  "include": ["src", ".revine/**/*"]
 }