@rimelight/seo 0.0.12 → 0.0.14

package/dist/integration.mjs

@@ -274,10 +274,18 @@ function rimelightSeo(options = {}) {
 					if (id === "virtual:rimelight-seo/site-config") return "\0virtual:rimelight-seo/site-config";
 					if (id === "virtual:rimelight-seo/db") return "\0virtual:rimelight-seo/db";
 					if (id === "virtual:rimelight-seo/corpus") return "\0virtual:rimelight-seo/corpus";
+					if (id === "virtual:rimelight-seo/assets") return "\0virtual:rimelight-seo/assets";
 					return null;
 				},
 				load(id) {
 					if (id === "\0virtual:rimelight-seo/options") return `export default ${JSON.stringify(options)};`;
+					if (id === "\0virtual:rimelight-seo/assets") {
+						const b64 = masterIconBuffer ? masterIconBuffer.toString("base64") : null;
+						return `const b64 = ${JSON.stringify(b64)};
+export const masterIconBuffer = b64 ? (typeof Buffer !== "undefined" ? Buffer.from(b64, "base64") : Uint8Array.from(atob(b64), (c) => c.charCodeAt(0))) : null;
+export const isSvg = ${JSON.stringify(isSvg)};
+export const backgroundColor = ${JSON.stringify(bgColor)};`;
+					}
 					if (id === "\0virtual:rimelight/seo") return `export const siteConfig = ${JSON.stringify(normalizedSiteConfig)};
 export const SEO_LOCALES = ${JSON.stringify(seoLocales)};
 export const PRIVATE_PATH_PREFIXES = ${JSON.stringify(privatePathPrefixes)};

package/dist/routes/site.webmanifest.mjs

@@ -12,6 +12,7 @@ const GET = () => {
 		description: manifestOpts.description || siteConfig.description || "",
 		backgroundColor: manifestOpts.backgroundColor || siteConfig.branding?.colors?.backgroundColor || "#ffffff",
 		themeColor: manifestOpts.themeColor || siteConfig.branding?.colors?.themeColor || "#ffffff",
+		icons: manifestOpts.icons || siteConfig.branding?.icons,
 		...manifestOpts
 	});
 	return new Response(JSON.stringify(manifest, null, 2), { headers: {

package/dist/types.d.mts

@@ -121,15 +121,23 @@ export interface SiteConfig {
   branding: {
     logo: {
       alt: string;
+      src?: string;
+      [key: string]: unknown;
     };
     favicon?: {
-      svg: string;
-    };
+      svg?: string;
+      ico?: string;
+      png?: string;
+      [key: string]: string | undefined;
+    } | string;
+    appleTouchIcon?: string;
+    icons?: WebManifestIcon[];
     icon?: string;
     colors: {
       themeColor: string;
       backgroundColor: string;
     };
+    [key: string]: unknown;
   };
   seo: {
     titleTemplate: string;
@@ -215,9 +223,13 @@ export interface HeadProps {
     href: string;
   }>;
   /**
-   * Custom favicon SVG or image path (overrides config.branding.favicon.svg)
+   * Custom favicon SVG or image path (overrides config.branding.favicon)
    */
   favicon?: string;
+  /**
+   * Custom Apple Touch Icon path or CDN URL (overrides config.branding.appleTouchIcon)
+   */
+  appleTouchIcon?: string;
   /**
    * Site configuration for defaults
    */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rimelight/seo",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "private": false,
   "description": "Rimelight Entertainment's SEO Package",
   "homepage": "https://rimelight.com/docs",
@@ -73,7 +73,7 @@
     "access": "public"
   },
   "devDependencies": {
-    "@rimelight/config": "0.0.13",
+    "@rimelight/config": "0.0.17",
     "astro": "7.3.3",
     "sharp": "^0.35.4",
     "typescript": "6.0.3"

package/src/components/SEOHead.astro

@@ -23,6 +23,7 @@ const {
   languageAlternates = [],
   config,
   favicon: customFavicon,
+  appleTouchIcon: customAppleTouchIcon,
   charset = 'utf-8',
   viewport = 'width=device-width, initial-scale=1',
   rssFeed,
@@ -41,12 +42,17 @@ const siteName = config?.name || 'Rimelight'
 const siteDescription = config?.description || ''
 const ogImageFallback = config?.seo?.ogImageFallback || config?.ogImage || '/og.png'
 const themeColor = config?.branding?.colors?.themeColor
-const favicon = customFavicon || config?.branding?.favicon?.svg || '/favicon.svg'
+
+const rawFavicon = customFavicon || (typeof config?.branding?.favicon === 'string' ? config.branding.favicon : config?.branding?.favicon?.svg) || config?.branding?.icon || '/favicon.svg'
+const rawFaviconIco = typeof config?.branding?.favicon === 'object' ? config?.branding?.favicon?.ico : undefined
+const favicon = rawFavicon
 const faviconType = favicon.endsWith('.ico')
   ? 'image/x-icon'
   : favicon.endsWith('.png')
     ? 'image/png'
     : 'image/svg+xml'
+
+const appleTouchIcon = customAppleTouchIcon || config?.branding?.appleTouchIcon || '/apple-touch-icon.png'
 const twitterHandle = config?.seo?.authorHandle
 const titleTemplate = config?.seo?.titleTemplate || `%s | ${siteName}`
 
@@ -171,8 +177,8 @@ if (!resolvedTwitter.card) {
 
 <!-- Icons & Manifest -->
 <link rel="icon" type={faviconType} href={favicon} />
-{!customFavicon && <link rel="icon" href="/favicon.ico" sizes="32x32" />}
-<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+{rawFaviconIco ? <link rel="icon" href={rawFaviconIco} sizes="32x32" /> : (!customFavicon && <link rel="icon" href="/favicon.ico" sizes="32x32" />)}
+<link rel="apple-touch-icon" href={appleTouchIcon} />
 <link rel="manifest" href="/site.webmanifest" />
 
 <!-- Theme Metadata -->

package/src/integration.ts

@@ -358,12 +358,22 @@ export function rimelightSeo(options: RimelightSeoOptions = {}): AstroIntegratio
                   if (id === "virtual:rimelight-seo/corpus") {
                     return "\0virtual:rimelight-seo/corpus"
                   }
+                  if (id === "virtual:rimelight-seo/assets") {
+                    return "\0virtual:rimelight-seo/assets"
+                  }
                   return null
                 },
                 load(id) {
                   if (id === "\0virtual:rimelight-seo/options") {
                     return `export default ${JSON.stringify(options)};`
                   }
+                  if (id === "\0virtual:rimelight-seo/assets") {
+                    const b64 = masterIconBuffer ? masterIconBuffer.toString("base64") : null
+                    return `const b64 = ${JSON.stringify(b64)};
+export const masterIconBuffer = b64 ? (typeof Buffer !== "undefined" ? Buffer.from(b64, "base64") : Uint8Array.from(atob(b64), (c) => c.charCodeAt(0))) : null;
+export const isSvg = ${JSON.stringify(isSvg)};
+export const backgroundColor = ${JSON.stringify(bgColor)};`
+                  }
                   if (id === "\0virtual:rimelight/seo") {
                     return `export const siteConfig = ${JSON.stringify(normalizedSiteConfig)};
 export const SEO_LOCALES = ${JSON.stringify(seoLocales)};

package/src/manifest.test.ts

@@ -38,4 +38,28 @@ describe("buildWebManifest", () => {
     expect(manifest.background_color).toBe("#111111")
     expect(manifest.shortcuts).toHaveLength(1)
   })
+
+  it("supports remote CDN icon URLs", () => {
+    const manifest = buildWebManifest({
+      name: "CDN App",
+      icons: [
+        {
+          src: "https://cdn.example.com/icons/icon-192.png",
+          sizes: "192x192",
+          type: "image/png",
+          purpose: "any"
+        },
+        {
+          src: "https://cdn.example.com/icons/icon-512.png",
+          sizes: "512x512",
+          type: "image/png",
+          purpose: "maskable"
+        }
+      ]
+    })
+
+    expect(manifest.icons).toHaveLength(2)
+    expect(manifest.icons?.[0]?.src).toBe("https://cdn.example.com/icons/icon-192.png")
+    expect(manifest.icons?.[1]?.src).toBe("https://cdn.example.com/icons/icon-512.png")
+  })
 })

