Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: WebUI NEO start page basic layout #2786

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

feat: WebUI NEO start page basic layout #2786

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions react/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@
"@cloudscape-design/board-components": "3.0.60",
"@codemirror/language": "^6.10.3",
"@melloware/react-logviewer": "^5.3.2",
"@react-hook/resize-observer": "^2.0.2",
"@storybook/test": "^8.4.5",
"@tanstack/react-query": "^5.61.0",
"@testing-library/jest-dom": "^6.6.3",
Expand Down
153 changes: 121 additions & 32 deletions react/patches/@[email protected]
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -99,54 +99,143 @@ index 9ce96efb6b78053be6c29b4ab98115e465c02372..cd0a89e0e5f5b092ba03ff191c720d29
//# sourceMappingURL=internal.js.map
\ No newline at end of file
diff --git a/board-item/styles.css.js b/board-item/styles.css.js
index 1dcaf7ccab588a3e3a1a9bfdab40d1b3e7d4a69f..f1d982c4f3451cb351c817e4e62b8bc3028caeea 100644
index 1dcaf7ccab588a3e3a1a9bfdab40d1b3e7d4a69f..39416d9d804f3addcea8a70836da994802028526 100644
--- a/board-item/styles.css.js
+++ b/board-item/styles.css.js
@@ -2,15 +2,15 @@
import './styles.scoped.css';
export default {
"root": "awsui_root_9ckv7_1974t_1",
@@ -1,16 +1,17 @@
+import './styles.scoped.css';

- import './styles.scoped.css';
- export default {
- "root": "awsui_root_9ckv7_1974t_1",
- "container-override": "awsui_container-override_9ckv7_1974t_6",
+ "container-override": "awsui_container-override_9ckv7_1974t_6 bai_board_container-override",
"active": "awsui_active_9ckv7_1974t_6",
- "active": "awsui_active_9ckv7_1974t_6",
- "header": "awsui_header_9ckv7_1974t_28",
+ "header": "awsui_header_9ckv7_1974t_28 bai_board_header",
"flexible": "awsui_flexible_9ckv7_1974t_34",
- "flexible": "awsui_flexible_9ckv7_1974t_34",
- "handle": "awsui_handle_9ckv7_1974t_38",
+ "handle": "awsui_handle_9ckv7_1974t_38 bai_board_handle",
"refresh": "awsui_refresh_9ckv7_1974t_41",
"header-content": "awsui_header-content_9ckv7_1974t_45",
"settings": "awsui_settings_9ckv7_1974t_49",
"fixed": "awsui_fixed_9ckv7_1974t_57",
- "refresh": "awsui_refresh_9ckv7_1974t_41",
- "header-content": "awsui_header-content_9ckv7_1974t_45",
- "settings": "awsui_settings_9ckv7_1974t_49",
- "fixed": "awsui_fixed_9ckv7_1974t_57",
- "resizer": "awsui_resizer_9ckv7_1974t_61"
+ "resizer": "awsui_resizer_9ckv7_1974t_61 bai_board_resizer",
+export default {
+ root: 'awsui_root_9ckv7_1974t_1',
+ 'container-override':
+ 'awsui_container-override_9ckv7_1974t_6 bai_board_container-override',
+ active: 'awsui_active_9ckv7_1974t_6',
+ header: 'awsui_header_9ckv7_1974t_28 bai_board_header',
+ flexible: 'awsui_flexible_9ckv7_1974t_34',
+ handle: 'awsui_handle_9ckv7_1974t_38 bai_board_handle',
+ refresh: 'awsui_refresh_9ckv7_1974t_41',
+ 'header-content': 'awsui_header-content_9ckv7_1974t_45',
+ settings: 'awsui_settings_9ckv7_1974t_49',
+ fixed: 'awsui_fixed_9ckv7_1974t_57',
+ resizer: 'awsui_resizer_9ckv7_1974t_61 bai_board_resizer',
+ content: 'awsui_content_14iqq_1ml84_220 bai_board_content',
};
-
\ No newline at end of file
diff --git a/board-item/styles.scoped.css b/board-item/styles.scoped.css
index 4ec7adae84985a34199e770b659fc9b8f121c4d4..8ecc2cc3e53e9024e9213bf1e827748f59c443f1 100644
--- a/board-item/styles.scoped.css
+++ b/board-item/styles.scoped.css
@@ -4,16 +4,24 @@

/* TODO: use container API instead of styles override */
.awsui_container-override_9ckv7_1974t_6.awsui_active_9ckv7_1974t_6:not(#\9) {
- box-shadow: var(--shadow-container-active-kl29x9, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1019607843));
+ box-shadow: var(
+ --shadow-container-active-kl29x9,
+ 0px 1px 1px 1px #e9ebed,
+ 0px 6px 36px rgba(0, 7, 22, 0.1019607843)
+ );
}
-[data-awsui-focus-visible] .awsui_container-override_9ckv7_1974t_6.awsui_active_9ckv7_1974t_6:not(#\9) {
+[data-awsui-focus-visible]
+ .awsui_container-override_9ckv7_1974t_6.awsui_active_9ckv7_1974t_6:not(#\9) {
position: relative;
box-sizing: border-box;
outline: 2px dotted transparent;
outline-offset: -1px;
}
-[data-awsui-focus-visible] .awsui_container-override_9ckv7_1974t_6.awsui_active_9ckv7_1974t_6:not(#\9)::before {
- content: " ";
+[data-awsui-focus-visible]
+ .awsui_container-override_9ckv7_1974t_6.awsui_active_9ckv7_1974t_6:not(
+ #\9
+ )::before {
+ content: ' ';
display: block;
position: absolute;
box-sizing: border-box;
@@ -28,7 +36,11 @@
.awsui_header_9ckv7_1974t_28:not(#\9) {
display: flex;
justify-items: center;
- padding: var(--space-scaled-s-aqzyko, 12px) calc(var(--space-container-horizontal-wfukh3, 20px) - var(--space-scaled-xs-26e2du, 8px));
+ padding: var(--space-scaled-s-aqzyko, 12px)
+ calc(
+ var(--space-container-horizontal-wfukh3, 20px) -
+ var(--space-scaled-xs-26e2du, 8px)
+ );
}

.awsui_flexible_9ckv7_1974t_34:not(#\9) {
@@ -60,6 +72,14 @@

.awsui_resizer_9ckv7_1974t_61:not(#\9) {
position: absolute;
- bottom: calc(var(--space-static-xs-7sfb63, 8px) - var(--space-static-xxxs-3gu9os, 2px));
- right: calc(var(--space-static-xs-7sfb63, 8px) - var(--space-static-xxxs-3gu9os, 2px));
+ bottom: calc(
+ var(--space-static-xs-7sfb63, 8px) - var(--space-static-xxxs-3gu9os, 2px)
+ );
+ right: calc(
+ var(--space-static-xs-7sfb63, 8px) - var(--space-static-xxxs-3gu9os, 2px)
+ );
+}
+
+.awsui_content_14iqq_1ml84_220 {
+ padding: 0 !important;
}
diff --git a/board-item/styles.selectors.js b/board-item/styles.selectors.js
index 2acfd3b34f880ec39462ec5d44f7f780e041fbec..beebd8d83a48e0326fb8d68e67e2549f1ffcd2b3 100644
index 2acfd3b34f880ec39462ec5d44f7f780e041fbec..e73f107b533a3e0a68d231ede87e2d59d448fe9d 100644
--- a/board-item/styles.selectors.js
+++ b/board-item/styles.selectors.js
@@ -3,15 +3,15 @@
Object.defineProperty(exports, "__esModule", { value: true });
module.exports.default = {
"root": "awsui_root_9ckv7_1974t_1",
@@ -1,17 +1,17 @@
-
- // es-module interop with Babel and Typescript
- Object.defineProperty(exports, "__esModule", { value: true });
- module.exports.default = {
- "root": "awsui_root_9ckv7_1974t_1",
- "container-override": "awsui_container-override_9ckv7_1974t_6",
+ "container-override": "awsui_container-override_9ckv7_1974t_6 bai_board_container-override",
"active": "awsui_active_9ckv7_1974t_6",
- "active": "awsui_active_9ckv7_1974t_6",
- "header": "awsui_header_9ckv7_1974t_28",
+ "header": "awsui_header_9ckv7_1974t_28 bai_board_header",
"flexible": "awsui_flexible_9ckv7_1974t_34",
- "flexible": "awsui_flexible_9ckv7_1974t_34",
- "handle": "awsui_handle_9ckv7_1974t_38",
+ "handle": "awsui_handle_9ckv7_1974t_38 bai_board_handle",
"refresh": "awsui_refresh_9ckv7_1974t_41",
"header-content": "awsui_header-content_9ckv7_1974t_45",
"settings": "awsui_settings_9ckv7_1974t_49",
"fixed": "awsui_fixed_9ckv7_1974t_57",
- "refresh": "awsui_refresh_9ckv7_1974t_41",
- "header-content": "awsui_header-content_9ckv7_1974t_45",
- "settings": "awsui_settings_9ckv7_1974t_49",
- "fixed": "awsui_fixed_9ckv7_1974t_57",
- "resizer": "awsui_resizer_9ckv7_1974t_61"
+ "resizer": "awsui_resizer_9ckv7_1974t_61 bai_board_resizer"
+// es-module interop with Babel and Typescript
+Object.defineProperty(exports, '__esModule', { value: true });
+module.exports.default = {
+ root: 'awsui_root_9ckv7_1974t_1',
+ 'container-override':
+ 'awsui_container-override_9ckv7_1974t_6 bai_board_container-override',
+ active: 'awsui_active_9ckv7_1974t_6',
+ header: 'awsui_header_9ckv7_1974t_28 bai_board_header',
+ flexible: 'awsui_flexible_9ckv7_1974t_34',
+ handle: 'awsui_handle_9ckv7_1974t_38 bai_board_handle',
+ refresh: 'awsui_refresh_9ckv7_1974t_41',
+ 'header-content': 'awsui_header-content_9ckv7_1974t_45',
+ settings: 'awsui_settings_9ckv7_1974t_49',
+ fixed: 'awsui_fixed_9ckv7_1974t_57',
+ resizer: 'awsui_resizer_9ckv7_1974t_61 bai_board_resizer',
+ content: 'awsui_content_14iqq_1ml84_220 bai_board_content',
};
-
\ No newline at end of file
diff --git a/internal/grid/styles.css.js b/internal/grid/styles.css.js
index ec202e1a6c757f5513ffa0a2566a1691b8ed18df..0c0ed570ea9c72e7e484c0371825c9710896085c 100644
Expand Down
38 changes: 35 additions & 3 deletions react/pnpm-lock.yaml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

16 changes: 10 additions & 6 deletions react/src/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ const ServingPage = React.lazy(() => import('./pages/ServingPage'));
const EndpointDetailPage = React.lazy(
() => import('./pages/EndpointDetailPage'),
);
// const SummaryPage = React.lazy(() => import('./pages/SummaryPage'));
const StartPage = React.lazy(() => import('./pages/StartPage'));
const EnvironmentPage = React.lazy(() => import('./pages/EnvironmentPage'));
const MyEnvironmentPage = React.lazy(() => import('./pages/MyEnvironmentPage'));
const StorageHostSettingPage = React.lazy(
Expand Down Expand Up @@ -102,18 +102,23 @@ const router = createBrowserRouter([
),
children: [
{
path: '/',
element: <WebUINavigate to="/summary" replace />,
path: '/start',
element: (
<BAIErrorBoundary>
<StartPage />
</BAIErrorBoundary>
),
handle: { labelKey: 'webui.menu.Start' },
},
{
//for electron dev mode
path: '/build/electron-app/app/index.html',
element: <WebUINavigate to="/summary" replace />,
element: <WebUINavigate to="/start" replace />,
},
{
//for electron prod mode
path: '/app/index.html',
element: <WebUINavigate to="/summary" replace />,
element: <WebUINavigate to="/start" replace />,
},
{
path: '/summary',
Expand All @@ -128,7 +133,6 @@ const router = createBrowserRouter([
style={{ marginBottom: token.paddingContentVerticalLG }}
closable
/>
{/* <SummaryPage /> */}
</>
);
},
Expand Down
Loading