@analogjs/astro-angular 3.0.0-alpha.30 → 3.0.0-alpha.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@analogjs/astro-angular",
-  "version": "3.0.0-alpha.30",
+  "version": "3.0.0-alpha.31",
   "description": "Use Angular components within Astro",
   "type": "module",
   "author": "Brandon Roberts <robertsbt@gmail.com>",
@@ -13,10 +13,18 @@
       "types": "./src/utils.d.ts",
       "default": "./src/utils.js"
     },
+    "./client-ngh.js": {
+      "types": "./src/client-ngh.d.ts",
+      "default": "./src/client-ngh.js"
+    },
     "./client.js": {
       "types": "./src/client.d.ts",
       "default": "./src/client.js"
     },
+    "./server-ngh.js": {
+      "types": "./src/server-ngh.d.ts",
+      "default": "./src/server-ngh.js"
+    },
     "./server.js": {
       "types": "./src/server.d.ts",
       "default": "./src/server.js"
@@ -48,7 +56,7 @@
     "url": "https://github.com/sponsors/brandonroberts"
   },
   "dependencies": {
-    "@analogjs/vite-plugin-angular": "3.0.0-alpha.30",
+    "@analogjs/vite-plugin-angular": "3.0.0-alpha.31",
     "rehype": "^13.0.2"
   },
   "peerDependencies": {
@@ -73,7 +81,8 @@
       "@analogjs/storybook-angular",
       "@analogjs/vite-plugin-angular",
       "@analogjs/vite-plugin-nitro",
-      "@analogjs/vitest-angular"
+      "@analogjs/vitest-angular",
+      "@analogjs/angular-compiler"
     ],
     "migrations": "./migrations/migration.json"
   },

package/src/client-ngh.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (element: HTMLElement) => unknown;
+export default _default;

package/src/client-ngh.js

@@ -0,0 +1,45 @@
+import { ID_PROP_NAME } from "./id.js";
+import { createComponentBindings, getComponentElementTag } from "./create-component.js";
+import { ensureSsrIntegrityMarker } from "./ssr-integrity.js";
+import { APP_BOOTSTRAP_LISTENER, APP_ID, createComponent, provideZonelessChangeDetection, reflectComponentType } from "@angular/core";
+import { createApplication, provideClientHydration } from "@angular/platform-browser";
+//#region packages/astro-angular/src/client-ngh.ts
+var client_ngh_default = (element) => {
+	return (Component, props) => {
+		const mirror = reflectComponentType(Component);
+		if (!mirror) return;
+		ensureSsrIntegrityMarker();
+		let hostElement = element.querySelector(mirror.selector);
+		let reuseDom = true;
+		if (!hostElement) {
+			hostElement = document.createElement(getComponentElementTag(mirror));
+			element.appendChild(hostElement);
+			reuseDom = false;
+		}
+		const ngAppId = hostElement?.getAttribute(ID_PROP_NAME);
+		createApplication({ providers: [
+			provideZonelessChangeDetection(),
+			reuseDom ? provideClientHydration(...Component.hydrationFeatures?.() || []) : [],
+			{
+				provide: APP_ID,
+				useValue: ngAppId || "ng"
+			},
+			...Component.clientProviders || []
+		] }).then((appRef) => {
+			const componentRef = createComponent(Component, {
+				environmentInjector: appRef.injector,
+				hostElement,
+				bindings: createComponentBindings(mirror, props, hostElement)
+			});
+			appRef.attachView(componentRef.hostView);
+			appRef.components.push(componentRef);
+			appRef.injector.get(APP_BOOTSTRAP_LISTENER, []).forEach((cb) => cb(componentRef));
+		}).catch((error) => {
+			console.error("Failed to hydrate Angular component:", error);
+		});
+	};
+};
+//#endregion
+export { client_ngh_default as default };
+
+//# sourceMappingURL=client-ngh.js.map

