revert: "perf: extract social icons as plugin to avoid unused icons" (#2861)

src/client/shim.d.ts

@@ -33,8 +33,3 @@ declare module 'mark.js/src/vanilla.js' {
   const mark: Mark
   export default mark
 }
-
-declare module 'virtual:vp-social-icons' {
-  const data: Record<string, string>
-  export default data
-}

src/client/theme-default/components/VPSocialLink.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { DefaultTheme } from 'vitepress/theme'
 import { computed } from 'vue'
-import icons from 'virtual:vp-social-icons'
+import { icons } from '../support/socialIcons'
 
 const props = defineProps<{
   icon: DefaultTheme.SocialLinkIcon

src/client/theme-default/support/socialIcons.ts

@@ -1,9 +1,5 @@
-import type { Plugin } from 'vite'
-import type { SiteConfig } from '../config'
-import type { DefaultTheme } from '../shared'
-
 // used under CC0 1.0 from https://simpleicons.org/
-const socialIcons = {
+export const icons = {
   discord:
     '<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Discord</title><path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"/></svg>',
   facebook:
@@ -23,32 +19,4 @@ const socialIcons = {
   x: '<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>X</title><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"/></svg>',
   youtube:
     '<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>YouTube</title><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>'
-}
-
-const virtualModuleId = 'virtual:vp-social-icons'
-const resolvedVirtualModuleId = '\0' + virtualModuleId
-
-export const socialIconsPlugin = (
-  siteConfig: SiteConfig<DefaultTheme.Config>
-): Plugin => ({
-  name: 'vitepress:social-icon',
-
-  resolveId(id) {
-    if (id === virtualModuleId) {
-      return resolvedVirtualModuleId
-    }
-  },
-
-  load(id) {
-    if (id === resolvedVirtualModuleId) {
-      const usedIcons: string[] | undefined =
-        siteConfig.site.themeConfig.socialLinks?.map(({ icon }) =>
-          typeof icon === 'string' ? icon : ''
-        )
-      const icons = Object.fromEntries(
-        Object.entries(socialIcons).filter(([key]) => usedIcons?.includes(key))
-      )
-      return `export default ${JSON.stringify(icons)}`
-    }
-  }
-})
+} as const

src/node/plugin.ts

@@ -23,7 +23,6 @@ import {
 import { dynamicRoutesPlugin } from './plugins/dynamicRoutesPlugin'
 import { localSearchPlugin } from './plugins/localSearchPlugin'
 import { rewritesPlugin } from './plugins/rewritesPlugin'
-import { socialIconsPlugin } from './plugins/socialIconsPlugin'
 import { staticDataPlugin } from './plugins/staticDataPlugin'
 import { webFontsPlugin } from './plugins/webFontsPlugin'
 import { slash, type PageDataPayload } from './shared'
@@ -399,7 +398,6 @@ export async function createVitePressPlugin(
     ...(userViteConfig?.plugins || []),
     await localSearchPlugin(siteConfig),
     staticDataPlugin,
-    await dynamicRoutesPlugin(siteConfig),
-    socialIconsPlugin(siteConfig)
+    await dynamicRoutesPlugin(siteConfig)
   ]
 }