mirror of
https://github.com/gromlab-ru/svg-sprites.git
synced 2026-07-22 04:40:17 +03:00
refactor: заменить shiki на самописный highlighter и обновить архитектуру
- Удалён shiki (9.5→0 МБ), создан regex-токенизатор для html/css/xml - CLI переведён с аргументов на конфиг-файл svg-sprites.config.ts - Превью переработано: React-приложение вместо инлайн HTML - Добавлен футер с названием пакета и ссылкой на репозиторий - Исправлена загрузка dev-data.js для Vite 8 - Футер прижат к низу, содержимое центрировано
This commit is contained in:
@@ -1,40 +1,38 @@
|
||||
import path from 'node:path'
|
||||
import { scanSpriteFolders } from './scanner.js'
|
||||
import { resolveSprites } from './scanner.js'
|
||||
import { compileSprite } from './compiler.js'
|
||||
import { generateIconTypes } from './codegen.js'
|
||||
import { generateReactModule } from './codegen-react.js'
|
||||
import { generatePreview } from './preview.js'
|
||||
import { log } from './logger.js'
|
||||
import type { GenerateOptions, SpriteResult } from './types.js'
|
||||
import type { SvgSpritesConfig, SpriteResult } from './types.js'
|
||||
|
||||
/**
|
||||
* Генерирует SVG-спрайты и (опционально) TypeScript-типы для всех подпапок.
|
||||
* Генерирует SVG-спрайты из конфига.
|
||||
*
|
||||
* Основная точка входа — используется и из CLI, и из программного API.
|
||||
*/
|
||||
export async function generate(options: GenerateOptions): Promise<SpriteResult[]> {
|
||||
export async function generate(config: SvgSpritesConfig): Promise<SpriteResult[]> {
|
||||
const {
|
||||
input,
|
||||
output,
|
||||
types = true,
|
||||
typesOutput,
|
||||
transform = {},
|
||||
publicPath,
|
||||
preview = true,
|
||||
} = options
|
||||
react,
|
||||
transform = {},
|
||||
sprites,
|
||||
} = config
|
||||
|
||||
const inputDir = path.resolve(input)
|
||||
const outputDir = path.resolve(output)
|
||||
const typesDir = typesOutput ? path.resolve(typesOutput) : inputDir
|
||||
|
||||
log.title(`Scanning ${inputDir}...`)
|
||||
log.title('Resolving sprites...')
|
||||
|
||||
const folders = scanSpriteFolders(inputDir)
|
||||
const folders = resolveSprites(sprites)
|
||||
|
||||
if (folders.length === 0) {
|
||||
log.warn('No sprite folders with SVG files found.')
|
||||
log.warn('No sprites to generate.')
|
||||
return []
|
||||
}
|
||||
|
||||
log.info(`Found ${folders.length} sprite folder(s)\n`)
|
||||
log.info(`Found ${folders.length} sprite(s)\n`)
|
||||
|
||||
const results: SpriteResult[] = []
|
||||
|
||||
@@ -42,21 +40,21 @@ export async function generate(options: GenerateOptions): Promise<SpriteResult[]
|
||||
const spritePath = await compileSprite(folder, outputDir, transform)
|
||||
log.success(` [${folder.mode}] ${folder.name} → ${path.relative(process.cwd(), spritePath)} (${folder.files.length} icons)`)
|
||||
|
||||
let typesPath: string | null = null
|
||||
if (types) {
|
||||
typesPath = generateIconTypes(folder, typesDir)
|
||||
log.success(` [types] ${folder.name} → ${path.relative(process.cwd(), typesPath)}`)
|
||||
}
|
||||
|
||||
results.push({
|
||||
name: folder.name,
|
||||
mode: folder.mode,
|
||||
spritePath,
|
||||
typesPath,
|
||||
iconCount: folder.files.length,
|
||||
})
|
||||
}
|
||||
|
||||
if (react) {
|
||||
const reactDir = path.resolve(react)
|
||||
const resolvedPublicPath = publicPath ?? `/${output}`
|
||||
const iconPath = generateReactModule(results, folders, reactDir, resolvedPublicPath)
|
||||
log.success(` [react] → ${path.relative(process.cwd(), iconPath)}`)
|
||||
}
|
||||
|
||||
if (preview) {
|
||||
const previewPath = generatePreview(results, outputDir)
|
||||
log.success(`\n [preview] → ${path.relative(process.cwd(), previewPath)}`)
|
||||
|
||||
Reference in New Issue
Block a user