@analogjs/astro-angular 3.0.0-alpha.9 → 3.0.0-alpha.90

package/_virtual/_rolldown/runtime.js

@@ -0,0 +1,33 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJSMin = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+export { __commonJSMin, __exportAll, __toESM };

package/package.json

@@ -1,14 +1,38 @@
 {
   "name": "@analogjs/astro-angular",
-  "version": "3.0.0-alpha.9",
+  "version": "3.0.0-alpha.90",
   "description": "Use Angular components within Astro",
   "type": "module",
   "author": "Brandon Roberts <robertsbt@gmail.com>",
   "exports": {
-    ".": "./src/index.js",
-    "./utils": "./src/utils.js",
-    "./client.js": "./src/client.js",
-    "./server.js": "./src/server.js",
+    ".": {
+      "types": "./src/index.d.ts",
+      "default": "./src/index.js"
+    },
+    "./utils": {
+      "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"
+    },
+    "./middleware": {
+      "types": "./src/middleware.d.ts",
+      "default": "./src/middleware.js"
+    },
     "./package.json": "./package.json"
   },
   "keywords": [
@@ -32,7 +56,8 @@
     "url": "https://github.com/sponsors/brandonroberts"
   },
   "dependencies": {
-    "@analogjs/vite-plugin-angular": "^3.0.0-alpha.9"
+    "@analogjs/vite-plugin-angular": "3.0.0-alpha.90",
+    "rehype": "^13.0.2"
   },
   "peerDependencies": {
     "@angular/build": ">=20.0.0",
@@ -46,7 +71,7 @@
     "@angular/platform-server": ">=20.0.0",
     "rxjs": "^7.8.0",
     "tslib": "^2.4.0",
-    "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
+    "vite": "^6.0.0 || ^7.0.0 || ^8.0.0"
   },
   "ng-update": {
     "packageGroup": [

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/client.d.ts

@@ -1,6 +1,5 @@
-import { EnvironmentProviders, Provider, ɵComponentType as ComponentType } from '@angular/core';
+import { EnvironmentProviders, Provider, ɵComponentType as ComponentType } from "@angular/core";
 declare const _default: (element: HTMLElement) => ((Component: ComponentType<unknown> & {
-    clientProviders?: (Provider | EnvironmentProviders)[];
+	clientProviders?: (Provider | EnvironmentProviders)[];
 }, props?: Record<string, unknown>, _childHTML?: unknown) => void);
 export default _default;
-//# sourceMappingURL=client.d.ts.map

package/src/client.js.map

@@ -1 +1 @@
-{"version":3,"file":"client.js","names":[],"sources":["../../../../packages/astro-angular/src/client.ts"],"sourcesContent":["import {\n  EnvironmentProviders,\n  Provider,\n  reflectComponentType,\n  ɵComponentType as ComponentType,\n  provideZonelessChangeDetection,\n} from '@angular/core';\nimport { ApplicationRef, createComponent } from '@angular/core';\nimport { createApplication } from '@angular/platform-browser';\nimport { Observable, Subject, takeUntil } from 'rxjs';\n\nexport default (\n  element: HTMLElement,\n): ((\n  Component: ComponentType<unknown> & {\n    clientProviders?: (Provider | EnvironmentProviders)[];\n  },\n  props?: Record<string, unknown>,\n  _childHTML?: unknown,\n) => void) => {\n  return (\n    Component: ComponentType<unknown> & {\n      clientProviders?: (Provider | EnvironmentProviders)[];\n    },\n    props?: Record<string, unknown>,\n    _childHTML?: unknown,\n  ): void => {\n    createApplication({\n      providers: [\n        provideZonelessChangeDetection(),\n        ...(Component.clientProviders || []),\n      ],\n    }).then((appRef: ApplicationRef) => {\n      const componentRef = createComponent(Component, {\n        environmentInjector: appRef.injector,\n        hostElement: element,\n      });\n\n      const mirror = reflectComponentType(Component);\n      if (props && mirror) {\n        for (const [key, value] of Object.entries(props)) {\n          if (\n            mirror.inputs.some(\n              ({ templateName, propName }) =>\n                templateName === key || propName === key,\n            )\n          ) {\n            componentRef.setInput(key, value);\n          }\n        }\n      }\n\n      if (mirror?.outputs.length && props?.['data-analog-id']) {\n        const destroySubject = new Subject<void>();\n        element.setAttribute(\n          'data-analog-id',\n          props['data-analog-id'] as string,\n        );\n\n        mirror.outputs.forEach(({ templateName, propName }) => {\n          const outputName = templateName || propName;\n          const component = componentRef.instance as Record<\n            string,\n            Observable<unknown>\n          >;\n          component[outputName]\n            .pipe(takeUntil(destroySubject))\n            .subscribe((detail) => {\n              const event = new CustomEvent(outputName, {\n                bubbles: true,\n                cancelable: true,\n                composed: true,\n                detail,\n              });\n              element.dispatchEvent(event);\n            });\n        });\n\n        appRef.onDestroy(() => {\n          destroySubject.next();\n          destroySubject.complete();\n        });\n      }\n\n      appRef.attachView(componentRef.hostView);\n    });\n  };\n};\n"],"mappings":";;;;AAWA,IAAA,kBACE,YAOY;AACZ,SACE,WAGA,OACA,eACS;AACT,oBAAkB,EAChB,WAAW,CACT,gCAAgC,EAChC,GAAI,UAAU,mBAAmB,EAAE,CACpC,EACF,CAAC,CAAC,MAAM,WAA2B;GAClC,MAAM,eAAe,gBAAgB,WAAW;IAC9C,qBAAqB,OAAO;IAC5B,aAAa;IACd,CAAC;GAEF,MAAM,SAAS,qBAAqB,UAAU;AAC9C,OAAI,SAAS;SACN,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,CAC9C,KACE,OAAO,OAAO,MACX,EAAE,cAAc,eACf,iBAAiB,OAAO,aAAa,IACxC,CAED,cAAa,SAAS,KAAK,MAAM;;AAKvC,OAAI,QAAQ,QAAQ,UAAU,QAAQ,mBAAmB;IACvD,MAAM,iBAAiB,IAAI,SAAe;AAC1C,YAAQ,aACN,kBACA,MAAM,kBACP;AAED,WAAO,QAAQ,SAAS,EAAE,cAAc,eAAe;KACrD,MAAM,aAAa,gBAAgB;AACjB,kBAAa,SAIrB,YACP,KAAK,UAAU,eAAe,CAAC,CAC/B,WAAW,WAAW;MACrB,MAAM,QAAQ,IAAI,YAAY,YAAY;OACxC,SAAS;OACT,YAAY;OACZ,UAAU;OACV;OACD,CAAC;AACF,cAAQ,cAAc,MAAM;OAC5B;MACJ;AAEF,WAAO,gBAAgB;AACrB,oBAAe,MAAM;AACrB,oBAAe,UAAU;MACzB;;AAGJ,UAAO,WAAW,aAAa,SAAS;IACxC"}
+{"version":3,"file":"client.js","names":[],"sources":["../../src/client.ts"],"sourcesContent":["import {\n  EnvironmentProviders,\n  Provider,\n  reflectComponentType,\n  ɵComponentType as ComponentType,\n  provideZonelessChangeDetection,\n} from '@angular/core';\nimport { ApplicationRef, createComponent } from '@angular/core';\nimport { createApplication } from '@angular/platform-browser';\nimport { Observable, Subject, takeUntil } from 'rxjs';\n\nexport default (\n  element: HTMLElement,\n): ((\n  Component: ComponentType<unknown> & {\n    clientProviders?: (Provider | EnvironmentProviders)[];\n  },\n  props?: Record<string, unknown>,\n  _childHTML?: unknown,\n) => void) => {\n  return (\n    Component: ComponentType<unknown> & {\n      clientProviders?: (Provider | EnvironmentProviders)[];\n    },\n    props?: Record<string, unknown>,\n    _childHTML?: unknown,\n  ): void => {\n    createApplication({\n      providers: [\n        provideZonelessChangeDetection(),\n        ...(Component.clientProviders || []),\n      ],\n    }).then((appRef: ApplicationRef) => {\n      const componentRef = createComponent(Component, {\n        environmentInjector: appRef.injector,\n        hostElement: element,\n      });\n\n      const mirror = reflectComponentType(Component);\n      if (props && mirror) {\n        for (const [key, value] of Object.entries(props)) {\n          if (\n            mirror.inputs.some(\n              ({ templateName, propName }) =>\n                templateName === key || propName === key,\n            )\n          ) {\n            componentRef.setInput(key, value);\n          }\n        }\n      }\n\n      if (mirror?.outputs.length && props?.['data-analog-id']) {\n        const destroySubject = new Subject<void>();\n        element.setAttribute(\n          'data-analog-id',\n          props['data-analog-id'] as string,\n        );\n\n        mirror.outputs.forEach(({ templateName, propName }) => {\n          const outputName = templateName || propName;\n          const component = componentRef.instance as Record<\n            string,\n            Observable<unknown>\n          >;\n          component[outputName]\n            .pipe(takeUntil(destroySubject))\n            .subscribe((detail) => {\n              const event = new CustomEvent(outputName, {\n                bubbles: true,\n                cancelable: true,\n                composed: true,\n                detail,\n              });\n              element.dispatchEvent(event);\n            });\n        });\n\n        appRef.onDestroy(() => {\n          destroySubject.next();\n          destroySubject.complete();\n        });\n      }\n\n      appRef.attachView(componentRef.hostView);\n    });\n  };\n};\n"],"mappings":";;;;AAWA,IAAA,kBACE,YAOY;AACZ,SACE,WAGA,OACA,eACS;AACT,oBAAkB,EAChB,WAAW,CACT,gCAAgC,EAChC,GAAI,UAAU,mBAAmB,EAAE,CACpC,EACF,CAAC,CAAC,MAAM,WAA2B;GAClC,MAAM,eAAe,gBAAgB,WAAW;IAC9C,qBAAqB,OAAO;IAC5B,aAAa;IACd,CAAC;GAEF,MAAM,SAAS,qBAAqB,UAAU;AAC9C,OAAI,SAAS;SACN,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,CAC9C,KACE,OAAO,OAAO,MACX,EAAE,cAAc,eACf,iBAAiB,OAAO,aAAa,IACxC,CAED,cAAa,SAAS,KAAK,MAAM;;AAKvC,OAAI,QAAQ,QAAQ,UAAU,QAAQ,mBAAmB;IACvD,MAAM,iBAAiB,IAAI,SAAe;AAC1C,YAAQ,aACN,kBACA,MAAM,kBACP;AAED,WAAO,QAAQ,SAAS,EAAE,cAAc,eAAe;KACrD,MAAM,aAAa,gBAAgB;AACjB,kBAAa,SAIrB,YACP,KAAK,UAAU,eAAe,CAAC,CAC/B,WAAW,WAAW;MACrB,MAAM,QAAQ,IAAI,YAAY,YAAY;OACxC,SAAS;OACT,YAAY;OACZ,UAAU;OACV;OACD,CAAC;AACF,cAAQ,cAAc,MAAM;OAC5B;MACJ;AAEF,WAAO,gBAAgB;AACrB,oBAAe,MAAM;AACrB,oBAAe,UAAU;MACzB;;AAGJ,UAAO,WAAW,aAAa,SAAS;IACxC"}

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

@@ -1,8 +1,23 @@
-import { PluginOptions } from '@analogjs/vite-plugin-angular';
-import type { AstroIntegration } from 'astro';
+import type { PluginOptions, TransformFilter } from "@analogjs/vite-plugin-angular";
+import type { AstroIntegration } from "astro";
 interface AngularOptions {
-    vite?: PluginOptions;
+	vite?: PluginOptions;
+	/**
+	* Restricts which modules Angular compiles. Return `false` to leave a
+	* module to other Astro integrations. Registered with Angular through the
+	* `analog.setup()` hook of an internal Vite plugin.
+	*/
+	transformFilter?: TransformFilter;
+	/**
+	* Enable stricter rendering, which ensures Angular style tags are added to the document head instead of next to the
+	* component in the body.
+	*
+	* 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;
-export {};
-//# sourceMappingURL=index.d.ts.map
+export default function(options?: AngularOptions): AstroIntegration;

package/src/index.js

@@ -1,12 +1,33 @@
-import { enableProdMode } from "@angular/core";
 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"
+	};
+}
+var SERVER_ENTRYPOINTS = [
+	"@angular/platform-server",
+	"@analogjs/astro-angular/server.js",
+	"@analogjs/astro-angular/server-ngh.js"
+];
+/**
+* Modules the dependency optimizer must leave alone on the server.
+* `@angular/core` is excluded on top of the server entrypoints because
+* pre-bundling it produces a second copy of the Angular runtime, so components
+* render against a different runtime than the one they were registered in —
+* surfacing as empty SSR output plus `NG0912` component ID collisions.
+*/
+var SERVER_OPTIMIZE_DEPS_EXCLUDE = [...SERVER_ENTRYPOINTS, "@angular/core"];
+function transformFilterPlugin(filter) {
+	return {
+		name: "@analogjs/astro-angular-transform-filter",
+		analog: { setup(ctx) {
+			ctx.registerTransformFilter(filter);
+		} }
 	};
 }
 function getViteConfiguration(pluginOptions) {
@@ -17,12 +38,13 @@ 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: SERVER_ENTRYPOINTS
 		},
 		plugins: [
-			viteAngular(pluginOptions),
+			viteAngular(pluginOptions?.vite),
+			...pluginOptions?.transformFilter ? [transformFilterPlugin(pluginOptions.transformFilter)] : [],
 			{
 				name: "@analogjs/astro-angular-platform-server",
 				transform(code, id) {
@@ -37,6 +59,13 @@ function getViteConfiguration(pluginOptions) {
 				configEnvironment(name) {
 					if (name === "client") return { define: { ngServerMode: "false" } };
 				}
+			},
+			{
+				name: "analogjs-astro-server-optimize-deps",
+				configEnvironment(name) {
+					if (name === "client") return;
+					return { optimizeDeps: { exclude: SERVER_OPTIMIZE_DEPS_EXCLUDE } };
+				}
 			}
 		],
 		ssr: { noExternal: ["@angular/**", "@analogjs/**"] }
@@ -47,9 +76,13 @@ function src_default(options) {
 	return {
 		name: "@analogjs/astro-angular",
 		hooks: {
-			"astro:config:setup": ({ addRenderer, updateConfig }) => {
-				addRenderer(getRenderer());
-				updateConfig({ vite: getViteConfiguration(options?.vite) });
+			"astro:config:setup": ({ addRenderer, updateConfig, addMiddleware }) => {
+				addRenderer(getRenderer(options?.useAngularHydration));
+				updateConfig({ vite: getViteConfiguration(options) });
+				if (options?.strictStylePlacement) addMiddleware({
+					order: "pre",
+					entrypoint: "@analogjs/astro-angular/middleware"
+				});
 			},
 			"astro:config:done": () => {
 				if (process.env.NODE_ENV === "production") enableProdMode();

package/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../packages/astro-angular/src/index.ts"],"sourcesContent":["import viteAngular, { 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\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 }) => {\n        addRenderer(getRenderer());\n        updateConfig({\n          vite: getViteConfiguration(\n            options?.vite,\n          ) as unknown as ViteUserConfig,\n        });\n      },\n      'astro:config:done': () => {\n        if (process.env['NODE_ENV'] === 'production') {\n          enableProdMode();\n        }\n      },\n    },\n  };\n}\n"],"mappings":";;;;AASA,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,mBAAmB;AACvD,gBAAY,aAAa,CAAC;AAC1B,iBAAa,EACX,MAAM,qBACJ,SAAS,KACV,EACF,CAAC;;GAEJ,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 {\n  AnalogIntegrationPlugin,\n  PluginOptions,\n  TransformFilter,\n} 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   * Restricts which modules Angular compiles. Return `false` to leave a\n   * module to other Astro integrations. Registered with Angular through the\n   * `analog.setup()` hook of an internal Vite plugin.\n   */\n  transformFilter?: TransformFilter;\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\nconst SERVER_ENTRYPOINTS = [\n  '@angular/platform-server',\n  '@analogjs/astro-angular/server.js',\n  '@analogjs/astro-angular/server-ngh.js',\n];\n\n/**\n * Modules the dependency optimizer must leave alone on the server.\n * `@angular/core` is excluded on top of the server entrypoints because\n * pre-bundling it produces a second copy of the Angular runtime, so components\n * render against a different runtime than the one they were registered in —\n * surfacing as empty SSR output plus `NG0912` component ID collisions.\n */\nconst SERVER_OPTIMIZE_DEPS_EXCLUDE = [...SERVER_ENTRYPOINTS, '@angular/core'];\n\nfunction transformFilterPlugin(\n  filter: TransformFilter,\n): AnalogIntegrationPlugin {\n  return {\n    name: '@analogjs/astro-angular-transform-filter',\n    analog: {\n      setup(ctx) {\n        ctx.registerTransformFilter(filter);\n      },\n    },\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: SERVER_ENTRYPOINTS,\n    },\n\n    plugins: [\n      viteAngular(pluginOptions?.vite),\n      ...(pluginOptions?.transformFilter\n        ? [transformFilterPlugin(pluginOptions.transformFilter)]\n        : []),\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        // Top-level `optimizeDeps` only seeds the client environment. Adapters\n        // that run SSR in their own environment — `@astrojs/cloudflare`, which\n        // serves the `ssr` environment on `workerd` — get none of the excludes\n        // above, so Angular's server entrypoints are pre-bundled there and the\n        // renderer breaks. Re-declare them per server environment.\n        name: 'analogjs-astro-server-optimize-deps',\n        configEnvironment(name: string) {\n          if (name === 'client') {\n            return undefined;\n          }\n\n          return {\n            optimizeDeps: {\n              exclude: SERVER_OPTIMIZE_DEPS_EXCLUDE,\n            },\n          };\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":";;;;AA+BA,SAAS,YAAY,aAAiD;AACpE,QAAO;EACL,MAAM;EACN,kBAAkB,cACd,0CACA;EACJ,kBAAkB,cACd,0CACA;EACL;;AAGH,IAAM,qBAAqB;CACzB;CACA;CACA;CACD;;;;;;;;AASD,IAAM,+BAA+B,CAAC,GAAG,oBAAoB,gBAAgB;AAE7E,SAAS,sBACP,QACyB;AACzB,QAAO;EACL,MAAM;EACN,QAAQ,EACN,MAAM,KAAK;AACT,OAAI,wBAAwB,OAAO;KAEtC;EACF;;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;GACV;EAED,SAAS;GACP,YAAY,eAAe,KAAK;GAChC,GAAI,eAAe,kBACf,CAAC,sBAAsB,cAAc,gBAAgB,CAAC,GACtD,EAAE;GACN;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;GACD;IAME,MAAM;IACN,kBAAkB,MAAc;AAC9B,SAAI,SAAS,SACX;AAGF,YAAO,EACL,cAAc,EACZ,SAAS,8BACV,EACF;;IAEJ;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.d.ts

@@ -0,0 +1,2 @@
+import type { MiddlewareHandler } from "astro";
+export declare const onRequest: MiddlewareHandler;

package/src/middleware.js

@@ -0,0 +1,48 @@
+import { rehype } from "../node_modules/.pnpm/rehype@13.0.2/node_modules/rehype/index.js";
+//#region packages/astro-angular/src/middleware.ts
+var processor = rehype();
+var onRequest = async (_ctx, next) => {
+	const response = await next();
+	if (response.headers.get("content-type")?.includes("text/html") !== true) return response;
+	const responseBody = await response.text();
+	const tree = processor.parse(responseBody);
+	const stack = [tree];
+	const styleTags = [];
+	let head = null;
+	while (stack.length) {
+		const top = stack.pop();
+		if (top.type === "element" && top.tagName === "template") continue;
+		if (top.type === "element" && top.tagName === "style") {
+			if ("ng-app-id" in top.properties) styleTags.push(top);
+			continue;
+		}
+		if (top.type === "element" && top.tagName === "head" && !head) {
+			head = top;
+			continue;
+		}
+		if (top.type !== "root" && top.type !== "element") continue;
+		for (let index = top.children.length - 1; index >= 0; index--) {
+			const child = top.children[index];
+			stack.push(child);
+			if (child.type === "element" && child.tagName === "style" && "ng-app-id" in child.properties) top.children.splice(index, 1);
+		}
+	}
+	if (head) head.children.push(...styleTags);
+	else {
+		const head = {
+			type: "element",
+			children: styleTags,
+			properties: {},
+			tagName: "head"
+		};
+		tree.children.unshift(head);
+	}
+	const newBody = processor.stringify(tree);
+	const newResponse = new Response(newBody, response);
+	newResponse.headers.set("content-length", Buffer.byteLength(newBody).toFixed(0));
+	return newResponse;
+};
+//#endregion
+export { onRequest };
+
+//# sourceMappingURL=middleware.js.map

package/src/middleware.js.map

@@ -0,0 +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  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/server.d.ts

@@ -1,13 +1,12 @@
-import type { EnvironmentProviders, Provider, ɵComponentType as ComponentType } from '@angular/core';
+import type { EnvironmentProviders, Provider, ɵComponentType as ComponentType } from "@angular/core";
 declare function check(Component: ComponentType<unknown>, _props: Record<string, unknown>, _children: unknown): boolean;
 declare function renderToStaticMarkup(Component: ComponentType<unknown> & {
-    renderProviders: (Provider | EnvironmentProviders)[];
+	renderProviders: (Provider | EnvironmentProviders)[];
 }, props: Record<string, unknown>, _children: unknown): Promise<{
-    html: string;
+	html: string;
 }>;
 declare const renderer: {
-    check: typeof check;
-    renderToStaticMarkup: typeof renderToStaticMarkup;
+	check: typeof check;
+	renderToStaticMarkup: typeof renderToStaticMarkup;
 };
 export default renderer;
-//# sourceMappingURL=server.d.ts.map

package/src/server.js

@@ -1,6 +1,6 @@
-import { ApplicationRef, InjectionToken, provideZonelessChangeDetection, reflectComponentType } from "@angular/core";
+import { ApplicationRef, DOCUMENT, InjectionToken, provideZonelessChangeDetection, reflectComponentType } from "@angular/core";
 import { bootstrapApplication } from "@angular/platform-browser";
-import { BEFORE_APP_SERIALIZED, provideServerRendering, renderApplication, ɵSERVER_CONTEXT } from "@angular/platform-server";
+import { BEFORE_APP_SERIALIZED, platformServer, provideServerRendering, renderApplication, ɵSERVER_CONTEXT } from "@angular/platform-server";
 //#region packages/astro-angular/src/server.ts
 var ANALOG_ASTRO_STATIC_PROPS = new InjectionToken("@analogjs/astro-angular: Static Props w/ Mirror Provider", { factory() {
 	return {
@@ -28,7 +28,9 @@ var STATIC_PROPS_HOOK_PROVIDER = {
 async function renderToStaticMarkup(Component, props, _children) {
 	const mirror = reflectComponentType(Component);
 	const appId = mirror?.selector.split(",")[0] || Component.name.toString().toLowerCase();
-	const document = `<${appId}></${appId}>`;
+	const platformRef = platformServer();
+	const document = platformRef.injector.get(DOCUMENT);
+	document.body.innerHTML = `<${appId}></${appId}>`;
 	const bootstrap = (context) => bootstrapApplication(Component, { providers: [
 		{
 			provide: ANALOG_ASTRO_STATIC_PROPS,
@@ -46,7 +48,15 @@ async function renderToStaticMarkup(Component, props, _children) {
 		provideZonelessChangeDetection(),
 		...Component.renderProviders || []
 	] }, context);
-	return { html: await renderApplication(bootstrap, { document }) };
+	const html = await renderApplication(bootstrap, { document });
+	document.documentElement.innerHTML = html;
+	let styleTags = "";
+	document.head.childNodes.forEach((node) => {
+		if (node.nodeName === "STYLE") styleTags += node.outerHTML;
+	});
+	const correctedHtml = styleTags + document.body.innerHTML;
+	platformRef.destroy();
+	return { html: correctedHtml };
 }
 var renderer = {
 	check,

package/src/server.js.map

@@ -1 +1 @@
-{"version":3,"file":"server.js","names":[],"sources":["../../../../packages/astro-angular/src/server.ts"],"sourcesContent":["import type {\n  ComponentMirror,\n  EnvironmentProviders,\n  Provider,\n  ɵComponentType as ComponentType,\n} from '@angular/core';\nimport {\n  ApplicationRef,\n  InjectionToken,\n  reflectComponentType,\n  provideZonelessChangeDetection,\n} from '@angular/core';\nimport {\n  BEFORE_APP_SERIALIZED,\n  provideServerRendering,\n  renderApplication,\n  ɵSERVER_CONTEXT,\n} from '@angular/platform-server';\nimport {\n  bootstrapApplication,\n  type BootstrapContext,\n} from '@angular/platform-browser';\n\nconst ANALOG_ASTRO_STATIC_PROPS = new InjectionToken<{\n  props: Record<string, unknown>;\n  mirror: ComponentMirror<unknown>;\n}>('@analogjs/astro-angular: Static Props w/ Mirror Provider', {\n  factory() {\n    return { props: {}, mirror: {} as ComponentMirror<unknown> };\n  },\n});\n\nfunction check(\n  Component: ComponentType<unknown>,\n  _props: Record<string, unknown>,\n  _children: unknown,\n): boolean {\n  return !!reflectComponentType(Component);\n}\n\n// Run beforeAppInitialized hook to set Input on the ComponentRef\n// before the platform renders to string\nconst STATIC_PROPS_HOOK_PROVIDER: Provider = {\n  provide: BEFORE_APP_SERIALIZED,\n  useFactory: (\n    appRef: ApplicationRef,\n    {\n      props,\n      mirror,\n    }: {\n      props: Record<string, unknown>;\n      mirror: ComponentMirror<unknown>;\n    },\n  ) => {\n    return () => {\n      const compRef = appRef.components[0];\n      if (compRef && props && mirror) {\n        for (const [key, value] of Object.entries(props)) {\n          if (\n            // we double-check inputs on ComponentMirror\n            // because Astro might add additional props\n            // that aren't actually Input defined on the Component\n            mirror.inputs.some(\n              ({ templateName, propName }) =>\n                templateName === key || propName === key,\n            )\n          ) {\n            compRef.setInput(key, value);\n          }\n        }\n        compRef.changeDetectorRef.detectChanges();\n      }\n    };\n  },\n  deps: [ApplicationRef, ANALOG_ASTRO_STATIC_PROPS],\n  multi: true,\n};\n\nasync function renderToStaticMarkup(\n  Component: ComponentType<unknown> & {\n    renderProviders: (Provider | EnvironmentProviders)[];\n  },\n  props: Record<string, unknown>,\n  _children: unknown,\n): Promise<{ html: string }> {\n  const mirror = reflectComponentType(Component);\n  const appId =\n    mirror?.selector.split(',')[0] || Component.name.toString().toLowerCase();\n  const document = `<${appId}></${appId}>`;\n  const bootstrap = (context?: BootstrapContext) =>\n    bootstrapApplication(\n      Component,\n      {\n        providers: [\n          {\n            provide: ANALOG_ASTRO_STATIC_PROPS,\n            useValue: { props, mirror },\n          },\n          STATIC_PROPS_HOOK_PROVIDER,\n          provideServerRendering(),\n          { provide: ɵSERVER_CONTEXT, useValue: 'analog' },\n          provideZonelessChangeDetection(),\n          ...(Component.renderProviders || []),\n        ],\n      },\n      context,\n    );\n\n  const html = await renderApplication(bootstrap, {\n    document,\n  });\n\n  return { html };\n}\n\nconst renderer: {\n  check: typeof check;\n  renderToStaticMarkup: typeof renderToStaticMarkup;\n} = {\n  check: check,\n  renderToStaticMarkup: renderToStaticMarkup,\n};\nexport default renderer;\n"],"mappings":";;;;AAuBA,IAAM,4BAA4B,IAAI,eAGnC,4DAA4D,EAC7D,UAAU;AACR,QAAO;EAAE,OAAO,EAAE;EAAE,QAAQ,EAAE;EAA8B;GAE/D,CAAC;AAEF,SAAS,MACP,WACA,QACA,WACS;AACT,QAAO,CAAC,CAAC,qBAAqB,UAAU;;AAK1C,IAAM,6BAAuC;CAC3C,SAAS;CACT,aACE,QACA,EACE,OACA,aAKC;AACH,eAAa;GACX,MAAM,UAAU,OAAO,WAAW;AAClC,OAAI,WAAW,SAAS,QAAQ;AAC9B,SAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,CAC9C,KAIE,OAAO,OAAO,MACX,EAAE,cAAc,eACf,iBAAiB,OAAO,aAAa,IACxC,CAED,SAAQ,SAAS,KAAK,MAAM;AAGhC,YAAQ,kBAAkB,eAAe;;;;CAI/C,MAAM,CAAC,gBAAgB,0BAA0B;CACjD,OAAO;CACR;AAED,eAAe,qBACb,WAGA,OACA,WAC2B;CAC3B,MAAM,SAAS,qBAAqB,UAAU;CAC9C,MAAM,QACJ,QAAQ,SAAS,MAAM,IAAI,CAAC,MAAM,UAAU,KAAK,UAAU,CAAC,aAAa;CAC3E,MAAM,WAAW,IAAI,MAAM,KAAK,MAAM;CACtC,MAAM,aAAa,YACjB,qBACE,WACA,EACE,WAAW;EACT;GACE,SAAS;GACT,UAAU;IAAE;IAAO;IAAQ;GAC5B;EACD;EACA,wBAAwB;EACxB;GAAE,SAAS;GAAiB,UAAU;GAAU;EAChD,gCAAgC;EAChC,GAAI,UAAU,mBAAmB,EAAE;EACpC,EACF,EACD,QACD;AAMH,QAAO,EAAE,MAJI,MAAM,kBAAkB,WAAW,EAC9C,UACD,CAAC,EAEa;;AAGjB,IAAM,WAGF;CACK;CACe;CACvB"}
+{"version":3,"file":"server.js","names":[],"sources":["../../src/server.ts"],"sourcesContent":["import type {\n  ComponentMirror,\n  EnvironmentProviders,\n  Provider,\n  ɵComponentType as ComponentType,\n} from '@angular/core';\nimport {\n  ApplicationRef,\n  InjectionToken,\n  reflectComponentType,\n  provideZonelessChangeDetection,\n  DOCUMENT,\n} from '@angular/core';\nimport {\n  BEFORE_APP_SERIALIZED,\n  provideServerRendering,\n  renderApplication,\n  ɵSERVER_CONTEXT,\n  platformServer,\n} from '@angular/platform-server';\nimport {\n  bootstrapApplication,\n  type BootstrapContext,\n} from '@angular/platform-browser';\n\nconst ANALOG_ASTRO_STATIC_PROPS = new InjectionToken<{\n  props: Record<string, unknown>;\n  mirror: ComponentMirror<unknown>;\n}>('@analogjs/astro-angular: Static Props w/ Mirror Provider', {\n  factory() {\n    return { props: {}, mirror: {} as ComponentMirror<unknown> };\n  },\n});\n\nfunction check(\n  Component: ComponentType<unknown>,\n  _props: Record<string, unknown>,\n  _children: unknown,\n): boolean {\n  return !!reflectComponentType(Component);\n}\n\n// Run beforeAppInitialized hook to set Input on the ComponentRef\n// before the platform renders to string\nconst STATIC_PROPS_HOOK_PROVIDER: Provider = {\n  provide: BEFORE_APP_SERIALIZED,\n  useFactory: (\n    appRef: ApplicationRef,\n    {\n      props,\n      mirror,\n    }: {\n      props: Record<string, unknown>;\n      mirror: ComponentMirror<unknown>;\n    },\n  ) => {\n    return () => {\n      const compRef = appRef.components[0];\n      if (compRef && props && mirror) {\n        for (const [key, value] of Object.entries(props)) {\n          if (\n            // we double-check inputs on ComponentMirror\n            // because Astro might add additional props\n            // that aren't actually Input defined on the Component\n            mirror.inputs.some(\n              ({ templateName, propName }) =>\n                templateName === key || propName === key,\n            )\n          ) {\n            compRef.setInput(key, value);\n          }\n        }\n        compRef.changeDetectorRef.detectChanges();\n      }\n    };\n  },\n  deps: [ApplicationRef, ANALOG_ASTRO_STATIC_PROPS],\n  multi: true,\n};\n\nasync function renderToStaticMarkup(\n  Component: ComponentType<unknown> & {\n    renderProviders: (Provider | EnvironmentProviders)[];\n  },\n  props: Record<string, unknown>,\n  _children: unknown,\n): Promise<{ html: string }> {\n  const mirror = reflectComponentType(Component);\n  const appId =\n    mirror?.selector.split(',')[0] || Component.name.toString().toLowerCase();\n\n  const platformRef = platformServer();\n  const document = platformRef.injector.get(DOCUMENT);\n  document.body.innerHTML = `<${appId}></${appId}>`;\n\n  const bootstrap = (context?: BootstrapContext) =>\n    bootstrapApplication(\n      Component,\n      {\n        providers: [\n          {\n            provide: ANALOG_ASTRO_STATIC_PROPS,\n            useValue: { props, mirror },\n          },\n          STATIC_PROPS_HOOK_PROVIDER,\n          provideServerRendering(),\n          { provide: ɵSERVER_CONTEXT, useValue: 'analog' },\n          provideZonelessChangeDetection(),\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  const correctedHtml = styleTags + document.body.innerHTML;\n\n  platformRef.destroy();\n\n  return { html: correctedHtml };\n}\n\nconst renderer: {\n  check: typeof check;\n  renderToStaticMarkup: typeof renderToStaticMarkup;\n} = {\n  check: check,\n  renderToStaticMarkup: renderToStaticMarkup,\n};\nexport default renderer;\n"],"mappings":";;;;AAyBA,IAAM,4BAA4B,IAAI,eAGnC,4DAA4D,EAC7D,UAAU;AACR,QAAO;EAAE,OAAO,EAAE;EAAE,QAAQ,EAAE;EAA8B;GAE/D,CAAC;AAEF,SAAS,MACP,WACA,QACA,WACS;AACT,QAAO,CAAC,CAAC,qBAAqB,UAAU;;AAK1C,IAAM,6BAAuC;CAC3C,SAAS;CACT,aACE,QACA,EACE,OACA,aAKC;AACH,eAAa;GACX,MAAM,UAAU,OAAO,WAAW;AAClC,OAAI,WAAW,SAAS,QAAQ;AAC9B,SAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,CAC9C,KAIE,OAAO,OAAO,MACX,EAAE,cAAc,eACf,iBAAiB,OAAO,aAAa,IACxC,CAED,SAAQ,SAAS,KAAK,MAAM;AAGhC,YAAQ,kBAAkB,eAAe;;;;CAI/C,MAAM,CAAC,gBAAgB,0BAA0B;CACjD,OAAO;CACR;AAED,eAAe,qBACb,WAGA,OACA,WAC2B;CAC3B,MAAM,SAAS,qBAAqB,UAAU;CAC9C,MAAM,QACJ,QAAQ,SAAS,MAAM,IAAI,CAAC,MAAM,UAAU,KAAK,UAAU,CAAC,aAAa;CAE3E,MAAM,cAAc,gBAAgB;CACpC,MAAM,WAAW,YAAY,SAAS,IAAI,SAAS;AACnD,UAAS,KAAK,YAAY,IAAI,MAAM,KAAK,MAAM;CAE/C,MAAM,aAAa,YACjB,qBACE,WACA,EACE,WAAW;EACT;GACE,SAAS;GACT,UAAU;IAAE;IAAO;IAAQ;GAC5B;EACD;EACA,wBAAwB;EACxB;GAAE,SAAS;GAAiB,UAAU;GAAU;EAChD,gCAAgC;EAChC,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;CAEF,MAAM,gBAAgB,YAAY,SAAS,KAAK;AAEhD,aAAY,SAAS;AAErB,QAAO,EAAE,MAAM,eAAe;;AAGhC,IAAM,WAGF;CACK;CACe;CACvB"}

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"}

package/src/test-setup.d.ts

@@ -0,0 +1,3 @@
+import "@angular/compiler";
+import "@analogjs/vitest-angular/setup-snapshots";
+export {};

package/src/utils.d.ts

@@ -1,2 +1 @@
 export declare function addOutputListener(analogId: string, outputName: string, callback: (...args: unknown[]) => unknown, eventListenerOptions?: EventListenerOptions): () => void;
-//# sourceMappingURL=utils.d.ts.map

package/src/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../../packages/astro-angular/src/utils.ts"],"sourcesContent":["export function addOutputListener(\n  analogId: string,\n  outputName: string,\n  callback: (...args: unknown[]) => unknown,\n  eventListenerOptions: EventListenerOptions = {},\n): () => void {\n  const observer = new MutationObserver((mutations) => {\n    const foundTarget = mutations.find(\n      (mutation) =>\n        (mutation.target as HTMLElement).dataset?.['analogId'] === analogId,\n    )?.target;\n\n    if (foundTarget) {\n      foundTarget.addEventListener(outputName, callback, eventListenerOptions);\n      observer.disconnect();\n    }\n  });\n  observer.observe(document.body, { attributes: true, subtree: true });\n\n  return (): void => observer.disconnect();\n}\n"],"mappings":";AAAA,SAAgB,kBACd,UACA,YACA,UACA,uBAA6C,EAAE,EACnC;CACZ,MAAM,WAAW,IAAI,kBAAkB,cAAc;EACnD,MAAM,cAAc,UAAU,MAC3B,aACE,SAAS,OAAuB,UAAU,gBAAgB,SAC9D,EAAE;AAEH,MAAI,aAAa;AACf,eAAY,iBAAiB,YAAY,UAAU,qBAAqB;AACxE,YAAS,YAAY;;GAEvB;AACF,UAAS,QAAQ,SAAS,MAAM;EAAE,YAAY;EAAM,SAAS;EAAM,CAAC;AAEpE,cAAmB,SAAS,YAAY"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/utils.ts"],"sourcesContent":["export function addOutputListener(\n  analogId: string,\n  outputName: string,\n  callback: (...args: unknown[]) => unknown,\n  eventListenerOptions: EventListenerOptions = {},\n): () => void {\n  const observer = new MutationObserver((mutations) => {\n    const foundTarget = mutations.find(\n      (mutation) =>\n        (mutation.target as HTMLElement).dataset?.['analogId'] === analogId,\n    )?.target;\n\n    if (foundTarget) {\n      foundTarget.addEventListener(outputName, callback, eventListenerOptions);\n      observer.disconnect();\n    }\n  });\n  observer.observe(document.body, { attributes: true, subtree: true });\n\n  return (): void => observer.disconnect();\n}\n"],"mappings":";AAAA,SAAgB,kBACd,UACA,YACA,UACA,uBAA6C,EAAE,EACnC;CACZ,MAAM,WAAW,IAAI,kBAAkB,cAAc;EACnD,MAAM,cAAc,UAAU,MAC3B,aACE,SAAS,OAAuB,UAAU,gBAAgB,SAC9D,EAAE;AAEH,MAAI,aAAa;AACf,eAAY,iBAAiB,YAAY,UAAU,qBAAqB;AACxE,YAAS,YAAY;;GAEvB;AACF,UAAS,QAAQ,SAAS,MAAM;EAAE,YAAY;EAAM,SAAS;EAAM,CAAC;AAEpE,cAAmB,SAAS,YAAY"}

package/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/src/client.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../../packages/astro-angular/src/client.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,QAAQ,EAER,cAAc,IAAI,aAAa,EAEhC,MAAM,eAAe,CAAC;yBAMrB,SAAS,WAAW,KACnB,CAAC,CACF,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG;IAClC,eAAe,CAAC,EAAE,CAAC,QAAQ,GAAG,oBAAoB,CAAC,EAAE,CAAC;CACvD,EACD,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,UAAU,CAAC,EAAE,OAAO,KACjB,IAAI,CAAC;AARV,wBA4EE"}

package/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../packages/astro-angular/src/index.ts"],"names":[],"mappings":"AAAA,OAAoB,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,KAAK,EAAE,gBAAgB,EAAiC,MAAM,OAAO,CAAC;AAG7E,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAoED,MAAM,CAAC,OAAO,WAAW,OAAO,CAAC,EAAE,cAAc,GAAG,gBAAgB,CAqBnE"}

package/src/server.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../../../packages/astro-angular/src/server.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,oBAAoB,EACpB,QAAQ,EACR,cAAc,IAAI,aAAa,EAChC,MAAM,eAAe,CAAC;AA2BvB,iBAAS,KAAK,CACZ,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,EACjC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,SAAS,EAAE,OAAO,GACjB,OAAO,CAET;AAwCD,iBAAe,oBAAoB,CACjC,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG;IAClC,eAAe,EAAE,CAAC,QAAQ,GAAG,oBAAoB,CAAC,EAAE,CAAC;CACtD,EACD,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,SAAS,EAAE,OAAO,GACjB,OAAO,CAAC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CA6B3B;AAED,QAAA,MAAM,QAAQ,EAAE;IACd,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,oBAAoB,EAAE,OAAO,oBAAoB,CAAC;CAInD,CAAC;AACF,eAAe,QAAQ,CAAC"}

package/src/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../packages/astro-angular/src/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,EACzC,oBAAoB,GAAE,oBAAyB,GAC9C,MAAM,IAAI,CAeZ"}