@chidchanun/bcp 0.1.1 → 0.1.2

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 All notable framework changes are tracked here before release.
 
+## 0.1.2 - SSR Link hotfix
+
+### Client routing
+
+- Export `Link` through an SSR-safe implementation that uses `React.createElement` semantics without relying on a global `React` binding.
+- Avoid the `ReferenceError: React is not defined` failure when a published BCP package is executed through `tsx` from `node_modules` during server-side rendering.
+- Added an SSR regression test that renders the public `Link` component with `react-dom/server`.
+
 ## 0.1.1 - Packaging hotfix
 
 ### Packaging and release recovery

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chidchanun/bcp",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "BCP Framework - a React full-stack framework with file-based routing, SSR, APIs, middleware, islands, caching and standalone production builds.",
   "type": "module",
   "license": "MIT",

package/packages/client/src/index.tsx

@@ -1,14 +1,17 @@
 import "./persistent-layout-runtime.js";
 
 export {
-    Link,
     navigate,
     useRouter,
-    type LinkProps,
     type NavigationOptions,
     type Router,
 } from "./router-v2.js";
 
+export {
+    Link,
+    type LinkProps,
+} from "./link.js";
+
 export {
     useNavigation,
     type NavigationState,

package/packages/client/src/link.ts

@@ -0,0 +1,123 @@
+import {
+    createElement,
+    type MouseEvent,
+} from "react";
+
+import {
+    navigate,
+    useRouter,
+    type LinkProps,
+} from "./router-v2.js";
+
+export type {
+    LinkProps,
+} from "./router-v2.js";
+
+export function Link({
+    href,
+    replace = false,
+    scroll = true,
+    onClick,
+    ...props
+}: LinkProps) {
+    useRouter();
+
+    function handleClick(
+        event: MouseEvent<HTMLAnchorElement>
+    ) {
+        onClick?.(event);
+
+        if (
+            event.defaultPrevented ||
+            !shouldInterceptClick(
+                event
+            )
+        ) {
+            return;
+        }
+
+        event.preventDefault();
+
+        void navigate(
+            href,
+            {
+                replace,
+                scroll,
+            }
+        ).catch(
+            (error) => {
+                if (isAbortError(error)) {
+                    return;
+                }
+
+                console.error(
+                    "[BCP Router] navigation failed:",
+                    error
+                );
+                window.location.assign(
+                    href
+                );
+            }
+        );
+    }
+
+    return createElement(
+        "a",
+        {
+            ...props,
+            href,
+            onClick:
+                handleClick,
+        }
+    );
+}
+
+function shouldInterceptClick(
+    event: MouseEvent<HTMLAnchorElement>
+): boolean {
+    if (
+        event.defaultPrevented ||
+        event.button !== 0 ||
+        event.metaKey ||
+        event.ctrlKey ||
+        event.shiftKey ||
+        event.altKey
+    ) {
+        return false;
+    }
+
+    const anchor =
+        event.currentTarget;
+
+    if (
+        anchor.target &&
+        anchor.target !== "_self"
+    ) {
+        return false;
+    }
+
+    if (
+        anchor.hasAttribute(
+            "download"
+        )
+    ) {
+        return false;
+    }
+
+    return (
+        new URL(
+            anchor.href,
+            window.location.href
+        ).origin ===
+        window.location.origin
+    );
+}
+
+function isAbortError(
+    error: unknown
+): boolean {
+    return (
+        error instanceof DOMException &&
+        error.name === "AbortError"
+    );
+}

package/packages/client/src/router.tsx

@@ -1 +1,11 @@
-export * from "./router-v2.js";
+export {
+    navigate,
+    useRouter,
+    type NavigationOptions,
+    type Router,
+} from "./router-v2.js";
+
+export {
+    Link,
+    type LinkProps,
+} from "./link.js";