@blogmcp/community 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,22 +1,45 @@
-import { A, k, D, M, N, g, h, j, i, d, a, c, b, m, f, e, p } from "./chunks/mount-DzjwnHyx.js";
-const VERSION = "0.1.0";
+import { H, B, w, I, D, k, M, N, j, P, S, W, v, u, A, x, C, t, F, E, y, z, f, d, a, g, c, b, e, h, i, p, m, q, n, l, o, r, s, G } from "./chunks/mount-WadUnaTa.js";
+const VERSION = "0.2.0";
 export {
-  A as AVATAR_PRESETS,
-  k as DEFAULT_API_BASE,
+  H as AVATAR_PRESETS,
+  B as BADGE_ELEMENT_TAG,
+  w as BADGE_INTERVAL_MS,
+  I as DEFAULT_API_BASE,
   D as DISCUSSION_ELEMENT_TAG,
+  k as MEMBER_SETTINGS_ELEMENT_TAG,
   M as MY_COMMUNITY_ELEMENT_TAG,
   N as NOTICE_FORM_ELEMENT_TAG,
+  j as NOTIFICATION_CENTRE_ELEMENT_TAG,
+  P as PROFILE_ELEMENT_TAG,
+  S as SETTING_KEYS,
   VERSION,
-  g as createDiscussionController,
-  h as createNoticeForm,
-  j as createOnboarding,
-  i as createPanel,
+  W as WELCOME_ELEMENT_TAG,
+  v as badgeText,
+  u as createBadge,
+  A as createDiscussionController,
+  x as createMemberSettings,
+  C as createNoticeForm,
+  t as createNotificationCentre,
+  F as createOnboarding,
+  E as createPanel,
+  y as createProfile,
+  z as createWelcome,
+  f as defineBadgeElement,
   d as defineCommunityElements,
   a as defineDiscussionElement,
+  g as defineMemberSettingsElement,
   c as defineMyCommunityElement,
   b as defineNoticeFormElement,
+  e as defineNotificationCentreElement,
+  h as defineProfileElement,
+  i as defineWelcomeElement,
+  p as mountBadge,
   m as mountDiscussion,
-  f as mountMyCommunity,
-  e as mountNoticeForm,
-  p as pickLang
+  q as mountMemberSettings,
+  n as mountMyCommunity,
+  l as mountNoticeForm,
+  o as mountNotificationCentre,
+  r as mountProfile,
+  s as mountWelcome,
+  G as pickLang
 };

package/dist/mount.d.ts

@@ -7,6 +7,7 @@
  */
 import type { CommunityTransport } from '@blogmcp/sdk/community';
 import type { CommunityRoutes } from './core/attrs';
