@vistagenic/vista 0.1.0-alpha.1

package/dist/build/webpack/plugins/vista-flight-plugin.js

@@ -0,0 +1,133 @@
+"use strict";
+/**
+ * Vista Flight Client Entry Plugin
+ *
+ * Webpack plugin that creates separate client entries for components
+ * marked with 'client load' directive. Uses Rust scanner for detection.
+ *
+ * This is similar to Next.js's FlightClientEntryPlugin.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaFlightPlugin = void 0;
+exports.getClientModules = getClientModules;
+exports.isClientModule = isClientModule;
+const webpack_1 = __importDefault(require("webpack"));
+const path_1 = __importDefault(require("path"));
+// Plugin state for tracking client modules
+const pluginState = {
+    clientModules: new Map(),
+    serverModules: new Map(),
+};
+const PLUGIN_NAME = 'VistaFlightPlugin';
+class VistaFlightPlugin {
+    appDir;
+    dev;
+    constructor(options) {
+        this.appDir = options.appDir;
+        this.dev = options.dev;
+    }
+    apply(compiler) {
+        // Hook into afterCompile to collect module info
+        compiler.hooks.afterCompile.tap(PLUGIN_NAME, (compilation) => {
+            this.collectModuleInfo(compilation, compiler);
+        });
+        // Hook into emit to generate client reference manifest
+        compiler.hooks.emit.tapAsync(PLUGIN_NAME, (compilation, callback) => {
+            this.generateClientManifest(compilation);
+            callback();
+        });
+    }
+    /**
+     * Collect information about all modules and their RSC status
+     */
+    collectModuleInfo(compilation, compiler) {
+        const modules = compilation.modules;
+        const normalizedAppDir = this.appDir.replace(/\\/g, '/').toLowerCase();
+        let checkedCount = 0;
+        let matchedCount = 0;
+        for (const mod of modules) {
+            // Check if it's a NormalModule (by checking for resource property)
+            const normalMod = mod;
+            const resource = normalMod.resource;
+            if (!resource)
+                continue;
+            checkedCount++;
+            // Normalize paths for comparison
+            const normalizedResource = resource.replace(/\\/g, '/').toLowerCase();
+            // Only process app directory files
+            if (!normalizedResource.includes(normalizedAppDir))
+                continue;
+            // Skip non-JS/TS files
+            if (!/\.(tsx?|jsx?)$/i.test(resource))
+                continue;
+            matchedCount++;
+            // Get RSC info from build info (set by vista-flight-loader)
+            const buildInfo = normalMod.buildInfo;
+            const rscInfo = buildInfo?.rsc;
+            if (!rscInfo)
+                continue;
+            const moduleId = compilation.chunkGraph.getModuleId(normalMod);
+            const relativePath = path_1.default.relative(this.appDir, resource);
+            const moduleInfo = {
+                moduleId: moduleId !== null ? moduleId : resource,
+                absolutePath: resource,
+                relativePath: relativePath.replace(/\\/g, '/'),
+                exports: ['default'],
+            };
+            if (rscInfo.isClientRef) {
+                pluginState.clientModules.set(resource, moduleInfo);
+            }
+            else {
+                pluginState.serverModules.set(resource, moduleInfo);
+            }
+        }
+        // Debug logging (only in dev mode)
+        if (this.dev && process.env.VISTA_DEBUG) {
+            console.log(`[Vista Flight Plugin] Found ${pluginState.clientModules.size} client, ${pluginState.serverModules.size} server modules`);
+        }
+    }
+    /**
+     * Generate client reference manifest for hydration
+     */
+    generateClientManifest(compilation) {
+        const manifest = {
+            clientModules: {},
+        };
+        // Build manifest from collected client modules
+        pluginState.clientModules.forEach((info, resource) => {
+            const componentId = path_1.default.basename(resource).replace(/\.(tsx?|jsx?)$/, '');
+            manifest.clientModules[componentId] = {
+                id: info.moduleId,
+                chunks: ['client.js'],
+                name: 'default',
+            };
+        });
+        // Emit manifest as a JS file that sets a global
+        const manifestSource = `
+// Vista Client Reference Manifest
+// Generated by VistaFlightPlugin
+(function() {
+    if (typeof window !== 'undefined') {
+        window.__VISTA_CLIENT_MANIFEST__ = ${JSON.stringify(manifest, null, 2)};
+    }
+})();
+`.trim();
+        compilation.emitAsset('vista-client-manifest.js', new webpack_1.default.sources.RawSource(manifestSource));
+        // Also emit as JSON for debugging
+        if (this.dev) {
+            compilation.emitAsset('vista-client-manifest.json', new webpack_1.default.sources.RawSource(JSON.stringify(manifest, null, 2)));
+        }
+    }
+}
+exports.VistaFlightPlugin = VistaFlightPlugin;
+// Export plugin state for other modules to access
+function getClientModules() {
+    return pluginState.clientModules;
+}
+function isClientModule(resourcePath) {
+    return pluginState.clientModules.has(resourcePath);
+}
+exports.default = VistaFlightPlugin;

