@ecopages/react 0.2.0-alpha.33 → 0.2.0-alpha.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecopages/react",
-  "version": "0.2.0-alpha.33",
+  "version": "0.2.0-alpha.35",
   "description": "React integration for Ecopages",
   "keywords": [
     "ecopages",
@@ -53,17 +53,17 @@
     "directory": "packages/integrations/react"
   },
   "peerDependencies": {
-    "@ecopages/core": "0.2.0-alpha.33",
+    "@ecopages/core": "0.2.0-alpha.34",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "react": "^19",
     "react-dom": "^19"
   },
   "dependencies": {
-    "@ecopages/file-system": "0.2.0-alpha.33",
+    "@ecopages/file-system": "0.2.0-alpha.34",
     "@ecopages/logger": "^0.2.3",
-    "@mdx-js/esbuild": "^3.0.1",
-    "@mdx-js/mdx": "^3.1.0",
+    "@mdx-js/esbuild": "^3.1.1",
+    "@mdx-js/mdx": "^3.1.1",
     "oxc-parser": "^0.124.0",
     "oxc-transform": "^0.124.0",
     "source-map": "^0.7.6",

package/src/react-hmr-strategy.js

@@ -7,6 +7,7 @@ import { Logger } from "@ecopages/logger";
 import { injectHmrHandler } from "./utils/hmr-scripts.js";
 import { createClientGraphBoundaryPlugin } from "./utils/client-graph-boundary-plugin.js";
 import { collectPageDeclaredModules, collectPageDeclaredModulesFromModule } from "./utils/declared-modules.js";
+import { createReactMdxLoaderPlugin } from "./utils/react-mdx-loader-plugin.js";
 import { getReactClientGraphAllowSpecifiers } from "./utils/react-runtime-alias-map.js";
 import { createUseSyncExternalStoreShimPlugin } from "./utils/use-sync-external-store-shim-plugin.js";
 const appLogger = new Logger("[ReactHmrStrategy]");
@@ -71,10 +72,13 @@ class ReactHmrStrategy extends HmrStrategy {
     if (!filePath.endsWith(".tsx")) {
       return false;
     }
+    const templateExtension = this.resolveTemplateExtension(filePath);
+    if (templateExtension && templateExtension !== ".tsx") {
+      return this.ownedTemplateExtensions.has(templateExtension);
+    }
     if (!this.isRouteTemplate(filePath)) {
       return true;
     }
-    const templateExtension = this.resolveTemplateExtension(filePath);
     if (!templateExtension) {
       return false;
     }
@@ -211,7 +215,6 @@ class ReactHmrStrategy extends HmrStrategy {
       const declaredModules = this.pageMetadataCache.getDeclaredModules(entrypointPath) ? this.pageMetadataCache.getDeclaredModules(entrypointPath) : isMdx ? await collectPageDeclaredModules(entrypointPath) : collectPageDeclaredModulesFromModule(await this.importNodePageModule(entrypointPath));
       const plugins = this.getBuildPlugins(declaredModules);
       if (isMdx && this.mdxCompilerOptions) {
-        const { createReactMdxLoaderPlugin } = await import("./utils/react-mdx-loader-plugin.js");
         const mdxPlugin = createReactMdxLoaderPlugin(this.mdxCompilerOptions);
         plugins.unshift(mdxPlugin);
       }

package/src/react.plugin.js

@@ -7,6 +7,7 @@ import { ReactRenderer } from "./react-renderer.js";
 import { ReactHmrStrategy } from "./react-hmr-strategy.js";
 import { ReactRuntimeBundleService } from "./services/react-runtime-bundle.service.js";
 import { ReactHmrPageMetadataCache } from "./services/react-hmr-page-metadata-cache.js";
+import { createReactMdxLoaderPlugin } from "./utils/react-mdx-loader-plugin.js";
 const appLogger = new Logger("[ReactPlugin]");
 const PLUGIN_NAME = REACT_PLUGIN_NAME;
 const mergePluginLists = (...lists) => {
@@ -142,7 +143,6 @@ class ReactPlugin extends IntegrationPlugin {
     if (!this.mdxEnabled || !this.mdxCompilerOptions || this.mdxLoaderPlugin) {
       return;
     }
-    const { createReactMdxLoaderPlugin } = await import("./utils/react-mdx-loader-plugin.js");
     this.mdxLoaderPlugin = createReactMdxLoaderPlugin(this.mdxCompilerOptions);
   }
   /**

package/src/services/react-bundle.service.js

@@ -8,6 +8,7 @@ import { createUseSyncExternalStoreShimPlugin } from "../utils/use-sync-external
 import { createRuntimeSpecifierAliasPlugin } from "@ecopages/core/build/runtime-specifier-alias-plugin";
 import { createForeignJsxOverridePlugin } from "@ecopages/core/plugins/foreign-jsx-override-plugin";
 import { ReactRuntimeBundleService } from "./react-runtime-bundle.service.js";
+import { createReactMdxLoaderPlugin } from "../utils/react-mdx-loader-plugin.js";
 class ReactBundleService {
   runtimeBundleService;
   config;
@@ -65,7 +66,6 @@ class ReactBundleService {
     });
     const runtimePlugins = bundleOptions.includeRuntime ? [] : [this.createRuntimeAliasPlugin(buildReactRuntimeAliasMap(runtimeImports))];
     if (isMdx && this.config.mdxCompilerOptions) {
-      const { createReactMdxLoaderPlugin } = await import("../utils/react-mdx-loader-plugin.js");
       const mdxPlugin = createReactMdxLoaderPlugin(this.config.mdxCompilerOptions);
       options.plugins = [
         foreignJsxOverridePlugin,

package/src/services/react-page-module.service.js

@@ -5,6 +5,7 @@ import { build } from "@ecopages/core/build/build-adapter";
 import { fileSystem } from "@ecopages/file-system";
 import { someInConfigTree } from "../utils/component-config-traversal.js";
 import { collectDeclaredModulesInConfig } from "../utils/declared-modules.js";
+import { createReactMdxLoaderPlugin } from "../utils/react-mdx-loader-plugin.js";
 class ReactPageModuleService {
   config;
   constructor(config) {
@@ -25,7 +26,6 @@ class ReactPageModuleService {
    * @returns The imported module
    */
   async importMdxPageFile(filePath, options) {
-    const { createReactMdxLoaderPlugin } = await import("../utils/react-mdx-loader-plugin.js");
     const mdxPlugin = createReactMdxLoaderPlugin(
       this.config.mdxCompilerOptions ?? {
         jsxImportSource: "react",