Skip to main content
Version: Next

appPlugin

Home > @backstage/plugin-app > appPlugin

Signature:

appPlugin: import("@backstage/frontend-plugin-api").FrontendPlugin<{}, {}, {
app: import("@backstage/frontend-plugin-api").ExtensionDefinition<{
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("react").JSX.Element, "core.reactElement", {}>;
inputs: {
root: import("@backstage/frontend-plugin-api").ExtensionInput<import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("react").JSX.Element, "core.reactElement", {}>, {
singleton: true;
optional: false;
}>;
};
params: never;
kind: undefined;
name: undefined;
}>;
"api:app/app-language": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "app-language";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"app/layout": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("react").JSX.Element, "core.reactElement", {}>;
inputs: {
nav: import("@backstage/frontend-plugin-api").ExtensionInput<import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("react").JSX.Element, "core.reactElement", {}>, {
singleton: true;
optional: false;
}>;
content: import("@backstage/frontend-plugin-api").ExtensionInput<import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("react").JSX.Element, "core.reactElement", {}>, {
singleton: true;
optional: false;
}>;
};
params: never;
kind: undefined;
name: "layout";
}>;
"app/nav": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("react").JSX.Element, "core.reactElement", {}>;
inputs: {
items: import("@backstage/frontend-plugin-api").ExtensionInput<import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<{
title: string;
icon: import("@backstage/core-plugin-api").IconComponent;
routeRef: import("@backstage/frontend-plugin-api").RouteRef<undefined>;
}, "core.nav-item.target", {}>, {
singleton: false;
optional: false;
}>;
logos: import("@backstage/frontend-plugin-api").ExtensionInput<import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<{
logoIcon?: JSX.Element | undefined;
logoFull?: JSX.Element | undefined;
}, "core.nav-logo.logo-elements", {}>, {
singleton: true;
optional: true;
}>;
};
params: never;
kind: undefined;
name: "nav";
}>;
"app/root": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("react").JSX.Element, "core.reactElement", {}>;
inputs: {
router: import("@backstage/frontend-plugin-api").ExtensionInput<import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("react").ComponentType<{
children?: import("react").ReactNode;
}>, "app.router.wrapper", {}>, {
singleton: true;
optional: true;
}>;
signInPage: import("@backstage/frontend-plugin-api").ExtensionInput<import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("react").ComponentType<import("@backstage/core-plugin-api").SignInPageProps>, "core.sign-in-page.component", {}>, {
singleton: true;
optional: true;
}>;
children: import("@backstage/frontend-plugin-api").ExtensionInput<import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("react").JSX.Element, "core.reactElement", {}>, {
singleton: true;
optional: false;
}>;
elements: import("@backstage/frontend-plugin-api").ExtensionInput<import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("react").JSX.Element, "core.reactElement", {}>, {
singleton: false;
optional: false;
}>;
wrappers: import("@backstage/frontend-plugin-api").ExtensionInput<import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("react").ComponentType<{
children?: import("react").ReactNode;
}>, "app.root.wrapper", {}>, {
singleton: false;
optional: false;
}>;
};
params: never;
kind: undefined;
name: "root";
}>;
"app/routes": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("react").JSX.Element, "core.reactElement", {}>;
inputs: {
routes: import("@backstage/frontend-plugin-api").ExtensionInput<import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("react").JSX.Element, "core.reactElement", {}> | import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<string, "core.routing.path", {}> | import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").RouteRef<import("@backstage/frontend-plugin-api").AnyRouteRefParams>, "core.routing.ref", {
optional: true;
}>, {
singleton: false;
optional: false;
}>;
};
params: never;
kind: undefined;
name: "routes";
}>;
"api:app/app-theme": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {
themes: import("@backstage/frontend-plugin-api").ExtensionInput<import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AppTheme, "core.theme.theme", {}>, {
singleton: false;
optional: false;
}>;
};
kind: "api";
name: "app-theme";
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"theme:app/light": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "theme";
name: "light";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AppTheme, "core.theme.theme", {}>;
inputs: {};
params: {
theme: import("@backstage/frontend-plugin-api").AppTheme;
};
}>;
"theme:app/dark": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "theme";
name: "dark";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AppTheme, "core.theme.theme", {}>;
inputs: {};
params: {
theme: import("@backstage/frontend-plugin-api").AppTheme;
};
}>;
"api:app/components": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {
components: import("@backstage/frontend-plugin-api").ExtensionInput<import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<{
ref: import("@backstage/frontend-plugin-api").ComponentRef;
impl: import("react").ComponentType;
}, "core.component.component", {}>, {
singleton: false;
optional: false;
}>;
};
kind: "api";
name: "components";
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/icons": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {
icons: import("@backstage/frontend-plugin-api").ExtensionInput<import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<{
[x: string]: import("@backstage/frontend-plugin-api").IconComponent;
}, "core.icons", {}>, {
singleton: false;
optional: false;
}>;
};
kind: "api";
name: "icons";
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/feature-flags": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "feature-flags";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/translations": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {
translations: import("@backstage/frontend-plugin-api").ExtensionInput<import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").TranslationResource<string> | import("@backstage/frontend-plugin-api").TranslationMessages<string, {
[x: string]: string;
}, boolean>, "core.translation.translation", {}>, {
singleton: false;
optional: false;
}>;
};
kind: "api";
name: "translations";
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"sign-in-page:app": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "sign-in-page";
name: undefined;
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("react").ComponentType<import("@backstage/core-plugin-api").SignInPageProps>, "core.sign-in-page.component", {}>;
inputs: {};
params: {
loader: () => Promise<import("react").ComponentType<import("@backstage/core-plugin-api").SignInPageProps>>;
};
}>;
"app-root-element:app/oauth-request-dialog": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "app-root-element";
name: "oauth-request-dialog";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("react").JSX.Element, "core.reactElement", {}>;
inputs: {};
params: {
element: JSX.Element | (() => JSX.Element);
};
}>;
"app-root-element:app/alert-display": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
config: {
transientTimeoutMs: number;
anchorOrigin: {
horizontal: "center" | "left" | "right";
vertical: "top" | "bottom";
};
};
configInput: {
anchorOrigin?: {
horizontal?: "center" | "left" | "right" | undefined;
vertical?: "top" | "bottom" | undefined;
} | undefined;
transientTimeoutMs?: number | undefined;
};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("react").JSX.Element, "core.reactElement", {}>;
inputs: {
[x: string]: import("@backstage/frontend-plugin-api").ExtensionInput<import("@backstage/frontend-plugin-api").AnyExtensionDataRef, {
optional: boolean;
singleton: boolean;
}>;
};
kind: "app-root-element";
name: "alert-display";
params: {
element: JSX.Element | (() => JSX.Element);
};
}>;
"api:app/discovery": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "discovery";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/alert": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "alert";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/analytics": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "analytics";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/error": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "error";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/storage": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "storage";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/fetch": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "fetch";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/oauth-request": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "oauth-request";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/google-auth": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "google-auth";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/microsoft-auth": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "microsoft-auth";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/github-auth": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "github-auth";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/okta-auth": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "okta-auth";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/gitlab-auth": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "gitlab-auth";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/onelogin-auth": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "onelogin-auth";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/bitbucket-auth": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "bitbucket-auth";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/bitbucket-server-auth": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "bitbucket-server-auth";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/atlassian-auth": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "atlassian-auth";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/vmware-cloud-auth": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "vmware-cloud-auth";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/permission": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "permission";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/scm-auth": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "scm-auth";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
"api:app/scm-integrations": import("@backstage/frontend-plugin-api").ExtensionDefinition<{
kind: "api";
name: "scm-integrations";
config: {};
configInput: {};
output: import("@backstage/frontend-plugin-api").ConfigurableExtensionDataRef<import("@backstage/frontend-plugin-api").AnyApiFactory, "core.api.factory", {}>;
inputs: {};
params: {
factory: import("@backstage/frontend-plugin-api").AnyApiFactory;
};
}>;
}>