package/src/client-ngh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client-ngh.js","names":[],"sources":["../../src/client-ngh.ts"],"sourcesContent":["import {\n  type EnvironmentProviders,\n  type Provider,\n  reflectComponentType,\n  provideZonelessChangeDetection,\n  Type,\n  APP_ID,\n  createComponent,\n  APP_BOOTSTRAP_LISTENER,\n} from '@angular/core';\nimport {\n  createApplication,\n  type HydrationFeature,\n  type HydrationFeatureKind,\n  provideClientHydration,\n} from '@angular/platform-browser';\nimport {\n  createComponentBindings,\n  getComponentElementTag,\n} from './create-component.ts';\nimport { ID_PROP_NAME } from './id.ts';\nimport { ensureSsrIntegrityMarker } from './ssr-integrity.ts';\n\nexport default (element: HTMLElement) => {\n  return (\n    Component: Type<unknown> & {\n      clientProviders?: (Provider | EnvironmentProviders)[];\n      hydrationFeatures?: () => HydrationFeature<HydrationFeatureKind>[];\n    },\n    props?: Record<string, unknown>,\n  ) => {\n    const mirror = reflectComponentType(Component);\n\n    if (!mirror) {\n      // Not an Angular component\n      return;\n    }\n\n    ensureSsrIntegrityMarker();\n\n    let hostElement = element.querySelector(mirror.selector);\n    let reuseDom = true;\n\n    if (!hostElement) {\n      // This is a client-only component\n      hostElement = document.createElement(getComponentElementTag(mirror));\n      element.appendChild(hostElement);\n      reuseDom = false;\n    }\n\n    const ngAppId = hostElement?.getAttribute(ID_PROP_NAME);\n\n    createApplication({\n      providers: [\n        provideZonelessChangeDetection(),\n        reuseDom\n          ? provideClientHydration(...(Component.hydrationFeatures?.() || []))\n          : [],\n        {\n          provide: APP_ID,\n          useValue: ngAppId || 'ng',\n        },\n        ...(Component.clientProviders || []),\n      ],\n    })\n      .then((appRef) => {\n        const componentRef = createComponent(Component, {\n          environmentInjector: appRef.injector,\n          hostElement,\n          bindings: createComponentBindings(mirror, props, hostElement),\n        });\n\n        appRef.attachView(componentRef.hostView);\n\n        appRef.components.push(componentRef);\n\n        appRef.injector\n          .get(APP_BOOTSTRAP_LISTENER, [])\n          .forEach((cb) => cb(componentRef));\n      })\n      .catch((error) => {\n        console.error('Failed to hydrate Angular component:', error);\n      });\n  };\n};\n"],"mappings":";;;;;;AAuBA,IAAA,sBAAgB,YAAyB;AACvC,SACE,WAIA,UACG;EACH,MAAM,SAAS,qBAAqB,UAAU;AAE9C,MAAI,CAAC,OAEH;AAGF,4BAA0B;EAE1B,IAAI,cAAc,QAAQ,cAAc,OAAO,SAAS;EACxD,IAAI,WAAW;AAEf,MAAI,CAAC,aAAa;AAEhB,iBAAc,SAAS,cAAc,uBAAuB,OAAO,CAAC;AACpE,WAAQ,YAAY,YAAY;AAChC,cAAW;;EAGb,MAAM,UAAU,aAAa,aAAa,aAAa;AAEvD,oBAAkB,EAChB,WAAW;GACT,gCAAgC;GAChC,WACI,uBAAuB,GAAI,UAAU,qBAAqB,IAAI,EAAE,CAAE,GAClE,EAAE;GACN;IACE,SAAS;IACT,UAAU,WAAW;IACtB;GACD,GAAI,UAAU,mBAAmB,EAAE;GACpC,EACF,CAAC,CACC,MAAM,WAAW;GAChB,MAAM,eAAe,gBAAgB,WAAW;IAC9C,qBAAqB,OAAO;IAC5B;IACA,UAAU,wBAAwB,QAAQ,OAAO,YAAY;IAC9D,CAAC;AAEF,UAAO,WAAW,aAAa,SAAS;AAExC,UAAO,WAAW,KAAK,aAAa;AAEpC,UAAO,SACJ,IAAI,wBAAwB,EAAE,CAAC,CAC/B,SAAS,OAAO,GAAG,aAAa,CAAC;IACpC,CACD,OAAO,UAAU;AAChB,WAAQ,MAAM,wCAAwC,MAAM;IAC5D"}

package/src/context.d.ts

@@ -0,0 +1,11 @@
+import type { SSRResult } from "astro";
+export type RendererContext = {
+	result: SSRResult;
+};
+type Context = {
+	c: number;
+	getId(): string;
+};
+export declare function getContext(result: SSRResult): Context;
+export declare function incrementId(ctx: Context): string;
+export {};

package/src/context.js

@@ -0,0 +1,23 @@
+//#region packages/astro-angular/src/context.ts
+var contexts = /* @__PURE__ */ new WeakMap();
+function getContext(result) {
+	let ctx = contexts.get(result);
+	if (ctx) return ctx;
+	ctx = {
+		c: 0,
+		getId() {
+			return "analog-" + this.c.toString();
+		}
+	};
+	contexts.set(result, ctx);
+	return ctx;
+}
+function incrementId(ctx) {
+	const id = ctx.getId();
+	ctx.c++;
+	return id;
+}
+//#endregion
+export { getContext, incrementId };
+
+//# sourceMappingURL=context.js.map

package/src/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../src/context.ts"],"sourcesContent":["import type { SSRResult } from 'astro';\n\nexport type RendererContext = {\n  result: SSRResult;\n};\n\ntype Context = {\n  c: number;\n  getId(): string;\n};\n\nconst contexts = new WeakMap<SSRResult, Context>();\n\nexport function getContext(result: SSRResult): Context {\n  let ctx = contexts.get(result);\n  if (ctx) {\n    return ctx;\n  }\n  ctx = {\n    c: 0,\n    getId() {\n      return 'analog-' + this.c.toString();\n    },\n  };\n  contexts.set(result, ctx);\n  return ctx;\n}\n\nexport function incrementId(ctx: Context): string {\n  const id = ctx.getId();\n  ctx.c++;\n  return id;\n}\n"],"mappings":";AAWA,IAAM,2BAAW,IAAI,SAA6B;AAElD,SAAgB,WAAW,QAA4B;CACrD,IAAI,MAAM,SAAS,IAAI,OAAO;AAC9B,KAAI,IACF,QAAO;AAET,OAAM;EACJ,GAAG;EACH,QAAQ;AACN,UAAO,YAAY,KAAK,EAAE,UAAU;;EAEvC;AACD,UAAS,IAAI,QAAQ,IAAI;AACzB,QAAO;;AAGT,SAAgB,YAAY,KAAsB;CAChD,MAAM,KAAK,IAAI,OAAO;AACtB,KAAI;AACJ,QAAO"}

package/src/create-component.d.ts

@@ -0,0 +1,5 @@
+import { type Binding, type ComponentMirror } from "@angular/core";
+export declare function getComponentElementTag(mirror: ComponentMirror<unknown>): string;
+export declare function createInputBindings(mirror: ComponentMirror<unknown>, props?: Record<string, unknown>): Binding[];
+export declare function createOutputBindings(hostElement: Element, mirror: ComponentMirror<unknown>): Binding[];
+export declare function createComponentBindings(mirror: ComponentMirror<unknown>, props?: Record<string, unknown>, hostElement?: Element): Binding[];

package/src/create-component.js

@@ -0,0 +1,31 @@
+import "./id.js";
+import { inputBinding, outputBinding } from "@angular/core";
+//#region packages/astro-angular/src/create-component.ts
+function getComponentElementTag(mirror) {
+	return mirror.selector.split(",")[0] || "ng-component";
+}
+function createInputBindings(mirror, props) {
+	if (!props) return [];
+	return Object.entries(props).filter(([key]) => mirror.inputs.some(({ templateName }) => templateName === key)).map(([key, value]) => inputBinding(key, () => value));
+}
+function createOutputBindings(hostElement, mirror) {
+	return mirror.outputs.map(({ templateName }) => outputBinding(templateName, (detail) => {
+		const event = new CustomEvent(templateName, {
+			bubbles: true,
+			cancelable: true,
+			composed: true,
+			detail
+		});
+		hostElement.dispatchEvent(event);
+	}));
+}
+function createComponentBindings(mirror, props, hostElement) {
+	const inputBindings = createInputBindings(mirror, props);
+	if (!mirror.outputs.length || !props?.["data-analog-id"] || !hostElement) return inputBindings;
+	const outputBindings = createOutputBindings(hostElement, mirror);
+	return [...inputBindings, ...outputBindings];
+}
+//#endregion
+export { createComponentBindings, getComponentElementTag };
+
+//# sourceMappingURL=create-component.js.map

package/src/create-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-component.js","names":[],"sources":["../../src/create-component.ts"],"sourcesContent":["import {\n  type Binding,\n  type ComponentMirror,\n  inputBinding,\n  outputBinding,\n} from '@angular/core';\nimport { ID_PROP_NAME } from './id.ts';\n\nexport function getComponentElementTag(\n  mirror: ComponentMirror<unknown>,\n): string {\n  return mirror.selector.split(',')[0] || 'ng-component';\n}\n\nexport function createInputBindings(\n  mirror: ComponentMirror<unknown>,\n  props?: Record<string, unknown>,\n): Binding[] {\n  if (!props) {\n    return [];\n  }\n\n  const inputBindings = Object.entries(props)\n    .filter(([key]) =>\n      mirror.inputs.some(({ templateName }) => templateName === key),\n    )\n    .map(([key, value]) => inputBinding(key, () => value));\n\n  return inputBindings;\n}\n\nexport function createOutputBindings(\n  hostElement: Element,\n  mirror: ComponentMirror<unknown>,\n): Binding[] {\n  const outputBindings = mirror.outputs.map(({ templateName }) =>\n    outputBinding(templateName, (detail) => {\n      const event = new CustomEvent(templateName, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail,\n      });\n      hostElement.dispatchEvent(event);\n    }),\n  );\n\n  return outputBindings;\n}\n\nexport function createComponentBindings(\n  mirror: ComponentMirror<unknown>,\n  props?: Record<string, unknown>,\n  hostElement?: Element,\n): Binding[] {\n  const inputBindings = createInputBindings(mirror, props);\n\n  if (!mirror.outputs.length || !props?.[ID_PROP_NAME] || !hostElement) {\n    return inputBindings;\n  }\n\n  const outputBindings = createOutputBindings(hostElement, mirror);\n\n  return [...inputBindings, ...outputBindings];\n}\n"],"mappings":";;;AAQA,SAAgB,uBACd,QACQ;AACR,QAAO,OAAO,SAAS,MAAM,IAAI,CAAC,MAAM;;AAG1C,SAAgB,oBACd,QACA,OACW;AACX,KAAI,CAAC,MACH,QAAO,EAAE;AASX,QANsB,OAAO,QAAQ,MAAM,CACxC,QAAQ,CAAC,SACR,OAAO,OAAO,MAAM,EAAE,mBAAmB,iBAAiB,IAAI,CAC/D,CACA,KAAK,CAAC,KAAK,WAAW,aAAa,WAAW,MAAM,CAAC;;AAK1D,SAAgB,qBACd,aACA,QACW;AAaX,QAZuB,OAAO,QAAQ,KAAK,EAAE,mBAC3C,cAAc,eAAe,WAAW;EACtC,MAAM,QAAQ,IAAI,YAAY,cAAc;GAC1C,SAAS;GACT,YAAY;GACZ,UAAU;GACV;GACD,CAAC;AACF,cAAY,cAAc,MAAM;GAChC,CACH;;AAKH,SAAgB,wBACd,QACA,OACA,aACW;CACX,MAAM,gBAAgB,oBAAoB,QAAQ,MAAM;AAExD,KAAI,CAAC,OAAO,QAAQ,UAAU,CAAC,QAAA,qBAAyB,CAAC,YACvD,QAAO;CAGT,MAAM,iBAAiB,qBAAqB,aAAa,OAAO;AAEhE,QAAO,CAAC,GAAG,eAAe,GAAG,eAAe"}

package/src/id.d.ts

@@ -0,0 +1,4 @@
+/**
+* Property name used to serialize the APP_ID of each component.
+*/
+export declare const ID_PROP_NAME = "data-analog-id";

package/src/id.js

@@ -0,0 +1,9 @@
+//#region packages/astro-angular/src/id.ts
+/**
+* Property name used to serialize the APP_ID of each component.
+*/
+var ID_PROP_NAME = "data-analog-id";
+//#endregion
+export { ID_PROP_NAME };
+
+//# sourceMappingURL=id.js.map

package/src/id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"id.js","names":[],"sources":["../../src/id.ts"],"sourcesContent":["/**\n * Property name used to serialize the APP_ID of each component.\n */\nexport const ID_PROP_NAME = 'data-analog-id';\n"],"mappings":";;;;AAGA,IAAa,eAAe"}

package/src/index.d.ts

@@ -9,5 +9,9 @@ interface AngularOptions {
 	* Enabling this option disables astro's streaming under SSR.
 	*/
 	strictStylePlacement?: boolean;
+	/**
+	* Use Angular's `provideClientHydration` to hydrate components.
+	*/
+	useAngularHydration?: boolean;
 }
 export default function(options?: AngularOptions): AstroIntegration;

package/src/index.js

@@ -2,11 +2,11 @@ import viteAngular from "@analogjs/vite-plugin-angular";
 import { enableProdMode } from "@angular/core";
 import * as vite from "vite";
 //#region packages/astro-angular/src/index.ts
-function getRenderer() {
+function getRenderer(ngHydration) {
 	return {
 		name: "@analogjs/astro-angular",
-		clientEntrypoint: "@analogjs/astro-angular/client.js",
-		serverEntrypoint: "@analogjs/astro-angular/server.js"
+		clientEntrypoint: ngHydration ? "@analogjs/astro-angular/client-ngh.js" : "@analogjs/astro-angular/client.js",
+		serverEntrypoint: ngHydration ? "@analogjs/astro-angular/server-ngh.js" : "@analogjs/astro-angular/server.js"
 	};
 }
 function getViteConfiguration(pluginOptions) {
@@ -17,12 +17,16 @@ function getViteConfiguration(pluginOptions) {
 			include: [
 				"@angular/platform-browser",
 				"@angular/core",
-				"@analogjs/astro-angular/client.js"
+				pluginOptions?.useAngularHydration ? "@analogjs/astro-angular/client-ngh.js" : "@analogjs/astro-angular/client.js"
 			],
-			exclude: ["@angular/platform-server", "@analogjs/astro-angular/server.js"]
+			exclude: [
+				"@angular/platform-server",
+				"@analogjs/astro-angular/server.js",
+				"@analogjs/astro-angular/server-ngh.js"
+			]
 		},
 		plugins: [
-			viteAngular(pluginOptions),
+			viteAngular(pluginOptions?.vite),
 			{
 				name: "@analogjs/astro-angular-platform-server",
 				transform(code, id) {
@@ -48,8 +52,8 @@ function src_default(options) {
 		name: "@analogjs/astro-angular",
 		hooks: {
 			"astro:config:setup": ({ addRenderer, updateConfig, addMiddleware }) => {
-				addRenderer(getRenderer());
-				updateConfig({ vite: getViteConfiguration(options?.vite) });
+				addRenderer(getRenderer(options?.useAngularHydration));
+				updateConfig({ vite: getViteConfiguration(options) });
 				if (options?.strictStylePlacement) addMiddleware({
 					order: "pre",
 					entrypoint: "@analogjs/astro-angular/middleware"

package/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["import viteAngular from '@analogjs/vite-plugin-angular';\nimport type { PluginOptions } from '@analogjs/vite-plugin-angular';\nimport { enableProdMode } from '@angular/core';\nimport type { AstroIntegration, AstroRenderer, ViteUserConfig } from 'astro';\nimport * as vite from 'vite';\n\ninterface AngularOptions {\n  vite?: PluginOptions;\n  /**\n   * Enable stricter rendering, which ensures Angular style tags are added to the document head instead of next to the\n   * component in the body.\n   *\n   * Enabling this option disables astro's streaming under SSR.\n   */\n  strictStylePlacement?: boolean;\n}\n\nfunction getRenderer(): AstroRenderer {\n  return {\n    name: '@analogjs/astro-angular',\n    clientEntrypoint: '@analogjs/astro-angular/client.js',\n    serverEntrypoint: '@analogjs/astro-angular/server.js',\n  };\n}\n\nfunction getViteConfiguration(pluginOptions?: PluginOptions) {\n  const isRolldown = !!vite.rolldownVersion;\n  return {\n    [isRolldown ? 'oxc' : 'esbuild']: {\n      ...(isRolldown ? { jsx: { development: true } } : { jsxDev: true }),\n    },\n    optimizeDeps: {\n      include: [\n        '@angular/platform-browser',\n        '@angular/core',\n        '@analogjs/astro-angular/client.js',\n      ],\n      exclude: [\n        '@angular/platform-server',\n        '@analogjs/astro-angular/server.js',\n      ],\n    },\n\n    plugins: [\n      viteAngular(pluginOptions),\n      {\n        name: '@analogjs/astro-angular-platform-server',\n        transform(code: string, id: string) {\n          if (id.includes('platform-server')) {\n            code = code.replace(/global\\./g, 'globalThis.');\n\n            return {\n              code: code.replace(\n                'new xhr2.XMLHttpRequest',\n                'new (xhr2.default.XMLHttpRequest || xhr2.default)',\n              ),\n            };\n          }\n\n          return;\n        },\n      },\n      {\n        name: 'analogjs-astro-client-ngservermode',\n        configEnvironment(name: string) {\n          if (name === 'client') {\n            return {\n              define: {\n                ngServerMode: 'false',\n              },\n            };\n          }\n\n          return undefined;\n        },\n      },\n    ],\n    ssr: {\n      noExternal: ['@angular/**', '@analogjs/**'],\n    },\n  };\n}\n\nexport default function (options?: AngularOptions): AstroIntegration {\n  process.env['ANALOG_ASTRO'] = 'true';\n\n  return {\n    name: '@analogjs/astro-angular',\n    hooks: {\n      'astro:config:setup': ({ addRenderer, updateConfig, addMiddleware }) => {\n        addRenderer(getRenderer());\n        updateConfig({\n          vite: getViteConfiguration(\n            options?.vite,\n          ) as unknown as ViteUserConfig,\n        });\n        if (options?.strictStylePlacement) {\n          addMiddleware({\n            order: 'pre',\n            entrypoint: '@analogjs/astro-angular/middleware',\n          });\n        }\n      },\n      'astro:config:done': () => {\n        if (process.env['NODE_ENV'] === 'production') {\n          enableProdMode();\n        }\n      },\n    },\n  };\n}\n"],"mappings":";;;;AAiBA,SAAS,cAA6B;AACpC,QAAO;EACL,MAAM;EACN,kBAAkB;EAClB,kBAAkB;EACnB;;AAGH,SAAS,qBAAqB,eAA+B;CAC3D,MAAM,aAAa,CAAC,CAAC,KAAK;AAC1B,QAAO;GACJ,aAAa,QAAQ,YAAY,EAChC,GAAI,aAAa,EAAE,KAAK,EAAE,aAAa,MAAM,EAAE,GAAG,EAAE,QAAQ,MAAM,EACnE;EACD,cAAc;GACZ,SAAS;IACP;IACA;IACA;IACD;GACD,SAAS,CACP,4BACA,oCACD;GACF;EAED,SAAS;GACP,YAAY,cAAc;GAC1B;IACE,MAAM;IACN,UAAU,MAAc,IAAY;AAClC,SAAI,GAAG,SAAS,kBAAkB,EAAE;AAClC,aAAO,KAAK,QAAQ,aAAa,cAAc;AAE/C,aAAO,EACL,MAAM,KAAK,QACT,2BACA,oDACD,EACF;;;IAKN;GACD;IACE,MAAM;IACN,kBAAkB,MAAc;AAC9B,SAAI,SAAS,SACX,QAAO,EACL,QAAQ,EACN,cAAc,SACf,EACF;;IAKN;GACF;EACD,KAAK,EACH,YAAY,CAAC,eAAe,eAAe,EAC5C;EACF;;AAGH,SAAA,YAAyB,SAA4C;AACnE,SAAQ,IAAI,kBAAkB;AAE9B,QAAO;EACL,MAAM;EACN,OAAO;GACL,uBAAuB,EAAE,aAAa,cAAc,oBAAoB;AACtE,gBAAY,aAAa,CAAC;AAC1B,iBAAa,EACX,MAAM,qBACJ,SAAS,KACV,EACF,CAAC;AACF,QAAI,SAAS,qBACX,eAAc;KACZ,OAAO;KACP,YAAY;KACb,CAAC;;GAGN,2BAA2B;AACzB,QAAA,QAAA,IAAA,aAAgC,aAC9B,iBAAgB;;GAGrB;EACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["import viteAngular from '@analogjs/vite-plugin-angular';\nimport type { PluginOptions } from '@analogjs/vite-plugin-angular';\nimport { enableProdMode } from '@angular/core';\nimport type { AstroIntegration, AstroRenderer, ViteUserConfig } from 'astro';\nimport * as vite from 'vite';\n\ninterface AngularOptions {\n  vite?: PluginOptions;\n  /**\n   * Enable stricter rendering, which ensures Angular style tags are added to the document head instead of next to the\n   * component in the body.\n   *\n   * Enabling this option disables astro's streaming under SSR.\n   */\n  strictStylePlacement?: boolean;\n  /**\n   * Use Angular's `provideClientHydration` to hydrate components.\n   */\n  useAngularHydration?: boolean;\n}\n\nfunction getRenderer(ngHydration: boolean | undefined): AstroRenderer {\n  return {\n    name: '@analogjs/astro-angular',\n    clientEntrypoint: ngHydration\n      ? '@analogjs/astro-angular/client-ngh.js'\n      : '@analogjs/astro-angular/client.js',\n    serverEntrypoint: ngHydration\n      ? '@analogjs/astro-angular/server-ngh.js'\n      : '@analogjs/astro-angular/server.js',\n  };\n}\n\nfunction getViteConfiguration(pluginOptions?: AngularOptions) {\n  const isRolldown = !!vite.rolldownVersion;\n  return {\n    [isRolldown ? 'oxc' : 'esbuild']: {\n      ...(isRolldown ? { jsx: { development: true } } : { jsxDev: true }),\n    },\n    optimizeDeps: {\n      include: [\n        '@angular/platform-browser',\n        '@angular/core',\n        pluginOptions?.useAngularHydration\n          ? '@analogjs/astro-angular/client-ngh.js'\n          : '@analogjs/astro-angular/client.js',\n      ],\n      exclude: [\n        '@angular/platform-server',\n        '@analogjs/astro-angular/server.js',\n        '@analogjs/astro-angular/server-ngh.js',\n      ],\n    },\n\n    plugins: [\n      viteAngular(pluginOptions?.vite),\n      {\n        name: '@analogjs/astro-angular-platform-server',\n        transform(code: string, id: string) {\n          if (id.includes('platform-server')) {\n            code = code.replace(/global\\./g, 'globalThis.');\n\n            return {\n              code: code.replace(\n                'new xhr2.XMLHttpRequest',\n                'new (xhr2.default.XMLHttpRequest || xhr2.default)',\n              ),\n            };\n          }\n\n          return;\n        },\n      },\n      {\n        name: 'analogjs-astro-client-ngservermode',\n        configEnvironment(name: string) {\n          if (name === 'client') {\n            return {\n              define: {\n                ngServerMode: 'false',\n              },\n            };\n          }\n\n          return undefined;\n        },\n      },\n    ],\n    ssr: {\n      noExternal: ['@angular/**', '@analogjs/**'],\n    },\n  };\n}\n\nexport default function (options?: AngularOptions): AstroIntegration {\n  process.env['ANALOG_ASTRO'] = 'true';\n\n  return {\n    name: '@analogjs/astro-angular',\n    hooks: {\n      'astro:config:setup': ({ addRenderer, updateConfig, addMiddleware }) => {\n        addRenderer(getRenderer(options?.useAngularHydration));\n        updateConfig({\n          vite: getViteConfiguration(options),\n        });\n        if (options?.strictStylePlacement) {\n          addMiddleware({\n            order: 'pre',\n            entrypoint: '@analogjs/astro-angular/middleware',\n          });\n        }\n      },\n      'astro:config:done': () => {\n        if (process.env['NODE_ENV'] === 'production') {\n          enableProdMode();\n        }\n      },\n    },\n  };\n}\n"],"mappings":";;;;AAqBA,SAAS,YAAY,aAAiD;AACpE,QAAO;EACL,MAAM;EACN,kBAAkB,cACd,0CACA;EACJ,kBAAkB,cACd,0CACA;EACL;;AAGH,SAAS,qBAAqB,eAAgC;CAC5D,MAAM,aAAa,CAAC,CAAC,KAAK;AAC1B,QAAO;GACJ,aAAa,QAAQ,YAAY,EAChC,GAAI,aAAa,EAAE,KAAK,EAAE,aAAa,MAAM,EAAE,GAAG,EAAE,QAAQ,MAAM,EACnE;EACD,cAAc;GACZ,SAAS;IACP;IACA;IACA,eAAe,sBACX,0CACA;IACL;GACD,SAAS;IACP;IACA;IACA;IACD;GACF;EAED,SAAS;GACP,YAAY,eAAe,KAAK;GAChC;IACE,MAAM;IACN,UAAU,MAAc,IAAY;AAClC,SAAI,GAAG,SAAS,kBAAkB,EAAE;AAClC,aAAO,KAAK,QAAQ,aAAa,cAAc;AAE/C,aAAO,EACL,MAAM,KAAK,QACT,2BACA,oDACD,EACF;;;IAKN;GACD;IACE,MAAM;IACN,kBAAkB,MAAc;AAC9B,SAAI,SAAS,SACX,QAAO,EACL,QAAQ,EACN,cAAc,SACf,EACF;;IAKN;GACF;EACD,KAAK,EACH,YAAY,CAAC,eAAe,eAAe,EAC5C;EACF;;AAGH,SAAA,YAAyB,SAA4C;AACnE,SAAQ,IAAI,kBAAkB;AAE9B,QAAO;EACL,MAAM;EACN,OAAO;GACL,uBAAuB,EAAE,aAAa,cAAc,oBAAoB;AACtE,gBAAY,YAAY,SAAS,oBAAoB,CAAC;AACtD,iBAAa,EACX,MAAM,qBAAqB,QAAQ,EACpC,CAAC;AACF,QAAI,SAAS,qBACX,eAAc;KACZ,OAAO;KACP,YAAY;KACb,CAAC;;GAGN,2BAA2B;AACzB,QAAA,QAAA,IAAA,aAAgC,aAC9B,iBAAgB;;GAGrB;EACF"}

package/src/middleware.js

@@ -38,7 +38,9 @@ var onRequest = async (_ctx, next) => {
 		tree.children.unshift(head);
 	}
 	const newBody = processor.stringify(tree);
-	return new Response(newBody, response);
+	const newResponse = new Response(newBody, response);
+	newResponse.headers.set("content-length", Buffer.byteLength(newBody).toFixed(0));
+	return newResponse;
 };
 //#endregion
 export { onRequest };

package/src/middleware.js.map

@@ -1 +1 @@
-{"version":3,"file":"middleware.js","names":[],"sources":["../../src/middleware.ts"],"sourcesContent":["import type { MiddlewareHandler } from 'astro';\nimport type { Root, RootContent, Element } from 'hast';\nimport { rehype } from 'rehype';\n\nconst processor = rehype();\n\nexport const onRequest: MiddlewareHandler = async (_ctx, next) => {\n  const response = await next();\n  if (response.headers.get('content-type')?.includes('text/html') !== true) {\n    return response;\n  }\n\n  // Find all <style ng-app-id=\"...\"> tags in the body and move them to the head\n\n  const responseBody = await response.text();\n\n  const tree = processor.parse(responseBody);\n\n  const stack: (Root | RootContent)[] = [tree];\n\n  const styleTags: Element[] = [];\n  let head: Element | null = null;\n\n  while (stack.length) {\n    const top = stack.pop()!;\n\n    if (top.type === 'element' && top.tagName === 'template') {\n      // Templates create a shadow-root, so styles should not be moved outside.\n      continue;\n    }\n\n    if (top.type === 'element' && top.tagName === 'style') {\n      if ('ng-app-id' in top.properties) {\n        styleTags.push(top);\n      }\n      continue;\n    }\n\n    if (top.type === 'element' && top.tagName === 'head' && !head) {\n      head = top;\n      continue;\n    }\n\n    if (top.type !== 'root' && top.type !== 'element') {\n      continue;\n    }\n\n    for (let index = top.children.length - 1; index >= 0; index--) {\n      const child = top.children[index];\n\n      stack.push(child);\n\n      if (\n        child.type === 'element' &&\n        child.tagName === 'style' &&\n        'ng-app-id' in child.properties\n      ) {\n        top.children.splice(index, 1);\n      }\n    }\n  }\n\n  if (head) {\n    head.children.push(...styleTags);\n  } else {\n    const head: Element = {\n      type: 'element',\n      children: styleTags,\n      properties: {},\n      tagName: 'head',\n    };\n\n    tree.children.unshift(head);\n  }\n\n  const newBody = processor.stringify(tree);\n\n  return new Response(newBody, response);\n};\n"],"mappings":";;AAIA,IAAM,YAAY,QAAQ;AAE1B,IAAa,YAA+B,OAAO,MAAM,SAAS;CAChE,MAAM,WAAW,MAAM,MAAM;AAC7B,KAAI,SAAS,QAAQ,IAAI,eAAe,EAAE,SAAS,YAAY,KAAK,KAClE,QAAO;CAKT,MAAM,eAAe,MAAM,SAAS,MAAM;CAE1C,MAAM,OAAO,UAAU,MAAM,aAAa;CAE1C,MAAM,QAAgC,CAAC,KAAK;CAE5C,MAAM,YAAuB,EAAE;CAC/B,IAAI,OAAuB;AAE3B,QAAO,MAAM,QAAQ;EACnB,MAAM,MAAM,MAAM,KAAK;AAEvB,MAAI,IAAI,SAAS,aAAa,IAAI,YAAY,WAE5C;AAGF,MAAI,IAAI,SAAS,aAAa,IAAI,YAAY,SAAS;AACrD,OAAI,eAAe,IAAI,WACrB,WAAU,KAAK,IAAI;AAErB;;AAGF,MAAI,IAAI,SAAS,aAAa,IAAI,YAAY,UAAU,CAAC,MAAM;AAC7D,UAAO;AACP;;AAGF,MAAI,IAAI,SAAS,UAAU,IAAI,SAAS,UACtC;AAGF,OAAK,IAAI,QAAQ,IAAI,SAAS,SAAS,GAAG,SAAS,GAAG,SAAS;GAC7D,MAAM,QAAQ,IAAI,SAAS;AAE3B,SAAM,KAAK,MAAM;AAEjB,OACE,MAAM,SAAS,aACf,MAAM,YAAY,WAClB,eAAe,MAAM,WAErB,KAAI,SAAS,OAAO,OAAO,EAAE;;;AAKnC,KAAI,KACF,MAAK,SAAS,KAAK,GAAG,UAAU;MAC3B;EACL,MAAM,OAAgB;GACpB,MAAM;GACN,UAAU;GACV,YAAY,EAAE;GACd,SAAS;GACV;AAED,OAAK,SAAS,QAAQ,KAAK;;CAG7B,MAAM,UAAU,UAAU,UAAU,KAAK;AAEzC,QAAO,IAAI,SAAS,SAAS,SAAS"}
+{"version":3,"file":"middleware.js","names":[],"sources":["../../src/middleware.ts"],"sourcesContent":["import type { MiddlewareHandler } from 'astro';\nimport type { Root, RootContent, Element } from 'hast';\nimport { rehype } from 'rehype';\n\nconst processor = rehype();\n\nexport const onRequest: MiddlewareHandler = async (_ctx, next) => {\n  const response = await next();\n  if (response.headers.get('content-type')?.includes('text/html') !== true) {\n    return response;\n  }\n\n  // Find all <style ng-app-id=\"...\"> tags in the body and move them to the head\n\n  const responseBody = await response.text();\n\n  const tree = processor.parse(responseBody);\n\n  const stack: (Root | RootContent)[] = [tree];\n\n  const styleTags: Element[] = [];\n  let head: Element | null = null;\n\n  while (stack.length) {\n    const top = stack.pop()!;\n\n    if (top.type === 'element' && top.tagName === 'template') {\n      // Templates create a shadow-root, so styles should not be moved outside.\n      continue;\n    }\n\n    if (top.type === 'element' && top.tagName === 'style') {\n      if ('ng-app-id' in top.properties) {\n        styleTags.push(top);\n      }\n      continue;\n    }\n\n    if (top.type === 'element' && top.tagName === 'head' && !head) {\n      head = top;\n      continue;\n    }\n\n    if (top.type !== 'root' && top.type !== 'element') {\n      continue;\n    }\n\n    for (let index = top.children.length - 1; index >= 0; index--) {\n      const child = top.children[index];\n\n      stack.push(child);\n\n      if (\n        child.type === 'element' &&\n        child.tagName === 'style' &&\n        'ng-app-id' in child.properties\n      ) {\n        top.children.splice(index, 1);\n      }\n    }\n  }\n\n  if (head) {\n    head.children.push(...styleTags);\n  } else {\n    const head: Element = {\n      type: 'element',\n      children: styleTags,\n      properties: {},\n      tagName: 'head',\n    };\n\n    tree.children.unshift(head);\n  }\n\n  const newBody = processor.stringify(tree);\n\n  const newResponse = new Response(newBody, response);\n  newResponse.headers.set(\n    'content-length',\n    Buffer.byteLength(newBody).toFixed(0),\n  );\n\n  return newResponse;\n};\n"],"mappings":";;AAIA,IAAM,YAAY,QAAQ;AAE1B,IAAa,YAA+B,OAAO,MAAM,SAAS;CAChE,MAAM,WAAW,MAAM,MAAM;AAC7B,KAAI,SAAS,QAAQ,IAAI,eAAe,EAAE,SAAS,YAAY,KAAK,KAClE,QAAO;CAKT,MAAM,eAAe,MAAM,SAAS,MAAM;CAE1C,MAAM,OAAO,UAAU,MAAM,aAAa;CAE1C,MAAM,QAAgC,CAAC,KAAK;CAE5C,MAAM,YAAuB,EAAE;CAC/B,IAAI,OAAuB;AAE3B,QAAO,MAAM,QAAQ;EACnB,MAAM,MAAM,MAAM,KAAK;AAEvB,MAAI,IAAI,SAAS,aAAa,IAAI,YAAY,WAE5C;AAGF,MAAI,IAAI,SAAS,aAAa,IAAI,YAAY,SAAS;AACrD,OAAI,eAAe,IAAI,WACrB,WAAU,KAAK,IAAI;AAErB;;AAGF,MAAI,IAAI,SAAS,aAAa,IAAI,YAAY,UAAU,CAAC,MAAM;AAC7D,UAAO;AACP;;AAGF,MAAI,IAAI,SAAS,UAAU,IAAI,SAAS,UACtC;AAGF,OAAK,IAAI,QAAQ,IAAI,SAAS,SAAS,GAAG,SAAS,GAAG,SAAS;GAC7D,MAAM,QAAQ,IAAI,SAAS;AAE3B,SAAM,KAAK,MAAM;AAEjB,OACE,MAAM,SAAS,aACf,MAAM,YAAY,WAClB,eAAe,MAAM,WAErB,KAAI,SAAS,OAAO,OAAO,EAAE;;;AAKnC,KAAI,KACF,MAAK,SAAS,KAAK,GAAG,UAAU;MAC3B;EACL,MAAM,OAAgB;GACpB,MAAM;GACN,UAAU;GACV,YAAY,EAAE;GACd,SAAS;GACV;AAED,OAAK,SAAS,QAAQ,KAAK;;CAG7B,MAAM,UAAU,UAAU,UAAU,KAAK;CAEzC,MAAM,cAAc,IAAI,SAAS,SAAS,SAAS;AACnD,aAAY,QAAQ,IAClB,kBACA,OAAO,WAAW,QAAQ,CAAC,QAAQ,EAAE,CACtC;AAED,QAAO"}

package/src/server-ngh.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/src/server-ngh.js

@@ -0,0 +1,64 @@
+import { ID_PROP_NAME } from "./id.js";
+import { getComponentElementTag } from "./create-component.js";
+import { getContext, incrementId } from "./context.js";
+import { provideBootstrapListener } from "./server-providers.js";
+import { APP_ID, DOCUMENT, provideZonelessChangeDetection, reflectComponentType } from "@angular/core";
+import { bootstrapApplication, provideClientHydration } from "@angular/platform-browser";
+import { platformServer, provideServerRendering, renderApplication, ɵSERVER_CONTEXT } from "@angular/platform-server";
+import { readFileSync } from "node:fs";
+import { createRequire } from "node:module";
+//#region packages/astro-angular/src/server-ngh.ts
+var require = createRequire(import.meta.url);
+var jsActionContractScript = void 0;
+var HYDRATION_SCRIPT_ID = "ng-event-dispatch-contract";
+function getHydrationScript() {
+	jsActionContractScript ??= `<script type="text/javascript" id="${HYDRATION_SCRIPT_ID}">` + readFileSync(require.resolve("@angular/core/event-dispatch-contract.min.js"), "utf-8") + "<\/script>";
+	return jsActionContractScript;
+}
+async function check(Component) {
+	return !!reflectComponentType(Component);
+}
+async function renderToStaticMarkup(Component, props, _children, metadata) {
+	const mirror = reflectComponentType(Component);
+	if (!mirror) throw new Error((metadata?.displayName || "<unknown component>") + " is not an Angular component");
+	const elementTag = getComponentElementTag(mirror);
+	const ngAppId = props?.["data-analog-id"] || incrementId(getContext(this.result));
+	globalThis.ngServerMode = true;
+	const platformRef = platformServer();
+	const document = platformRef.injector.get(DOCUMENT);
+	document.body.innerHTML = `${getHydrationScript()}<${elementTag} ${ID_PROP_NAME}="${ngAppId}"></${elementTag}>`;
+	const bootstrap = (context) => bootstrapApplication(Component, { providers: [
+		provideBootstrapListener(mirror, props),
+		provideServerRendering(),
+		{
+			provide: ɵSERVER_CONTEXT,
+			useValue: "analog"
+		},
+		provideZonelessChangeDetection(),
+		metadata?.hydrate ? provideClientHydration(...Component.hydrationFeatures?.() || []) : [],
+		{
+			provide: APP_ID,
+			useValue: ngAppId
+		},
+		...Component.renderProviders || []
+	] }, context);
+	const html = await renderApplication(bootstrap, { document });
+	document.documentElement.innerHTML = html;
+	let styleTags = "";
+	document.head.childNodes.forEach((node) => {
+		if (node.nodeName === "STYLE") styleTags += node.outerHTML;
+	});
+	document.getElementById(HYDRATION_SCRIPT_ID)?.remove();
+	const correctedHtml = styleTags + document.body.innerHTML;
+	platformRef.destroy();
+	return { html: correctedHtml };
+}
+var server_ngh_default = {
+	check,
+	renderToStaticMarkup,
+	renderHydrationScript: () => getHydrationScript()
+};
+//#endregion
+export { server_ngh_default as default };
+
+//# sourceMappingURL=server-ngh.js.map

package/src/server-ngh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server-ngh.js","names":[],"sources":["../../src/server-ngh.ts"],"sourcesContent":["import { readFileSync } from 'node:fs';\nimport { createRequire } from 'node:module';\n\nimport type { EnvironmentProviders, Provider, Type } from '@angular/core';\nimport {\n  reflectComponentType,\n  provideZonelessChangeDetection,\n  DOCUMENT,\n  APP_ID,\n} from '@angular/core';\nimport {\n  provideServerRendering,\n  renderApplication,\n  ɵSERVER_CONTEXT,\n  platformServer,\n} from '@angular/platform-server';\nimport {\n  bootstrapApplication,\n  type HydrationFeature,\n  type HydrationFeatureKind,\n  provideClientHydration,\n  type BootstrapContext,\n} from '@angular/platform-browser';\nimport type { AstroComponentMetadata, SSRLoadedRendererValue } from 'astro';\nimport { getContext, incrementId, type RendererContext } from './context.ts';\nimport { provideBootstrapListener } from './server-providers.ts';\nimport { ID_PROP_NAME } from './id.ts';\nimport { getComponentElementTag } from './create-component.ts';\n\nconst require = createRequire(import.meta.url);\nlet jsActionContractScript: string | undefined = undefined;\n\nconst HYDRATION_SCRIPT_ID = 'ng-event-dispatch-contract';\n\nfunction getHydrationScript(): string {\n  jsActionContractScript ??=\n    `<script type=\"text/javascript\" id=\"${HYDRATION_SCRIPT_ID}\">` +\n    readFileSync(\n      require.resolve('@angular/core/event-dispatch-contract.min.js'),\n      'utf-8',\n    ) +\n    '</script>';\n  return jsActionContractScript;\n}\n\nasync function check(Component: Type<unknown>) {\n  return !!reflectComponentType(Component);\n}\n\nasync function renderToStaticMarkup(\n  this: RendererContext,\n  Component: Type<unknown> & {\n    renderProviders?: (Provider | EnvironmentProviders)[];\n    hydrationFeatures?: () => HydrationFeature<HydrationFeatureKind>[];\n  },\n  props: Record<string, unknown>,\n  _children: unknown,\n  metadata?: AstroComponentMetadata,\n) {\n  const mirror = reflectComponentType(Component);\n\n  if (!mirror) {\n    // This should be unreachable: the `check` function verifies that Component is an Angular component.\n    throw new Error(\n      (metadata?.displayName || '<unknown component>') +\n        ' is not an Angular component',\n    );\n  }\n\n  const elementTag = getComponentElementTag(mirror);\n  const ngAppId = props?.[ID_PROP_NAME] || incrementId(getContext(this.result));\n\n  // When the platform ref is destroyed, it will reset ngServerMode back to `undefined` if it was not defined when it is\n  // created. See https://github.com/angular/angular/blob/2ce0e98f79a02ddc550d00580e8e232cfed3bfb2/packages/platform-server/src/server.ts#L138\n  globalThis.ngServerMode = true;\n\n  const platformRef = platformServer();\n  const document = platformRef.injector.get(DOCUMENT);\n\n  // Incremental hydration requires the event dispatch script to be present.\n  document.body.innerHTML = `${getHydrationScript()}<${elementTag} ${ID_PROP_NAME}=\"${ngAppId}\"></${elementTag}>`;\n\n  const bootstrap = (context?: BootstrapContext) =>\n    bootstrapApplication(\n      Component,\n      {\n        providers: [\n          provideBootstrapListener(mirror, props),\n          provideServerRendering(),\n          { provide: ɵSERVER_CONTEXT, useValue: 'analog' },\n          provideZonelessChangeDetection(),\n          metadata?.hydrate\n            ? provideClientHydration(...(Component.hydrationFeatures?.() || []))\n            : [],\n          {\n            provide: APP_ID,\n            useValue: ngAppId,\n          },\n          ...(Component.renderProviders || []),\n        ],\n      },\n      context,\n    );\n\n  const html = await renderApplication(bootstrap, {\n    document,\n  });\n\n  document.documentElement.innerHTML = html;\n  let styleTags = '';\n\n  document.head.childNodes.forEach((node) => {\n    if (node.nodeName === 'STYLE') {\n      styleTags += (node as HTMLElement).outerHTML;\n    }\n  });\n\n  // Remove the hydration script, so only one is present on the page.\n  document.getElementById(HYDRATION_SCRIPT_ID)?.remove();\n\n  const correctedHtml = styleTags + document.body.innerHTML;\n\n  platformRef.destroy();\n\n  return { html: correctedHtml };\n}\n\nexport default {\n  check,\n  renderToStaticMarkup,\n  renderHydrationScript: () => getHydrationScript(),\n} satisfies SSRLoadedRendererValue;\n"],"mappings":";;;;;;;;;;AA6BA,IAAM,UAAU,cAAc,OAAO,KAAK,IAAI;AAC9C,IAAI,yBAA6C,KAAA;AAEjD,IAAM,sBAAsB;AAE5B,SAAS,qBAA6B;AACpC,4BACE,sCAAsC,oBAAoB,MAC1D,aACE,QAAQ,QAAQ,+CAA+C,EAC/D,QACD,GACD;AACF,QAAO;;AAGT,eAAe,MAAM,WAA0B;AAC7C,QAAO,CAAC,CAAC,qBAAqB,UAAU;;AAG1C,eAAe,qBAEb,WAIA,OACA,WACA,UACA;CACA,MAAM,SAAS,qBAAqB,UAAU;AAE9C,KAAI,CAAC,OAEH,OAAM,IAAI,OACP,UAAU,eAAe,yBACxB,+BACH;CAGH,MAAM,aAAa,uBAAuB,OAAO;CACjD,MAAM,UAAU,QAAA,qBAAyB,YAAY,WAAW,KAAK,OAAO,CAAC;AAI7E,YAAW,eAAe;CAE1B,MAAM,cAAc,gBAAgB;CACpC,MAAM,WAAW,YAAY,SAAS,IAAI,SAAS;AAGnD,UAAS,KAAK,YAAY,GAAG,oBAAoB,CAAC,GAAG,WAAW,GAAG,aAAa,IAAI,QAAQ,MAAM,WAAW;CAE7G,MAAM,aAAa,YACjB,qBACE,WACA,EACE,WAAW;EACT,yBAAyB,QAAQ,MAAM;EACvC,wBAAwB;EACxB;GAAE,SAAS;GAAiB,UAAU;GAAU;EAChD,gCAAgC;EAChC,UAAU,UACN,uBAAuB,GAAI,UAAU,qBAAqB,IAAI,EAAE,CAAE,GAClE,EAAE;EACN;GACE,SAAS;GACT,UAAU;GACX;EACD,GAAI,UAAU,mBAAmB,EAAE;EACpC,EACF,EACD,QACD;CAEH,MAAM,OAAO,MAAM,kBAAkB,WAAW,EAC9C,UACD,CAAC;AAEF,UAAS,gBAAgB,YAAY;CACrC,IAAI,YAAY;AAEhB,UAAS,KAAK,WAAW,SAAS,SAAS;AACzC,MAAI,KAAK,aAAa,QACpB,cAAc,KAAqB;GAErC;AAGF,UAAS,eAAe,oBAAoB,EAAE,QAAQ;CAEtD,MAAM,gBAAgB,YAAY,SAAS,KAAK;AAEhD,aAAY,SAAS;AAErB,QAAO,EAAE,MAAM,eAAe;;AAGhC,IAAA,qBAAe;CACb;CACA;CACA,6BAA6B,oBAAoB;CAClD"}

package/src/server-providers.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentMirror, type Provider } from "@angular/core";
+/**
+* Provide bootstrap listeners to ensure the rendered state matches the settled component state after applying component inputs.
+* @param mirror The component mirror, to detect component inputs
+* @param props Properties applied to the component in the Astro file
+* @returns A providers array for the server renderer
+*/
+export declare function provideBootstrapListener(mirror: ComponentMirror<unknown>, props: Record<string, unknown>): Provider[];

package/src/server-providers.js

@@ -0,0 +1,23 @@
+import { APP_BOOTSTRAP_LISTENER } from "@angular/core";
+//#region packages/astro-angular/src/server-providers.ts
+/**
+* Provide bootstrap listeners to ensure the rendered state matches the settled component state after applying component inputs.
+* @param mirror The component mirror, to detect component inputs
+* @param props Properties applied to the component in the Astro file
+* @returns A providers array for the server renderer
+*/
+function provideBootstrapListener(mirror, props) {
+	return [{
+		provide: APP_BOOTSTRAP_LISTENER,
+		useValue: (compRef) => {
+			if (props) {
+				for (const [key, value] of Object.entries(props)) if (mirror.inputs.some(({ templateName }) => templateName === key)) compRef.setInput(key, value);
+			}
+		},
+		multi: true
+	}];
+}
+//#endregion
+export { provideBootstrapListener };
+
+//# sourceMappingURL=server-providers.js.map

package/src/server-providers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server-providers.js","names":[],"sources":["../../src/server-providers.ts"],"sourcesContent":["import {\n  APP_BOOTSTRAP_LISTENER,\n  type ComponentMirror,\n  type ComponentRef,\n  type Provider,\n} from '@angular/core';\n\n/**\n * Provide bootstrap listeners to ensure the rendered state matches the settled component state after applying component inputs.\n * @param mirror The component mirror, to detect component inputs\n * @param props Properties applied to the component in the Astro file\n * @returns A providers array for the server renderer\n */\nexport function provideBootstrapListener(\n  mirror: ComponentMirror<unknown>,\n  props: Record<string, unknown>,\n): Provider[] {\n  return [\n    {\n      provide: APP_BOOTSTRAP_LISTENER,\n      useValue: (compRef: ComponentRef<unknown>) => {\n        if (props) {\n          for (const [key, value] of Object.entries(props)) {\n            if (\n              mirror.inputs.some(({ templateName }) => templateName === key)\n            ) {\n              compRef.setInput(key, value);\n            }\n          }\n        }\n      },\n      multi: true,\n    },\n  ];\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,yBACd,QACA,OACY;AACZ,QAAO,CACL;EACE,SAAS;EACT,WAAW,YAAmC;AAC5C,OAAI;SACG,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,CAC9C,KACE,OAAO,OAAO,MAAM,EAAE,mBAAmB,iBAAiB,IAAI,CAE9D,SAAQ,SAAS,KAAK,MAAM;;;EAKpC,OAAO;EACR,CACF"}

package/src/ssr-integrity.d.ts

@@ -0,0 +1 @@
+export declare function ensureSsrIntegrityMarker(): void;

package/src/ssr-integrity.js

@@ -0,0 +1,10 @@
+import { ɵCLIENT_RENDER_MODE_FLAG, ɵSSR_CONTENT_INTEGRITY_MARKER } from "@angular/core";
+//#region packages/astro-angular/src/ssr-integrity.ts
+function ensureSsrIntegrityMarker() {
+	if (document.body.firstChild?.nodeType !== Node.COMMENT_NODE || document.body.firstChild.textContent !== ɵSSR_CONTENT_INTEGRITY_MARKER) document.body.prepend(document.createComment(ɵSSR_CONTENT_INTEGRITY_MARKER));
+	if (!document.body.hasAttribute(ɵCLIENT_RENDER_MODE_FLAG)) document.body.setAttribute(ɵCLIENT_RENDER_MODE_FLAG, "");
+}
+//#endregion
+export { ensureSsrIntegrityMarker };
+
+//# sourceMappingURL=ssr-integrity.js.map

package/src/ssr-integrity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr-integrity.js","names":[],"sources":["../../src/ssr-integrity.ts"],"sourcesContent":["import {\n  ɵCLIENT_RENDER_MODE_FLAG,\n  ɵSSR_CONTENT_INTEGRITY_MARKER,\n} from '@angular/core';\n\nexport function ensureSsrIntegrityMarker(): void {\n  // Insert Angular client hydration marker\n  // See https://github.com/angular/angular/issues/67785\n  if (\n    document.body.firstChild?.nodeType !== Node.COMMENT_NODE ||\n    document.body.firstChild.textContent !== ɵSSR_CONTENT_INTEGRITY_MARKER\n  ) {\n    document.body.prepend(\n      document.createComment(ɵSSR_CONTENT_INTEGRITY_MARKER),\n    );\n  }\n\n  if (!document.body.hasAttribute(ɵCLIENT_RENDER_MODE_FLAG)) {\n    document.body.setAttribute(ɵCLIENT_RENDER_MODE_FLAG, '');\n  }\n}\n"],"mappings":";;AAKA,SAAgB,2BAAiC;AAG/C,KACE,SAAS,KAAK,YAAY,aAAa,KAAK,gBAC5C,SAAS,KAAK,WAAW,gBAAgB,8BAEzC,UAAS,KAAK,QACZ,SAAS,cAAc,8BAA8B,CACtD;AAGH,KAAI,CAAC,SAAS,KAAK,aAAa,yBAAyB,CACvD,UAAS,KAAK,aAAa,0BAA0B,GAAG"}