+import type { DiscussionRealtime } from './core/realtime';
 interface CommonMountOptions {
     /** The host's relative base (default `/api/community` under `siteBase`): its proxy or BFF. Never kb-api's URL. */
     apiBase?: string;
@@ -32,6 +33,11 @@ export interface MountDiscussionOptions extends CommonMountOptions {
     signInHref?: string;
     /** Head poll interval in ms (default 20 000; 0 = off). */
     pollMs?: number;
+    /**
+     * M2: live updates — `createRealtimeSession` of `@blogmcp/sdk/community/realtime` (the host imports it; the element
+     * never does). Absent: the head poll.
+     */
+    realtime?: DiscussionRealtime;
 }
 export interface MountNoticeFormOptions extends CommonMountOptions {
     /** What is reported: a message, a member (by id or handle) or an article. */
@@ -56,10 +62,44 @@ export interface MountMyCommunityOptions extends CommonMountOptions {
     /** The site's sign-in page. */
     signInHref?: string;
 }
+export interface MountNotificationCentreOptions extends CommonMountOptions {
+    /** The site's sign-in page. */
+    signInHref?: string;
+}
+export interface MountBadgeOptions extends CommonMountOptions {
+    /** The unread count's poll in ms (default 60 000; 0 = once, and when the page is shown again). */
+    pollMs?: number;
+}
+export interface MountMemberSettingsOptions extends CommonMountOptions {
+    /** The host's service worker route (default `<site-base>/sw.js`, served from `@blogmcp/sdk/community/sw`). */
+    swPath?: string;
+    /** The site's sign-in page. */
+    signInHref?: string;
+}
+export interface MountProfileOptions extends CommonMountOptions {
+    /** The member's handle. */
+    handle: string;
+    /** The site's sign-in page. */
+    signInHref?: string;
+}
+export interface MountWelcomeOptions extends CommonMountOptions {
+    /** The site's sign-in page (a visitor's link in the profile's place). */
+    signInHref?: string;
+}
 /** Mount `<blogmcp-discussion>`; returns the function that removes it. */
 export declare function mountDiscussion(o: MountDiscussionOptions): () => void;
 /** Mount `<blogmcp-notice-form>`; returns the function that removes it. */
 export declare function mountNoticeForm(o: MountNoticeFormOptions): () => void;
 /** Mount `<blogmcp-my-community>`; returns the function that removes it. */
 export declare function mountMyCommunity(o?: MountMyCommunityOptions): () => void;
+/** Mount `<blogmcp-notification-centre>`; returns the function that removes it. */
+export declare function mountNotificationCentre(o?: MountNotificationCentreOptions): () => void;
+/** Mount `<blogmcp-badge>`; returns the function that removes it. */
+export declare function mountBadge(o?: MountBadgeOptions): () => void;
+/** Mount `<blogmcp-member-settings>`; returns the function that removes it. */
+export declare function mountMemberSettings(o?: MountMemberSettingsOptions): () => void;
+/** Mount `<blogmcp-profile>`; returns the function that removes it. */
+export declare function mountProfile(o: MountProfileOptions): () => void;
+/** Mount `<blogmcp-welcome>`; returns the function that removes it. */
+export declare function mountWelcome(o?: MountWelcomeOptions): () => void;
 export {};

package/dist/react.d.ts

@@ -1,5 +1,6 @@
 /**
- * `<KbDiscussion>`, `<KbNoticeForm>`, `<KbMyCommunity>` for React (18 and 19, Next.js App Router included — this
+ * `<KbDiscussion>`, `<KbNoticeForm>`, `<KbMyCommunity>` and (M2) `<KbNotificationCentre>`, `<KbBadge>`,
+ * `<KbMemberSettings>`, `<KbProfile>`, `<KbWelcome>` for React (18 and 19, Next.js App Router included — this
  * module is a client component): each mounts its element after hydration and removes it on unmount. Each
  * renders one empty `<div>` as the mount point — nothing else, on the server or the client — so the element
  * sits where the component does and the page's markup is otherwise the site's alone.
@@ -7,11 +8,21 @@
  *   <KbDiscussion articleId={article.id} apiBase="/api/community" signInHref={`/sign-in#${pathname}`} />
  */
 import { type ReactElement } from 'react';
-import type { MountDiscussionOptions, MountMyCommunityOptions, MountNoticeFormOptions } from './mount';
+import type { MountBadgeOptions, MountDiscussionOptions, MountMemberSettingsOptions, MountMyCommunityOptions, MountNoticeFormOptions, MountNotificationCentreOptions, MountProfileOptions, MountWelcomeOptions } from './mount';
 export type KbDiscussionProps = Omit<MountDiscussionOptions, 'container'>;
 export type KbNoticeFormProps = Omit<MountNoticeFormOptions, 'container'>;
 export type KbMyCommunityProps = Omit<MountMyCommunityOptions, 'container'>;
+export type KbNotificationCentreProps = Omit<MountNotificationCentreOptions, 'container'>;
+export type KbBadgeProps = Omit<MountBadgeOptions, 'container'>;
+export type KbMemberSettingsProps = Omit<MountMemberSettingsOptions, 'container'>;
+export type KbProfileProps = Omit<MountProfileOptions, 'container'>;
+export type KbWelcomeProps = Omit<MountWelcomeOptions, 'container'>;
 export declare function KbDiscussion(props: KbDiscussionProps): ReactElement;
 export declare function KbNoticeForm(props: KbNoticeFormProps): ReactElement;
 export declare function KbMyCommunity(props: KbMyCommunityProps): ReactElement;
-export type { MountDiscussionOptions, MountNoticeFormOptions, MountMyCommunityOptions };
+export declare function KbNotificationCentre(props: KbNotificationCentreProps): ReactElement;
+export declare function KbBadge(props: KbBadgeProps): ReactElement;
+export declare function KbMemberSettings(props: KbMemberSettingsProps): ReactElement;
+export declare function KbProfile(props: KbProfileProps): ReactElement;
+export declare function KbWelcome(props: KbWelcomeProps): ReactElement;
+export type { MountDiscussionOptions, MountNoticeFormOptions, MountMyCommunityOptions, MountNotificationCentreOptions, MountBadgeOptions, MountMemberSettingsOptions, MountProfileOptions, MountWelcomeOptions, };

package/dist/react.js

@@ -20,16 +20,36 @@ function useMounted(kind, props, load) {
   return createElement("div", { ref: host, "data-blogmcp-community": kind });
 }
 function KbDiscussion(props) {
-  return useMounted("discussion", props, async () => (await import("./chunks/mount-DzjwnHyx.js").then((n) => n.l)).mountDiscussion);
+  return useMounted("discussion", props, async () => (await import("./chunks/mount-WadUnaTa.js").then((n) => n.J)).mountDiscussion);
 }
 function KbNoticeForm(props) {
-  return useMounted("notice-form", props, async () => (await import("./chunks/mount-DzjwnHyx.js").then((n) => n.l)).mountNoticeForm);
+  return useMounted("notice-form", props, async () => (await import("./chunks/mount-WadUnaTa.js").then((n) => n.J)).mountNoticeForm);
 }
 function KbMyCommunity(props) {
-  return useMounted("my-community", props, async () => (await import("./chunks/mount-DzjwnHyx.js").then((n) => n.l)).mountMyCommunity);
+  return useMounted("my-community", props, async () => (await import("./chunks/mount-WadUnaTa.js").then((n) => n.J)).mountMyCommunity);
+}
+function KbNotificationCentre(props) {
+  return useMounted("notification-centre", props, async () => (await import("./chunks/mount-WadUnaTa.js").then((n) => n.J)).mountNotificationCentre);
+}
+function KbBadge(props) {
+  return useMounted("badge", props, async () => (await import("./chunks/mount-WadUnaTa.js").then((n) => n.J)).mountBadge);
+}
+function KbMemberSettings(props) {
+  return useMounted("member-settings", props, async () => (await import("./chunks/mount-WadUnaTa.js").then((n) => n.J)).mountMemberSettings);
+}
+function KbProfile(props) {
+  return useMounted("profile", props, async () => (await import("./chunks/mount-WadUnaTa.js").then((n) => n.J)).mountProfile);
+}
+function KbWelcome(props) {
+  return useMounted("welcome", props, async () => (await import("./chunks/mount-WadUnaTa.js").then((n) => n.J)).mountWelcome);
 }
 export {
+  KbBadge,
   KbDiscussion,
+  KbMemberSettings,
   KbMyCommunity,
-  KbNoticeForm
+  KbNoticeForm,
+  KbNotificationCentre,
+  KbProfile,
+  KbWelcome
 };

package/dist/ui/BadgeView.vue.d.ts

@@ -0,0 +1,13 @@
+import type { CommunityTransport } from '@blogmcp/sdk/community';
+type __VLS_Props = {
+    apiBase?: string;
+    siteBase?: string;
+    lang?: string;
+    /** JSON (or an object): `notificationsPath` (where the badge links). */
+    routes?: string | Record<string, unknown>;
+    /** The poll in ms (default 60 000, never less; 0 = read once and when the page is shown again). */
+    pollMs?: number;
+    transport?: CommunityTransport;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/ui/DiscussionView.vue.d.ts

@@ -1,4 +1,5 @@
 import { type CommunityTransport } from '@blogmcp/sdk/community';
+import type { DiscussionRealtime } from '../core/realtime';
 declare const _default: import("vue").DefineComponent<{
     articleId?: string;
     /** The host's relative base (default `${siteBase}/api/community`). */
@@ -14,6 +15,11 @@ declare const _default: import("vue").DefineComponent<{
     pollMs?: number;
     /** A replacement transport (a property, never an attribute): tests, a signing transport later. */
     transport?: CommunityTransport;
+    /**
+     * M2: live updates — the host's session factory (`createRealtimeSession` of `@blogmcp/sdk/community/realtime`), a
+     * property, never an attribute. Absent: the head poll.
+     */
+    realtime?: DiscussionRealtime;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     articleId?: string;
     /** The host's relative base (default `${siteBase}/api/community`). */
@@ -29,5 +35,10 @@ declare const _default: import("vue").DefineComponent<{
     pollMs?: number;
     /** A replacement transport (a property, never an attribute): tests, a signing transport later. */
     transport?: CommunityTransport;
+    /**
+     * M2: live updates — the host's session factory (`createRealtimeSession` of `@blogmcp/sdk/community/realtime`), a
+     * property, never an attribute. Absent: the head poll.
+     */
+    realtime?: DiscussionRealtime;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/ui/LinkedText.vue.d.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     text: string | null;
+    profilePath?: string | null;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/ui/MemberSettingsView.vue.d.ts

@@ -0,0 +1,13 @@
+import { type CommunityTransport } from '@blogmcp/sdk/community';
+type __VLS_Props = {
+    apiBase?: string;
+    siteBase?: string;
+    lang?: string;
+    /** The host's service worker script (default `<site-base>/sw.js`): served from @blogmcp/sdk/community/sw. */
+    swPath?: string;
+    routes?: string | Record<string, unknown>;
+    signInHref?: string;
+    transport?: CommunityTransport;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/ui/MessageComposer.vue.d.ts

@@ -7,6 +7,8 @@ type __VLS_Props = {
     replyingTo?: string | null;
     /** The host's rules page. */
     rulesHref?: string;
+    /** M2 T10: the distinct mentions one message may carry; null or absent: no limit known here. */
+    mentionsMax?: number | null;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {
     focus: () => void | undefined;

package/dist/ui/NotificationCentreView.vue.d.ts

@@ -0,0 +1,12 @@
+import { type CommunityTransport } from '@blogmcp/sdk/community';
+type __VLS_Props = {
+    apiBase?: string;
+    siteBase?: string;
+    lang?: string;
+    /** JSON (or an object): `statementPath`, `myCommunityPath`, `settingsPath`, `articlePath`, … */
+    routes?: string | Record<string, unknown>;
+    signInHref?: string;
+    transport?: CommunityTransport;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/ui/OnboardingSteps.vue.d.ts

@@ -1,4 +1,4 @@
-import type { OnboardingModel } from '../core/onboarding';
+import { type OnboardingModel } from '../core/onboarding';
 type __VLS_Props = {
     model: OnboardingModel;
     rulesHref: string;

package/dist/ui/ProfileView.vue.d.ts

@@ -0,0 +1,13 @@
+import { type CommunityTransport } from '@blogmcp/sdk/community';
+type __VLS_Props = {
+    /** The member's handle (`jana_n`, an `@` in front is fine). */
+    handle?: string;
+    apiBase?: string;
+    siteBase?: string;
+    lang?: string;
+    routes?: string | Record<string, unknown>;
+    signInHref?: string;
+    transport?: CommunityTransport;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/ui/WelcomeView.vue.d.ts

@@ -0,0 +1,12 @@
+import { type CommunityTransport } from '@blogmcp/sdk/community';
+type __VLS_Props = {
+    apiBase?: string;
+    siteBase?: string;
+    lang?: string;
+    /** JSON (or an object): `rulesPath`, `discussionsPath`, `settingsPath`, `profilePath`. */
+    routes?: string | Record<string, unknown>;
+    signInHref?: string;
+    transport?: CommunityTransport;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/vue.d.ts

@@ -1,5 +1,6 @@
 /**
- * `<KbDiscussion>`, `<KbNoticeForm>`, `<KbMyCommunity>` for Vue / Nuxt: each mounts its element on the
+ * `<KbDiscussion>`, `<KbNoticeForm>`, `<KbMyCommunity>` and (M2) `<KbNotificationCentre>`, `<KbBadge>`,
+ * `<KbMemberSettings>`, `<KbProfile>`, `<KbWelcome>` for Vue / Nuxt: each mounts its element on the
  * client, after hydration, and removes it on unmount. Each renders one empty `<div>` as the mount point —
  * nothing else, on the server or the client — so the element sits where the component does and the page's
  * markup is otherwise the site's alone.
@@ -12,7 +13,8 @@
 import { type PropType } from 'vue';
 import type { CommunityTransport } from '@blogmcp/sdk/community';
 import type { CommunityRoutes } from './core/attrs';
-import type { MountDiscussionOptions, MountMyCommunityOptions, MountNoticeFormOptions } from './mount';
+import type { DiscussionRealtime } from './core/realtime';
+import type { MountBadgeOptions, MountDiscussionOptions, MountMemberSettingsOptions, MountMyCommunityOptions, MountNoticeFormOptions, MountNotificationCentreOptions, MountProfileOptions, MountWelcomeOptions } from './mount';
 export declare const KbDiscussion: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     articleId: {
         type: StringConstructor;
@@ -26,6 +28,8 @@ export declare const KbDiscussion: import("vue").DefineComponent<import("vue").E
     pollMs: NumberConstructor;
     nonce: StringConstructor;
     transport: PropType<CommunityTransport>;
+    /** M2: `createRealtimeSession` of `@blogmcp/sdk/community/realtime`. */
+    realtime: PropType<DiscussionRealtime>;
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -41,6 +45,8 @@ export declare const KbDiscussion: import("vue").DefineComponent<import("vue").E
     pollMs: NumberConstructor;
     nonce: StringConstructor;
     transport: PropType<CommunityTransport>;
+    /** M2: `createRealtimeSession` of `@blogmcp/sdk/community/realtime`. */
+    realtime: PropType<DiscussionRealtime>;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const KbNoticeForm: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     target: PropType<MountNoticeFormOptions["target"]>;
@@ -86,4 +92,109 @@ export declare const KbMyCommunity: import("vue").DefineComponent<import("vue").
     nonce: StringConstructor;
     transport: PropType<CommunityTransport>;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export type { MountDiscussionOptions, MountNoticeFormOptions, MountMyCommunityOptions, CommunityRoutes };
+export declare const KbNotificationCentre: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    apiBase: StringConstructor;
+    siteBase: StringConstructor;
+    lang: StringConstructor;
+    signInHref: StringConstructor;
+    routes: PropType<CommunityRoutes>;
+    nonce: StringConstructor;
+    transport: PropType<CommunityTransport>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    apiBase: StringConstructor;
+    siteBase: StringConstructor;
+    lang: StringConstructor;
+    signInHref: StringConstructor;
+    routes: PropType<CommunityRoutes>;
+    nonce: StringConstructor;
+    transport: PropType<CommunityTransport>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const KbBadge: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    apiBase: StringConstructor;
+    siteBase: StringConstructor;
+    lang: StringConstructor;
+    routes: PropType<CommunityRoutes>;
+    pollMs: NumberConstructor;
+    nonce: StringConstructor;
+    transport: PropType<CommunityTransport>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    apiBase: StringConstructor;
+    siteBase: StringConstructor;
+    lang: StringConstructor;
+    routes: PropType<CommunityRoutes>;
+    pollMs: NumberConstructor;
+    nonce: StringConstructor;
+    transport: PropType<CommunityTransport>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const KbMemberSettings: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    apiBase: StringConstructor;
+    siteBase: StringConstructor;
+    lang: StringConstructor;
+    swPath: StringConstructor;
+    signInHref: StringConstructor;
+    routes: PropType<CommunityRoutes>;
+    nonce: StringConstructor;
+    transport: PropType<CommunityTransport>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    apiBase: StringConstructor;
+    siteBase: StringConstructor;
+    lang: StringConstructor;
+    swPath: StringConstructor;
+    signInHref: StringConstructor;
+    routes: PropType<CommunityRoutes>;
+    nonce: StringConstructor;
+    transport: PropType<CommunityTransport>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const KbProfile: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    handle: {
+        type: StringConstructor;
+        required: true;
+    };
+    apiBase: StringConstructor;
+    siteBase: StringConstructor;
+    lang: StringConstructor;
+    signInHref: StringConstructor;
+    routes: PropType<CommunityRoutes>;
+    nonce: StringConstructor;
+    transport: PropType<CommunityTransport>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    handle: {
+        type: StringConstructor;
+        required: true;
+    };
+    apiBase: StringConstructor;
+    siteBase: StringConstructor;
+    lang: StringConstructor;
+    signInHref: StringConstructor;
+    routes: PropType<CommunityRoutes>;
+    nonce: StringConstructor;
+    transport: PropType<CommunityTransport>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const KbWelcome: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    apiBase: StringConstructor;
+    siteBase: StringConstructor;
+    lang: StringConstructor;
+    signInHref: StringConstructor;
+    routes: PropType<CommunityRoutes>;
+    nonce: StringConstructor;
+    transport: PropType<CommunityTransport>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    apiBase: StringConstructor;
+    siteBase: StringConstructor;
+    lang: StringConstructor;
+    signInHref: StringConstructor;
+    routes: PropType<CommunityRoutes>;
+    nonce: StringConstructor;
+    transport: PropType<CommunityTransport>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type { MountDiscussionOptions, MountNoticeFormOptions, MountMyCommunityOptions, MountNotificationCentreOptions, MountBadgeOptions, MountMemberSettingsOptions, MountProfileOptions, MountWelcomeOptions, CommunityRoutes, DiscussionRealtime, };

package/dist/vue.js

@@ -39,13 +39,15 @@ const KbDiscussion = defineComponent({
     routes: Object,
     pollMs: Number,
     nonce: String,
-    transport: Function
+    transport: Function,
+    /** M2: `createRealtimeSession` of `@blogmcp/sdk/community/realtime`. */
+    realtime: Function
   },
   setup(props) {
     return useMount(
       "discussion",
       () => defined({ ...props }),
-      async () => (await import("./chunks/mount-DzjwnHyx.js").then((n) => n.l)).mountDiscussion
+      async () => (await import("./chunks/mount-WadUnaTa.js").then((n) => n.J)).mountDiscussion
     );
   }
 });
@@ -66,7 +68,7 @@ const KbNoticeForm = defineComponent({
     return useMount(
       "notice-form",
       () => defined({ ...props }),
-      async () => (await import("./chunks/mount-DzjwnHyx.js").then((n) => n.l)).mountNoticeForm
+      async () => (await import("./chunks/mount-WadUnaTa.js").then((n) => n.J)).mountNoticeForm
     );
   }
 });
@@ -86,12 +88,114 @@ const KbMyCommunity = defineComponent({
     return useMount(
       "my-community",
       () => defined({ ...props }),
-      async () => (await import("./chunks/mount-DzjwnHyx.js").then((n) => n.l)).mountMyCommunity
+      async () => (await import("./chunks/mount-WadUnaTa.js").then((n) => n.J)).mountMyCommunity
+    );
+  }
+});
+const KbNotificationCentre = defineComponent({
+  name: "KbNotificationCentre",
+  props: {
+    apiBase: String,
+    siteBase: String,
+    lang: String,
+    signInHref: String,
+    routes: Object,
+    nonce: String,
+    transport: Function
+  },
+  setup(props) {
+    return useMount(
+      "notification-centre",
+      () => defined({ ...props }),
+      async () => (await import("./chunks/mount-WadUnaTa.js").then((n) => n.J)).mountNotificationCentre
+    );
+  }
+});
+const KbBadge = defineComponent({
+  name: "KbBadge",
+  props: {
+    apiBase: String,
+    siteBase: String,
+    lang: String,
+    routes: Object,
+    pollMs: Number,
+    nonce: String,
+    transport: Function
+  },
+  setup(props) {
+    return useMount(
+      "badge",
+      () => defined({ ...props }),
+      async () => (await import("./chunks/mount-WadUnaTa.js").then((n) => n.J)).mountBadge
+    );
+  }
+});
+const KbMemberSettings = defineComponent({
+  name: "KbMemberSettings",
+  props: {
+    apiBase: String,
+    siteBase: String,
+    lang: String,
+    swPath: String,
+    signInHref: String,
+    routes: Object,
+    nonce: String,
+    transport: Function
+  },
+  setup(props) {
+    return useMount(
+      "member-settings",
+      () => defined({ ...props }),
+      async () => (await import("./chunks/mount-WadUnaTa.js").then((n) => n.J)).mountMemberSettings
+    );
+  }
+});
+const KbProfile = defineComponent({
+  name: "KbProfile",
+  props: {
+    handle: { type: String, required: true },
+    apiBase: String,
+    siteBase: String,
+    lang: String,
+    signInHref: String,
+    routes: Object,
+    nonce: String,
+    transport: Function
+  },
+  setup(props) {
+    return useMount(
+      "profile",
+      () => defined({ ...props }),
+      async () => (await import("./chunks/mount-WadUnaTa.js").then((n) => n.J)).mountProfile
+    );
+  }
+});
+const KbWelcome = defineComponent({
+  name: "KbWelcome",
+  props: {
+    apiBase: String,
+    siteBase: String,
+    lang: String,
+    signInHref: String,
+    routes: Object,
+    nonce: String,
+    transport: Function
+  },
+  setup(props) {
+    return useMount(
+      "welcome",
+      () => defined({ ...props }),
+      async () => (await import("./chunks/mount-WadUnaTa.js").then((n) => n.J)).mountWelcome
     );
   }
 });
 export {
+  KbBadge,
   KbDiscussion,
+  KbMemberSettings,
   KbMyCommunity,
-  KbNoticeForm
+  KbNoticeForm,
+  KbNotificationCentre,
+  KbProfile,
+  KbWelcome
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blogmcp/community",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Community elements for your own site: the discussion under an article, the DSA notice form and the reader's „My community” panel. Custom elements + Vue/React wrappers + a script build, over @blogmcp/sdk/community.",
   "type": "module",
   "publishConfig": {
@@ -42,8 +42,8 @@
     "postpack": "node ../../scripts/pack-dist-types.mjs postpack"
   },
   "dependencies": {
-    "@blogmcp/sanitize": "^0.9.0",
-    "@blogmcp/sdk": "^0.9.0",
+    "@blogmcp/sanitize": "^0.10.0",
+    "@blogmcp/sdk": "^0.10.0",
     "vue": "^3.5.0"
   },
   "peerDependencies": {