@zerotal/inertia 1.0.0 → 1.0.2

package/CHANGELOG.md

@@ -8,6 +8,15 @@ follows the Zerotal monorepo's unified versioning.
 
 ## [Unreleased]
 
+## [1.0.2] — 2026-08-06
+
+### Fixed
+
+- Type-checking a Vue app no longer fails on React. React is an optional peer
+  and is imported dynamically at runtime, but the literal specifiers were still
+  resolved by TypeScript, so Vue projects were asked for modules they never
+  install.
+
 ## [1.0.0] — 2026-08-05
 
 _First public release._

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zerotal/inertia",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "license": "MIT",
   "maturity": "beta",
   "private": false,
@@ -32,7 +32,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@zerotal/core": "1.0.0"
+    "@zerotal/core": "1.0.2"
   },
   "peerDependencies": {
     "react": "^18 || ^19",

package/src/inertia.ts

@@ -194,9 +194,17 @@ export async function inertiaStream(
     const openTag = `<div id="app">`;
     const closeBlock = `</div>\n    <script type="application/json" data-page="app">${safeJson}</script>`;
 
+    // Specifiers via variables, not literals. React is an *optional* peer — a Vue
+    // app never installs it — but a literal `import("react")` is still resolved by
+    // TypeScript, so type-checking a Vue project failed on modules it will never
+    // have. Both results are cast below, so nothing is lost by hiding the
+    // specifier from the resolver; this branch only runs when the app is React.
+    const reactSpecifier = "react";
+    const reactServerSpecifier = "react-dom/server";
+
     const [reactMod, serverMod, pageMod] = await Promise.all([
-      import("react") as Promise<{ createElement(type: unknown, props: unknown): unknown }>,
-      import("react-dom/server") as Promise<{
+      import(reactSpecifier) as Promise<{ createElement(type: unknown, props: unknown): unknown }>,
+      import(reactServerSpecifier) as Promise<{
         renderToReadableStream(el: unknown): Promise<ReadableStream<Uint8Array>>;
       }>,
       import(modPath) as Promise<{ default: unknown }>,

package/src/ssr/renderPage.ts

@@ -104,9 +104,17 @@ async function _renderReact(page: SsrPage, modPath: string): Promise<SsrResult>
     throw new Error(`SSR component "${page.component}" has no default export`);
   }
 
+  // Specifiers via variables so TypeScript does not resolve them: React is an
+  // optional peer, and a Vue app type-checking this package must not be asked
+  // for modules it will never install. Both results are cast on the next lines.
+  const reactSpecifier = "react";
+  const reactServerSpecifier = "react-dom/server";
+
   const [reactMod, serverMod] = await Promise.all([
-    import("react") as Promise<{ createElement: (type: unknown, props: unknown) => unknown }>,
-    import("react-dom/server") as Promise<{ renderToString: (element: unknown) => string }>,
+    import(reactSpecifier) as Promise<{
+      createElement: (type: unknown, props: unknown) => unknown;
+    }>,
+    import(reactServerSpecifier) as Promise<{ renderToString: (element: unknown) => string }>,
   ]);
 
   const element = reactMod.createElement(pageMod.default, { ...page.props, url: page.url });