@analogjs/astro-angular 2.0.0-alpha.1 → 2.0.0-alpha.11

package/README.md

@@ -132,6 +132,27 @@ export default defineConfig({
 });
 ```
 
+### Filtering File Transforms
+
+For better compatibility when integrating with other plugins such as [Starlight](https://starlight.astro.build), put the Angular components in a specific folder and use the `transformFilter` callback function to only transform those files.
+
+```js
+import { defineConfig } from 'astro/config';
+import angular from '@analogjs/astro-angular';
+
+export default defineConfig({
+  integrations: [
+    angular({
+      vite: {
+        transformFilter: (_code, id) => {
+          return id.includes('src/components'); // <- only transform Angular TypeScript files
+        },
+      },
+    }),
+  ],
+});
+```
+
 ### Transforming Packages for SSR Compatibility
 
 To ensure Angular libraries are transformed during Astro's SSR process, add them to the `ssr.noExternal` array in the Vite config.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@analogjs/astro-angular",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.11",
   "description": "Use Angular components within Astro",
   "type": "module",
   "author": "Brandon Roberts <robertsbt@gmail.com>",
@@ -32,7 +32,7 @@
     "url": "https://github.com/sponsors/brandonroberts"
   },
   "dependencies": {
-    "@analogjs/vite-plugin-angular": "^2.0.0-alpha.1"
+    "@analogjs/vite-plugin-angular": "^2.0.0-alpha.11"
   },
   "peerDependencies": {
     "@angular-devkit/build-angular": ">=16.0.0",
@@ -54,6 +54,7 @@
       "@analogjs/platform",
       "@analogjs/content",
       "@analogjs/router",
+      "@analogjs/storybook-angular",
       "@analogjs/vite-plugin-angular",
       "@analogjs/vite-plugin-nitro",
       "@analogjs/vitest-angular"

package/src/client.js.map

@@ -1 +1 @@
-{"version":3,"file":"client.js","sourceRoot":"","sources":["../../../../packages/astro-angular/src/client.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAC;AACjB,OAAO,EAGL,oBAAoB,GAErB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAkB,MAAM,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAc,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAEtD,eAAe,CAAC,OAAoB,EAAE,EAAE;IACtC,OAAO,CACL,SAEC,EACD,KAA+B,EAC/B,UAAoB,EACpB,EAAE;QACF,iBAAiB,CAAC;YAChB,SAAS,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC;SAClD,CAAC,CAAC,IAAI,CAAC,CAAC,MAAsB,EAAE,EAAE;YACjC,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACzC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE;gBACZ,MAAM,YAAY,GAAG,eAAe,CAAC,SAAS,EAAE;oBAC9C,mBAAmB,EAAE,MAAM,CAAC,QAAQ;oBACpC,WAAW,EAAE,OAAO;iBACrB,CAAC,CAAC;gBAEH,MAAM,MAAM,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC;gBAC/C,IAAI,KAAK,IAAI,MAAM,EAAE,CAAC;oBACpB,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;wBACjD,IACE,MAAM,CAAC,MAAM,CAAC,IAAI,CAChB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC7B,YAAY,KAAK,GAAG,IAAI,QAAQ,KAAK,GAAG,CAC3C,EACD,CAAC;4BACD,YAAY,CAAC,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;wBACpC,CAAC;oBACH,CAAC;gBACH,CAAC;gBAED,IAAI,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,KAAK,EAAE,CAAC,gBAAgB,CAAC,EAAE,CAAC;oBACxD,MAAM,cAAc,GAAG,IAAI,OAAO,EAAQ,CAAC;oBAC3C,OAAO,CAAC,YAAY,CAClB,gBAAgB,EAChB,KAAK,CAAC,gBAAgB,CAAW,CAClC,CAAC;oBAEF,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE;wBACpD,MAAM,UAAU,GAAG,YAAY,IAAI,QAAQ,CAAC;wBAC5C,MAAM,SAAS,GAAG,YAAY,CAAC,QAG9B,CAAC;wBACF,SAAS,CAAC,UAAU,CAAC;6BAClB,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;6BAC/B,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE;4BACpB,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,UAAU,EAAE;gCACxC,OAAO,EAAE,IAAI;gCACb,UAAU,EAAE,IAAI;gCAChB,QAAQ,EAAE,IAAI;gCACd,MAAM;6BACP,CAAC,CAAC;4BACH,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;wBAC/B,CAAC,CAAC,CAAC;oBACP,CAAC,CAAC,CAAC;oBAEH,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE;wBACpB,cAAc,CAAC,IAAI,EAAE,CAAC;wBACtB,cAAc,CAAC,QAAQ,EAAE,CAAC;oBAC5B,CAAC,CAAC,CAAC;gBACL,CAAC;gBAED,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import 'zone.js';\nimport {\n  EnvironmentProviders,\n  Provider,\n  reflectComponentType,\n  ɵComponentType as ComponentType,\n} from '@angular/core';\nimport { ApplicationRef, NgZone, createComponent } from '@angular/core';\nimport { createApplication } from '@angular/platform-browser';\nimport { Observable, Subject, takeUntil } from 'rxjs';\n\nexport default (element: HTMLElement) => {\n  return (\n    Component: ComponentType<unknown> & {\n      clientProviders?: (Provider | EnvironmentProviders)[];\n    },\n    props?: Record<string, unknown>,\n    _childHTML?: unknown\n  ) => {\n    createApplication({\n      providers: [...(Component.clientProviders || [])],\n    }).then((appRef: ApplicationRef) => {\n      const zone = appRef.injector.get(NgZone);\n      zone.run(() => {\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};\n"]}
+{"version":3,"file":"client.js","sourceRoot":"","sources":["../../../../packages/astro-angular/src/client.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAC;AACjB,OAAO,EAGL,oBAAoB,GAErB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAkB,MAAM,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAc,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAEtD,eAAe,CAAC,OAAoB,EAAE,EAAE;IACtC,OAAO,CACL,SAEC,EACD,KAA+B,EAC/B,UAAoB,EACpB,EAAE;QACF,iBAAiB,CAAC;YAChB,SAAS,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC;SAClD,CAAC,CAAC,IAAI,CAAC,CAAC,MAAsB,EAAE,EAAE;YACjC,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACzC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE;gBACZ,MAAM,YAAY,GAAG,eAAe,CAAC,SAAS,EAAE;oBAC9C,mBAAmB,EAAE,MAAM,CAAC,QAAQ;oBACpC,WAAW,EAAE,OAAO;iBACrB,CAAC,CAAC;gBAEH,MAAM,MAAM,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC;gBAC/C,IAAI,KAAK,IAAI,MAAM,EAAE,CAAC;oBACpB,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;wBACjD,IACE,MAAM,CAAC,MAAM,CAAC,IAAI,CAChB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC7B,YAAY,KAAK,GAAG,IAAI,QAAQ,KAAK,GAAG,CAC3C,EACD,CAAC;4BACD,YAAY,CAAC,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;wBACpC,CAAC;oBACH,CAAC;gBACH,CAAC;gBAED,IAAI,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,KAAK,EAAE,CAAC,gBAAgB,CAAC,EAAE,CAAC;oBACxD,MAAM,cAAc,GAAG,IAAI,OAAO,EAAQ,CAAC;oBAC3C,OAAO,CAAC,YAAY,CAClB,gBAAgB,EAChB,KAAK,CAAC,gBAAgB,CAAW,CAClC,CAAC;oBAEF,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE;wBACpD,MAAM,UAAU,GAAG,YAAY,IAAI,QAAQ,CAAC;wBAC5C,MAAM,SAAS,GAAG,YAAY,CAAC,QAG9B,CAAC;wBACF,SAAS,CAAC,UAAU,CAAC;6BAClB,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;6BAC/B,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE;4BACpB,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,UAAU,EAAE;gCACxC,OAAO,EAAE,IAAI;gCACb,UAAU,EAAE,IAAI;gCAChB,QAAQ,EAAE,IAAI;gCACd,MAAM;6BACP,CAAC,CAAC;4BACH,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;wBAC/B,CAAC,CAAC,CAAC;oBACP,CAAC,CAAC,CAAC;oBAEH,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE;wBACpB,cAAc,CAAC,IAAI,EAAE,CAAC;wBACtB,cAAc,CAAC,QAAQ,EAAE,CAAC;oBAC5B,CAAC,CAAC,CAAC;gBACL,CAAC;gBAED,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import 'zone.js';\nimport {\n  EnvironmentProviders,\n  Provider,\n  reflectComponentType,\n  ɵComponentType as ComponentType,\n} from '@angular/core';\nimport { ApplicationRef, NgZone, createComponent } from '@angular/core';\nimport { createApplication } from '@angular/platform-browser';\nimport { Observable, Subject, takeUntil } from 'rxjs';\n\nexport default (element: HTMLElement) => {\n  return (\n    Component: ComponentType<unknown> & {\n      clientProviders?: (Provider | EnvironmentProviders)[];\n    },\n    props?: Record<string, unknown>,\n    _childHTML?: unknown,\n  ) => {\n    createApplication({\n      providers: [...(Component.clientProviders || [])],\n    }).then((appRef: ApplicationRef) => {\n      const zone = appRef.injector.get(NgZone);\n      zone.run(() => {\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};\n"]}

package/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/astro-angular/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAA8B,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAQ/C,SAAS,WAAW;IAClB,OAAO;QACL,IAAI,EAAE,yBAAyB;QAC/B,gBAAgB,EAAE,mCAAmC;QACrD,gBAAgB,EAAE,mCAAmC;KACtD,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAAC,IAAoB;IAChD,OAAO;QACL,OAAO,EAAE;YACP,MAAM,EAAE,IAAI;SACb;QACD,YAAY,EAAE;YACZ,OAAO,EAAE;gBACP,2BAA2B;gBAC3B,eAAe;gBACf,mCAAmC;aACpC;YACD,OAAO,EAAE;gBACP,0BAA0B;gBAC1B,mCAAmC;aACpC;SACF;QAED,OAAO,EAAE;YACP,WAAW,CAAC,IAAI,CAAC;YACjB;gBACE,IAAI,EAAE,yCAAyC;gBAC/C,SAAS,CAAC,IAAY,EAAE,EAAU;oBAChC,IAAI,EAAE,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC;wBACnC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;wBAEhD,OAAO;4BACL,IAAI,EAAE,IAAI,CAAC,OAAO,CAChB,yBAAyB,EACzB,mDAAmD,CACpD;yBACF,CAAC;oBACJ,CAAC;oBAED,OAAO;gBACT,CAAC;aACF;SACF;QACD,GAAG,EAAE;YACH,UAAU,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC;SAC5C;KACF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,WAAW,OAAwB;IAC/C,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,MAAM,CAAC;IAErC,OAAO;QACL,IAAI,EAAE,yBAAyB;QAC/B,KAAK,EAAE;YACL,oBAAoB,EAAE,CAAC,EACrB,WAAW,EACX,MAAM,EACN,SAAS,EACT,YAAY,GACb,EAAE,EAAE;gBACH,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,QAAQ,EAAE,eAAe,KAAK,OAAO,EAAE,CAAC;oBAC/D,MAAM,CAAC,QAAQ,CAAC,eAAe,GAAG,OAAO,CAAC;gBAC5C,CAAC;gBAED,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC;gBAC3B,YAAY,CAAC;oBACX,IAAI,EAAE,oBAAoB,CACxB,OAAO,EAAE,IAAI,CACiB;iBACjC,CAAC,CAAC;YACL,CAAC;YACD,mBAAmB,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;gBAClC,IACE,UAAU,IAAI,MAAM;oBACpB,MAAM,CAAC,QAAQ,CAAC,eAAe,KAAK,OAAO,EAC3C,CAAC;oBACD,OAAO,CAAC,IAAI,CACV;wHAC4G,CAC7G,CAAC;gBACJ,CAAC;gBACD,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,YAAY,EAAE,CAAC;oBAC7C,cAAc,EAAE,CAAC;gBACnB,CAAC;YACH,CAAC;SACF;KACF,CAAC;AACJ,CAAC","sourcesContent":["import viteAngular, { PluginOptions } from '@analogjs/vite-plugin-angular';\nimport { enableProdMode } from '@angular/core';\nimport type { AstroIntegration, AstroRenderer, ViteUserConfig } from 'astro';\nimport type { DeepPartial } from 'astro/dist/type-utils';\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(vite?: PluginOptions) {\n  return {\n    esbuild: {\n      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(vite),\n      {\n        name: '@analogjs/astro-angular-platform-server',\n        transform(code: string, id: string) {\n          if (id.includes('platform-server')) {\n            code = code.replace(/global\\./g, 'globalThis.');\n\n            return {\n              code: code.replace(\n                'new xhr2.XMLHttpRequest',\n                'new (xhr2.default.XMLHttpRequest || xhr2.default)'\n              ),\n            };\n          }\n\n          return;\n        },\n      },\n    ],\n    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': ({\n        addRenderer,\n        config,\n        isRestart,\n        updateConfig,\n      }) => {\n        if (!isRestart && config.markdown?.syntaxHighlight === 'shiki') {\n          config.markdown.syntaxHighlight = 'prism';\n        }\n\n        addRenderer(getRenderer());\n        updateConfig({\n          vite: getViteConfiguration(\n            options?.vite\n          ) as DeepPartial<ViteUserConfig>,\n        });\n      },\n      'astro:config:done': ({ config }) => {\n        if (\n          'markdown' in config &&\n          config.markdown.syntaxHighlight === 'shiki'\n        ) {\n          console.warn(\n            `[warning] The Angular integration doesn't support Shiki syntax highlighting in MDX files. Overriding with Prism.\\n\nTo disable this warning, set the syntaxHighlight option in your astro.config.mjs mdx() integration to 'prism' or false.`\n          );\n        }\n        if (process.env['NODE_ENV'] === 'production') {\n          enableProdMode();\n        }\n      },\n    },\n  };\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/astro-angular/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAA8B,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAQ/C,SAAS,WAAW;IAClB,OAAO;QACL,IAAI,EAAE,yBAAyB;QAC/B,gBAAgB,EAAE,mCAAmC;QACrD,gBAAgB,EAAE,mCAAmC;KACtD,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAAC,IAAoB;IAChD,OAAO;QACL,OAAO,EAAE;YACP,MAAM,EAAE,IAAI;SACb;QACD,YAAY,EAAE;YACZ,OAAO,EAAE;gBACP,2BAA2B;gBAC3B,eAAe;gBACf,mCAAmC;aACpC;YACD,OAAO,EAAE;gBACP,0BAA0B;gBAC1B,mCAAmC;aACpC;SACF;QAED,OAAO,EAAE;YACP,WAAW,CAAC,IAAI,CAAC;YACjB;gBACE,IAAI,EAAE,yCAAyC;gBAC/C,SAAS,CAAC,IAAY,EAAE,EAAU;oBAChC,IAAI,EAAE,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC;wBACnC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;wBAEhD,OAAO;4BACL,IAAI,EAAE,IAAI,CAAC,OAAO,CAChB,yBAAyB,EACzB,mDAAmD,CACpD;yBACF,CAAC;oBACJ,CAAC;oBAED,OAAO;gBACT,CAAC;aACF;SACF;QACD,GAAG,EAAE;YACH,UAAU,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC;SAC5C;KACF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,WAAW,OAAwB;IAC/C,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,MAAM,CAAC;IAErC,OAAO;QACL,IAAI,EAAE,yBAAyB;QAC/B,KAAK,EAAE;YACL,oBAAoB,EAAE,CAAC,EACrB,WAAW,EACX,MAAM,EACN,SAAS,EACT,YAAY,GACb,EAAE,EAAE;gBACH,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,QAAQ,EAAE,eAAe,KAAK,OAAO,EAAE,CAAC;oBAC/D,MAAM,CAAC,QAAQ,CAAC,eAAe,GAAG,OAAO,CAAC;gBAC5C,CAAC;gBAED,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC;gBAC3B,YAAY,CAAC;oBACX,IAAI,EAAE,oBAAoB,CACxB,OAAO,EAAE,IAAI,CACiB;iBACjC,CAAC,CAAC;YACL,CAAC;YACD,mBAAmB,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;gBAClC,IACE,UAAU,IAAI,MAAM;oBACpB,MAAM,CAAC,QAAQ,CAAC,eAAe,KAAK,OAAO,EAC3C,CAAC;oBACD,OAAO,CAAC,IAAI,CACV;wHAC4G,CAC7G,CAAC;gBACJ,CAAC;gBACD,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,YAAY,EAAE,CAAC;oBAC7C,cAAc,EAAE,CAAC;gBACnB,CAAC;YACH,CAAC;SACF;KACF,CAAC;AACJ,CAAC","sourcesContent":["import viteAngular, { PluginOptions } from '@analogjs/vite-plugin-angular';\nimport { enableProdMode } from '@angular/core';\nimport type { AstroIntegration, AstroRenderer, ViteUserConfig } from 'astro';\nimport type { DeepPartial } from 'astro/dist/type-utils';\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(vite?: PluginOptions) {\n  return {\n    esbuild: {\n      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(vite),\n      {\n        name: '@analogjs/astro-angular-platform-server',\n        transform(code: string, id: string) {\n          if (id.includes('platform-server')) {\n            code = code.replace(/global\\./g, 'globalThis.');\n\n            return {\n              code: code.replace(\n                'new xhr2.XMLHttpRequest',\n                'new (xhr2.default.XMLHttpRequest || xhr2.default)',\n              ),\n            };\n          }\n\n          return;\n        },\n      },\n    ],\n    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': ({\n        addRenderer,\n        config,\n        isRestart,\n        updateConfig,\n      }) => {\n        if (!isRestart && config.markdown?.syntaxHighlight === 'shiki') {\n          config.markdown.syntaxHighlight = 'prism';\n        }\n\n        addRenderer(getRenderer());\n        updateConfig({\n          vite: getViteConfiguration(\n            options?.vite,\n          ) as DeepPartial<ViteUserConfig>,\n        });\n      },\n      'astro:config:done': ({ config }) => {\n        if (\n          'markdown' in config &&\n          config.markdown.syntaxHighlight === 'shiki'\n        ) {\n          console.warn(\n            `[warning] The Angular integration doesn't support Shiki syntax highlighting in MDX files. Overriding with Prism.\\n\nTo disable this warning, set the syntaxHighlight option in your astro.config.mjs mdx() integration to 'prism' or false.`,\n          );\n        }\n        if (process.env['NODE_ENV'] === 'production') {\n          enableProdMode();\n        }\n      },\n    },\n  };\n}\n"]}

