@ecopages/ecopages-jsx 0.2.0-beta.22 → 0.2.0-beta.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecopages/ecopages-jsx",
-  "version": "0.2.0-beta.22",
+  "version": "0.2.0-beta.24",
   "description": "JSX integration plugin for Ecopages",
   "keywords": [
     "ecopages",
@@ -31,13 +31,13 @@
     "directory": "packages/integrations/ecopages-jsx"
   },
   "dependencies": {
-    "@ecopages/mdx": "0.2.0-beta.22",
+    "@ecopages/mdx": "0.2.0-beta.24",
     "@mdx-js/mdx": "^3.1.1",
     "vfile": "^6.0.3"
   },
   "peerDependencies": {
-    "@ecopages/core": "0.2.0-beta.22",
-    "@ecopages/jsx": "0.3.0-beta.0",
-    "@ecopages/radiant": "0.3.0-beta.0"
+    "@ecopages/core": "0.2.0-beta.24",
+    "@ecopages/jsx": "0.3.0-beta.2",
+    "@ecopages/radiant": "0.3.0-beta.2"
   }
 }

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

@@ -1,4 +1,5 @@
 import { IntegrationPlugin, type EcoBuildPlugin } from '@ecopages/core/plugins/integration-plugin';
+import { type AssetDefinition } from '@ecopages/core/services/asset-processing-service';
 import type { HmrStrategy } from '@ecopages/core/hmr/hmr-strategy';
 import type { IHmrManager } from '@ecopages/core';
 import type { JsxRenderable } from '@ecopages/jsx';
@@ -23,6 +24,8 @@ export declare class EcopagesJsxPlugin extends IntegrationPlugin<JsxRenderable>
     private getDependencies;
     /** Ensures MDX build hooks are ready before Ecopages collects contributions. */
     prepareBuildContributions(): Promise<void>;
+    /** Assigns grouped-build metadata for page-owned JSX content scripts. */
+    prepareAssetDependencies(dependencies: AssetDefinition[]): AssetDefinition[];
     /** Registers JSX HMR strategy and Radiant SSR invalidation hooks. */
     setHmrManager(hmrManager: IHmrManager): void;
     /**

package/src/ecopages-jsx.plugin.js

@@ -12,6 +12,7 @@ import {
 } from "./ecopages-jsx-mdx.js";
 import { EcopagesJsxRenderer } from "./ecopages-jsx-renderer.js";
 import { EcopagesJsxHmrStrategy } from "./ecopages-jsx-hmr-strategy.js";
+import { assignPageOwnedContentScriptGroupedBundles } from "./page-owned-content-script-grouping.js";
 import { invalidateRadiantRegisteredScriptSsrRegistration } from "./radiant-registered-script-ssr-invalidation.js";
 const RADIANT_HYDRATOR_SCRIPT_ID = "ecopages-jsx-radiant-hydrator";
 const resolvePluginOptions = (options) => {
@@ -87,6 +88,10 @@ class EcopagesJsxPlugin extends IntegrationPlugin {
   async prepareBuildContributions() {
     this.ensureMdxLoaderPlugin();
   }
+  /** Assigns grouped-build metadata for page-owned JSX content scripts. */
+  prepareAssetDependencies(dependencies) {
+    return assignPageOwnedContentScriptGroupedBundles(dependencies);
+  }
   /** Registers JSX HMR strategy and Radiant SSR invalidation hooks. */
   setHmrManager(hmrManager) {
     super.setHmrManager(hmrManager);

package/src/page-owned-content-script-grouping.d.ts

@@ -0,0 +1,12 @@
+import type { AssetDefinition } from '@ecopages/core/services/asset-processing-service';
+/** Returns the stable grouped-build id for one integration's page-owned content scripts. */
+export declare function createPageOwnedContentScriptBundleId(integrationName: string): string;
+/**
+ * Tags page-owned content scripts in one dependency batch with a shared grouped-build id.
+ *
+ * @remarks
+ * Lazy hydration entries (`excludeFromHtml`), component file scripts, and integration runtime
+ * assets stay ungrouped. Integrations that already assign a grouped id (for example React
+ * Router pages) are left unchanged.
+ */
+export declare function assignPageOwnedContentScriptGroupedBundles(dependencies: AssetDefinition[]): AssetDefinition[];

package/src/page-owned-content-script-grouping.js

@@ -0,0 +1,57 @@
+import { rapidhash } from "@ecopages/core/utils/hash";
+import { ECOPAGES_JSX_PLUGIN_NAME } from "./ecopages-jsx.constants.js";
+const PAGE_OWNED_CONTENT_SCRIPT_BUNDLE_PREFIX = "ecopages";
+function createPageOwnedContentScriptBundleId(integrationName) {
+  return `${PAGE_OWNED_CONTENT_SCRIPT_BUNDLE_PREFIX}-${integrationName}-page-content-scripts`;
+}
+function isPageOwnedGroupableContentScript(dep) {
+  if (dep.kind !== "script" || dep.source !== "content" || dep.inline) {
+    return false;
+  }
+  if (dep.excludeFromHtml) {
+    return false;
+  }
+  if (dep.groupedBundle?.id) {
+    return false;
+  }
+  if (dep.packageRole === "keep-separate" || dep.packageRole === "runtime" || dep.packageRole === "dynamic-chunk") {
+    return false;
+  }
+  return true;
+}
+function createPageOwnedGroupedEntryName(dep, usedEntryNames) {
+  const baseName = dep.name ?? `script-${rapidhash(dep.content).toString(16)}`;
+  if (!usedEntryNames.has(baseName)) {
+    usedEntryNames.add(baseName);
+    return baseName;
+  }
+  let suffix = 2;
+  let candidate = `${baseName}-${suffix}`;
+  while (usedEntryNames.has(candidate)) {
+    suffix += 1;
+    candidate = `${baseName}-${suffix}`;
+  }
+  usedEntryNames.add(candidate);
+  return candidate;
+}
+function assignPageOwnedContentScriptGroupedBundles(dependencies) {
+  const bundleId = createPageOwnedContentScriptBundleId(ECOPAGES_JSX_PLUGIN_NAME);
+  const usedEntryNames = /* @__PURE__ */ new Set();
+  for (const dependency of dependencies) {
+    if (!isPageOwnedGroupableContentScript(dependency)) {
+      continue;
+    }
+    dependency.groupedBundle = {
+      id: bundleId,
+      entryName: createPageOwnedGroupedEntryName(dependency, usedEntryNames)
+    };
+    if (dependency.bundle === false) {
+      dependency.bundle = true;
+    }
+  }
+  return dependencies;
+}
+export {
+  assignPageOwnedContentScriptGroupedBundles,
+  createPageOwnedContentScriptBundleId
+};