package/dist/client/dynamic.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Vista Dynamic Import
+ *
+ * Dynamic component loading with SSR support.
+ * Similar to Next.js dynamic.
+ */
+import * as React from 'react';
+export interface DynamicOptions<P = {}> {
+    /**
+     * Loading component to show while the dynamic component is loading
+     */
+    loading?: () => React.ReactNode;
+    /**
+     * Whether to disable SSR for this component
+     */
+    ssr?: boolean;
+}
+type ImportFn<P> = () => Promise<{
+    default: React.ComponentType<P>;
+}>;
+/**
+ * Dynamically import a component with loading state
+ */
+export default function dynamic<P = {}>(importFn: ImportFn<P>, options?: DynamicOptions<P>): React.ComponentType<P>;
+export {};

package/dist/client/dynamic.js

@@ -0,0 +1,68 @@
+/**
+ * Vista Dynamic Import
+ *
+ * Dynamic component loading with SSR support.
+ * Similar to Next.js dynamic.
+ */
+'client load';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = dynamic;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+/**
+ * Dynamically import a component with loading state
+ */
+function dynamic(importFn, options = {}) {
+    const { loading: LoadingComponent, ssr = true } = options;
+    // Use React.lazy for dynamic import
+    const LazyComponent = React.lazy(importFn);
+    // Wrapper component
+    const DynamicComponent = (props) => {
+        // Handle SSR disabled
+        const [isClient, setIsClient] = React.useState(false);
+        React.useEffect(() => {
+            setIsClient(true);
+        }, []);
+        if (!ssr && !isClient) {
+            return LoadingComponent ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: LoadingComponent() }) : null;
+        }
+        return ((0, jsx_runtime_1.jsx)(React.Suspense, { fallback: LoadingComponent ? LoadingComponent() : null, children: (0, jsx_runtime_1.jsx)(LazyComponent, { ...props }) }));
+    };
+    // Preserve display name for debugging
+    DynamicComponent.displayName = `Dynamic(${importFn.name || 'Component'})`;
+    return DynamicComponent;
+}

package/dist/client/font.d.ts

@@ -0,0 +1,98 @@
+/**
+ * Vista Font Optimization
+ *
+ * Provides optimized font loading similar to Next.js font system.
+ * Supports Google Fonts and local fonts with:
+ * - Automatic font-display: swap
+ * - Preloading of font files
+ * - CSS variable generation
+ * - Subset support
+ */
+import * as React from 'react';
+type FontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | 'variable';
+type FontStyle = 'normal' | 'italic';
+type FontDisplay = 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
+export interface GoogleFontOptions {
+    weight?: FontWeight | FontWeight[];
+    style?: FontStyle | FontStyle[];
+    subsets?: string[];
+    display?: FontDisplay;
+    preload?: boolean;
+    fallback?: string[];
+    adjustFontFallback?: boolean;
+    variable?: string;
+}
+export interface LocalFontOptions {
+    src: string | FontSource[];
+    weight?: FontWeight | string;
+    style?: FontStyle;
+    display?: FontDisplay;
+    preload?: boolean;
+    fallback?: string[];
+    variable?: string;
+    declarations?: FontFaceDeclaration[];
+}
+export interface FontSource {
+    path: string;
+    weight?: FontWeight | string;
+    style?: FontStyle;
+}
+export interface FontFaceDeclaration {
+    prop: string;
+    value: string;
+}
+export interface FontResult {
+    className: string;
+    style: {
+        fontFamily: string;
+    };
+    variable?: string;
+}
+/**
+ * Create a Google Font loader
+ */
+export declare function createGoogleFont(fontFamily: string, options?: GoogleFontOptions): FontResult;
+/**
+ * Create a local font loader
+ */
+export declare function createLocalFont(options: LocalFontOptions): FontResult;
+export declare const Inter: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+export declare const Roboto: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+export declare const Open_Sans: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+export declare const Lato: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+export declare const Montserrat: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+export declare const Poppins: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+export declare const Roboto_Mono: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+export declare const Source_Code_Pro: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+export declare const JetBrains_Mono: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+export declare const Playfair_Display: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+export declare const Merriweather: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+export declare const Outfit: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+export declare const Space_Grotesk: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+/**
+ * FontProvider component - injects font styles
+ */
+interface FontProviderProps {
+    fonts: FontResult[];
+    children: React.ReactNode;
+}
+export declare function FontProvider({ fonts, children }: FontProviderProps): React.ReactElement;
+export declare const localFont: typeof createLocalFont;
+declare const _default: {
+    Inter: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+    Roboto: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+    Open_Sans: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+    Lato: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+    Montserrat: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+    Poppins: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+    Roboto_Mono: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+    Source_Code_Pro: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+    JetBrains_Mono: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+    Playfair_Display: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+    Merriweather: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+    Outfit: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+    Space_Grotesk: (options?: Omit<GoogleFontOptions, "fallback">) => FontResult;
+    localFont: typeof createLocalFont;
+    FontProvider: typeof FontProvider;
+};
+export default _default;

