feat: favicon -d

.github/workflows/static.yml

@@ -4,6 +4,8 @@ on:
   push:
     branches:
       - dev
+    paths:
+      - 'docs/**'
 
 env:
   CI: true

@fiction/plugin-sites/el/ToolPageGlobal.vue

@@ -32,7 +32,7 @@ const options = [
     label: 'Site Meta Information',
     input: 'group',
     options: [
-      new InputOption({ key: 'userConfig.faviconUrl', label: 'Favicon', input: 'InputMediaUpload' }),
+      new InputOption({ key: 'userConfig.favicon', label: 'Favicon', input: 'InputMediaUpload' }),
       new InputOption({ key: 'userConfig.shareImage', label: 'Share Image', description: 'Image appears when your site is shared', input: 'InputMediaUpload' }),
       new InputOption({ key: 'userConfig.timeZone', label: 'Site Time Zone', input: 'InputTimezone' }),
       new InputOption({ key: 'userConfig.languageCode', label: 'Site Language Code', input: 'InputText', placeholder: 'en' }),

@fiction/plugin-sites/engine/FSite.vue

@@ -94,6 +94,8 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
   }
 }
 
+const faviconUrl = () => site.value?.userConfig.value.favicon?.url || '/favicon.svg'
+
 unhead.useHead({
   htmlAttrs: { lang: 'en', dir: 'ltr' },
   title: () => getTitleTag(),
@@ -110,7 +112,12 @@ unhead.useHead({
     { property: 'og:url', content: () => site.value?.frame.displayUrl.value },
   ],
   link: [
-    { rel: 'shortcut icon', href: () => site.value?.userConfig.value.faviconUrl?.url || '/favicon.png' },
+    {
+      rel: 'shortcut icon',
+      href: () => faviconUrl(),
+      type: () => faviconUrl().includes('svg') ? 'image/svg+xml' : '',
+      sizes: () => faviconUrl().includes('svg') ? 'any' : '',
+    },
     { rel: 'canonical', href: () => site.value?.frame.displayUrl.value },
     { key: 'font-pre', rel: 'preconnect ', href: 'https://fonts.googleapis.com' },
     { key: 'font-static', rel: 'preconnect ', href: 'https://fonts.gstatic.com', crossorigin: 'anonymous' },

@fiction/plugin-sites/tables.ts

@@ -15,7 +15,7 @@ export type PageRegion = typeof pageRegionIds[number] | string
 export type TableSiteConfig = CreateObjectType<typeof siteCols> & st & { pages: CardConfigPortable[] }
 
 export type SiteUserConfig = Partial<{
-  faviconUrl: MediaDisplayObject
+  favicon: MediaDisplayObject
   shareImage: MediaDisplayObject
   robotsTxt: string
   locale: string

@fiction/plugin-sites/themes/fiction/index.ts

@@ -50,6 +50,8 @@ export function setup(args: ServiceList) {
     pages,
 
     userConfig: {
+      shareImage: { url: new URL('./img/share-image.jpg', import.meta.url).href },
+      favicon: { url: new URL('./img/favicon.svg', import.meta.url).href },
       colors: { isDarkMode: true },
       spacing: {
         contentWidthClass: 'max-w-screen-2xl px-4 sm:px-6 lg:px-20 mx-auto',