package/src/server.js.map

@@ -1 +1 @@
-{"version":3,"file":"server.js","sourceRoot":"","sources":["../../../../packages/astro-angular/src/server.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAOtB,OAAO,EACL,cAAc,EACd,cAAc,EACd,oBAAoB,GACrB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,GAChB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,yBAAyB,GAAG,IAAI,cAAc,CAGjD,0DAA0D,EAAE;IAC7D,OAAO;QACL,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAA8B,EAAE,CAAC;IAC/D,CAAC;CACF,CAAC,CAAC;AAEH,SAAS,KAAK,CACZ,SAAiC,EACjC,MAA+B,EAC/B,SAAkB;IAElB,OAAO,CAAC,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;AAC3C,CAAC;AAED,iEAAiE;AACjE,wCAAwC;AACxC,MAAM,0BAA0B,GAAa;IAC3C,OAAO,EAAE,qBAAqB;IAC9B,UAAU,EAAE,CACV,MAAsB,EACtB,EACE,KAAK,EACL,MAAM,GAIP,EACD,EAAE;QACF,OAAO,GAAG,EAAE;YACV,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;YACrC,IAAI,OAAO,IAAI,KAAK,IAAI,MAAM,EAAE,CAAC;gBAC/B,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;oBACjD;oBACE,4CAA4C;oBAC5C,2CAA2C;oBAC3C,sDAAsD;oBACtD,MAAM,CAAC,MAAM,CAAC,IAAI,CAChB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC7B,YAAY,KAAK,GAAG,IAAI,QAAQ,KAAK,GAAG,CAC3C,EACD,CAAC;wBACD,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;oBAC/B,CAAC;gBACH,CAAC;gBACD,OAAO,CAAC,iBAAiB,CAAC,aAAa,EAAE,CAAC;YAC5C,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;IACD,IAAI,EAAE,CAAC,cAAc,EAAE,yBAAyB,CAAC;IACjD,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,KAAK,UAAU,oBAAoB,CACjC,SAEC,EACD,KAA8B,EAC9B,SAAkB;IAElB,MAAM,MAAM,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC;IAC/C,MAAM,KAAK,GACT,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC;IAC5E,MAAM,QAAQ,GAAG,IAAI,KAAK,MAAM,KAAK,GAAG,CAAC;IACzC,MAAM,SAAS,GAAG,GAAG,EAAE,CACrB,oBAAoB,CAAC,SAAS,EAAE;QAC9B,SAAS,EAAE;YACT;gBACE,OAAO,EAAE,yBAAyB;gBAClC,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;aAC5B;YACD,0BAA0B;YAC1B,sBAAsB,EAAE;YACxB,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE;YAChD,GAAG,CAAC,SAAS,CAAC,eAAe,IAAI,EAAE,CAAC;SACrC;KACF,CAAC,CAAC;IAEL,MAAM,IAAI,GAAG,MAAM,iBAAiB,CAAC,SAAS,EAAE;QAC9C,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,EAAE,IAAI,EAAE,CAAC;AAClB,CAAC;AAED,eAAe;IACb,KAAK;IACL,oBAAoB;CACrB,CAAC","sourcesContent":["import 'zone.js/node';\nimport type {\n  ComponentMirror,\n  EnvironmentProviders,\n  Provider,\n  ɵComponentType as ComponentType,\n} from '@angular/core';\nimport {\n  ApplicationRef,\n  InjectionToken,\n  reflectComponentType,\n} from '@angular/core';\nimport {\n  BEFORE_APP_SERIALIZED,\n  provideServerRendering,\n  renderApplication,\n  ɵSERVER_CONTEXT,\n} from '@angular/platform-server';\nimport { bootstrapApplication } 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) {\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) {\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 = () =>\n    bootstrapApplication(Component, {\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        ...(Component.renderProviders || []),\n      ],\n    });\n\n  const html = await renderApplication(bootstrap, {\n    document,\n  });\n\n  return { html };\n}\n\nexport default {\n  check,\n  renderToStaticMarkup,\n};\n"]}
+{"version":3,"file":"server.js","sourceRoot":"","sources":["../../../../packages/astro-angular/src/server.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAOtB,OAAO,EACL,cAAc,EACd,cAAc,EACd,oBAAoB,GACrB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,GAChB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,yBAAyB,GAAG,IAAI,cAAc,CAGjD,0DAA0D,EAAE;IAC7D,OAAO;QACL,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAA8B,EAAE,CAAC;IAC/D,CAAC;CACF,CAAC,CAAC;AAEH,SAAS,KAAK,CACZ,SAAiC,EACjC,MAA+B,EAC/B,SAAkB;IAElB,OAAO,CAAC,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;AAC3C,CAAC;AAED,iEAAiE;AACjE,wCAAwC;AACxC,MAAM,0BAA0B,GAAa;IAC3C,OAAO,EAAE,qBAAqB;IAC9B,UAAU,EAAE,CACV,MAAsB,EACtB,EACE,KAAK,EACL,MAAM,GAIP,EACD,EAAE;QACF,OAAO,GAAG,EAAE;YACV,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;YACrC,IAAI,OAAO,IAAI,KAAK,IAAI,MAAM,EAAE,CAAC;gBAC/B,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;oBACjD;oBACE,4CAA4C;oBAC5C,2CAA2C;oBAC3C,sDAAsD;oBACtD,MAAM,CAAC,MAAM,CAAC,IAAI,CAChB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC7B,YAAY,KAAK,GAAG,IAAI,QAAQ,KAAK,GAAG,CAC3C,EACD,CAAC;wBACD,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;oBAC/B,CAAC;gBACH,CAAC;gBACD,OAAO,CAAC,iBAAiB,CAAC,aAAa,EAAE,CAAC;YAC5C,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;IACD,IAAI,EAAE,CAAC,cAAc,EAAE,yBAAyB,CAAC;IACjD,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,KAAK,UAAU,oBAAoB,CACjC,SAEC,EACD,KAA8B,EAC9B,SAAkB;IAElB,MAAM,MAAM,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC;IAC/C,MAAM,KAAK,GACT,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC;IAC5E,MAAM,QAAQ,GAAG,IAAI,KAAK,MAAM,KAAK,GAAG,CAAC;IACzC,MAAM,SAAS,GAAG,GAAG,EAAE,CACrB,oBAAoB,CAAC,SAAS,EAAE;QAC9B,SAAS,EAAE;YACT;gBACE,OAAO,EAAE,yBAAyB;gBAClC,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;aAC5B;YACD,0BAA0B;YAC1B,sBAAsB,EAAE;YACxB,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE;YAChD,GAAG,CAAC,SAAS,CAAC,eAAe,IAAI,EAAE,CAAC;SACrC;KACF,CAAC,CAAC;IAEL,MAAM,IAAI,GAAG,MAAM,iBAAiB,CAAC,SAAS,EAAE;QAC9C,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,EAAE,IAAI,EAAE,CAAC;AAClB,CAAC;AAED,eAAe;IACb,KAAK;IACL,oBAAoB;CACrB,CAAC","sourcesContent":["import 'zone.js/node';\nimport type {\n  ComponentMirror,\n  EnvironmentProviders,\n  Provider,\n  ɵComponentType as ComponentType,\n} from '@angular/core';\nimport {\n  ApplicationRef,\n  InjectionToken,\n  reflectComponentType,\n} from '@angular/core';\nimport {\n  BEFORE_APP_SERIALIZED,\n  provideServerRendering,\n  renderApplication,\n  ɵSERVER_CONTEXT,\n} from '@angular/platform-server';\nimport { bootstrapApplication } 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) {\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) {\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 = () =>\n    bootstrapApplication(Component, {\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        ...(Component.renderProviders || []),\n      ],\n    });\n\n  const html = await renderApplication(bootstrap, {\n    document,\n  });\n\n  return { html };\n}\n\nexport default {\n  check,\n  renderToStaticMarkup,\n};\n"]}

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,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;AACrC,CAAC","sourcesContent":["export function addOutputListener(\n  analogId: string,\n  outputName: string,\n  callback: (...args: any[]) => unknown,\n  eventListenerOptions: EventListenerOptions = {}\n) {\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 () => observer.disconnect();\n}\n"]}
+{"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,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;AACrC,CAAC","sourcesContent":["export function addOutputListener(\n  analogId: string,\n  outputName: string,\n  callback: (...args: any[]) => unknown,\n  eventListenerOptions: EventListenerOptions = {},\n) {\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 () => observer.disconnect();\n}\n"]}