@limlabs/rex 0.0.1-test.1

package/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "@limlabs/rex",
+  "version": "0.0.1-test.1",
+  "description": "Rex - Next.js Pages Router reimplemented in Rust",
+  "main": "src/index.js",
+  "exports": {
+    ".": "./src/index.js",
+    "./document": "./src/document.js",
+    "./link": "./src/link.js",
+    "./router": "./src/router.js"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  }
+}

package/src/document.js

@@ -0,0 +1,40 @@
+import React from 'react';
+
+/**
+ * rex/document exports
+ * These components are meaningful during SSR and provide structure for the HTML document.
+ * On the client side, they are essentially pass-throughs.
+ */
+
+export function Html({ children, ...props }) {
+  return React.createElement('html', props, children);
+}
+
+export function Head({ children }) {
+  return React.createElement('head', null, children);
+}
+
+export function Main() {
+  // During SSR, this is replaced with the actual page content
+  return React.createElement('div', { id: '__rex' });
+}
+
+export function NextScript() {
+  // During SSR, this is replaced with the actual script tags
+  return null;
+}
+
+// Default document component
+export default function Document() {
+  return React.createElement(
+    Html,
+    null,
+    React.createElement(Head, null),
+    React.createElement(
+      'body',
+      null,
+      React.createElement(Main, null),
+      React.createElement(NextScript, null)
+    )
+  );
+}

package/src/index.js

@@ -0,0 +1,4 @@
+// Rex framework exports
+export { Html, Head, Main, NextScript } from './document.js';
+export { default as Link } from './link.js';
+export { useRouter, navigateTo } from './router.js';

package/src/link.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { navigateTo } from './router.js';
+
+/**
+ * rex/link - Client-side navigation link
+ * Renders an <a> tag that intercepts clicks for SPA navigation.
+ */
+export default function Link({ href, children, target, rel, className, style, ...rest }) {
+  function handleClick(e) {
+    // Don't intercept if:
+    // - modifier key is held (user wants new tab)
+    // - target is set (external link behavior)
+    // - href is external
+    if (
+      e.metaKey ||
+      e.ctrlKey ||
+      e.shiftKey ||
+      e.altKey ||
+      target === '_blank' ||
+      (href && (href.startsWith('http://') || href.startsWith('https://')))
+    ) {
+      return;
+    }
+
+    e.preventDefault();
+    navigateTo(href);
+  }
+
+  return React.createElement(
+    'a',
+    {
+      href: href,
+      onClick: handleClick,
+      target: target,
+      rel: rel,
+      className: className,
+      style: style,
+      ...rest,
+    },
+    children
+  );
+}

package/src/router.js

@@ -0,0 +1,114 @@
+/**
+ * rex/router - Client-side router
+ * Handles SPA navigation by fetching page data and re-rendering.
+ */
+
+let _initialized = false;
+let _currentPath = null;
+let _buildId = null;
+
+/**
+ * Initialize the client-side router.
+ * Called automatically on page load.
+ */
+export function initializeRouter() {
+  if (_initialized) return;
+  _initialized = true;
+
+  _currentPath = window.location.pathname;
+  _buildId = window.__REX_BUILD_ID__ || '';
+
+  // Listen for browser back/forward
+  window.addEventListener('popstate', function(event) {
+    var path = window.location.pathname;
+    if (path !== _currentPath) {
+      _currentPath = path;
+      loadPage(path, false);
+    }
+  });
+}
+
+/**
+ * Navigate to a new path via client-side routing.
+ */
+export function navigateTo(path) {
+  if (path === _currentPath) return;
+
+  _currentPath = path;
+  window.history.pushState(null, '', path);
+  loadPage(path, true);
+}
+
+/**
+ * Get the current route information (React hook style, but simplified).
+ */
+export function useRouter() {
+  return {
+    pathname: window.location.pathname,
+    query: parseQuery(window.location.search),
+    push: navigateTo,
+    back: function() { window.history.back(); },
+  };
+}
+
+async function loadPage(path, isNavigation) {
+  try {
+    // Fetch page data
+    var dataPath = path === '/' ? '/index' : path;
+    var dataUrl = '/_rex/data/' + _buildId + dataPath + '.json';
+
+    var response = await fetch(dataUrl);
+
+    if (response.status === 404) {
+      // Build ID mismatch or route not found - full reload
+      window.location.href = path;
+      return;
+    }
+
+    if (!response.ok) {
+      throw new Error('Failed to fetch page data: ' + response.status);
+    }
+
+    var data = await response.json();
+
+    if (data.redirect) {
+      navigateTo(data.redirect.destination);
+      return;
+    }
+
+    if (data.notFound) {
+      // Show 404
+      window.location.href = path;
+      return;
+    }
+
+    // For the prototype, we do a full page reload
+    // A full implementation would dynamically import the page module
+    // and re-render using window.__REX_ROOT__.render()
+    window.location.href = path;
+
+  } catch (err) {
+    console.error('[Rex Router] Navigation error:', err);
+    window.location.href = path;
+  }
+}
+
+function parseQuery(search) {
+  var query = {};
+  if (!search || search.length <= 1) return query;
+  var pairs = search.substring(1).split('&');
+  for (var i = 0; i < pairs.length; i++) {
+    var pair = pairs[i].split('=');
+    query[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1] || '');
+  }
+  return query;
+}
+
+// Auto-initialize when loaded in browser
+if (typeof window !== 'undefined') {
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initializeRouter);
+  } else {
+    initializeRouter();
+  }
+}