vuelo-framework 1.0.0 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuelo-framework",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Framework Vue.js con SSR e Islands Architecture",
   "type": "module",
   "main": "./vueloFramework/server.ts",

package/vueloFramework/app.ts

@@ -1,5 +1,13 @@
 import type { ViteDevServer } from "vite";
 import { createSSRApp } from "vue";
+import path from "path";
+import { fileURLToPath } from "url";
+
+// Resolver el directorio del módulo actual (funciona tanto en desarrollo como en node_modules)
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+// El archivo por defecto está en vueloFramework/defaults/App.vue relativo a este archivo
+const defaultAppPath = path.resolve(__dirname, "defaults", "App.vue");
 
 export async function createApp(vite: ViteDevServer, component: any) {
   let module;
@@ -7,7 +15,8 @@ export async function createApp(vite: ViteDevServer, component: any) {
     module = await vite.ssrLoadModule("src/App.vue");
   } catch (error) {
     console.log("App.vue no found con src using default");
-    module = await vite.ssrLoadModule("vueloFramework/defaults/App.vue");
+    // Usar el formato /@fs/ para que Vite pueda resolver la ruta absoluta
+    module = await vite.ssrLoadModule(`/@fs/${defaultAppPath}`);
   }
   const app = createSSRApp(module.default);
   if (component) {

package/vueloFramework/autoImport.ts

@@ -85,12 +85,16 @@ function generateImportMap(
       route = route.endsWith("/") ? route.slice(0, -1) : route; // Eliminar barra final si existe
       route = `/${route}`; // Asegurar que empiece con '/'
 
-      // Calcular la ruta relativa al directorio actual
-      const relativePath = path.relative(__dirname, page);
+      // Usar la ruta absoluta directamente (page ya es absoluta desde path.resolve)
+      // Esto funciona tanto en desarrollo como cuando el paquete está en node_modules
+      let absolutePath = page;
+      if (!path.isAbsolute(absolutePath)) {
+        absolutePath = path.resolve(process.cwd(), absolutePath);
+      }
 
       return {
         name,
-        path: relativePath, // Aquí se usa la ruta relativa
+        path: absolutePath, // Usar la ruta absoluta
         route,
       };
     }),
@@ -132,9 +136,19 @@ export async function pagesComponents(vite: any, pages: any[]) {
 
   // Recopilar todas las promesas de los componentes junto con su ruta
   routes.forEach((componentRoute) => {
+    // Asegurarse de que la ruta sea absoluta
+    let modulePath = componentRoute.path;
+    if (!path.isAbsolute(modulePath)) {
+      modulePath = path.resolve(process.cwd(), modulePath);
+    }
+    
+    // Vite puede resolver rutas absolutas usando el formato /@fs/
+    // Esto funciona tanto en desarrollo como cuando el paquete está en node_modules
+    const viteModulePath = `/@fs/${modulePath}`;
+    
     components.push({
       route: componentRoute,
-      promise: vite.ssrLoadModule(componentRoute.path.replace("..", "")),
+      promise: vite.ssrLoadModule(viteModulePath),
     });
   });
 

package/vueloFramework/server.ts

@@ -2,6 +2,7 @@ import { createServer } from "vite";
 import { getImports, islandsComponents, pagesComponents } from "./autoImport";
 import { type VueloConfig } from "./interfaces/vueloConfig";
 import BunServer from "./servers/bun";
+import path from "path";
 
 export async function vuelo(config: VueloConfig = {}) {
   const defaultConfig: VueloConfig = {
@@ -10,7 +11,13 @@ export async function vuelo(config: VueloConfig = {}) {
     mode: "SSR",
   };
   const finalConfig = { ...defaultConfig, ...config };
+  
+  // Asegurar que Vite use el root del proyecto del usuario, no del paquete
+  // Esto es crítico cuando el paquete está instalado en node_modules
+  const projectRoot = process.cwd();
+  
   const vite = await createServer({
+    root: projectRoot, // Especificar explícitamente el root del proyecto
     server: { middlewareMode: true },
   });
   const autoImports = await getImports();