@uplatform/brand 0.2.0 → 0.3.0

package/README.md

@@ -26,7 +26,9 @@ import '@uplatform/brand' // registers <uplatform-affiliation> and <u-mark>
 | `theme` | `auto` (follows `prefers-color-scheme`) · `light` · `dark` | `auto` |
 
 Data only (no element): `import { products, umbrella, productHref } from '@uplatform/brand/products'`.
-`productHref` returns the product's own site, or `undefined` when it has none — render plain text then.
+`productHref(product, lang?)` returns the product's own site, or `undefined` when it has none — render plain text then.
+With `lang` `'en'` it returns the product's English page (`siteEn`) when the product has one, otherwise the same site — it never guesses an `/en/` path.
+The affiliation element follows its `lang` attribute the same way.
 Mark files: `@uplatform/brand/marks/<id>.svg` and `<id>-reverse.svg` (for dark backgrounds).
 
 ## Marks that move — `<u-mark>`

package/dist/affiliation.js

@@ -1,6 +1,6 @@
 // <uplatform-affiliation> — U-Platform 소속 표시. 의존 0 · 네트워크 0 · 쿠키 0 · shadow DOM.
 // 제품 UI 안에 놓이지만 그 UI 와 스타일이 서로 새지 않는다. 호스트는 --uplatform-fg · --uplatform-bg 로 대비만 맞춘다.
-import { products, umbrella, HUB } from './products.js';
+import { products, umbrella, HUB, productHref } from './products.js';
 import { MARKS } from './generated/marks.js';
 import { GROUND } from './ground.js';
 const TEXT = {
@@ -79,7 +79,7 @@ export class UplatformAffiliation extends HTMLElement {
             if (items.length === 0)
                 return '';
             return `<div role="group" aria-labelledby="label-${family}"><p class="label" id="label-${family}">${esc(label)}</p><ul>${items
-                .map(p => `<li><a href="${esc(p.site)}">${p.mark ? mark(p.id, theme) : ''}<span>${esc(p.name)}</span></a></li>`)
+                .map(p => `<li><a href="${esc(productHref(p, lang))}">${p.mark ? mark(p.id, theme) : ''}<span>${esc(p.name)}</span></a></li>`)
                 .join('')}</ul></div>`;
         };
         this.#root.innerHTML = `<style>${STYLE}</style>

package/dist/generated/products.json

@@ -17,6 +17,7 @@
       "name": "U-CMMS",
       "family": "solutions",
       "site": "https://cmms.u-platform.kr",
+      "siteEn": "https://cmms.u-platform.kr/en/",
       "hue": 125,
       "color": {
         "light": "#556E1C",
@@ -77,7 +78,8 @@
       "id": "u-board",
       "name": "U-Board",
       "family": "cross",
-      "site": "https://github.com/iyulab/U-Board",
+      "site": "https://board.u-platform.kr",
+      "siteEn": "https://board.u-platform.kr/en/",
       "hue": 170,
       "color": {
         "light": "#007759",

package/dist/products.d.ts

@@ -4,6 +4,8 @@ export interface Product {
     family: 'solutions' | 'system' | 'cross';
     /** 제품 자신의 공개 페이지. 없으면 링크하지 않는다(갈 곳이 없다). */
     site?: string;
+    /** 그 사이트의 영어 페이지 — 영어판이 실재할 때만 있다. 없으면 영어 화면도 `site` 로 간다. */
+    siteEn?: string;
     hue?: number;
     color?: {
         light: string;
@@ -26,5 +28,10 @@ export declare const umbrella: {
         dark: string;
     };
 };
-/** 갈 곳이 있으면 그 주소, 없으면 undefined — 쓰는 쪽은 링크 대신 글자만 둔다. */
-export declare function productHref(product: Product): string | undefined;
+/** 화면 언어 — 영어(`en`)가 아니면 한국어. */
+export type Lang = 'ko' | 'en';
+/**
+ * 갈 곳이 있으면 그 주소, 없으면 undefined — 쓰는 쪽은 링크 대신 글자만 둔다.
+ * 영어 화면이면 그 제품의 영어 페이지(`siteEn`)가 있을 때 그리로, 없으면 기본 주소로(영어판 없는 사이트에 `/en/` 을 짐작해 붙이지 않는다).
+ */
+export declare function productHref(product: Product, lang?: Lang): string | undefined;

package/dist/products.js

@@ -2,7 +2,10 @@ import data from './generated/products.json' with { type: 'json' };
 export const HUB = 'https://u-platform.kr';
 export const products = data.products;
 export const umbrella = data.umbrella;
-/** 갈 곳이 있으면 그 주소, 없으면 undefined — 쓰는 쪽은 링크 대신 글자만 둔다. */
-export function productHref(product) {
-    return product.site;
+/**
+ * 갈 곳이 있으면 그 주소, 없으면 undefined — 쓰는 쪽은 링크 대신 글자만 둔다.
+ * 영어 화면이면 그 제품의 영어 페이지(`siteEn`)가 있을 때 그리로, 없으면 기본 주소로(영어판 없는 사이트에 `/en/` 을 짐작해 붙이지 않는다).
+ */
+export function productHref(product, lang = 'ko') {
+    return (lang === 'en' && product.siteEn) || product.site;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uplatform/brand",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "U-Platform affiliation kit — product list, marks, the <uplatform-affiliation> and <u-mark> elements, mark renders and patterns.",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE",