revine 1.1.0 → 1.1.2

package/dist/runtime/bundler/defaults/vite.d.ts

@@ -2,6 +2,11 @@ export declare const defaultViteConfig: {
     plugins: any[];
     logLevel: string;
     envPrefix: string;
+    resolve: {
+        alias: {
+            "@": string;
+        };
+    };
     server: {
         clearScreen: boolean;
         open: boolean;

package/dist/runtime/bundler/defaults/vite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../../../../src/runtime/bundler/defaults/vite.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;CAgB7B,CAAC"}
+{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../../../../src/runtime/bundler/defaults/vite.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;CAsB7B,CAAC"}

package/dist/runtime/bundler/defaults/vite.js

@@ -1,4 +1,5 @@
 import react from "@vitejs/plugin-react";
+import path from "path";
 import { revinePlugin } from "../revinePlugin.js";
 import { revineLoggerPlugin } from "../viteLoggerPlugin.js";
 export const defaultViteConfig = {
@@ -7,6 +8,12 @@ export const defaultViteConfig = {
     // Only expose env variables prefixed with REVINE_PUBLIC_ to the browser bundle.
     // Variables without this prefix are never included in client-side code.
     envPrefix: "REVINE_PUBLIC_",
+    resolve: {
+        alias: {
+            // @ always points to the user's project /src directory
+            "@": path.resolve(process.cwd(), "src"),
+        },
+    },
     server: {
         clearScreen: false,
         open: false,

package/dist/runtime/bundler/generateConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generateConfig.d.ts","sourceRoot":"","sources":["../../../src/runtime/bundler/generateConfig.ts"],"names":[],"mappings":"AAUA,wBAAsB,wBAAwB,iBAyB7C"}
+{"version":3,"file":"generateConfig.d.ts","sourceRoot":"","sources":["../../../src/runtime/bundler/generateConfig.ts"],"names":[],"mappings":"AA8CA,wBAAsB,wBAAwB,iBAiC7C"}

package/dist/runtime/bundler/generateConfig.js

@@ -1,16 +1,54 @@
+import dotenv from "dotenv";
+import fs from "fs-extra";
 import { merge } from "lodash-es";
 import path from "path";
-import fs from "fs-extra";
 import { defaultViteConfig } from "./defaults/vite.js";
 import { loadUserConfig } from "./utils/loadUserConfig.js";
+/**
+ * Reads all .env files in the project root and returns a Vite `define` map
+ * that replaces `process.env.REVINE_PUBLIC_*` with the actual string values
+ * at build/dev time — exactly like Next.js does with process.env.
+ *
+ * Only REVINE_PUBLIC_ prefixed variables are exposed to the browser bundle.
+ * All other variables are ignored for safety.
+ */
+function buildProcessEnvDefines(cwd) {
+    const defines = {};
+    // Load .env, .env.local, .env.development / .env.production in priority order
+    const envFiles = [
+        ".env",
+        ".env.local",
+        `.env.${process.env.NODE_ENV || "development"}`,
+        `.env.${process.env.NODE_ENV || "development"}.local`,
+    ];
+    for (const file of envFiles) {
+        const filePath = path.resolve(cwd, file);
+        if (fs.existsSync(filePath)) {
+            const parsed = dotenv.parse(fs.readFileSync(filePath));
+            for (const [key, value] of Object.entries(parsed)) {
+                if (key.startsWith("REVINE_PUBLIC_")) {
+                    // Replace process.env.REVINE_PUBLIC_FOO with the literal string value
+                    defines[`process.env.${key}`] = JSON.stringify(value);
+                }
+            }
+        }
+    }
+    return defines;
+}
 export async function generateRevineViteConfig() {
+    const cwd = process.cwd();
     // Load the user's revine.config.ts
     const userConfig = (await loadUserConfig());
     // Merge user "vite" overrides with your default config
     const finalConfig = merge({}, defaultViteConfig, userConfig.vite || {});
+    // Inject process.env.REVINE_PUBLIC_* defines so users can write:
+    //   const token = process.env.REVINE_PUBLIC_GITHUB_TOKEN;
+    // These are statically replaced at build time — nothing leaks to the bundle.
+    const processEnvDefines = buildProcessEnvDefines(cwd);
+    finalConfig.define = merge({}, processEnvDefines, finalConfig.define || {});
     // Dynamically add Tailwind if present in the project
     try {
-        const projectPkgPath = path.resolve(process.cwd(), "package.json");
+        const projectPkgPath = path.resolve(cwd, "package.json");
         const pkg = await fs.readJson(projectPkgPath);
         const hasTailwind = pkg.devDependencies?.["@tailwindcss/vite"] ||
             pkg.dependencies?.["@tailwindcss/vite"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "revine",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "A react framework, but better.",
   "license": "MIT",
   "author": "Rachit Bharadwaj",
@@ -29,6 +29,7 @@
     "@vitejs/plugin-react": "^4.2.1",
     "chalk": "^5.4.1",
     "commander": "^13.1.0",
+    "dotenv": "^16.4.5",
     "fs-extra": "^11.3.0",
     "inquirer": "^12.4.1",
     "lodash-es": "^4.17.21",
@@ -39,6 +40,7 @@
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.2.0",
+    "@types/dotenv": "^8.2.3",
     "@types/fs-extra": "^11.0.4",
     "@types/lodash-es": "^4.17.9",
     "@types/node": "^22.13.0",

package/src/runtime/bundler/defaults/vite.ts

@@ -1,4 +1,5 @@
 import react from "@vitejs/plugin-react";
+import path from "path";
 import { revinePlugin } from "../revinePlugin.js";
 import { revineLoggerPlugin } from "../viteLoggerPlugin.js";
 
@@ -8,6 +9,12 @@ export const defaultViteConfig = {
   // Only expose env variables prefixed with REVINE_PUBLIC_ to the browser bundle.
   // Variables without this prefix are never included in client-side code.
   envPrefix: "REVINE_PUBLIC_",
+  resolve: {
+    alias: {
+      // @ always points to the user's project /src directory
+      "@": path.resolve(process.cwd(), "src"),
+    },
+  },
   server: {
     clearScreen: false,
     open: false,

package/src/runtime/bundler/generateConfig.ts

@@ -1,6 +1,7 @@
+import dotenv from "dotenv";
+import fs from "fs-extra";
 import { merge } from "lodash-es";
 import path from "path";
-import fs from "fs-extra";
 import { defaultViteConfig } from "./defaults/vite.js";
 import { loadUserConfig } from "./utils/loadUserConfig.js";
 
@@ -8,16 +9,59 @@ interface UserConfig {
   vite?: Record<string, unknown>;
 }
 
+/**
+ * Reads all .env files in the project root and returns a Vite `define` map
+ * that replaces `process.env.REVINE_PUBLIC_*` with the actual string values
+ * at build/dev time — exactly like Next.js does with process.env.
+ *
+ * Only REVINE_PUBLIC_ prefixed variables are exposed to the browser bundle.
+ * All other variables are ignored for safety.
+ */
+function buildProcessEnvDefines(cwd: string): Record<string, string> {
+  const defines: Record<string, string> = {};
+
+  // Load .env, .env.local, .env.development / .env.production in priority order
+  const envFiles = [
+    ".env",
+    ".env.local",
+    `.env.${process.env.NODE_ENV || "development"}`,
+    `.env.${process.env.NODE_ENV || "development"}.local`,
+  ];
+
+  for (const file of envFiles) {
+    const filePath = path.resolve(cwd, file);
+    if (fs.existsSync(filePath)) {
+      const parsed = dotenv.parse(fs.readFileSync(filePath));
+      for (const [key, value] of Object.entries(parsed)) {
+        if (key.startsWith("REVINE_PUBLIC_")) {
+          // Replace process.env.REVINE_PUBLIC_FOO with the literal string value
+          defines[`process.env.${key}`] = JSON.stringify(value);
+        }
+      }
+    }
+  }
+
+  return defines;
+}
+
 export async function generateRevineViteConfig() {
+  const cwd = process.cwd();
+
   // Load the user's revine.config.ts
   const userConfig = (await loadUserConfig()) as UserConfig;
 
   // Merge user "vite" overrides with your default config
   const finalConfig = merge({}, defaultViteConfig, userConfig.vite || {});
 
+  // Inject process.env.REVINE_PUBLIC_* defines so users can write:
+  //   const token = process.env.REVINE_PUBLIC_GITHUB_TOKEN;
+  // These are statically replaced at build time — nothing leaks to the bundle.
+  const processEnvDefines = buildProcessEnvDefines(cwd);
+  finalConfig.define = merge({}, processEnvDefines, finalConfig.define || {});
+
   // Dynamically add Tailwind if present in the project
   try {
-    const projectPkgPath = path.resolve(process.cwd(), "package.json");
+    const projectPkgPath = path.resolve(cwd, "package.json");
     const pkg = await fs.readJson(projectPkgPath);
     const hasTailwind =
       pkg.devDependencies?.["@tailwindcss/vite"] ||