Skip to content

Commit 19da55d

Browse files
Karakatiza666Karakatiza666
committed
New WebConsole design - step 1: Overall layout
Signed-off-by: Karakatiza666 <bulakh.96@gmail.com>
1 parent fc6d988 commit 19da55d

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

60 files changed

+1610
-697
lines changed

‎.devcontainer/Dockerfile‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ ENV LC_ALL=en_US.UTF-8
1212

1313
## Install common dependencies
1414

15-
RUN apt-get update && \
15+
RUN apt-get update --fix-missing && \
1616
apt-get install -y \
1717
curl \
1818
unzip \

‎.devcontainer/devcontainer.json‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,8 @@
2222
"lihui.vs-color-picker",
2323
"ms-playwright.playwright",
2424
"svelte.svelte-vscode",
25-
"bradlc.vscode-tailwindcss"
25+
"bradlc.vscode-tailwindcss",
26+
"esbenp.prettier-vscode"
2627
],
2728
"settings": {
2829
"editor.formatOnSave": true,
@@ -31,7 +32,9 @@
3132
"**/CODE_OF_CONDUCT.md": true,
3233
"**/LICENSE": true
3334
},
34-
"importSorter.generalConfiguration.configurationFilePath": "./import-sorter.json"
35+
"importSorter.generalConfiguration.configurationFilePath": "./import-sorter.json",
36+
"editor.defaultFormatter": "esbenp.prettier-vscode",
37+
"prettier.configPath": "web-console/.prettierrc"
3538
}
3639
}
3740
},

‎.vscode/settings.json‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,5 +29,6 @@
2929
"svelte.enable-ts-plugin": true,
3030
"python.analysis.extraPaths": [
3131
"./python"
32-
]
32+
],
33+
"prettier.configPath": "web-console/.prettierrc"
3334
}

‎web-console/bun.lockb‎

5.37 KB
Binary file not shown.

‎web-console/package.json‎

