[NF] Improved visualization (#19)

Fixed LED default color, changed button asset. Renamed react application.
matgla · Dec 29, 2024 · f1d810d · f1d810d
1 parent 060be52
commit f1d810d
Show file tree

Hide file tree

Showing 23 changed files with 111 additions and 128 deletions.
diff --git a/.github/workflows/build_pico_examples.yml b/.github/workflows/build_pico_examples.yml
@@ -39,7 +39,7 @@ jobs:
         shell: bash
         if: steps.pico-examples-cache.outputs.cache-hit != 'true'
         run: |
-          pacman -S --noconfirm ninja
+          pacman -Sy --noconfirm ninja
           cd tests && ./build_pico_examples.sh
 
       - uses: actions/upload-artifact@v4

diff --git a/visualization/visualization/build/asset-manifest.json b/visualization/visualization/build/asset-manifest.json
@@ -1,19 +1,19 @@
 {
   "files": {
     "main.css": "/static/css/main.25333aef.css",
-    "main.js": "/static/js/main.77a3060b.js",
+    "main.js": "/static/js/main.15240b4e.js",
     "static/media/Raspberry_Pi_Pico_top.png": "/static/media/Raspberry_Pi_Pico_top.e33f028f5df6fa7a8812.png",
     "static/media/breadboard.svg": "/static/media/breadboard.0b169a51ffbe1f7f8bd530e8f6cb7ed8.svg",
     "static/media/7segment.svg": "/static/media/7segment.4e0006b1fe808cef9373e141218a4d64.svg",
-    "static/media/button.svg": "/static/media/button.477b4b211bc442f2c7af47352b66f76c.svg",
+    "static/media/button.svg": "/static/media/button.a06df6a57fa7fd69cbe0389eb60756fc.svg",
     "static/media/led.svg": "/static/media/led.4768c0df04932f68cd84bba91e9f7349.svg",
     "static/media/7segment_separator.svg": "/static/media/7segment_separator.4e74319228a46dc74746ad8d50353228.svg",
     "index.html": "/index.html",
     "main.25333aef.css.map": "/static/css/main.25333aef.css.map",
-    "main.77a3060b.js.map": "/static/js/main.77a3060b.js.map"
+    "main.15240b4e.js.map": "/static/js/main.15240b4e.js.map"
   },
   "entrypoints": [
     "static/css/main.25333aef.css",
-    "static/js/main.77a3060b.js"
+    "static/js/main.15240b4e.js"
   ]
 }
diff --git a/visualization/visualization/build/favicon.ico b/visualization/visualization/build/favicon.ico
diff --git a/visualization/visualization/build/index.html b/visualization/visualization/build/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>React App</title><script defer="defer" src="/static/js/main.77a3060b.js"></script><link href="/static/css/main.25333aef.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>RP2040 Simulation</title><script defer="defer" src="/static/js/main.15240b4e.js"></script><link href="/static/css/main.25333aef.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
diff --git a/visualization/visualization/build/logo192.png b/visualization/visualization/build/logo192.png
diff --git a/visualization/visualization/build/logo512.png b/visualization/visualization/build/logo512.png
diff --git a/visualization/visualization/build/manifest.json b/visualization/visualization/build/manifest.json
@@ -1,23 +1,7 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
+  "short_name": "RP2040 Simulation",
+  "name": "Renode RP2040 Simulation",
+  "icons": [],
   "start_url": ".",
   "display": "standalone",
   "theme_color": "#000000",

diff --git a/...lization/build/static/js/main.77a3060b.js → ...lization/build/static/js/main.15240b4e.js b/...lization/build/static/js/main.77a3060b.js → ...lization/build/static/js/main.15240b4e.js
diff --git a/...ld/static/js/main.77a3060b.js.LICENSE.txt → ...ld/static/js/main.15240b4e.js.LICENSE.txt b/...ld/static/js/main.77a3060b.js.LICENSE.txt → ...ld/static/js/main.15240b4e.js.LICENSE.txt
diff --git a/visualization/visualization/build/static/js/main.15240b4e.js.map b/visualization/visualization/build/static/js/main.15240b4e.js.map
diff --git a/visualization/visualization/build/static/js/main.77a3060b.js.map b/visualization/visualization/build/static/js/main.77a3060b.js.map
diff --git a/...on/visualization/build/static/media/button.477b4b211bc442f2c7af47352b66f76c.svg b/...on/visualization/build/static/media/button.477b4b211bc442f2c7af47352b66f76c.svg
diff --git a/...on/visualization/build/static/media/button.a06df6a57fa7fd69cbe0389eb60756fc.svg b/...on/visualization/build/static/media/button.a06df6a57fa7fd69cbe0389eb60756fc.svg
diff --git a/visualization/visualization/public/favicon.ico b/visualization/visualization/public/favicon.ico
diff --git a/visualization/visualization/public/index.html b/visualization/visualization/public/index.html
@@ -24,7 +24,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>RP2040 Simulation</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/visualization/visualization/public/logo192.png b/visualization/visualization/public/logo192.png
diff --git a/visualization/visualization/public/logo512.png b/visualization/visualization/public/logo512.png
diff --git a/visualization/visualization/public/manifest.json b/visualization/visualization/public/manifest.json
@@ -1,23 +1,7 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
+  "short_name": "RP2040 Simulation",
+  "name": "Renode RP2040 Simulation",
+  "icons": [],
   "start_url": ".",
   "display": "standalone",
   "theme_color": "#000000",

diff --git a/visualization/visualization/src/assets/button.afdesign b/visualization/visualization/src/assets/button.afdesign
diff --git a/visualization/visualization/src/assets/button.afdesign~lock~ b/visualization/visualization/src/assets/button.afdesign~lock~
diff --git a/visualization/visualization/src/assets/button.svg b/visualization/visualization/src/assets/button.svg
diff --git a/visualization/visualization/src/components/Led.js b/visualization/visualization/src/components/Led.js
@@ -6,7 +6,7 @@ const Led = forwardRef(({ editWidget, name }, ref) => {
     const child = useRef({});
     const image = useRef({});
     const [state, setState] = useState(false);
-    var [color, setColor] = useState(null);
+    var [color, setColor] = useState("#ff0000");
 
     useImperativeHandle(ref, () => ({
         serialize() {

diff --git a/visualization/visualization/src/logo.svg b/visualization/visualization/src/logo.svg
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>React App</title><script defer="defer" src="/static/js/main.77a3060b.js"></script><link href="/static/css/main.25333aef.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>RP2040 Simulation</title><script defer="defer" src="/static/js/main.15240b4e.js"></script><link href="/static/css/main.25333aef.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>