Munelit/swerve-visualizer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Actually upload the PWA files

Browse Source
This commit is contained in:
Moonlit Productions
2025-11-10 14:54:29 -05:00
parent e9d3b71f28
commit 402b147654
4 changed files with 112 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
icons/192.svg Normal file
View File

@ -0,0 +1,22 @@
<svg width="192" height="192" xmlns="http://www.w3.org/2000/svg">
<rect width="192" height="192" fill="#16213e"/>
<circle cx="96" cy="96" r="70" fill="none" stroke="#0f3460" stroke-width="3"/>
<!-- Swerve modules (4 corners) -->
<circle cx="56" cy="56" r="12" fill="#e94560"/>
<circle cx="136" cy="56" r="12" fill="#e94560"/>
<circle cx="56" cy="136" r="12" fill="#e94560"/>
<circle cx="136" cy="136" r="12" fill="#e94560"/>
<!-- Velocity arrows -->
<line x1="56" y1="56" x2="56" y2="40" stroke="#ff6b6b" stroke-width="3" stroke-linecap="round"/>
<line x1="136" y1="56" x2="136" y2="40" stroke="#ff6b6b" stroke-width="3" stroke-linecap="round"/>
<line x1="56" y1="136" x2="56" y2="152" stroke="#ff6b6b" stroke-width="3" stroke-linecap="round"/>
<line x1="136" y1="136" x2="136" y2="152" stroke="#ff6b6b" stroke-width="3" stroke-linecap="round"/>
<!-- Center point -->
<circle cx="96" cy="96" r="6" fill="#4ecca3"/>
<!-- Robot frame -->
<polygon points="56,56 136,56 136,136 56,136" fill="none" stroke="#4ecca3" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

41
icons/512.svg Normal file
View File

@ -0,0 +1,41 @@
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg">
<rect width="512" height="512" fill="#16213e"/>
<circle cx="256" cy="256" r="190" fill="none" stroke="#0f3460" stroke-width="8"/>
<!-- Swerve modules (4 corners) -->
<circle cx="150" cy="150" r="32" fill="#e94560"/>
<circle cx="362" cy="150" r="32" fill="#e94560"/>
<circle cx="150" cy="362" r="32" fill="#e94560"/>
<circle cx="362" cy="362" r="32" fill="#e94560"/>
<!-- Velocity arrows -->
<line x1="150" y1="150" x2="150" y2="100" stroke="#ff6b6b" stroke-width="8" stroke-linecap="round"/>
<polygon points="150,90 140,110 160,110" fill="#ff6b6b"/>
<line x1="362" y1="150" x2="362" y2="100" stroke="#ff6b6b" stroke-width="8" stroke-linecap="round"/>
<polygon points="362,90 352,110 372,110" fill="#ff6b6b"/>
<line x1="150" y1="362" x2="150" y2="412" stroke="#ff6b6b" stroke-width="8" stroke-linecap="round"/>
<polygon points="150,422 140,402 160,402" fill="#ff6b6b"/>
<line x1="362" y1="362" x2="362" y2="412" stroke="#ff6b6b" stroke-width="8" stroke-linecap="round"/>
<polygon points="362,422 352,402 372,402" fill="#ff6b6b"/>
<!-- Center point -->
<circle cx="256" cy="256" r="16" fill="#4ecca3"/>
<!-- Robot frame -->
<polygon points="150,150 362,150 362,362 150,362" fill="none" stroke="#4ecca3" stroke-width="6"/>
<!-- Grid lines in background -->
<g opacity="0.2" stroke="#4ecca3" stroke-width="1">
<line x1="100" y1="100" x2="100" y2="412"/>
<line x1="200" y1="100" x2="200" y2="412"/>
<line x1="300" y1="100" x2="300" y2="412"/>
<line x1="400" y1="100" x2="400" y2="412"/>
<line x1="100" y1="100" x2="412" y2="100"/>
<line x1="100" y1="200" x2="412" y2="200"/>
<line x1="100" y1="300" x2="412" y2="300"/>
<line x1="100" y1="400" x2="412" y2="400"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

16
manifest.json Normal file
View File

@ -0,0 +1,16 @@
{
"name": "MuneBase Swerve Drive Sim",
"start_url": "/",
"icons": [
{
"src": "icons/192.svg",
"sizes": "192x192",
"type": "image/svg+xml"
},
{
"src": "icons/512.svg",
"sizes": "512x512",
"type": "image/svg+xml"
}
]
}

33
sw.js Normal file
View File

@ -0,0 +1,33 @@
const CACHE_NAME = 'v1';
const ASSETS = [
'/',
'/index.html',
'/script.js',
'/styles.css',
'/manifest.json',
'/icons/192.svg',
'/icons/512.svg',
'/vendor/lucio/graham-scan.mjs'
];
self.addEventListener('install', (e) => {
e.waitUntil(
caches.open(CACHE_NAME).then(cache => cache.addAll(ASSETS))
);
self.skipWaiting();
});
self.addEventListener('activate', (e) => {
e.waitUntil(
caches.keys().then(keys =>
Promise.all(keys.filter(k => k !== CACHE_NAME).map(k => caches.delete(k)))
)
);
self.clients.claim();
});
self.addEventListener('fetch', (e) => {
e.respondWith(
caches.match(e.request).then(response => response || fetch(e.request))
);
});