import { defineComponent, detachedManifestScope, type ComponentDefinition } from './component';
import { App, type AppProps } from '../app';

export function defineApp(props: AppProps): App {
  return appComponent.register(new App(detachedManifestScope, props), props);
}

const appComponent: ComponentDefinition<typeof defineApp> = defineComponent({
  type: 'CUSTOM_APP',
  define: defineApp,
  references: (definition, props) => {
    const pages = [...props.pages];
    return () => [...pages, ...definition.getReferencedGroups()];
  },
});