@backstage/plugin-app 0.5.2 → 0.5.3-next.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +24 -0
- package/dist/components/Toast/Toast.module.css.esm.js +2 -2
- package/dist/extensions/DefaultSignInPage.esm.js +4 -2
- package/dist/extensions/DefaultSignInPage.esm.js.map +1 -1
- package/dist/plugins/app/package.json.esm.js +2 -1
- package/dist/plugins/app/package.json.esm.js.map +1 -1
- package/package.json +18 -17
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,29 @@
|
|
|
1
1
|
# @backstage/plugin-app
|
|
2
2
|
|
|
3
|
+
## 0.5.3-next.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- d421187: Reduced the initial app bundle size by loading page and optional UI implementations only when their extensions render.
|
|
8
|
+
- Updated dependencies
|
|
9
|
+
- @backstage/core-components@0.18.14-next.1
|
|
10
|
+
- @backstage/frontend-plugin-api@0.18.1-next.0
|
|
11
|
+
- @backstage/filter-predicates@0.1.5-next.0
|
|
12
|
+
- @backstage/ui@0.18.0-next.1
|
|
13
|
+
- @backstage/integration-react@1.2.22-next.0
|
|
14
|
+
- @backstage/core-plugin-api@1.12.10-next.0
|
|
15
|
+
- @backstage/plugin-app-react@0.2.7-next.0
|
|
16
|
+
- @backstage/plugin-permission-react@0.5.5-next.0
|
|
17
|
+
|
|
18
|
+
## 0.5.3-next.0
|
|
19
|
+
|
|
20
|
+
### Patch Changes
|
|
21
|
+
|
|
22
|
+
- f914343: Fixed toast text layout when the application does not define a global line height.
|
|
23
|
+
- Updated dependencies
|
|
24
|
+
- @backstage/ui@0.17.2-next.0
|
|
25
|
+
- @backstage/core-components@0.18.14-next.0
|
|
26
|
+
|
|
3
27
|
## 0.5.2
|
|
4
28
|
|
|
5
29
|
### Patch Changes
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/* Toast Container - Container for all toasts (bottom center) */\n.
|
|
4
|
-
var styles = {"container":"
|
|
3
|
+
var css_248z = "/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/* Toast Container - Container for all toasts (bottom center) */\n.Toast_container__fb52c4d6f3 {\n position: fixed;\n bottom: 1rem;\n left: 50%;\n transform: translateX(-50%);\n z-index: 100050;\n width: 300px;\n outline: none;\n}\n\n@media (min-width: 500px) {\n .Toast_container__fb52c4d6f3 {\n width: 350px;\n bottom: 2rem;\n }\n}\n\n/* Individual Toast */\n.Toast_toast__fb52c4d6f3 {\n /* CSS Variables */\n --toast-peek: 0.75rem;\n --toast-scale: calc(max(0, 1 - (var(--toast-index) * 0.05)));\n\n /* Layout */\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n margin: 0 auto;\n box-sizing: border-box;\n\n outline: none;\n cursor: default;\n user-select: none;\n /* All toasts need pointer-events to trigger hover expansion */\n pointer-events: auto;\n\n /* Stacking */\n z-index: calc(1000 - var(--toast-index));\n transform-origin: bottom center;\n}\n\n.Toast_surface__fb52c4d6f3 {\n width: 100%;\n box-sizing: border-box;\n display: flex;\n align-items: flex-start;\n padding: var(--bui-space-4);\n gap: var(--bui-space-3);\n border-radius: var(--bui-radius-3);\n font-size: var(--bui-font-size-3);\n line-height: 1.15;\n background-color: var(--bui-bg-app);\n border: 1px solid var(--bui-border-1);\n color: var(--bui-fg-primary);\n box-shadow: var(--bui-shadow);\n user-select: text;\n}\n.Toast_toast__fb52c4d6f3:focus-visible {\n outline: 2px solid var(--bui-ring);\n outline-offset: 2px;\n}\n\n/* Extend hover area above each toast to fill gaps when expanded */\n/* This prevents the stack from collapsing when hovering between toasts */\n.Toast_toast__fb52c4d6f3::before {\n content: '';\n position: absolute;\n bottom: 100%;\n left: 0;\n right: 0;\n /* Height matches the expanded gap to ensure continuous hover */\n height: 12px;\n pointer-events: auto;\n}\n\n/* Status variants - color icon and title */\n.Toast_toast__fb52c4d6f3[data-status='neutral'] .Toast_title__fb52c4d6f3 {\n color: var(--bui-fg-primary);\n}\n\n.Toast_toast__fb52c4d6f3[data-status='info'] .Toast_icon__fb52c4d6f3,\n.Toast_toast__fb52c4d6f3[data-status='info'] .Toast_title__fb52c4d6f3 {\n color: var(--bui-fg-info);\n}\n\n.Toast_toast__fb52c4d6f3[data-status='success'] .Toast_icon__fb52c4d6f3,\n.Toast_toast__fb52c4d6f3[data-status='success'] .Toast_title__fb52c4d6f3 {\n color: var(--bui-fg-success);\n}\n\n.Toast_toast__fb52c4d6f3[data-status='warning'] .Toast_icon__fb52c4d6f3,\n.Toast_toast__fb52c4d6f3[data-status='warning'] .Toast_title__fb52c4d6f3 {\n color: var(--bui-fg-warning);\n}\n\n.Toast_toast__fb52c4d6f3[data-status='danger'] .Toast_icon__fb52c4d6f3,\n.Toast_toast__fb52c4d6f3[data-status='danger'] .Toast_title__fb52c4d6f3 {\n color: var(--bui-fg-danger);\n}\n\n.Toast_wrapper__fb52c4d6f3 {\n display: flex;\n align-items: flex-start;\n gap: var(--bui-space-3);\n flex: 1;\n min-width: 0;\n}\n\n.Toast_content__fb52c4d6f3 {\n display: flex;\n flex-direction: column;\n gap: var(--bui-space-1);\n}\n\n/* Icon */\n.Toast_icon__fb52c4d6f3 {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: var(--bui-space-0_5);\n}\n\n.Toast_icon__fb52c4d6f3 svg {\n width: 1rem;\n height: 1rem;\n}\n\n/* Title */\n.Toast_title__fb52c4d6f3 {\n font-weight: var(--bui-font-weight-bold);\n font-size: var(--bui-font-size-3);\n word-wrap: break-word;\n margin-top: var(--bui-space-0_5);\n}\n\n/* Description */\n.Toast_description__fb52c4d6f3 {\n color: var(--bui-fg-secondary);\n font-size: var(--bui-font-size-3);\n opacity: 0.9;\n word-wrap: break-word;\n}\n\n/* Links */\n.Toast_links__fb52c4d6f3 {\n display: flex;\n flex-wrap: wrap;\n gap: var(--bui-space-3);\n margin-top: var(--bui-space-1);\n}\n\n.Toast_links__fb52c4d6f3 a {\n font-family: var(--bui-font-regular);\n padding: 0;\n margin: 0;\n cursor: pointer;\n display: inline-block;\n\n text-decoration-line: underline;\n text-decoration-style: solid;\n text-decoration-thickness: min(2px, max(1px, 0.05em));\n text-underline-offset: calc(0.025em + 2px);\n text-decoration-color: color-mix(in srgb, currentColor 30%, transparent);\n}\n\n.Toast_links__fb52c4d6f3 a:hover {\n text-decoration-line: underline;\n text-decoration-style: solid;\n text-decoration-thickness: min(2px, max(1px, 0.05em));\n text-underline-offset: calc(0.025em + 2px);\n text-decoration-color: color-mix(in srgb, currentColor 30%, transparent);\n}\n\n/* Close Button */\n.Toast_closeButton__fb52c4d6f3 {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1.5rem;\n height: 1.5rem;\n margin: -0.25rem -0.25rem 0 0;\n padding: 0;\n border: none;\n border-radius: var(--bui-radius-2);\n background: transparent;\n color: inherit;\n cursor: pointer;\n transition: background-color 0.15s ease;\n color: var(--bui-fg-primary);\n}\n\n.Toast_closeButton__fb52c4d6f3 svg {\n width: 1rem;\n height: 1rem;\n}\n\n.Toast_closeButton__fb52c4d6f3:hover {\n background-color: var(--bui-bg-neutral-1-hover);\n}\n\n.Toast_closeButton__fb52c4d6f3:focus-visible {\n outline: 2px solid var(--bui-ring);\n outline-offset: 1px;\n}\n\n.Toast_closeButton__fb52c4d6f3:active {\n background-color: var(--bui-bg-neutral-1-pressed);\n}\n";
|
|
4
|
+
var styles = {"container":"Toast_container__fb52c4d6f3","toast":"Toast_toast__fb52c4d6f3","surface":"Toast_surface__fb52c4d6f3","title":"Toast_title__fb52c4d6f3","icon":"Toast_icon__fb52c4d6f3","wrapper":"Toast_wrapper__fb52c4d6f3","content":"Toast_content__fb52c4d6f3","description":"Toast_description__fb52c4d6f3","links":"Toast_links__fb52c4d6f3","closeButton":"Toast_closeButton__fb52c4d6f3"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { styles as default };
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { SignInPageBlueprint } from '@backstage/plugin-app-react';
|
|
3
|
-
import { SignInPage } from '@backstage/core-components';
|
|
4
3
|
|
|
5
4
|
const DefaultSignInPage = SignInPageBlueprint.make({
|
|
6
5
|
params: {
|
|
7
|
-
loader: async () =>
|
|
6
|
+
loader: async () => {
|
|
7
|
+
const { SignInPage } = await import('@backstage/core-components');
|
|
8
|
+
return (props) => /* @__PURE__ */ jsx(SignInPage, { ...props, providers: ["guest"] });
|
|
9
|
+
}
|
|
8
10
|
}
|
|
9
11
|
});
|
|
10
12
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultSignInPage.esm.js","sources":["../../src/extensions/DefaultSignInPage.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { SignInPageBlueprint } from '@backstage/plugin-app-react';\
|
|
1
|
+
{"version":3,"file":"DefaultSignInPage.esm.js","sources":["../../src/extensions/DefaultSignInPage.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { SignInPageBlueprint } from '@backstage/plugin-app-react';\n\nexport const DefaultSignInPage = SignInPageBlueprint.make({\n params: {\n loader: async () => {\n const { SignInPage } = await import('@backstage/core-components');\n return props => <SignInPage {...props} providers={['guest']} />;\n },\n },\n});\n"],"names":[],"mappings":";;;AAiBO,MAAM,iBAAA,GAAoB,oBAAoB,IAAA,CAAK;AAAA,EACxD,MAAA,EAAQ;AAAA,IACN,QAAQ,YAAY;AAClB,MAAA,MAAM,EAAE,UAAA,EAAW,GAAI,MAAM,OAAO,4BAA4B,CAAA;AAChE,MAAA,OAAO,CAAA,KAAA,yBAAU,UAAA,EAAA,EAAY,GAAG,OAAO,SAAA,EAAW,CAAC,OAAO,CAAA,EAAG,CAAA;AAAA,IAC/D;AAAA;AAEJ,CAAC;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
var name = "@backstage/plugin-app";
|
|
2
|
-
var version = "0.5.
|
|
2
|
+
var version = "0.5.3-next.1";
|
|
3
3
|
var backstage = {
|
|
4
4
|
role: "frontend-plugin",
|
|
5
5
|
pluginId: "app",
|
|
@@ -79,6 +79,7 @@ var devDependencies = {
|
|
|
79
79
|
"@backstage/frontend-defaults": "workspace:^",
|
|
80
80
|
"@backstage/frontend-test-utils": "workspace:^",
|
|
81
81
|
"@backstage/test-utils": "workspace:^",
|
|
82
|
+
"@testing-library/dom": "^10.0.0",
|
|
82
83
|
"@testing-library/jest-dom": "^6.0.0",
|
|
83
84
|
"@testing-library/react": "^16.0.0",
|
|
84
85
|
"@testing-library/user-event": "^14.0.0",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"package.json.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"package.json.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@backstage/plugin-app",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.3-next.1",
|
|
4
4
|
"backstage": {
|
|
5
5
|
"role": "frontend-plugin",
|
|
6
6
|
"pluginId": "app",
|
|
@@ -63,17 +63,17 @@
|
|
|
63
63
|
"test": "backstage-cli package test"
|
|
64
64
|
},
|
|
65
65
|
"dependencies": {
|
|
66
|
-
"@backstage/core-components": "
|
|
67
|
-
"@backstage/core-plugin-api": "
|
|
68
|
-
"@backstage/filter-predicates": "
|
|
69
|
-
"@backstage/frontend-plugin-api": "
|
|
70
|
-
"@backstage/integration-react": "
|
|
71
|
-
"@backstage/plugin-app-react": "
|
|
72
|
-
"@backstage/plugin-permission-react": "
|
|
73
|
-
"@backstage/theme": "
|
|
74
|
-
"@backstage/types": "
|
|
75
|
-
"@backstage/ui": "
|
|
76
|
-
"@backstage/version-bridge": "
|
|
66
|
+
"@backstage/core-components": "0.18.14-next.1",
|
|
67
|
+
"@backstage/core-plugin-api": "1.12.10-next.0",
|
|
68
|
+
"@backstage/filter-predicates": "0.1.5-next.0",
|
|
69
|
+
"@backstage/frontend-plugin-api": "0.18.1-next.0",
|
|
70
|
+
"@backstage/integration-react": "1.2.22-next.0",
|
|
71
|
+
"@backstage/plugin-app-react": "0.2.7-next.0",
|
|
72
|
+
"@backstage/plugin-permission-react": "0.5.5-next.0",
|
|
73
|
+
"@backstage/theme": "0.7.3",
|
|
74
|
+
"@backstage/types": "1.2.2",
|
|
75
|
+
"@backstage/ui": "0.18.0-next.1",
|
|
76
|
+
"@backstage/version-bridge": "1.0.12",
|
|
77
77
|
"@material-ui/core": "^4.9.13",
|
|
78
78
|
"@material-ui/icons": "^4.9.1",
|
|
79
79
|
"@material-ui/lab": "^4.0.0-alpha.61",
|
|
@@ -87,11 +87,12 @@
|
|
|
87
87
|
"zod": "^4.0.0"
|
|
88
88
|
},
|
|
89
89
|
"devDependencies": {
|
|
90
|
-
"@backstage/cli": "
|
|
91
|
-
"@backstage/dev-utils": "
|
|
92
|
-
"@backstage/frontend-defaults": "
|
|
93
|
-
"@backstage/frontend-test-utils": "
|
|
94
|
-
"@backstage/test-utils": "
|
|
90
|
+
"@backstage/cli": "0.36.6-next.0",
|
|
91
|
+
"@backstage/dev-utils": "1.1.27-next.1",
|
|
92
|
+
"@backstage/frontend-defaults": "0.5.6-next.1",
|
|
93
|
+
"@backstage/frontend-test-utils": "0.6.4-next.1",
|
|
94
|
+
"@backstage/test-utils": "1.7.22-next.1",
|
|
95
|
+
"@testing-library/dom": "^10.0.0",
|
|
95
96
|
"@testing-library/jest-dom": "^6.0.0",
|
|
96
97
|
"@testing-library/react": "^16.0.0",
|
|
97
98
|
"@testing-library/user-event": "^14.0.0",
|