first draft

src/main.ts

@@ -1,6 +1,20 @@
-import { bootstrapApplication } from '@angular/platform-browser';
 import { appConfig } from './app/app.config';
 import { App } from './app/app';
+import { bootstrapPhoenixPluginCustomElement } from '@phx/shared-ui';
+import { createApplication } from '@angular/platform-browser';
+import { createCustomElement } from '@angular/elements';
+import { environment } from './environments/environment';
 
-bootstrapApplication(App, appConfig)
-  .catch((err) => console.error(err));
+createApplication(appConfig).then((app) => {
+  const el = createCustomElement(App, { injector: app.injector });
+  customElements.define('frontend-plugin-demo', el);
+  return app;
+})
+// bootstrapPhoenixPluginCustomElement(App, 'frontend-plugin-demo', appConfig)
+.then((app) => {
+  //if development:
+  if(!environment.production)
+    return app.bootstrap(App);
+  else
+    return app;
+});