@hagicode/hagilight 0.1.2-dev.8.1.a91b4b9 → 0.2.0

package/PromotoBanner.astro

@@ -115,7 +115,7 @@ const { fallback, locale = Astro.currentLocale ?? 'en' } = Astro.props;
     display: -webkit-box;
     overflow: hidden;
     margin: 0;
-    color: var(--sl-color-text-high, #111827);
+    color: var(--sl-color-text-high, var(--sl-color-gray-1, #111827));
     font-size: var(--sl-text-sm);
     font-weight: 600;
     line-height: 1.35;
@@ -127,11 +127,23 @@ const { fallback, locale = Astro.currentLocale ?? 'en' } = Astro.props;
     color: var(--sl-color-text, #1f2937);
   }
 
-  .hagilight-promoto__image {
-    display: block;
+  .hagilight-promoto__media {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
     width: clamp(4.5rem, 8vw, 6.25rem);
+    min-width: clamp(4.5rem, 8vw, 6.25rem);
     aspect-ratio: 1;
+    overflow: hidden;
+    border: 1px solid color-mix(in srgb, var(--sl-color-accent-high, #1d4ed8) 18%, var(--sl-color-gray-5, #cbd5e1));
     border-radius: 0.8rem;
+    background: color-mix(in srgb, var(--sl-color-bg-sidebar, #f8fafc) 82%, transparent);
+  }
+
+  .hagilight-promoto__image {
+    display: block;
+    width: 100%;
+    height: 100%;
     object-fit: cover;
   }
 
@@ -216,83 +228,112 @@ const { fallback, locale = Astro.currentLocale ?? 'en' } = Astro.props;
 
   @media (max-width: 960px) {
     .hagilight-promoto__slide {
-      grid-template-columns: minmax(0, 1fr) auto;
+      grid-template-columns: 1fr;
       gap: 0.75rem;
+      padding-inline-end: 3.7rem;
+    }
+
+    .hagilight-promoto__slide[data-has-image='true'] {
+      grid-template-columns: 1fr;
     }
 
     .hagilight-promoto__copy {
       grid-template-columns: 1fr;
       gap: 0.45rem;
     }
+
+    .hagilight-promoto__media {
+      width: min(100%, 8rem);
+      min-width: 0;
+    }
+
+    .hagilight-promoto__cta {
+      justify-self: start;
+      white-space: normal;
+    }
+
+    .hagilight-promoto__controls {
+      justify-content: flex-start;
+      padding-top: 0;
+    }
   }
 
   @media (max-width: 720px) {
     .hagilight-promoto__shell {
       bottom: calc(env(safe-area-inset-bottom) + 0.5rem);
-      width: min(calc(100vw - 1rem), 28rem);
+      width: min(calc(100vw - 1rem), 24rem);
       border-radius: 1rem;
     }
 
     .hagilight-promoto__slide {
-      grid-template-columns: minmax(0, 1fr) auto;
-      gap: 0.5rem;
-      padding: 0.65rem 3.25rem 0.65rem 0.75rem;
+      grid-template-columns: 1fr;
+      gap: 0.7rem;
+      padding: 0.85rem 4.8rem 0.85rem 0.85rem;
+    }
+
+    .hagilight-promoto__slide[data-has-image='true'] {
+      grid-template-columns: minmax(0, 1fr) 4.5rem;
+      align-items: start;
     }
 
     .hagilight-promoto__copy {
       grid-column: 1;
-      grid-row: 1 / 3;
+      grid-row: 1;
+      gap: 0.45rem;
     }
 
     .hagilight-promoto__title {
-      font-size: var(--sl-text-xs);
+      font-size: 0.92rem;
     }
 
     .hagilight-promoto__description {
-      font-size: var(--sl-text-xs);
+      font-size: 0.84rem;
       font-weight: 500;
+      line-height: 1.3;
     }
 
-    .hagilight-promoto__image {
+    .hagilight-promoto__media {
+      width: 4.5rem;
+      min-width: 4.5rem;
+      align-self: start;
       grid-column: 2;
       grid-row: 1;
-      width: 3rem;
     }
 
     .hagilight-promoto__cta {
-      grid-column: 2;
-      grid-row: 2;
-      min-width: 4rem;
-      min-height: 1.9rem;
-      padding-inline: 0.5rem;
-      font-size: var(--sl-text-xs);
-      overflow-wrap: anywhere;
+      grid-column: 1 / -1;
+      justify-self: stretch;
+      min-width: 0;
+      min-height: 2.35rem;
+      width: 100%;
+      font-size: 0.82rem;
+      white-space: normal;
     }
 
-    .hagilight-promoto__slide[data-has-image='false'] {
-      grid-template-rows: auto;
+    .hagilight-promoto__control {
+      min-width: 2.2rem;
+      min-height: 2.2rem;
     }
 
-    .hagilight-promoto__slide[data-has-image='false'] .hagilight-promoto__copy,
-    .hagilight-promoto__slide[data-has-image='false'] .hagilight-promoto__cta {
-      grid-row: 1;
+    .hagilight-promoto__count {
+      min-width: 2.75rem;
+      font-size: 0.75rem;
     }
 
-    .hagilight-promoto__slide[data-has-image='false'] .hagilight-promoto__cta {
-      min-width: 4.5rem;
+    .hagilight-promoto__dismiss {
+      inset-block-start: 0.55rem;
+      inset-inline-end: 0.55rem;
+      width: auto;
+      min-width: 2rem;
+      height: 2rem;
+      gap: 0.25rem;
+      padding-inline: 0.55rem;
     }
 
     .hagilight-promoto__controls {
-      justify-content: flex-start;
       flex-wrap: wrap;
       gap: 0.35rem;
-      padding: 0 0.75rem 0.6rem;
-    }
-
-    .hagilight-promoto__control {
-      min-width: 2rem;
-      min-height: 2rem;
-      padding-inline: 0.5rem;
+      padding: 0 0.85rem 0.9rem;
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hagicode/hagilight",
-  "version": "0.1.2-dev.8.1.a91b4b9",
+  "version": "0.2.0",
   "type": "module",
   "description": "Shared Astro components for HagiCode sites",
   "repository": {

package/promoto-banner.ts

@@ -239,6 +239,8 @@ export function definePromotoBannerElement(): void {
         slide.append(copy);
 
         if (card.image) {
+          const media = document.createElement('span');
+          media.className = 'hagilight-promoto__media';
           const image = document.createElement('img');
           image.className = 'hagilight-promoto__image';
           image.src = card.image.src;
@@ -247,7 +249,8 @@ export function definePromotoBannerElement(): void {
           image.decoding = 'async';
           if (card.image.width) image.width = card.image.width;
           if (card.image.height) image.height = card.image.height;
-          slide.append(image);
+          media.append(image);
+          slide.append(media);
         }
         slide.append(link);
         fragment.append(slide);

package/related-sites.json

@@ -25,7 +25,8 @@
       "pt-BR": "Entrada principal do produto.",
       "ru-RU": "Основной вход в продукт."
     },
-    "url": "https://www.hagicode.com/"
+    "url": "https://www.hagicode.com/",
+    "supportsLocalePath": true
   },
   {
     "id": "newbe-blog",
@@ -165,7 +166,8 @@
       "pt-BR": "Galeria com designs web de IA de destaque.",
       "ru-RU": "Галерея выразительных AI web-дизайнов."
     },
-    "url": "https://design.hagicode.com/"
+    "url": "https://design.hagicode.com/",
+    "supportsLocalePath": true
   },
   {
     "id": "soul-builder",
@@ -222,5 +224,39 @@
       "ru-RU": "Соберите способности агента."
     },
     "url": "https://trait.hagicode.com/"
+  },
+  {
+    "id": "openspec-docs",
+    "name": {
+      "zh-CN": "OpenSpec 文档",
+      "zh-Hant": "OpenSpec 文件",
+      "en-US": "OpenSpec Docs",
+      "ja-JP": "OpenSpec ドキュメント",
+      "ko-KR": "OpenSpec 문서",
+      "de-DE": "OpenSpec-Dokumentation",
+      "fr-FR": "Documentation OpenSpec",
+      "es-ES": "Documentación de OpenSpec",
+      "pt-BR": "Documentação do OpenSpec",
+      "ru-RU": "Документация OpenSpec"
+    },
+    "url": "https://openspec.hagicode.com/",
+    "supportsLocalePath": true
+  },
+  {
+    "id": "omniroute-docs",
+    "name": {
+      "zh-CN": "OmniRoute 文档",
+      "zh-Hant": "OmniRoute 文件",
+      "en-US": "OmniRoute Docs",
+      "ja-JP": "OmniRoute ドキュメント",
+      "ko-KR": "OmniRoute 문서",
+      "de-DE": "OmniRoute-Dokumentation",
+      "fr-FR": "Documentation OmniRoute",
+      "es-ES": "Documentación de OmniRoute",
+      "pt-BR": "Documentação do OmniRoute",
+      "ru-RU": "Документация OmniRoute"
+    },
+    "url": "https://omniroute.hagicode.com/",
+    "supportsLocalePath": true
   }
 ]

package/site-links.ts

@@ -16,7 +16,7 @@ export type SiteLinkKey =
   | 'issueFeedback'
   | 'contactEmail'
   | 'qqGroup'
-  | 'steam'
+  | 'microsoftStore'
   | 'icpFiling'
   | 'publicSecurityFiling';
 
@@ -48,6 +48,7 @@ export interface RelatedSite {
   name: LocalizedText;
   url: string;
   description?: LocalizedText;
+  supportsLocalePath?: boolean;
 }
 
 export interface SiteLinksOptions {
@@ -153,10 +154,11 @@ const translations = {
     'fr-FR': 'Groupe QQ 610394020', 'es-ES': 'Grupo QQ 610394020',
     'pt-BR': 'Grupo QQ 610394020', 'ru-RU': 'Группа QQ 610394020',
   },
-  steam: {
-    'zh-CN': 'Steam', 'zh-Hant': 'Steam', 'en-US': 'Steam', 'ja-JP': 'Steam',
-    'ko-KR': 'Steam', 'de-DE': 'Steam', 'fr-FR': 'Steam', 'es-ES': 'Steam',
-    'pt-BR': 'Steam', 'ru-RU': 'Steam',
+  microsoftStore: {
+    'zh-CN': 'Microsoft Store', 'zh-Hant': 'Microsoft Store', 'en-US': 'Microsoft Store',
+    'ja-JP': 'Microsoft Store', 'ko-KR': 'Microsoft Store', 'de-DE': 'Microsoft Store',
+    'fr-FR': 'Microsoft Store', 'es-ES': 'Microsoft Store', 'pt-BR': 'Microsoft Store',
+    'ru-RU': 'Microsoft Store',
   },
   icpFiling: '闽ICP备2026004153号-1',
   publicSecurityFiling: '闽公网安备35011102351148号',
@@ -178,7 +180,11 @@ const defaultLinks: Record<SiteLinkKey, LinkDefinition> = {
   issueFeedback: { label: translations.issueFeedback, href: 'https://github.com/HagiCode-org/site/issues', external: true },
   contactEmail: { label: translations.contactEmail, href: 'mailto:support@hagicode.com' },
   qqGroup: { label: translations.qqGroup, href: 'https://qm.qq.com/q/Fwb0o094kw', external: true },
-  steam: { label: translations.steam, href: 'https://store.steampowered.com/app/4625540/Hagicode/', external: true },
+  microsoftStore: {
+    label: translations.microsoftStore,
+    href: 'https://apps.microsoft.com/detail/9N3PM0N3SVDW',
+    external: true,
+  },
   icpFiling: {
     label: translations.icpFiling,
     href: 'https://beian.miit.gov.cn/',
@@ -209,8 +215,8 @@ const defaultLinks: Record<SiteLinkKey, LinkDefinition> = {
 
 const groups: Record<LinkGroup, readonly SiteLinkKey[]> = {
   header: ['home', 'blog', 'support'],
-  quick: ['downloadClient', 'about', 'dockerCompose', 'productDocs', 'blogPosts', 'rss'],
-  community: ['github', 'discord', 'issueFeedback', 'contactEmail', 'qqGroup', 'costCalculator', 'steam'],
+  quick: ['downloadClient', 'microsoftStore', 'about', 'dockerCompose', 'productDocs', 'blogPosts', 'rss'],
+  community: ['github', 'discord', 'issueFeedback', 'contactEmail', 'qqGroup', 'costCalculator'],
   filings: ['icpFiling', 'publicSecurityFiling'],
 };
 
@@ -317,8 +323,8 @@ export function resolveSiteLinks(localeInput?: string | null, options: SiteLinks
   const relatedIds = new Set<string>();
   const relatedUrls = new Set<string>();
   const relatedSites = (options.relatedSites ?? docsRelatedSites).flatMap((site) => {
-    const href = site.id === 'hagicode-main' && !options.relatedSites
-      ? marketingPath(locale, '/')
+    const href = site.supportsLocalePath
+      ? new URL(`${locale}/`, site.url.endsWith('/') ? site.url : `${site.url}/`).toString()
       : site.url;
     const normalizedUrl = normalizeUrl(href);
     if (site.id === options.siteId || renderedUrls.has(normalizedUrl)