package/src/og.test.ts

@@ -1,4 +1,4 @@
-import { describe, it, expect } from "vitest"
+import { describe, it, expect } from "vite-plus/test"
 import { defaultOgLayout, NOTO_SANS } from "./og"
 
 describe("@rimelight/seo defaultOgLayout", () => {

package/src/routes/site.webmanifest.ts

@@ -16,6 +16,7 @@ export const GET: APIRoute = () => {
     backgroundColor:
       manifestOpts.backgroundColor || siteConfig.branding?.colors?.backgroundColor || "#ffffff",
     themeColor: manifestOpts.themeColor || siteConfig.branding?.colors?.themeColor || "#ffffff",
+    icons: manifestOpts.icons || siteConfig.branding?.icons,
     ...manifestOpts
   })
 

package/src/types.ts

@@ -129,15 +129,25 @@ export interface SiteConfig {
   branding: {
     logo: {
       alt: string
+      src?: string
+      [key: string]: unknown
     }
-    favicon?: {
-      svg: string
-    }
+    favicon?:
+      | {
+          svg?: string
+          ico?: string
+          png?: string
+          [key: string]: string | undefined
+        }
+      | string
+    appleTouchIcon?: string
+    icons?: WebManifestIcon[]
     icon?: string
     colors: {
       themeColor: string
       backgroundColor: string
     }
+    [key: string]: unknown
   }
   seo: {
     titleTemplate: string
@@ -223,9 +233,13 @@ export interface HeadProps {
    */
   languageAlternates?: Array<{ hreflang: string; href: string }>
   /**
-   * Custom favicon SVG or image path (overrides config.branding.favicon.svg)
+   * Custom favicon SVG or image path (overrides config.branding.favicon)
    */
   favicon?: string
+  /**
+   * Custom Apple Touch Icon path or CDN URL (overrides config.branding.appleTouchIcon)
+   */
+  appleTouchIcon?: string
   /**
    * Site configuration for defaults
    */