@roottale/cms-renderer-next 0.61.1 → 0.62.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roottale/cms-renderer-next",
-  "version": "0.61.1",
+  "version": "0.62.0",
   "type": "module",
   "description": "RootTale CMS public-render React/Next.js Server Components. SSR-only RSC components (RootTaleBlogList / RootTaleBlogPost / RootTaleLeadForm) for external customer sites.",
   "main": "./dist/index.js",
@@ -24,6 +24,11 @@
       "import": "./dist/routes.js",
       "default": "./dist/routes.js"
     },
+    "./exposures": {
+      "types": "./dist/exposures.d.ts",
+      "import": "./dist/exposures.js",
+      "default": "./dist/exposures.js"
+    },
     "./mui": {
       "types": "./dist/mui.d.ts",
       "import": "./dist/mui.js",
@@ -48,17 +53,19 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@roottale/cms-client": "^0.61.1",
-    "@roottale/cms-core": "^0.61.1"
+    "@roottale/cms-client": "^0.62.0",
+    "@roottale/cms-core": "^0.62.0"
   },
   "peerDependencies": {
-    "react": "^19.0.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@types/node": "^22.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "esbuild-plugin-preserve-directives": "^0.0.11",
+    "jsdom": "^29.1.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "typescript": "^5.7.0",

package/dist/chunk-GVKENK6H.js

@@ -1,75 +0,0 @@
-"use client";
-
-// src/exposure-client.tsx
-import { useEffect, useRef, useState, useSyncExternalStore } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function storageKey(campaign) {
-  return `rt-exposure-dismissed:${campaign.id}`;
-}
-function wasDismissed(campaign) {
-  if (campaign.repeat === "always") return false;
-  try {
-    const storage = campaign.repeat === "session" ? sessionStorage : localStorage;
-    const value = storage.getItem(storageKey(campaign));
-    if (!value) return false;
-    if (campaign.repeat === "day") return Date.now() - Number(value) < 864e5;
-    return true;
-  } catch {
-    return false;
-  }
-}
-function rememberDismissal(campaign) {
-  if (campaign.repeat === "always") return;
-  try {
-    const storage = campaign.repeat === "session" ? sessionStorage : localStorage;
-    storage.setItem(storageKey(campaign), String(Date.now()));
-  } catch {
-  }
-}
-function RootTaleExposure({
-  campaign,
-  allowedVariants
-}) {
-  const [dismissed, setDismissed] = useState(false);
-  const closeRef = useRef(null);
-  const knownVariant = allowedVariants.includes(campaign.content.variant);
-  const eligible = useSyncExternalStore(
-    () => () => void 0,
-    () => !wasDismissed(campaign),
-    () => false
-  );
-  const visible = knownVariant && eligible && !dismissed;
-  useEffect(() => {
-    if (!visible || campaign.kind !== "popup") return;
-    closeRef.current?.focus();
-    const onKeyDown = (event) => {
-      if (event.key === "Escape") dismiss();
-    };
-    window.addEventListener("keydown", onKeyDown);
-    return () => window.removeEventListener("keydown", onKeyDown);
-  });
-  function dismiss() {
-    rememberDismissal(campaign);
-    setDismissed(true);
-  }
-  if (!knownVariant || !visible) return null;
-  const body = /* @__PURE__ */ jsxs("div", { className: "rt-exposure__body", children: [
-    campaign.content.assetUrl ? /* @__PURE__ */ jsx("img", { className: "rt-exposure__asset", src: campaign.content.assetUrl, alt: campaign.content.assetAlt ?? "" }) : null,
-    /* @__PURE__ */ jsxs("div", { className: "rt-exposure__copy", children: [
-      campaign.content.eyebrow ? /* @__PURE__ */ jsx("p", { className: "rt-exposure__eyebrow", children: campaign.content.eyebrow }) : null,
-      /* @__PURE__ */ jsx("h2", { className: "rt-exposure__title", children: campaign.content.title }),
-      campaign.content.description ? /* @__PURE__ */ jsx("p", { className: "rt-exposure__description", children: campaign.content.description }) : null,
-      campaign.content.linkUrl && campaign.content.linkLabel ? /* @__PURE__ */ jsx("a", { className: "rt-exposure__link", href: campaign.content.linkUrl, children: campaign.content.linkLabel }) : null
-    ] }),
-    /* @__PURE__ */ jsx("button", { ref: closeRef, type: "button", className: "rt-exposure__close", "aria-label": "\uB2EB\uAE30", onClick: dismiss, children: "\xD7" })
-  ] });
-  if (campaign.kind === "banner") {
-    return /* @__PURE__ */ jsx("aside", { className: `rt-exposure rt-exposure--banner rt-exposure--${campaign.content.variant}`, "aria-label": "\uC548\uB0B4", children: body });
-  }
-  return /* @__PURE__ */ jsx("div", { className: "rt-exposure-backdrop", role: "presentation", children: /* @__PURE__ */ jsx("section", { className: `rt-exposure rt-exposure--popup rt-exposure--${campaign.content.variant}`, role: "dialog", "aria-modal": "true", "aria-label": campaign.content.title, children: body }) });
-}
-
-export {
-  RootTaleExposure
-};
-//# sourceMappingURL=chunk-GVKENK6H.js.map

package/dist/chunk-GVKENK6H.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/exposure-client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState, useSyncExternalStore } from \"react\";\n\nimport type { CmsExposureCampaign } from \"@roottale/cms-client/server\";\n\nfunction storageKey(campaign: CmsExposureCampaign): string {\n  return `rt-exposure-dismissed:${campaign.id}`;\n}\n\nfunction wasDismissed(campaign: CmsExposureCampaign): boolean {\n  if (campaign.repeat === \"always\") return false;\n  try {\n    const storage = campaign.repeat === \"session\" ? sessionStorage : localStorage;\n    const value = storage.getItem(storageKey(campaign));\n    if (!value) return false;\n    if (campaign.repeat === \"day\") return Date.now() - Number(value) < 86_400_000;\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nfunction rememberDismissal(campaign: CmsExposureCampaign): void {\n  if (campaign.repeat === \"always\") return;\n  try {\n    const storage = campaign.repeat === \"session\" ? sessionStorage : localStorage;\n    storage.setItem(storageKey(campaign), String(Date.now()));\n  } catch {\n    // 저장소 차단 환경에서는 현재 화면에서만 닫는다.\n  }\n}\n\nexport function RootTaleExposure({\n  campaign,\n  allowedVariants,\n}: {\n  readonly campaign: CmsExposureCampaign;\n  readonly allowedVariants: readonly string[];\n}) {\n  const [dismissed, setDismissed] = useState(false);\n  const closeRef = useRef<HTMLButtonElement>(null);\n  const knownVariant = allowedVariants.includes(campaign.content.variant);\n  const eligible = useSyncExternalStore(\n    () => () => undefined,\n    () => !wasDismissed(campaign),\n    () => false,\n  );\n  const visible = knownVariant && eligible && !dismissed;\n\n  useEffect(() => {\n    if (!visible || campaign.kind !== \"popup\") return;\n    closeRef.current?.focus();\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") dismiss();\n    };\n    window.addEventListener(\"keydown\", onKeyDown);\n    return () => window.removeEventListener(\"keydown\", onKeyDown);\n  });\n\n  function dismiss() {\n    rememberDismissal(campaign);\n    setDismissed(true);\n  }\n\n  if (!knownVariant || !visible) return null;\n  const body = <div className=\"rt-exposure__body\">\n    {campaign.content.assetUrl ? <img className=\"rt-exposure__asset\" src={campaign.content.assetUrl} alt={campaign.content.assetAlt ?? \"\"} /> : null}\n    <div className=\"rt-exposure__copy\">\n      {campaign.content.eyebrow ? <p className=\"rt-exposure__eyebrow\">{campaign.content.eyebrow}</p> : null}\n      <h2 className=\"rt-exposure__title\">{campaign.content.title}</h2>\n      {campaign.content.description ? <p className=\"rt-exposure__description\">{campaign.content.description}</p> : null}\n      {campaign.content.linkUrl && campaign.content.linkLabel ? <a className=\"rt-exposure__link\" href={campaign.content.linkUrl}>{campaign.content.linkLabel}</a> : null}\n    </div>\n    <button ref={closeRef} type=\"button\" className=\"rt-exposure__close\" aria-label=\"닫기\" onClick={dismiss}>×</button>\n  </div>;\n\n  if (campaign.kind === \"banner\") {\n    return <aside className={`rt-exposure rt-exposure--banner rt-exposure--${campaign.content.variant}`} aria-label=\"안내\">{body}</aside>;\n  }\n  return <div className=\"rt-exposure-backdrop\" role=\"presentation\">\n    <section className={`rt-exposure rt-exposure--popup rt-exposure--${campaign.content.variant}`} role=\"dialog\" aria-modal=\"true\" aria-label={campaign.content.title}>\n      {body}\n    </section>\n  </div>;\n}\n"],"mappings":";AAEA,SAAS,WAAW,QAAQ,UAAU,4BAA4B;AAiEjC,cAC7B,YAD6B;AA7DjC,SAAS,WAAW,UAAuC;AACzD,SAAO,yBAAyB,SAAS,EAAE;AAC7C;AAEA,SAAS,aAAa,UAAwC;AAC5D,MAAI,SAAS,WAAW,SAAU,QAAO;AACzC,MAAI;AACF,UAAM,UAAU,SAAS,WAAW,YAAY,iBAAiB;AACjE,UAAM,QAAQ,QAAQ,QAAQ,WAAW,QAAQ,CAAC;AAClD,QAAI,CAAC,MAAO,QAAO;AACnB,QAAI,SAAS,WAAW,MAAO,QAAO,KAAK,IAAI,IAAI,OAAO,KAAK,IAAI;AACnE,WAAO;AAAA,EACT,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAAS,kBAAkB,UAAqC;AAC9D,MAAI,SAAS,WAAW,SAAU;AAClC,MAAI;AACF,UAAM,UAAU,SAAS,WAAW,YAAY,iBAAiB;AACjE,YAAQ,QAAQ,WAAW,QAAQ,GAAG,OAAO,KAAK,IAAI,CAAC,CAAC;AAAA,EAC1D,QAAQ;AAAA,EAER;AACF;AAEO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,WAAW,OAA0B,IAAI;AAC/C,QAAM,eAAe,gBAAgB,SAAS,SAAS,QAAQ,OAAO;AACtE,QAAM,WAAW;AAAA,IACf,MAAM,MAAM;AAAA,IACZ,MAAM,CAAC,aAAa,QAAQ;AAAA,IAC5B,MAAM;AAAA,EACR;AACA,QAAM,UAAU,gBAAgB,YAAY,CAAC;AAE7C,YAAU,MAAM;AACd,QAAI,CAAC,WAAW,SAAS,SAAS,QAAS;AAC3C,aAAS,SAAS,MAAM;AACxB,UAAM,YAAY,CAAC,UAAyB;AAC1C,UAAI,MAAM,QAAQ,SAAU,SAAQ;AAAA,IACtC;AACA,WAAO,iBAAiB,WAAW,SAAS;AAC5C,WAAO,MAAM,OAAO,oBAAoB,WAAW,SAAS;AAAA,EAC9D,CAAC;AAED,WAAS,UAAU;AACjB,sBAAkB,QAAQ;AAC1B,iBAAa,IAAI;AAAA,EACnB;AAEA,MAAI,CAAC,gBAAgB,CAAC,QAAS,QAAO;AACtC,QAAM,OAAO,qBAAC,SAAI,WAAU,qBACzB;AAAA,aAAS,QAAQ,WAAW,oBAAC,SAAI,WAAU,sBAAqB,KAAK,SAAS,QAAQ,UAAU,KAAK,SAAS,QAAQ,YAAY,IAAI,IAAK;AAAA,IAC5I,qBAAC,SAAI,WAAU,qBACZ;AAAA,eAAS,QAAQ,UAAU,oBAAC,OAAE,WAAU,wBAAwB,mBAAS,QAAQ,SAAQ,IAAO;AAAA,MACjG,oBAAC,QAAG,WAAU,sBAAsB,mBAAS,QAAQ,OAAM;AAAA,MAC1D,SAAS,QAAQ,cAAc,oBAAC,OAAE,WAAU,4BAA4B,mBAAS,QAAQ,aAAY,IAAO;AAAA,MAC5G,SAAS,QAAQ,WAAW,SAAS,QAAQ,YAAY,oBAAC,OAAE,WAAU,qBAAoB,MAAM,SAAS,QAAQ,SAAU,mBAAS,QAAQ,WAAU,IAAO;AAAA,OAChK;AAAA,IACA,oBAAC,YAAO,KAAK,UAAU,MAAK,UAAS,WAAU,sBAAqB,cAAW,gBAAK,SAAS,SAAS,kBAAC;AAAA,KACzG;AAEA,MAAI,SAAS,SAAS,UAAU;AAC9B,WAAO,oBAAC,WAAM,WAAW,gDAAgD,SAAS,QAAQ,OAAO,IAAI,cAAW,gBAAM,gBAAK;AAAA,EAC7H;AACA,SAAO,oBAAC,SAAI,WAAU,wBAAuB,MAAK,gBAChD,8BAAC,aAAQ,WAAW,+CAA+C,SAAS,QAAQ,OAAO,IAAI,MAAK,UAAS,cAAW,QAAO,cAAY,SAAS,QAAQ,OACzJ,gBACH,GACF;AACF;","names":[]}