gromov/svg-sprites
1
0
Fork 0
mirror of https://github.com/gromlab-ru/svg-sprites.git synced 2026-07-22 04:40:17 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: standalone mode

Browse Source
This commit is contained in:
Сергей Громов
2026-07-14 08:34:45 +03:00
parent 3dd385bfda
commit c596f9f1c3
64 changed files with 1341 additions and 2755 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
integration/apps/standalone-vite/index.html Normal file
View File

@@ -0,0 +1,12 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Standalone Vite sprite fixture</title>
</head>
<body>
<main id="app"></main>
<script type="module" src="/src/main.ts"></script>
</body>
</html>

17
integration/apps/standalone-vite/package.json Normal file
View File

@@ -0,0 +1,17 @@
{
"name": "@svg-sprites-fixtures/standalone-vite",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"sprites": "svg-sprites src/sprite/svg-sprite.config.ts",
"typecheck": "tsc --noEmit",
"build": "npm run sprites && tsc --noEmit && vite build",
"dev": "npm run sprites && vite"
},
"devDependencies": {
"@gromlab/svg-sprites": "file:../../..",
"typescript": "6.0.2",
"vite": "8.1.4"
}
}

20
integration/apps/standalone-vite/src/main.ts Normal file
View File

@@ -0,0 +1,20 @@
import spriteManifest from './sprite/.svg-sprite/svg-sprite.manifest.js'
import { getIconsIconHref, iconsSpriteUrl } from './sprite'
import './style.css'
const check = spriteManifest.icons.find((icon) => icon.name === 'check')
if (!check || spriteManifest.spriteUrl !== iconsSpriteUrl) {
throw new Error('Generated Vite facade and manifest disagree.')
}
document.querySelector<HTMLDivElement>('#app')!.innerHTML = `
<h1>Standalone + Vite</h1>
<svg
data-testid="icon"
data-app="standalone-vite"
viewBox="${check.viewBox ?? '0 0 24 24'}"
aria-label="Check icon"
>
<use href="${getIconsIconHref('check')}"></use>
</svg>
`

2
integration/apps/standalone-vite/src/sprite/.gitignore vendored Normal file
View File

@@ -0,0 +1,2 @@
# @generated by @gromlab/svg-sprites. Do not edit.
/.svg-sprite/

7
integration/apps/standalone-vite/src/sprite/index.ts Normal file
View File

@@ -0,0 +1,7 @@
export {
getIconsIconHref,
iconsIconIds,
iconsIconNames,
iconsSpriteUrl,
} from './.svg-sprite/index.js'
export type { IconsIconName } from './.svg-sprite/index.js'

8
integration/apps/standalone-vite/src/sprite/svg-sprite.config.ts Normal file
View File

@@ -0,0 +1,8 @@
import { defineSpriteConfig } from '@gromlab/svg-sprites'
export default defineSpriteConfig({
mode: 'standalone@vite',
name: 'icons',
inputFiles: ['../../../../fixtures/icons/check.svg'],
generatedNotice: false,
})

12
integration/apps/standalone-vite/src/style.css Normal file
View File

@@ -0,0 +1,12 @@
body {
margin: 0;
padding: 40px;
font-family: system-ui, sans-serif;
}
[data-testid='icon'] {
width: 64px;
height: 64px;
color: #16a34a;
--icon-color-1: #16a34a;
}

1
integration/apps/standalone-vite/src/vite-env.d.ts vendored Normal file
View File

@@ -0,0 +1 @@
/// <reference types="vite/client" />

11
integration/apps/standalone-vite/tsconfig.json Normal file
View File

@@ -0,0 +1,11 @@
{
"compilerOptions": {
"target": "ES2022",
"module": "ESNext",
"moduleResolution": "Bundler",
"lib": ["ES2022", "DOM"],
"strict": true,
"noEmit": true
},
"include": ["src"]
}