feat: добавить серверную генерацию спрайтов

This commit is contained in:
2026-07-16 09:14:11 +03:00
parent e9ae91815a
commit 57342fae4e
379 changed files with 3108 additions and 655 deletions

View File

@@ -6,7 +6,7 @@
<title>Standalone sprite fixture</title>
<style>
body { margin: 0; padding: 40px; font-family: system-ui, sans-serif; }
[data-testid="icon"] { width: 64px; height: 64px; color: #16a34a; --icon-color-1: #16a34a; }
[data-testid="icon"], [data-testid="remote-icon"] { width: 64px; height: 64px; color: #16a34a; --icon-color-1: #16a34a; }
gromlab-sprite-viewer { margin-top: 32px; }
</style>
</head>
@@ -16,12 +16,20 @@
<svg data-testid="icon" data-app="standalone" viewBox="0 0 24 24" aria-label="Check icon">
<use href="/app-icons/sprite.svg#check"></use>
</svg>
<svg data-testid="remote-icon" data-app="standalone-remote" viewBox="0 0 24 24" aria-label="Remote check icon">
<use href="/remote-app-icons/sprite.svg#check"></use>
</svg>
<gromlab-sprite-viewer
viewer-title="Standalone Viewer"
manifest-url="/app-icons/manifest.json"
sprite-url="/app-icons/sprite.svg"
></gromlab-sprite-viewer>
</main>
<script type="module" src="/viewer-element.js"></script>
<script type="module">
import '/viewer-element.js'
document.querySelector('gromlab-sprite-viewer').sources = [
{ manifestUrl: '/app-icons/manifest.json', spriteUrl: '/app-icons/sprite.svg' },
{ manifestUrl: '/remote-app-icons/manifest.json', spriteUrl: '/remote-app-icons/sprite.svg' },
]
</script>
</body>
</html>