@cosmicdrift/kumiko-bundled-features 0.123.1 → 0.123.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cosmicdrift/kumiko-bundled-features",
-  "version": "0.123.1",
+  "version": "0.123.3",
   "description": "Built-in features — tenant, user, auth, delivery. The stuff you'd rewrite anyway, already typed.",
   "license": "BUSL-1.1",
   "author": "Marc Frost <marc@cosmicdriftgamestudio.com>",
@@ -91,17 +91,18 @@
     "./legal-pages": "./src/legal-pages/index.ts",
     "./legal-pages/web": "./src/legal-pages/web/index.ts",
     "./page-render": "./src/page-render/index.ts",
+    "./page-render/web": "./src/page-render/web.ts",
     "./managed-pages": "./src/managed-pages/index.ts",
     "./managed-pages/web": "./src/managed-pages/web/index.ts",
     "./managed-pages/seeding": "./src/managed-pages/seeding.ts",
     "./step-dispatcher": "./src/step-dispatcher/index.ts"
   },
   "dependencies": {
-    "@cosmicdrift/kumiko-dispatcher-live": "0.123.1",
-    "@cosmicdrift/kumiko-framework": "0.123.1",
-    "@cosmicdrift/kumiko-headless": "0.123.1",
-    "@cosmicdrift/kumiko-renderer": "0.123.1",
-    "@cosmicdrift/kumiko-renderer-web": "0.123.1",
+    "@cosmicdrift/kumiko-dispatcher-live": "0.123.3",
+    "@cosmicdrift/kumiko-framework": "0.123.3",
+    "@cosmicdrift/kumiko-headless": "0.123.3",
+    "@cosmicdrift/kumiko-renderer": "0.123.3",
+    "@cosmicdrift/kumiko-renderer-web": "0.123.3",
     "@mollie/api-client": "^4.5.0",
     "@node-rs/argon2": "^2.0.2",
     "@types/nodemailer": "^8.0.0",

package/src/page-render/web.ts

@@ -0,0 +1,13 @@
+export {
+  type BrandingTokens,
+  brandingHeaderHtml,
+  brandingStyleBlock,
+  EMPTY_BRANDING,
+  isSafeHexColor,
+  isSafeHttpsUrl,
+  layoutMaxWidth,
+} from "./branding";
+export { sanitizeTenantCss } from "./css-sanitize";
+export { TENANT_CONTENT_ATTR, tenantStyleBlock, wrapInLayout } from "./layout";
+export { renderSafeMarkdown } from "./markdown";
+export { securePageHeaders } from "./security-headers";

package/src/user-profile/web/profile-screen.tsx

@@ -12,6 +12,7 @@ import {
   useQuery,
   useTranslation,
 } from "@cosmicdrift/kumiko-renderer";
+import { FormScreenShell } from "@cosmicdrift/kumiko-renderer-web";
 import { type ReactNode, useState } from "react";
 import { AuthHandlers } from "../../auth-email-password/constants";
 import { requestEmailVerification } from "../../auth-email-password/web";
@@ -360,7 +361,7 @@ export function ProfileScreen(): ReactNode {
   };
 
   return (
-    <div className="flex max-w-5xl flex-col gap-6 p-6" data-testid="profile-screen">
+    <FormScreenShell className="flex flex-col gap-6" testId="profile-screen">
       <Heading variant="page">{t("profile.title")}</Heading>
       {/* Die zwei kurzen Konto-Forms teilen sich eine Reihe (md+); die
           Danger-Zone bleibt volle Breite darunter. */}
@@ -369,6 +370,6 @@ export function ProfileScreen(): ReactNode {
         <ChangePasswordSection />
       </div>
       <DangerZoneSection me={me} onChanged={refetch} />
-    </div>
+    </FormScreenShell>
   );
 }