package/dist/client/font.js

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.localFont = exports.Space_Grotesk = exports.Outfit = exports.Merriweather = exports.Playfair_Display = exports.JetBrains_Mono = exports.Source_Code_Pro = exports.Roboto_Mono = exports.Poppins = exports.Montserrat = exports.Lato = exports.Open_Sans = exports.Roboto = exports.Inter = void 0;
+exports.createGoogleFont = createGoogleFont;
+exports.createLocalFont = createLocalFont;
+exports.FontProvider = FontProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// Generate unique class name
+function generateClassName(name) {
+    const hash = name.split('').reduce((acc, char) => {
+        return ((acc << 5) - acc + char.charCodeAt(0)) | 0;
+    }, 0);
+    return `__font_${Math.abs(hash).toString(36)}`;
+}
+// Google Fonts base URL
+const GOOGLE_FONTS_URL = 'https://fonts.googleapis.com/css2';
+/**
+ * Create a Google Font loader
+ */
+function createGoogleFont(fontFamily, options = {}) {
+    const { weight = 400, style = 'normal', subsets = ['latin'], display = 'swap', fallback = ['system-ui', 'sans-serif'], variable, } = options;
+    const className = generateClassName(fontFamily);
+    const weights = Array.isArray(weight) ? weight : [weight];
+    const styles = Array.isArray(style) ? style : [style];
+    // Build font family string with fallbacks
+    const fontFamilyValue = `'${fontFamily}', ${fallback.join(', ')}`;
+    // Generate CSS for injection
+    const cssVariableName = variable || `--font-${fontFamily.toLowerCase().replace(/\s+/g, '-')}`;
+    // In a real implementation, this would inject a <link> tag or fetch the CSS
+    // For now, we return the configuration for the build system to handle
+    return {
+        className,
+        style: { fontFamily: fontFamilyValue },
+        variable: cssVariableName,
+    };
+}
+/**
+ * Create a local font loader
+ */
+function createLocalFont(options) {
+    const { src, weight = 400, style = 'normal', display = 'swap', fallback = ['system-ui', 'sans-serif'], variable, declarations = [], } = options;
+    const sources = Array.isArray(src) ? src : [{ path: src, weight, style }];
+    const fontName = `LocalFont_${Date.now().toString(36)}`;
+    const className = generateClassName(fontName);
+    const fontFamilyValue = `'${fontName}', ${fallback.join(', ')}`;
+    const cssVariableName = variable || `--font-local-${className}`;
+    return {
+        className,
+        style: { fontFamily: fontFamilyValue },
+        variable: cssVariableName,
+    };
+}
+// Pre-configured Google Fonts (like Next.js)
+const Inter = (options) => createGoogleFont('Inter', { ...options, fallback: ['system-ui', 'sans-serif'] });
+exports.Inter = Inter;
+const Roboto = (options) => createGoogleFont('Roboto', { ...options, fallback: ['system-ui', 'sans-serif'] });
+exports.Roboto = Roboto;
+const Open_Sans = (options) => createGoogleFont('Open Sans', { ...options, fallback: ['system-ui', 'sans-serif'] });
+exports.Open_Sans = Open_Sans;
+const Lato = (options) => createGoogleFont('Lato', { ...options, fallback: ['system-ui', 'sans-serif'] });
+exports.Lato = Lato;
+const Montserrat = (options) => createGoogleFont('Montserrat', { ...options, fallback: ['system-ui', 'sans-serif'] });
+exports.Montserrat = Montserrat;
+const Poppins = (options) => createGoogleFont('Poppins', { ...options, fallback: ['system-ui', 'sans-serif'] });
+exports.Poppins = Poppins;
+const Roboto_Mono = (options) => createGoogleFont('Roboto Mono', { ...options, fallback: ['monospace'] });
+exports.Roboto_Mono = Roboto_Mono;
+const Source_Code_Pro = (options) => createGoogleFont('Source Code Pro', { ...options, fallback: ['monospace'] });
+exports.Source_Code_Pro = Source_Code_Pro;
+const JetBrains_Mono = (options) => createGoogleFont('JetBrains Mono', { ...options, fallback: ['monospace'] });
+exports.JetBrains_Mono = JetBrains_Mono;
+const Playfair_Display = (options) => createGoogleFont('Playfair Display', { ...options, fallback: ['serif'] });
+exports.Playfair_Display = Playfair_Display;
+const Merriweather = (options) => createGoogleFont('Merriweather', { ...options, fallback: ['serif'] });
+exports.Merriweather = Merriweather;
+const Outfit = (options) => createGoogleFont('Outfit', { ...options, fallback: ['system-ui', 'sans-serif'] });
+exports.Outfit = Outfit;
+const Space_Grotesk = (options) => createGoogleFont('Space Grotesk', { ...options, fallback: ['system-ui', 'sans-serif'] });
+exports.Space_Grotesk = Space_Grotesk;
+function FontProvider({ fonts, children }) {
+    // Generate CSS for fonts
+    const fontCSS = fonts.map(font => {
+        if (font.variable) {
+            return `:root { ${font.variable}: ${font.style.fontFamily}; }`;
+        }
+        return '';
+    }).filter(Boolean).join('\n');
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [fontCSS && ((0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: { __html: fontCSS } })), children] }));
+}
+// Local font helper
+exports.localFont = createLocalFont;
+// Default export
+exports.default = {
+    Inter: exports.Inter,
+    Roboto: exports.Roboto,
+    Open_Sans: exports.Open_Sans,
+    Lato: exports.Lato,
+    Montserrat: exports.Montserrat,
+    Poppins: exports.Poppins,
+    Roboto_Mono: exports.Roboto_Mono,
+    Source_Code_Pro: exports.Source_Code_Pro,
+    JetBrains_Mono: exports.JetBrains_Mono,
+    Playfair_Display: exports.Playfair_Display,
+    Merriweather: exports.Merriweather,
+    Outfit: exports.Outfit,
+    Space_Grotesk: exports.Space_Grotesk,
+    localFont: exports.localFont,
+    FontProvider,
+};

package/dist/client/head.d.ts

@@ -0,0 +1,79 @@
+/**
+ * Vista Head Component
+ *
+ * Allows injection of elements into the document <head>.
+ * Similar to Next.js Head component.
+ */
+import * as React from 'react';
+interface HeadProps {
+    children: React.ReactNode;
+}
+/**
+ * Head component - injects children into document head
+ */
+export declare function Head({ children }: HeadProps): null;
+/**
+ * Default metadata configuration
+ */
+export interface Metadata {
+    title?: string | {
+        default: string;
+        template?: string;
+    };
+    description?: string;
+    keywords?: string | string[];
+    authors?: {
+        name: string;
+        url?: string;
+    }[];
+    creator?: string;
+    publisher?: string;
+    robots?: string | {
+        index?: boolean;
+        follow?: boolean;
+    };
+    icons?: {
+        icon?: string;
+        apple?: string;
+    };
+    openGraph?: {
+        title?: string;
+        description?: string;
+        url?: string;
+        siteName?: string;
+        images?: {
+            url: string;
+            width?: number;
+            height?: number;
+            alt?: string;
+        }[];
+        locale?: string;
+        type?: string;
+    };
+    twitter?: {
+        card?: 'summary' | 'summary_large_image' | 'app' | 'player';
+        site?: string;
+        creator?: string;
+        title?: string;
+        description?: string;
+        images?: string[];
+    };
+    viewport?: string | {
+        width?: string;
+        initialScale?: number;
+    };
+    themeColor?: string | {
+        media?: string;
+        color: string;
+    }[];
+    manifest?: string;
+    alternates?: {
+        canonical?: string;
+        languages?: Record<string, string>;
+    };
+}
+/**
+ * Generate head elements from metadata object
+ */
+export declare function generateMetadataHead(metadata: Metadata): React.ReactElement;
+export default Head;