vista-core-js 0.0.5 → 0.0.6

package/dist/app.d.ts

@@ -1,12 +1,4 @@
 import React from 'react';
-export declare function loadRoute(path: string): Promise<React.ComponentType<any> | null>;
-export declare function loadRootLayout(): Promise<{
-    Component: React.ComponentType<any>;
-    metadata: any;
-} | {
-    Component: null;
-    metadata: {};
-}>;
 export type VistaAsset = {
     type: 'style' | 'script' | 'preamble';
     src?: string;

package/dist/app.js

@@ -1,53 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { Suspense } from 'react';
 import { useRouter } from './router.js';
-// Lazy load all pages and layouts at module level so they can be accessed by loadRoute
-// Note: Vite treats absolute paths in glob as relative to the project root
-// Lazy load all pages and layouts at module level so they can be accessed by loadRoute
-// Note: Vite treats absolute paths in glob as relative to the project root
-// FIX: Use eager: true to solve HMR instability with lazy boundaries
-// FIX: Use eager: true to solve HMR instability with lazy boundaries
-const pages = import.meta.glob('/app/**/index.tsx', { eager: true });
-const layouts = import.meta.glob('/app/**/layout.tsx', { eager: true });
-const rootLayout = import.meta.glob('/app/layout.tsx', { eager: true });
-// Helper to resolve route path to file key
-function getPageKey(path) {
-    const cleanPath = path === '/' ? '/' : path.replace(/\/$/, '');
-    return `/app${cleanPath === '/' ? '' : cleanPath}/index.tsx`;
-}
-// Exported loader for entry-client to preload the initial route
-export async function loadRoute(path) {
-    const pageKey = getPageKey(path);
-    if (pages[pageKey]) {
-        try {
-            // Eager: pages[pageKey] is the module itself
-            const mod = pages[pageKey];
-            return mod.default;
-        }
-        catch (e) {
-            console.error(`Failed to load route: ${path}`, e);
-        }
-    }
-    return null;
-}
-// Exported loader for entry-client/server to preload the root layout and metadata
-export async function loadRootLayout() {
-    const rootLayoutKey = '/app/layout.tsx';
-    if (rootLayout[rootLayoutKey]) {
-        try {
-            // Eager: rootLayout[rootLayoutKey] is the module itself
-            const mod = rootLayout[rootLayoutKey];
-            return {
-                Component: mod.default,
-                metadata: mod.metadata || {}
-            };
-        }
-        catch (e) {
-            console.error('Failed to load root layout', e);
-        }
-    }
-    return { Component: null, metadata: {} };
-}
+import { pages, rootLayout, getPageKey } from './router-loader.js';
 function VistaHead({ assets, metadata }) {
     // Serialize assets for client hydration
     const serializedAssets = JSON.stringify(assets || []);

package/dist/client.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useState, useEffect } from 'react';
 import ReactDOM from 'react-dom/client';
 import { RouterProvider, useRouter } from './router.js';
-import { ErrorOverlay } from './ErrorOverlay';
+import { ErrorOverlay } from './ErrorOverlay.js';
 // --- Error Management ---
 function VistaErrorManager({ children, initialError }) {
     const [error, setError] = useState(initialError || null);

package/dist/entry-client.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import ReactDOM from 'react-dom/client';
 import { RouterProvider } from './router';
-import App from './app';
+import App from './app.js';
 import { showErrorOverlay } from './error-overlay';
-import { loadRoute, loadRootLayout } from './app';
+import { loadRoute, loadRootLayout } from './router-loader.js';
 export async function mount() {
     // For Full Document Hydration (RootLayout provides html/body)
     // we hydrate 'document' directly.

package/dist/entry-server.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { renderToPipeableStream } from 'react-dom/server';
-import { RouterProvider } from './router';
-import App from './app';
-import { loadRootLayout } from './app';
+import { RouterProvider } from './router.js';
+import App from './app.js';
+import { loadRootLayout } from './router-loader.js';
 export async function render(url, options = {}) {
     // Preload Root Layout synchronously for the render pass
     let initialRootLayout;

package/dist/image/get-img-props.d.ts

@@ -1,5 +1,5 @@
-import { ImageConfigComplete } from './image-config';
-import { ImageLoader } from './image-loader';
+import { ImageConfigComplete } from './image-config.js';
+import { ImageLoader } from './image-loader.js';
 export type ImageProps = React.ImgHTMLAttributes<HTMLImageElement> & {
     src: string;
     alt: string;

package/dist/image/get-img-props.js

@@ -1,4 +1,4 @@
-import { imageConfigDefault } from './image-config';
+import { imageConfigDefault } from './image-config.js';
 // Helper: Generate srcSet
 function generateSrcSet(src, width, loader, config, unoptimized) {
     if (unoptimized)

package/dist/image/index.d.ts

@@ -5,7 +5,7 @@ export declare const Image: React.ForwardRefExoticComponent<React.ImgHTMLAttribu
     width?: number | string;
     height?: number | string;
     fill?: boolean;
-    loader?: import("./image-loader").ImageLoader;
+    loader?: import("./image-loader.js").ImageLoader;
     quality?: number | string;
     priority?: boolean;
     unoptimized?: boolean;

package/dist/image/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { getImgProps } from './get-img-props';
-import { imageConfigDefault } from './image-config';
-import { defaultLoader } from './image-loader';
+import { getImgProps } from './get-img-props.js';
+import { imageConfigDefault } from './image-config.js';
+import { defaultLoader } from './image-loader.js';
 export const Image = forwardRef((props, ref) => {
     // In a real implementation, we might consume config from a Context Provider
     // For now, we use the default config.

package/dist/plugin.js

@@ -1,7 +1,7 @@
 import path from 'path';
 import { fileURLToPath } from 'url';
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const clientPath = path.resolve(__dirname, './client.tsx'); // Resolves to src/client.tsx
+const clientPath = path.resolve(__dirname, './client.js'); // Resolves to dist/client.js
 export function vistaPlugin(options = {}) {
     const logoPath = options.logo || '/favicon.ico';
     return {
@@ -39,7 +39,7 @@ export function vistaPlugin(options = {}) {
   <body>
     <div id="root"></div>
     <script type="module">
-      import { mount, mountError } from '@vista/core';
+      import { mount, mountError } from 'vista-core-js';
       console.log('[Vista] Bootstrapping...');
       try {
         // use lazy loading (default) to allow catching syntax errors per module

package/dist/router-loader.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare const pages: Record<string, unknown>;
+export declare const layouts: Record<string, unknown>;
+export declare const rootLayout: Record<string, unknown>;
+export declare function getPageKey(path: string): string;
+export declare function loadRoute(path: string): Promise<React.ComponentType<any> | null>;
+export declare function loadRootLayout(): Promise<{
+    Component: React.ComponentType<any>;
+    metadata: any;
+} | {
+    Component: null;
+    metadata: {};
+}>;

package/dist/router-loader.js

@@ -0,0 +1,44 @@
+// Lazy load all pages and layouts at module level so they can be accessed by loadRoute
+// Note: Vite treats absolute paths in glob as relative to the project root
+// FIX: Use eager: true to solve HMR instability with lazy boundaries
+export const pages = import.meta.glob('/app/**/index.tsx', { eager: true });
+export const layouts = import.meta.glob('/app/**/layout.tsx', { eager: true });
+export const rootLayout = import.meta.glob('/app/layout.tsx', { eager: true });
+// Helper to resolve route path to file key
+export function getPageKey(path) {
+    const cleanPath = path === '/' ? '/' : path.replace(/\/$/, '');
+    return `/app${cleanPath === '/' ? '' : cleanPath}/index.tsx`;
+}
+// Exported loader for entry-client to preload the initial route
+export async function loadRoute(path) {
+    const pageKey = getPageKey(path);
+    if (pages[pageKey]) {
+        try {
+            // Eager: pages[pageKey] is the module itself
+            const mod = pages[pageKey];
+            return mod.default;
+        }
+        catch (e) {
+            console.error(`Failed to load route: ${path}`, e);
+        }
+    }
+    return null;
+}
+// Exported loader for entry-client/server to preload the root layout and metadata
+export async function loadRootLayout() {
+    const rootLayoutKey = '/app/layout.tsx';
+    if (rootLayout[rootLayoutKey]) {
+        try {
+            // Eager: rootLayout[rootLayoutKey] is the module itself
+            const mod = rootLayout[rootLayoutKey];
+            return {
+                Component: mod.default,
+                metadata: mod.metadata || {}
+            };
+        }
+        catch (e) {
+            console.error('Failed to load root layout', e);
+        }
+    }
+    return { Component: null, metadata: {} };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vista-core-js",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "type": "module",
   "main": "dist/index.js",
   "exports": {