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

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,63 +1,68 @@
-import { ApplicationRef, InjectionToken, reflectComponentType, provideZonelessChangeDetection, } from '@angular/core';
-import { BEFORE_APP_SERIALIZED, provideServerRendering, renderApplication, ɵSERVER_CONTEXT, } from '@angular/platform-server';
-import { bootstrapApplication, } from '@angular/platform-browser';
-const ANALOG_ASTRO_STATIC_PROPS = new InjectionToken('@analogjs/astro-angular: Static Props w/ Mirror Provider', {
-    factory() {
-        return { props: {}, mirror: {} };
-    },
-});
+import { ApplicationRef, DOCUMENT, InjectionToken, provideZonelessChangeDetection, reflectComponentType } from "@angular/core";
+import { bootstrapApplication } from "@angular/platform-browser";
+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 {
+		props: {},
+		mirror: {}
+	};
+} });
 function check(Component, _props, _children) {
-    return !!reflectComponentType(Component);
+	return !!reflectComponentType(Component);
 }
-// Run beforeAppInitialized hook to set Input on the ComponentRef
-// before the platform renders to string
-const STATIC_PROPS_HOOK_PROVIDER = {
-    provide: BEFORE_APP_SERIALIZED,
-    useFactory: (appRef, { props, mirror, }) => {
-        return () => {
-            const compRef = appRef.components[0];
-            if (compRef && props && mirror) {
-                for (const [key, value] of Object.entries(props)) {
-                    if (
-                    // we double-check inputs on ComponentMirror
-                    // because Astro might add additional props
-                    // that aren't actually Input defined on the Component
-                    mirror.inputs.some(({ templateName, propName }) => templateName === key || propName === key)) {
-                        compRef.setInput(key, value);
-                    }
-                }
-                compRef.changeDetectorRef.detectChanges();
-            }
-        };
-    },
-    deps: [ApplicationRef, ANALOG_ASTRO_STATIC_PROPS],
-    multi: true,
+var STATIC_PROPS_HOOK_PROVIDER = {
+	provide: BEFORE_APP_SERIALIZED,
+	useFactory: (appRef, { props, mirror }) => {
+		return () => {
+			const compRef = appRef.components[0];
+			if (compRef && props && mirror) {
+				for (const [key, value] of Object.entries(props)) if (mirror.inputs.some(({ templateName, propName }) => templateName === key || propName === key)) compRef.setInput(key, value);
+				compRef.changeDetectorRef.detectChanges();
+			}
+		};
+	},
+	deps: [ApplicationRef, ANALOG_ASTRO_STATIC_PROPS],
+	multi: true
 };
 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 bootstrap = (context) => bootstrapApplication(Component, {
-        providers: [
-            {
-                provide: ANALOG_ASTRO_STATIC_PROPS,
-                useValue: { props, mirror },
-            },
-            STATIC_PROPS_HOOK_PROVIDER,
-            provideServerRendering(),
-            { provide: ɵSERVER_CONTEXT, useValue: 'analog' },
-            provideZonelessChangeDetection(),
-            ...(Component.renderProviders || []),
-        ],
-    }, context);
-    const html = await renderApplication(bootstrap, {
-        document,
-    });
-    return { html };
+	const mirror = reflectComponentType(Component);
+	const appId = mirror?.selector.split(",")[0] || Component.name.toString().toLowerCase();
+	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,
+			useValue: {
+				props,
+				mirror
+			}
+		},
+		STATIC_PROPS_HOOK_PROVIDER,
+		provideServerRendering(),
+		{
+			provide: ɵSERVER_CONTEXT,
+			useValue: "analog"
+		},
+		provideZonelessChangeDetection(),
+		...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;
+	});
+	const correctedHtml = styleTags + document.body.innerHTML;
+	platformRef.destroy();
+	return { html: correctedHtml };
 }
-const renderer = {
-    check: check,
-    renderToStaticMarkup: renderToStaticMarkup,
+var renderer = {
+	check,
+	renderToStaticMarkup
 };
-export default renderer;
+//#endregion
+export { renderer as default };
+
 //# sourceMappingURL=server.js.map

package/src/server.js.map

@@ -1 +1 @@
-{"version":3,"file":"server.js","sourceRoot":"","sources":["../../../../packages/astro-angular/src/server.ts"],"names":[],"mappings":"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","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"]}
+{"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: any[]) => unknown, eventListenerOptions?: EventListenerOptions): () => void;
-//# sourceMappingURL=utils.d.ts.map
+export declare function addOutputListener(analogId: string, outputName: string, callback: (...args: unknown[]) => unknown, eventListenerOptions?: EventListenerOptions): () => void;

package/src/utils.js

@@ -1,12 +1,19 @@
-export function addOutputListener(analogId, outputName, callback, eventListenerOptions = {}) {
-    const observer = new MutationObserver((mutations) => {
-        const foundTarget = mutations.find((mutation) => mutation.target.dataset?.['analogId'] === analogId)?.target;
-        if (foundTarget) {
-            foundTarget.addEventListener(outputName, callback, eventListenerOptions);
-            observer.disconnect();
-        }
-    });
-    observer.observe(document.body, { attributes: true, subtree: true });
-    return () => observer.disconnect();
+//#region packages/astro-angular/src/utils.ts
+function addOutputListener(analogId, outputName, callback, eventListenerOptions = {}) {
+	const observer = new MutationObserver((mutations) => {
+		const foundTarget = mutations.find((mutation) => mutation.target.dataset?.["analogId"] === analogId)?.target;
+		if (foundTarget) {
+			foundTarget.addEventListener(outputName, callback, eventListenerOptions);
+			observer.disconnect();
+		}
+	});
+	observer.observe(document.body, {
+		attributes: true,
+		subtree: true
+	});
+	return () => observer.disconnect();
 }
+//#endregion
+export { addOutputListener };
+
 //# sourceMappingURL=utils.js.map

package/src/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../packages/astro-angular/src/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,iBAAiB,CAC/B,QAAgB,EAChB,UAAkB,EAClB,QAAqC,EACrC,uBAA6C,EAAE;IAE/C,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE;QAClD,MAAM,WAAW,GAAG,SAAS,CAAC,IAAI,CAChC,CAAC,QAAQ,EAAE,EAAE,CACV,QAAQ,CAAC,MAAsB,CAAC,OAAO,EAAE,CAAC,UAAU,CAAC,KAAK,QAAQ,CACtE,EAAE,MAAM,CAAC;QAEV,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,CAAC,gBAAgB,CAAC,UAAU,EAAE,QAAQ,EAAE,oBAAoB,CAAC,CAAC;YACzE,QAAQ,CAAC,UAAU,EAAE,CAAC;QACxB,CAAC;IACH,CAAC,CAAC,CAAC;IACH,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IAErE,OAAO,GAAS,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;AAC3C,CAAC","sourcesContent":["export function addOutputListener(\n  analogId: string,\n  outputName: string,\n  callback: (...args: any[]) => 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"]}
+{"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" />