Skip to content

Commit

Permalink
chore: update to release version of svelte 5 (#151)
Browse files Browse the repository at this point in the history
  • Loading branch information
sverben authored Dec 9, 2024
1 parent fc5ce14 commit ece90a0
Show file tree
Hide file tree
Showing 66 changed files with 2,344 additions and 2,683 deletions.
2 changes: 1 addition & 1 deletion .github/workflows/pull-request.yml
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ jobs:
timeout-minutes: 60
runs-on: ubuntu-latest
container:
image: mcr.microsoft.com/playwright:v1.43.1-jammy
image: mcr.microsoft.com/playwright:v1.49.0-jammy
steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
Expand Down
24 changes: 12 additions & 12 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -15,25 +15,25 @@
"@leaphy-robotics/playwright-arduino": "1.0.5",
"@playwright/test": "^1.43.1",
"@sentry/vite-plugin": "^2.16.1",
"@sveltejs/vite-plugin-svelte": "^3.0.2",
"@sveltejs/vite-plugin-svelte": "^5.0.1",
"@tsconfig/svelte": "^5.0.2",
"@types/chart.js": "^2.9.41",
"@types/node": "^20.11.30",
"@types/node": "^22.10.1",
"@types/w3c-web-serial": "^1.0.6",
"@types/wicg-file-system-access": "^2023.10.5",
"svelte": "5.0.0-next.134",
"svelte-check": "3.7.1",
"svelte": "^5.8.1",
"svelte-check": "^4.1.1",
"tslib": "^2.6.2",
"typescript": "^5.2.2",
"vite": "^5.2.14",
"vite": "^6.0.3",
"vite-plugin-top-level-await": "^1.4.1"
},
"dependencies": {
"@blockly/field-bitmap": "^4.0.16",
"@blockly/workspace-backpack": "^5.3.7",
"@blockly/field-bitmap": "4",
"@blockly/workspace-backpack": "5",
"@floating-ui/dom": "^1.6.3",
"@fortawesome/free-brands-svg-icons": "^6.6.0",
"@fortawesome/free-solid-svg-icons": "6.6.0",
"@fortawesome/free-solid-svg-icons": "^6.7.1",
"@leaphy-robotics/avrdude-webassembly": "1.7.0",
"@leaphy-robotics/dfu-util-wasm": "^1.0.2",
"@leaphy-robotics/leaphy-blocks": "3.3.1",
Expand All @@ -44,16 +44,16 @@
"@xterm/addon-fit": "^0.10.0",
"@xterm/xterm": "^5.5.0",
"base64-js": "^1.5.1",
"blockly": "^10.4.3",
"blockly": "10",
"chart.js": "^4.4.2",
"chartjs-adapter-date-fns": "^3.0.0",
"date-fns": "^3.6.0",
"date-fns": "^4.1.0",
"jszip": "^3.10.1",
"monaco-editor": "^0.48.0",
"monaco-editor": "^0.52.0",
"svelte-fa": "^4.0.2",
"svelte-i18n": "^4.0.0",
"svelte-markdown": "^0.4.1",
"vite-plugin-static-copy": "1.0.4",
"vite-plugin-static-copy": "^2.2.0",
"web-serial-polyfill": "^1.0.15"
}
}
5 changes: 3 additions & 2 deletions src/App.svelte
Original file line number Diff line number Diff line change
@@ -1,14 +1,15 @@
<script lang="ts">
import { screen } from "$state/app.svelte";
import AppState from "$state/app.svelte";
import Header from "$components/core/header/Header.svelte";
import Renderer from "$components/core/popups/Renderer.svelte";
import ComponentRenderer from "$components/ui/ComponentRenderer.svelte";
</script>

<div class="app">
<Header />

<svelte:component this={$screen} />
<ComponentRenderer component={AppState.Screen} />
<Renderer />
</div>

Expand Down
95 changes: 48 additions & 47 deletions src/app.css
Original file line number Diff line number Diff line change
@@ -1,78 +1,79 @@
* {
box-sizing: border-box;
box-sizing: border-box;
}

body {
--shadow-el1: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024,
0 3px 14px 2px #0000001f;
--shadow-el2: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12);
--shadow-el1: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px
#0000001f;
--shadow-el2:
0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12);

--full-height: calc(100vh - 64px);
--full-height: calc(100vh - 64px);
}

body[data-color-scheme="light"] {
--background: #fff;
--robot: #fff;
--on-background: #000;
--background-tint: #f1f1f1;
--primary: #06778f;
--primary-dark-tint: #035e72;
--on-primary: #fff;
--secondary: lightgray;
--on-secondary: black;
--on-secondary-muted: rgb(109, 109, 109);
--accent: #32a5a9;
--on-accent: #fff;
--text-muted: #d3d3d3;
--warning: #ffcc00;
--background: #fff;
--robot: #fff;
--on-background: #000;
--background-tint: #f1f1f1;
--primary: #06778f;
--primary-dark-tint: #035e72;
--on-primary: #fff;
--secondary: lightgray;
--on-secondary: black;
--on-secondary-muted: rgb(109, 109, 109);
--accent: #32a5a9;
--on-accent: #fff;
--text-muted: #d3d3d3;
--warning: #ffcc00;
}
body[data-color-scheme="dark"] {
--background: #24242b;
--robot: #303039;
--on-background: #fff;
--background-tint: #22222c;
--primary: #104d59;
--primary-dark-tint: #1c798b;
--on-primary: #fff;
--secondary: #303039;
--on-secondary: #fff;
--on-secondary-muted: rgb(190, 190, 190);
--accent: #32a5a9;
--on-accent: #fff;
--text-muted: #535361;
--background: #24242b;
--robot: #303039;
--on-background: #fff;
--background-tint: #22222c;
--primary: #104d59;
--primary-dark-tint: #1c798b;
--on-primary: #fff;
--secondary: #303039;
--on-secondary: #fff;
--on-secondary-muted: rgb(190, 190, 190);
--accent: #32a5a9;
--on-accent: #fff;
--text-muted: #535361;
--warning: #ffcc00;
}

body {
margin: 0;
background: var(--background-tint);
color: var(--on-background);
font-family: sans-serif;
overflow: hidden;
margin: 0;
background: var(--background-tint);
color: var(--on-background);
font-family: sans-serif;
overflow: hidden;
}

.blocklyToolboxCategory {
margin: 3px 0;
margin: 3px 0;
}
.blocklyTreeRow {
box-sizing: content-box;
box-sizing: content-box;
}

.injectionDiv > .blocklyFlyout {
transform: translate(80px, 0) !important;
transform: translate(80px, 0) !important;
}

table,
tr,
td {
border: none;
margin: 0;
border-spacing: 0;
border: none;
margin: 0;
border-spacing: 0;
}

.blocklySvg {
z-index: 0;
background-color: transparent !important;
z-index: 0;
background-color: transparent !important;
}
Loading

0 comments on commit ece90a0

Please sign in to comment.