@devslab/site-kit 0.16.0 → 0.17.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devslab/site-kit",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "description": "Strict i18n, SEO/GEO, and Solid public-site shells for DevsLab products",
   "type": "module",
   "license": "SEE LICENSE IN LICENSE",
@@ -65,7 +65,7 @@
     "./fonts/*": "./fonts/*"
   },
   "dependencies": {
-    "@devslab/dds-solid": "0.16.0"
+    "@devslab/dds-solid": "0.17.0"
   },
   "peerDependencies": {
     "@tanstack/solid-router": "1.170.30",

package/src/core/consent.d.mts

@@ -134,10 +134,17 @@ export interface ConsentManager {
 }
 export declare function createConsentManager(options: ConsentManagerOptions): ConsentManager;
 
+/**
+ * The bar is short: `title`, `body` (what, why, that it is optional) and `learnMore`, a link to the
+ * privacy policy's analytics section (ConsentBanner's `learnMoreHref`), which carries the full disclosure.
+ * The settings dialog: one line each for necessary and analytics, a policy link, cancel and save.
+ */
 export interface ConsentMessages {
   regionLabel: string;
   title: string;
   body: string;
+  /** "자세히 보기" / "Learn more": the bar's link to the policy section. */
+  learnMore: string;
   privacyLink: string;
   acceptAll: string;
   rejectAll: string;
@@ -152,6 +159,8 @@ export interface ConsentMessages {
   analyticsBody: string;
   analyticsSwitch: string;
   save: string;
+  /** Closes the settings dialog without saving, like ✕ and Escape. */
+  cancel: string;
   close: string;
   saved: string;
   trigger: string;

package/src/core/consent.mjs

@@ -518,25 +518,33 @@ export function createConsentManager(options) {
   });
 }
 
-/** Default strings, Korean. Products pass these (or their own) to the banner. */
+/**
+ * Default strings, Korean. Products pass these (or their own) to the banner.
+ * Short on purpose (owner decision, 2026-10-06): the bar says what and why and
+ * that it is optional; "자세히 보기" links to the product's privacy policy,
+ * whose analytics section carries the full disclosure (Google Analytics,
+ * recipient, overseas transfer, retention, no advertising, withdrawal).
+ */
 export const CONSENT_MESSAGES_KO = Object.freeze({
   regionLabel: "쿠키 동의",
-  title: "방문 통계에 쿠키를 써도 될까요?",
-  body: "동의하시면 Google Analytics로 어떤 페이지를 얼마나 보는지 통계를 냅니다. 데이터는 Google LLC(미국)로 전송되어 14개월 동안 보관되고, 광고에는 쓰지 않습니다. 동의하지 않아도 사이트의 모든 기능을 그대로 쓸 수 있고, 바닥글의 ‘쿠키 설정’에서 언제든 바꿀 수 있습니다.",
+  title: "이용 통계 수집 동의 (선택)",
+  body: "서비스를 더 낫게 만들기 위해 이용 통계를 수집합니다. 동의는 선택이며, 동의하지 않아도 모든 기능을 쓸 수 있습니다.",
+  learnMore: "자세히 보기",
   privacyLink: "개인정보처리방침",
   acceptAll: "모두 허용",
   rejectAll: "거부",
   settings: "설정",
   dismiss: "선택하지 않고 닫기",
   settingsTitle: "쿠키 설정",
-  settingsIntro: "필수 쿠키는 사이트가 동작하는 데 필요해 항상 사용합니다. 방문 통계는 동의하실 때만 사용하며, 여기서 언제든 바꾸거나 철회할 수 있습니다.",
+  settingsIntro: "바닥글의 ‘쿠키 설정’에서 언제든 다시 바꿀 수 있습니다.",
   necessaryTitle: "필수",
-  necessaryBody: "서비스 제공과 보안, 법령상 의무를 위해 꼭 필요해 거부할 수 없는 쿠키입니다. 이 선택을 기억하는 쿠키도 여기에 속합니다.",
+  necessaryBody: "사이트가 동작하는 데 꼭 필요해 항상 사용합니다.",
   necessaryStatus: "항상 사용",
-  analyticsTitle: "방문 통계 (선택)",
-  analyticsBody: "Google Analytics 4로 방문한 페이지, 머문 시간, 기기·브라우저 종류를 가명 식별자와 함께 수집해 통계를 냅니다. 받는 곳: Google LLC(미국으로 국외 이전). 보관 기간: 14개월. 광고에는 쓰지 않습니다.",
-  analyticsSwitch: "방문 통계 허용",
+  analyticsTitle: "이용 통계 (선택)",
+  analyticsBody: "서비스를 개선하는 데 쓰는 이용 통계입니다.",
+  analyticsSwitch: "이용 통계 수집 허용",
   save: "선택 저장",
+  cancel: "취소",
   close: "닫기",
   saved: "쿠키 설정을 저장했습니다.",
   trigger: "쿠키 설정",
@@ -545,22 +553,24 @@ export const CONSENT_MESSAGES_KO = Object.freeze({
 /** Default strings, English. */
 export const CONSENT_MESSAGES_EN = Object.freeze({
   regionLabel: "Cookie consent",
-  title: "May we use cookies for visit statistics?",
-  body: "If you agree, Google Analytics counts which pages are viewed and for how long. The data goes to Google LLC in the United States, is kept for 14 months, and is never used for ads. Everything on this site works without it, and you can change your choice at any time under “Cookie settings” in the footer.",
+  title: "Analytics (optional)",
+  body: "We collect usage statistics to improve the service. It's optional, and everything works without it.",
+  learnMore: "Learn more",
   privacyLink: "Privacy policy",
   acceptAll: "Accept all",
   rejectAll: "Reject",
   settings: "Settings",
   dismiss: "Close without choosing",
   settingsTitle: "Cookie settings",
-  settingsIntro: "Necessary cookies keep the site working and are always on. Visit statistics run only with your consent, and you can change or withdraw it here at any time.",
+  settingsIntro: "You can change this at any time under “Cookie settings” in the footer.",
   necessaryTitle: "Necessary",
-  necessaryBody: "Needed to provide the service, keep it secure and meet legal obligations, so they cannot be turned off. The cookie that remembers this choice is one of them.",
+  necessaryBody: "Needed for the site to work, so always on.",
   necessaryStatus: "Always on",
-  analyticsTitle: "Visit statistics (optional)",
-  analyticsBody: "Google Analytics 4 records the pages you view, time spent, and device and browser type under a pseudonymous ID to produce statistics. Recipient: Google LLC (transferred to the United States). Kept for 14 months. Never used for ads.",
-  analyticsSwitch: "Allow visit statistics",
+  analyticsTitle: "Analytics (optional)",
+  analyticsBody: "Usage statistics that help us improve the service.",
+  analyticsSwitch: "Allow analytics",
   save: "Save choices",
+  cancel: "Cancel",
   close: "Close",
   saved: "Your cookie settings are saved.",
   trigger: "Cookie settings",

package/src/core/index.d.mts

@@ -1,3 +1,4 @@
+// Mirrors index.mjs statement for statement: each module re-exported whole.
 export * from "./locales.mjs";
 export * from "./catalog.mjs";
 export * from "./seo.mjs";

package/src/core/index.mjs

@@ -1,11 +1,15 @@
-export { FAMILY_LOCALES, LOCALES, canonicalLocale, defineLocaleRegistry, localeAttributes, resolveLocale } from "./locales.mjs";
-export { CatalogValidationError, createTranslator, validateCatalogs } from "./catalog.mjs";
-export { BRAND_ICON_FILES, ROBOTS_USER_AGENTS, brandIconLinks, buildMetadata, buildRobots, buildSitemap, localizedPath, localizedUrl, renderSitemapXml } from "./seo.mjs";
-export { VerifiedFactRegistry, buildVerifiedJsonLd, renderLlmsTxt } from "./geo.mjs";
-export { definePublisher, buildPublisher, serializeJsonLd, renderPublisherHtml } from "./publisher.mjs";
-export { GTM_CONTAINER_ID_PATTERN, GTM_CSP_SOURCES, gtmHeadScript, gtmNoscriptIframe } from "./gtm.mjs";
-export { FAMILY_FONT_PRELOAD_FILE, fontPreloadLinks } from "./fonts.mjs";
-export {
-  CONSENT_COOKIE_NAME, CONSENT_MESSAGES_EN, CONSENT_MESSAGES_KO, CONSENT_MODE_DEFAULTS, CONSENT_RESPONSE_HEADERS, analyticsConsented, consentCookieGrantsAnalytics,
-  consentHeadScript, createConsentManager, isSameOriginRequest, parseConsentRecord, postConsentRecord, readConsentCookie,
-} from "./consent.mjs";
+// The root barrel re-exports each module whole, statement for statement the
+// same as index.d.mts. It used to name every export by hand, and the consent
+// list fell behind its own declarations: CONSENT_RECORD_MAX_BYTES and nine
+// other names type-checked from "@devslab/site-kit" and were undefined at
+// runtime. A module that should stay off the root (flags, devslab) is simply
+// not listed here; scripts/verify-site-kit-release.mjs checks the packed
+// tarball's declared exports against what each entry point really exports.
+export * from "./locales.mjs";
+export * from "./catalog.mjs";
+export * from "./seo.mjs";
+export * from "./geo.mjs";
+export * from "./publisher.mjs";
+export * from "./gtm.mjs";
+export * from "./fonts.mjs";
+export * from "./consent.mjs";

package/styles.css

@@ -110,22 +110,28 @@
 .site-locale-flag__option[aria-current="true"] { font-weight: 700; }
 @media (max-width: 720px) { .site-locale-flag__list { position: static; inline-size: 100%; max-block-size: none; box-shadow: none; } }
 
-/* Consent (D-034): a bottom bar with three equal choices, and a settings dialog.
-   The three buttons share one tone and one grid track width, so no choice is
-   drawn heavier than another. */
+/* Consent (D-034): a bottom bar with three equal choices, and a settings dialog
+   with two (cancel, save). Each set shares one tone and one grid track width,
+   so no choice is drawn heavier than another. Products bring their own, longer labels, so the
+   layout follows the bar's own width (a container), in three steps: one row
+   (copy, choices, close); copy above a row of three; copy above the three
+   stacked full width. A label wraps only at a space, never inside a word. */
 /* Room under the page while the bar is up (ConsentBanner sets the height); zero specificity, so a product body rule wins. */
 :where(body) { padding-block-end: var(--site-consent-block-size, 0px); }
-.site-consent { position: fixed; inset-inline: 0; inset-block-end: 0; z-index: 900; max-block-size: 100dvh; overflow-y: auto; border-block-start: 1px solid var(--dds-color-border-default); background: var(--dds-color-bg-elevated); color: var(--dds-color-text-primary); box-shadow: var(--dds-elevation-3); }
-.site-consent__inner { inline-size: min(100% - var(--dds-space-32), 1120px); margin-inline: auto; padding-block: var(--dds-space-16); display: grid; grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "copy actions close"; align-items: center; gap: var(--dds-space-12) var(--dds-space-24); }
+.site-consent { container: site-consent / inline-size; position: fixed; inset-inline: 0; inset-block-end: 0; z-index: 900; max-block-size: 100dvh; overflow-y: auto; border-block-start: 1px solid var(--dds-color-border-default); background: var(--dds-color-bg-elevated); color: var(--dds-color-text-primary); box-shadow: var(--dds-elevation-3); }
+.site-consent__inner { inline-size: min(100% - var(--dds-space-32), 1120px); margin-inline: auto; padding-block: var(--dds-space-16); display: grid; grid-template-columns: minmax(0, 1fr) fit-content(50%) auto; grid-template-areas: "copy actions close"; align-items: center; gap: var(--dds-space-12) var(--dds-space-24); }
 .site-consent__copy { grid-area: copy; display: grid; gap: var(--dds-space-4); min-inline-size: 0; }
 .site-consent__title { margin: 0; font-size: var(--dds-typo-body-1-font-size); line-height: var(--dds-typo-body-1-line-height); font-weight: 700; }
 .site-consent__body { margin: 0; max-inline-size: 72ch; font-size: var(--dds-typo-body-2-font-size); line-height: var(--dds-typo-body-2-line-height); color: var(--dds-color-text-secondary); }
 .site-consent__link { color: var(--dds-color-text-brand); text-decoration: underline; text-underline-offset: 2px; }
 .site-consent__link:focus-visible, .site-consent-trigger:focus-visible { outline: 2px solid var(--dds-color-border-focus); outline-offset: 2px; border-radius: var(--dds-radius-sm); }
 .site-consent__actions { grid-area: actions; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: var(--dds-space-8); }
-.site-consent__action { inline-size: 100%; min-inline-size: 7rem; }
+/* dds.css lets a button label break anywhere (overflow-wrap: anywhere); here a
+   line ends only at a space. Korean keeps whole words, whatever the page root says. */
+.site-consent__action { inline-size: 100%; min-inline-size: 7rem; overflow-wrap: normal; word-break: normal; text-align: center; }
+.site-consent__action:lang(ko) { word-break: keep-all; }
 .site-consent__dismiss { grid-area: close; align-self: start; }
-.dds-dialog.site-consent-dialog { position: relative; max-inline-size: 36rem; max-block-size: calc(100dvh - 2 * var(--dds-space-16)); overflow-y: auto; }
+.dds-dialog.site-consent-dialog { container: site-consent-dialog / inline-size; position: relative; max-inline-size: 36rem; max-block-size: calc(100dvh - 2 * var(--dds-space-16)); overflow-y: auto; }
 .site-consent-dialog .dds-dialog__title { padding-inline-end: var(--dds-space-40); }
 .site-consent-dialog__close { position: absolute; inset-block-start: var(--dds-space-12); inset-inline-end: var(--dds-space-12); }
 .site-consent-categories { display: grid; margin: 0 0 var(--dds-space-12); padding: 0; list-style: none; }
@@ -137,18 +143,24 @@
 .site-consent-category__status, .site-consent-category__switch { justify-self: end; }
 .site-consent-category__status { background: var(--dds-color-bg-subtle); color: var(--dds-color-text-secondary); }
 .site-consent-dialog__policy { margin: 0 0 var(--dds-space-16); font-size: var(--dds-typo-body-2-font-size); }
-.site-consent-dialog .dds-dialog__actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
+.site-consent-dialog .dds-dialog__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
 /* The footer's "쿠키 설정" reads as one of its links. */
 .site-consent-trigger { appearance: none; margin: 0; padding: 0; border: 0; background: none; font: inherit; color: var(--dds-color-text-secondary); cursor: pointer; }
 .site-consent-trigger:hover { color: var(--dds-color-text-primary); text-decoration: underline; }
-@media (max-width: 720px) {
+/* One row only while the copy keeps a readable measure beside the choices
+   (fit-content caps them at half the bar; their labels then wrap at spaces). */
+@container site-consent (max-width: 60rem) {
   .site-consent__inner { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "copy close" "actions actions"; align-items: start; }
   .site-consent__actions { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); }
   .site-consent__action { min-inline-size: 0; }
 }
-@media (max-width: 480px) {
-  .site-consent-dialog .dds-dialog__actions { grid-template-columns: minmax(0, 1fr); }
+/* A phone: a third of the bar is too narrow for a long word (Tamil, Telugu,
+   German), so the choices stack — full width, every row as tall as the tallest. */
+@container site-consent (max-width: 36rem) {
+  .site-consent__actions { grid-template-columns: minmax(0, 1fr); grid-auto-rows: 1fr; }
 }
-@media (max-width: 340px) {
-  .site-consent__actions { grid-template-columns: minmax(0, 1fr); }
+/* The same in the settings dialog. A container query measures the content box:
+   the dialog's 36rem less its padding is 536px. */
+@container site-consent-dialog (max-width: 32rem) {
+  .site-consent-dialog .dds-dialog__actions { grid-template-columns: minmax(0, 1fr); grid-auto-rows: 1fr; }
 }