@vistagenic/vista 0.1.0-alpha.1

package/dist/server/rsc-module-system.js

@@ -0,0 +1,119 @@
+"use strict";
+/**
+ * Vista RSC Module System
+ *
+ * Intercepts require() calls for client components during SSR.
+ * Client components are replaced with placeholder divs that will be
+ * hydrated on the client side.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initializeRSCModuleSystem = initializeRSCModuleSystem;
+exports._getMountId = _getMountId;
+exports._addReference = _addReference;
+exports.resetRSCState = resetRSCState;
+exports.getClientReferences = getClientReferences;
+exports.shutdownRSCModuleSystem = shutdownRSCModuleSystem;
+const path_1 = __importDefault(require("path"));
+const module_1 = __importDefault(require("module"));
+// Global state for RSC rendering
+let clientManifest = null;
+let clientReferences = [];
+let mountIdCounter = 0;
+let isInitialized = false;
+let originalCompile = null;
+/**
+ * Check if file content has 'client load' directive
+ */
+function hasClientDirective(content) {
+    const trimmed = content.trim();
+    return trimmed.startsWith("'client load'") || trimmed.startsWith('"client load"');
+}
+/**
+ * Initialize the RSC module system
+ * Must be called BEFORE any app modules are loaded
+ */
+function initializeRSCModuleSystem(manifest, cwd) {
+    if (isInitialized)
+        return;
+    clientManifest = manifest;
+    isInitialized = true;
+    // Hook into Module._compile which is called for every loaded module
+    originalCompile = module_1.default.prototype._compile;
+    module_1.default.prototype._compile = function (content, filename) {
+        // Check if this is a TypeScript/JavaScript file with client directive
+        if (/\.[jt]sx?$/.test(filename) && hasClientDirective(content)) {
+            const basename = path_1.default.basename(filename, path_1.default.extname(filename));
+            const componentId = `client:${basename}`;
+            // This is a client component - return a proxy module that renders a placeholder
+            const proxyCode = `
+        const React = require('react');
+        const clientRefs = require('${__filename.replace(/\\/g, '/')}');
+        
+        function ClientComponentProxy(props) {
+          const mountId = '__vista_cc_' + clientRefs._getMountId();
+          const entry = ${JSON.stringify({ id: componentId, chunkName: basename })};
+          
+          clientRefs._addReference({
+            id: entry.id,
+            mountId: mountId,
+            props: Object.fromEntries(
+              Object.entries(props).filter(([k, v]) => 
+                k !== 'children' && typeof v !== 'function' && !React.isValidElement(v)
+              )
+            ),
+            chunkUrl: '/_vista/static/chunks/' + entry.chunkName + '.js',
+            exportName: 'default'
+          });
+          
+          // Return a placeholder div that will be hydrated on the client
+          return React.createElement('div', {
+            id: mountId,
+            'data-vista-cc': entry.id,
+            'data-vista-mount': mountId,
+            style: { display: 'contents' }
+          }, 'Loading...');
+        }
+        
+        module.exports = ClientComponentProxy;
+        module.exports.default = ClientComponentProxy;
+        module.exports.__esModule = true;
+      `;
+            return originalCompile.call(this, proxyCode, filename);
+        }
+        return originalCompile.call(this, content, filename);
+    };
+    console.log('[Vista RSC] Module interception initialized');
+}
+// Helper functions exposed for the proxy code
+function _getMountId() {
+    return mountIdCounter++;
+}
+function _addReference(ref) {
+    clientReferences.push(ref);
+}
+/**
+ * Reset state for new render
+ */
+function resetRSCState() {
+    clientReferences = [];
+    mountIdCounter = 0;
+}
+/**
+ * Get collected client references
+ */
+function getClientReferences() {
+    return [...clientReferences];
+}
+/**
+ * Shutdown the RSC module system
+ */
+function shutdownRSCModuleSystem() {
+    if (originalCompile) {
+        module_1.default.prototype._compile = originalCompile;
+    }
+    clientManifest = null;
+    isInitialized = false;
+}

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+export interface Metadata {
+    title?: string;
+    description?: string;
+}

package/dist/types/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -0,0 +1,103 @@
+{
+  "name": "@vistagenic/vista",
+  "version": "0.1.0-alpha.1",
+  "description": "The React Framework for Visionaries - Rust-powered SSR with Server Components",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vistagen/Vista-Js.git",
+    "directory": "packages/vista"
+  },
+  "author": "Vista Team",
+  "license": "MIT",
+  "keywords": [
+    "react",
+    "framework",
+    "ssr",
+    "server-components",
+    "rsc",
+    "rust",
+    "swc",
+    "vista"
+  ],
+  "files": [
+    "dist",
+    "bin"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./link": {
+      "types": "./dist/client/link.d.ts",
+      "default": "./dist/client/link.js"
+    },
+    "./image": {
+      "types": "./dist/image/index.d.ts",
+      "default": "./dist/image/index.js"
+    },
+    "./router": {
+      "types": "./dist/client/router.d.ts",
+      "default": "./dist/client/router.js"
+    },
+    "./navigation": {
+      "types": "./dist/client/navigation.d.ts",
+      "default": "./dist/client/navigation.js"
+    },
+    "./dynamic": {
+      "types": "./dist/client/dynamic.d.ts",
+      "default": "./dist/client/dynamic.js"
+    },
+    "./script": {
+      "types": "./dist/client/script.d.ts",
+      "default": "./dist/client/script.js"
+    },
+    "./font": {
+      "types": "./dist/client/font.d.ts",
+      "default": "./dist/client/font.js"
+    },
+    "./head": {
+      "types": "./dist/client/head.d.ts",
+      "default": "./dist/client/head.js"
+    },
+    "./config": {
+      "types": "./dist/config.d.ts",
+      "default": "./dist/config.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "bin": {
+    "vista": "./bin/vista.js"
+  },
+  "scripts": {
+    "build": "tsc"
+  },
+  "dependencies": {
+    "esbuild": "^0.24.2",
+    "express": "^4.21.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "ts-node": "^10.9.2",
+    "webpack": "^5.90.0",
+    "webpack-dev-middleware": "^7.0.0",
+    "webpack-hot-middleware": "^2.26.0",
+    "swc-loader": "^0.2.6",
+    "@swc/core": "^1.4.0",
+    "@swc-node/register": "^1.9.0",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.11",
+    "react-refresh": "^0.14.0",
+    "null-loader": "^4.0.1",
+    "chokidar": "^3.6.0"
+  },
+  "devDependencies": {
+    "@types/express": "^5.0.0",
+    "@types/node": "^22.10.2",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.2",
+    "@types/webpack": "^5.28.5",
+    "@types/webpack-hot-middleware": "^2.25.9",
+    "typescript": "^5.7.2"
+  }
+}