DEV/antfu-collective_icones
1
0
Fork 0
mirror of https://github.com/antfu-collective/icones.git synced 2026-01-09 07:40:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: return shorter data url if possible (#326)

Browse Source 
Co-authored-by: Anthony Fu <github@antfu.me>
This commit is contained in:
hyrious 2024-08-19 17:00:03 +08:00 committed by GitHub
parent 84c29f28a8
commit ed9d3c1f7c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/utils/icons.ts
View File

@ -1,4 +1,5 @@
import { buildIcon, loadIcon } from 'iconify-icon'
import { encodeSvgForCss } from '@iconify/utils'
import { getTransformedId } from '../store'
import Base64 from './base64'
import { HtmlToJSX } from './htmlToJsx'
@ -211,6 +212,13 @@ export function ${name}(props) {
return prettierCode(code, 'babel-ts')
}
export function SvgToDataURL(svg: string) {
const base64 = `data:image/svg+xml;base64,${Base64.encode(svg)}`
const plain = `data:image/svg+xml,${encodeSvgForCss(svg)}`
// Return the shorter of the two data URLs
return base64.length < plain.length ? base64 : plain
}
export async function getIconSnippet(icon: string, type: string, snippet = true, color = 'currentColor'): Promise<string | undefined> {
if (!icon)
return
@ -235,7 +243,7 @@ export async function getIconSnippet(icon: string, type: string, snippet = true,
case 'svg-symbol':
return await getSvgSymbol(icon, '32', color)
case 'data_url':
return `data:image/svg+xml;base64,${Base64.encode(await getSvg(icon, undefined, color))}`
return SvgToDataURL(await getSvg(icon, undefined, color))
case 'pure-jsx':
return ClearSvg(await getSvg(icon, undefined, color))
case 'jsx':