@ecopages/ecopages-jsx 0.2.0-alpha.38 → 0.2.0-alpha.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecopages/ecopages-jsx",
-  "version": "0.2.0-alpha.38",
+  "version": "0.2.0-alpha.40",
   "description": "JSX integration plugin for Ecopages",
   "keywords": [
     "ecopages",
@@ -35,8 +35,8 @@
     "vfile": "^6.0.3"
   },
   "peerDependencies": {
-    "@ecopages/core": "0.2.0-alpha.38",
-    "@ecopages/jsx": "0.3.0-alpha.24",
-    "@ecopages/radiant": "0.3.0-alpha.24"
+    "@ecopages/core": "0.2.0-alpha.40",
+    "@ecopages/jsx": "0.3.0-alpha.25",
+    "@ecopages/radiant": "0.3.0-alpha.25"
   }
 }

package/src/ecopages-jsx-radiant-ssr-policy.js

@@ -1,9 +1,5 @@
 import { createMarkupNodeLike } from "@ecopages/jsx";
-import {
-  createServerHydrationBindingState,
-  isServerRenderHydrationActive,
-  withServerHydrationBindingState
-} from "@ecopages/jsx/server";
+import { createServerHydrationBindingState, withServerHydrationBindingState } from "@ecopages/jsx/server";
 class EcopagesJsxRadiantSsrPolicy {
   static runtimeModules;
   static runtimeModulesPromise;
@@ -49,7 +45,7 @@ class EcopagesJsxRadiantSsrPolicy {
       withServerHydrationBindingState(
         createServerHydrationBindingState(),
         () => renderBridge.renderHostToString({
-          mode: isServerRenderHydrationActive() ? "hydrate" : "plain"
+          mode: "hydrate"
         })
       )
     );

package/src/ecopages-jsx-renderer.js

@@ -213,9 +213,7 @@ class EcopagesJsxRenderer extends IntegrationRenderer {
   }
   async renderJsx(value) {
     const collectedAssets = [];
-    const html = await this.renderSession.withHydrationBindingScope(
-      () => this.withCustomElementRenderHook(() => renderToString(value, { mode: "hydrate" }))
-    );
+    const html = await this.withCustomElementRenderHook(() => renderToString(value));
     const dedupedAssets = this.renderSession.recordCollectedAssets(collectedAssets);
     return {
       assets: dedupedAssets,

package/src/ecopages-jsx.plugin.d.ts

@@ -18,6 +18,7 @@ export declare class EcopagesJsxPlugin extends IntegrationPlugin<JsxRenderable>
         rendererModules?: unknown;
     }): EcopagesJsxRenderer;
     constructor(options?: EcopagesJsxPluginOptions);
+    private getDependencies;
     /** Ensures MDX build hooks are ready before Ecopages collects contributions. */
     prepareBuildContributions(): Promise<void>;
     /**

package/src/ecopages-jsx.plugin.js

@@ -1,6 +1,7 @@
 import {
   IntegrationPlugin
 } from "@ecopages/core/plugins/integration-plugin";
+import { AssetFactory } from "@ecopages/core/services/asset-processing-service";
 import { ECOPAGES_JSX_PLUGIN_NAME } from "./ecopages-jsx.constants.js";
 import {
   appendMdxExtensions,
@@ -9,6 +10,7 @@ import {
   resolveMdxCompilerOptions
 } from "./ecopages-jsx-mdx.js";
 import { EcopagesJsxRenderer } from "./ecopages-jsx-renderer.js";
+const RADIANT_HYDRATOR_SCRIPT_ID = "ecopages-jsx-radiant-hydrator";
 const resolvePluginOptions = (options) => {
   const { extensions: userExtensions, radiant, mdx, ...baseConfig } = options ?? {};
   const extensions = [...userExtensions ?? [".tsx"]];
@@ -62,6 +64,21 @@ class EcopagesJsxPlugin extends IntegrationPlugin {
     this.mdxEnabled = mdxEnabled;
     this.mdxExtensions = mdxExtensions;
     this.mdxCompilerOptions = mdxCompilerOptions;
+    if (this.includeRadiant) {
+      this.integrationDependencies.unshift(...this.getDependencies());
+    }
+  }
+  getDependencies() {
+    return [
+      AssetFactory.createNodeModuleScript({
+        position: "head",
+        importPath: "@ecopages/radiant/client/install-hydrator",
+        bundle: false,
+        attributes: {
+          "data-eco-script-id": RADIANT_HYDRATOR_SCRIPT_ID
+        }
+      })
+    ];
   }
   /** Ensures MDX build hooks are ready before Ecopages collects contributions. */
   async prepareBuildContributions() {