@soloworks/smking-next 0.20.3 → 0.21.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @soloworks/smking-next
 
+## 0.21.0 — 2026-06-09
+
+**Per-site CMS theme — `<SmkingRuntime>` now mounts a `theme.css` stylesheet.**
+
+`SmkingRuntime` gains an optional `apiKey` prop (auto-resolved from
+`SMKING_API_KEY`); when set, it injects `<link rel="stylesheet"
+href="…/api/v1/public/theme.css?key=…">` right after `runtime.css` so the
+site's shadcn theme variables override the neutral defaults inside the
+`[data-smking="cms"]` container. No customer code change — the env var is
+already required; the link is omitted when no key is configured.
+
 ## 0.20.3 — 2026-06-08
 
 **CMS draft preview URL now carries a visible `?smking_preview=1` marker.**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soloworks/smking-next",
-  "version": "0.20.3",
+  "version": "0.21.0",
   "description": "AI-native SEO (AEO) for Next.js — auto-inject JSON-LD, FAQ, AI summary, and SEO metadata so AI crawlers (ChatGPT, Perplexity, Google AI) can cite your pages.",
   "license": "MIT",
   "homepage": "https://github.com/sillyleo/smking/tree/main/packages/smking-next",

package/src/components/smking-runtime.tsx

@@ -15,8 +15,10 @@
  */
 export function SmkingRuntime({
   baseUrl,
+  apiKey,
 }: {
   baseUrl?: string;
+  apiKey?: string;
 }) {
   const url = (
     baseUrl ?? process.env.SMKING_BASE_URL ?? "https://smking.app"
@@ -24,6 +26,9 @@ export function SmkingRuntime({
   return (
     <>
       <link rel="stylesheet" href={`${url}/api/v1/public/runtime.css`} />
+      {apiKey && (
+        <link rel="stylesheet" href={`${url}/api/v1/public/theme.css?key=${apiKey}`} />
+      )}
       <script src={`${url}/api/v1/public/runtime.js`} async />
     </>
   );