Lines changed: 26 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
"fix-icons": "oslllo-svg-fixer -s tmp/assets/icons/feldera-material-icons -d tmp/assets/icons/feldera-material-icons-fixed"
2323
},
2424
"devDependencies": {
25-
"@auth/sveltekit": "^1.7.2",
25+
"@auth/sveltekit": "^1.7.3",
2626
"@axa-fr/oidc-client": "^7.22.32",
2727
"@bithero/monaco-editor-vite-plugin": "^1.0.2",
2828
"@fontsource-variable/dm-sans": "^5.1.0",
@@ -31,23 +31,23 @@
3131
"@fortawesome/fontawesome-free": "^6.6.0",
3232
"@hey-api/client-fetch": "0.1.10",
3333
"@hey-api/openapi-ts": "^0.47.2",
34-
"@playwright/test": "^1.48.1",
35-
"@poppanator/sveltekit-svg": "^5.0.0-svelte5.5",
34+
"@playwright/test": "^1.48.2",
35+
"@poppanator/sveltekit-svg": "^5.0.0",
3636
"@revolist/svelte-datagrid": "^4.10.19",
37-
"@skeletonlabs/skeleton": "^3.0.0-next.5",
38-
"@skeletonlabs/skeleton-svelte": "1.0.0-next.10 || ^1.0.0-next.12",
37+
"@skeletonlabs/skeleton": "^3.0.0-next.9",
38+
"@skeletonlabs/skeleton-svelte": "^1.0.0-next.10",
3939
"@square/svelte-store": "^1.0.18",
4040
"@streamparser/json": "^0.0.21",
4141
"@svelte-bin/clipboard": "^0.1.4",
42-
"@sveltejs/adapter-auto": "^3.3.0",
43-
"@sveltejs/adapter-static": "^3.0.5",
44-
"@sveltejs/kit": "^2.7.2",
42+
"@sveltejs/adapter-auto": "^3.3.1",
43+
"@sveltejs/adapter-static": "^3.0.6",
44+
"@sveltejs/kit": "^2.8.1",
4545
"@sveltejs/vite-plugin-svelte": "^4.0.0",
4646
"@tailwindcss/forms": "^0.5.9",
4747
"@tailwindcss/typography": "^0.5.15",
4848
"@types/eslint": "^8.56.12",
49-
"@types/node": "^20.16.15",
50-
"@vincjo/datatables": "^2.0.4",
49+
"@types/node": "^20.17.6",
50+
"@vincjo/datatables": "^2.0.5",
5151
"add": "^2.0.6",
5252
"array-join": "^3.2.1",
5353
"autoprefixer": "^10.4.20",
@@ -56,51 +56,51 @@
5656
"clsx": "^2.1.1",
5757
"d3-format": "^3.1.0",
5858
"echarts": "^5.5.1",
59-
"eslint": "^9.13.0",
59+
"eslint": "^9.14.0",
6060
"eslint-config-prettier": "^9.1.0",
6161
"eslint-plugin-svelte": "^2.46.0",
6262
"fast-deep-equal": "^3.1.3",
6363
"flowbite-svelte": "^0.46.23",
64-
"formsnap": "^2.0.0-next.0",
65-
"globals": "^15.11.0",
64+
"formsnap": "^2.0.0-next.1",
65+
"globals": "^15.12.0",
6666
"monaco-editor": "^0.49.0",
6767
"new-github-issue-url": "^1.0.0",
6868
"oidc-client-ts-lumeris": "^1.0.0",
6969
"oslllo-svg-fixer": "^5.0.0",
7070
"paneforge": "^0.0.5",
71-
"postcss": "^8.4.47",
72-
"posthog-js": "^1.174.3",
71+
"postcss": "^8.4.49",
72+
"posthog-js": "^1.184.2",
7373
"prettier": "^3.3.3",
74-
"prettier-plugin-svelte": "^3.2.7",
74+
"prettier-plugin-svelte": "^3.2.8",
7575
"prettier-plugin-tailwindcss": "^0.6.8",
7676
"runed": "^0.15.3",
77-
"sass-embedded": "^1.80.3",
77+
"sass-embedded": "^1.80.7",
7878
"sk-oidc-oauth": "^1.2.0",
7979
"sort-on": "^6.1.0",
8080
"style-to-object": "^1.0.8",
81-
"svelte": "^5.1.4",
81+
"svelte": "^5.1.16",
8282
"svelte-attr": "^0.0.2",
83-
"svelte-check": "^4.0.5",
83+
"svelte-check": "^4.0.7",
8484
"svelte-echarts": "^1.0.0-rc3",
8585
"svelte-monaco": "^0.4.0",
8686
"svelte-mq-store": "^2.2.21",
87-
"svelte-virtual": "^1.0.0-next.21",
88-
"svelte-virtuallists": "^1.3.9",
87+
"svelte-virtual": "^1.0.0-next.22",
88+
"svelte-virtuallists": "^1.4.0",
8989
"sveltekit-superforms": "^2.20.0",
9090
"sveltekit-top-loader": "^0.0.4",
9191
"tailwind-scrollbar": "^3.1.0",
9292
"tailwindcss": "^3.4.14",
9393
"tiny-invariant": "^1.3.3",
9494
"true-json-bigint": "^1.0.1",
9595
"ts-pattern": "^5.5.0",
96-
"tslib": "^2.8.0",
96+
"tslib": "^2.8.1",
9797
"typescript": "^5.6.3",
98-
"typescript-eslint": "^8.11.0",
98+
"typescript-eslint": "^8.14.0",
9999
"valibot": "^0.36.0",
100-
"virtua": "^0.36.0",
101-
"vite": "^5.4.10",
100+
"virtua": "^0.36.3",
101+
"vite": "^5.4.11",
102102
"vite-svg-2-webfont": "^3.4.0",
103-
"worker-timers": "^8.0.8"
103+
"worker-timers": "^8.0.11"
104104
},
105105
"type": "module",
106106
"trustedDependencies": [

‎web-console/src/app.css‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,3 +32,18 @@
3232
.bg-black-white {
3333
@apply bg-black dark:bg-white;
3434
}
35+
36+
/* Skeleton UI overrides */
37+
38+
.checkbox,
39+
.radio {
40+
@apply bg-white-black border-none;
41+
}
42+
43+
.btn-icon-lg {
44+
width: calc(2rem /* 32px */ * var(--space-scale-factor));
45+
height: calc(2rem /* 32px */ * var(--space-scale-factor));
46+
padding: 0px !important;
47+
}
48+
49+
/* The end of Skeleton UI overrides */

‎web-console/src/app.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,6 @@
88
</head>
99

1010
<body data-sveltekit-preload-data="hover" data-theme="feldera-modern-theme" class="h-screen">
11-
<div class="h-screen preset-tonal-surface">%sveltekit.body%</div>
11+
<div class="h-screen">%sveltekit.body%</div>
1212
</body>
1313
</html>

‎web-console/src/assets/icons/feldera-material-icons/add.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎web-console/src/assets/icons/feldera-material-icons/book.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎web-console/src/assets/icons/feldera-material-icons/mediation.svg‎

Lines changed: 1 addition & 0 deletions
Loading

0 commit comments

Comments
 (0)