@happyvertical/smrt-comments 0.57.2 → 0.57.4

package/dist/svelte/ModerationQueue.svelte

@@ -0,0 +1,60 @@
+<script lang="ts">
+export type ModerationStatus = 'visible' | 'hidden' | 'pending' | 'deleted';
+export interface ModerationCommentView {
+  id: string;
+  body: string;
+  authorLabel: string;
+  status: ModerationStatus;
+  reportCount?: number;
+}
+export interface Props {
+  comments: readonly ModerationCommentView[];
+  onmoderate?: (
+    commentId: string,
+    status: ModerationStatus,
+  ) => void | Promise<void>;
+  heading?: string;
+}
+let { comments, onmoderate, heading = 'Comment moderation' }: Props = $props();
+let pendingId = $state<string | null>(null);
+let error = $state('');
+async function moderate(commentId: string, status: ModerationStatus) {
+  if (!onmoderate || pendingId) return;
+  pendingId = commentId;
+  error = '';
+  try {
+    await onmoderate(commentId, status);
+  } catch {
+    error = 'Could not update this comment. Refresh and try again.';
+  } finally {
+    pendingId = null;
+  }
+}
+</script>
+
+<section aria-label={heading} class="moderation-queue" data-smrt-component="ModerationQueue">
+  <h2>{heading}</h2>
+  {#if error}<p role="alert">{error}</p>{/if}
+  <ol>
+    {#each comments as comment (comment.id)}
+      <li>
+        <strong>{comment.authorLabel}</strong><p>{comment.body}</p>
+        <small>{comment.status}{#if comment.reportCount} · {comment.reportCount} reports{/if}</small>
+        {#if onmoderate}
+          <div aria-label={`Moderate ${comment.authorLabel}'s comment`}>
+            <button disabled={pendingId !== null} onclick={() => void moderate(comment.id, 'visible')}>Approve</button>
+            <button disabled={pendingId !== null} onclick={() => void moderate(comment.id, 'hidden')}>Hide</button>
+            <button disabled={pendingId !== null} onclick={() => void moderate(comment.id, 'deleted')}>Delete</button>
+          </div>
+        {/if}
+      </li>
+    {/each}
+  </ol>
+</section>
+
+<style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
+.moderation-queue { display: grid; gap: var(--smrt-spacing-3, 0.75rem); } ol { display: grid; gap: var(--smrt-spacing-3, 0.75rem); list-style: none; margin: 0; padding: 0; } li { border-block-end: var(--smrt-hairline); } button { margin-inline-end: var(--smrt-spacing-2, 0.5rem); }
+}
+</style>

package/dist/svelte/ModerationQueue.svelte.d.ts

@@ -0,0 +1,17 @@
+export type ModerationStatus = 'visible' | 'hidden' | 'pending' | 'deleted';
+export interface ModerationCommentView {
+    id: string;
+    body: string;
+    authorLabel: string;
+    status: ModerationStatus;
+    reportCount?: number;
+}
+export interface Props {
+    comments: readonly ModerationCommentView[];
+    onmoderate?: (commentId: string, status: ModerationStatus) => void | Promise<void>;
+    heading?: string;
+}
+declare const ModerationQueue: import("svelte").Component<Props, {}, "">;
+type ModerationQueue = ReturnType<typeof ModerationQueue>;
+export default ModerationQueue;
+//# sourceMappingURL=ModerationQueue.svelte.d.ts.map

package/dist/svelte/ModerationQueue.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModerationQueue.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/ModerationQueue.svelte.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAC5E,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,gBAAgB,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,SAAS,qBAAqB,EAAE,CAAC;IAC3C,UAAU,CAAC,EAAE,CACX,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,gBAAgB,KACrB,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AA8CD,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/svelte/RecordComments.svelte

@@ -4,26 +4,36 @@ export interface RecordCommentView {
   body: string;
   authorLabel: string;
   createdAtLabel?: string;
+  parentCommentId?: string | null;
 }
 export interface Props {
   contextKey: string;
   comments: readonly RecordCommentView[];
   onsubmit?: (body: string) => void | Promise<void>;
+  onreply?: (parentCommentId: string, body: string) => void | Promise<void>;
   heading?: string;
 }
-let { contextKey, comments, onsubmit, heading = 'Comments' }: Props = $props();
+let {
+  contextKey,
+  comments,
+  onsubmit,
+  onreply,
+  heading = 'Comments',
+}: Props = $props();
 const inputId = $props.id();
 let generation = 0;
 $effect(() => {
   void contextKey;
   generation += 1;
   body = '';
+  replyTo = null;
   pending = false;
   error = '';
   return () => {
     generation += 1;
   };
 });
+let replyTo = $state<string | null>(null);
 let body = $state('');
 let pending = $state(false);
 let error = $state('');
@@ -35,12 +45,16 @@ async function submit() {
     error = 'Write a comment before posting.';
     return;
   }
-  if (!onsubmit) return;
+  if (replyTo ? !onreply : !onsubmit) return;
   pending = true;
   error = '';
   try {
-    await onsubmit(value);
-    if (generation === submittedGeneration) body = '';
+    if (replyTo && onreply) await onreply(replyTo, value);
+    else await onsubmit?.(value);
+    if (generation === submittedGeneration) {
+      body = '';
+      replyTo = null;
+    }
   } catch {
     if (generation === submittedGeneration)
       error =
@@ -55,11 +69,12 @@ async function submit() {
   <h2>{heading}</h2>
   <ol aria-live="polite">
     {#each comments as comment (comment.id)}
-      <li><strong>{comment.authorLabel}</strong><p>{comment.body}</p>{#if comment.createdAtLabel}<small>{comment.createdAtLabel}</small>{/if}</li>
+      <li data-parent={comment.parentCommentId ?? undefined}><strong>{comment.authorLabel}</strong><p>{comment.body}</p>{#if comment.createdAtLabel}<small>{comment.createdAtLabel}</small>{/if}{#if comment.parentCommentId}<small>Reply to {comments.find(parent => parent.id === comment.parentCommentId)?.authorLabel ?? 'comment'}</small>{/if}{#if onreply}<button type="button" disabled={pending} onclick={() => { replyTo = comment.id; }}>Reply to {comment.authorLabel}</button>{/if}</li>
     {/each}
   </ol>
-  {#if onsubmit}
+  {#if onsubmit || (onreply && replyTo)}
     <form onsubmit={(event) => { event.preventDefault(); void submit(); }}>
+      {#if replyTo}<p>Replying to {comments.find(comment => comment.id === replyTo)?.authorLabel ?? 'comment'} <button type="button" disabled={pending} onclick={() => { replyTo = null; }}>Cancel reply</button></p>{/if}
       <label for={inputId}>Add a comment</label>
       <textarea id={inputId} bind:value={body} disabled={pending}></textarea>
       {#if error}<p role="alert">{error}</p>{/if}

package/dist/svelte/RecordComments.svelte.d.ts

@@ -3,11 +3,13 @@ export interface RecordCommentView {
     body: string;
     authorLabel: string;
     createdAtLabel?: string;
+    parentCommentId?: string | null;
 }
 export interface Props {
     contextKey: string;
     comments: readonly RecordCommentView[];
     onsubmit?: (body: string) => void | Promise<void>;
+    onreply?: (parentCommentId: string, body: string) => void | Promise<void>;
     heading?: string;
 }
 declare const RecordComments: import("svelte").Component<Props, {}, "">;

package/dist/svelte/RecordComments.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecordComments.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/RecordComments.svelte.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AACD,MAAM,WAAW,KAAK;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,iBAAiB,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAiED,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"RecordComments.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/RecordComments.svelte.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;AACD,MAAM,WAAW,KAAK;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,iBAAiB,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1E,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AA8ED,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/svelte/index.d.ts

@@ -1,5 +1,7 @@
 import RecordComments from './RecordComments.svelte';
 export { recordCommentsDemo } from './demo.js';
+export type { ModerationCommentView, ModerationStatus, Props as ModerationQueueProps, } from './ModerationQueue.svelte';
+export { default as ModerationQueue } from './ModerationQueue.svelte';
 export type { Props as RecordCommentsProps, RecordCommentView, } from './RecordComments.svelte';
 export { default as RecordCommentsPlayground } from './RecordCommentsPlayground.svelte';
 export { RecordComments };

package/dist/svelte/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/svelte/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,yBAAyB,CAAC;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/C,YAAY,EACV,KAAK,IAAI,mBAAmB,EAC5B,iBAAiB,GAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/svelte/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,yBAAyB,CAAC;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/C,YAAY,EACV,qBAAqB,EACrB,gBAAgB,EAChB,KAAK,IAAI,oBAAoB,GAC9B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,YAAY,EACV,KAAK,IAAI,mBAAmB,EAC5B,iBAAiB,GAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/svelte/index.js

@@ -1,4 +1,5 @@
 import RecordComments from './RecordComments.svelte';
 export { recordCommentsDemo } from './demo.js';
+export { default as ModerationQueue } from './ModerationQueue.svelte';
 export { default as RecordCommentsPlayground } from './RecordCommentsPlayground.svelte';
 export { RecordComments };

package/dist/types.d.ts

@@ -7,7 +7,11 @@ export interface CommentOptions extends SmrtPolymorphicAssociationOptions {
     idempotencyKey?: string | null;
     requestDigest?: string | null;
     retryTenantId?: string | null;
+    parentCommentId?: string | null;
+    status?: CommentStatus;
+    participationSnapshot?: string | null;
 }
+export type CommentStatus = 'visible' | 'hidden' | 'pending' | 'deleted';
 /** Public service input; persistence identity and executor are server-owned. */
 export interface CreateCommentInput {
     tenantId: string;
@@ -18,6 +22,8 @@ export interface CreateCommentInput {
     mentions?: readonly string[];
     /** Tenant-scoped request key; identical retries return the original comment. */
     idempotencyKey?: string;
+    /** A reply is bound to the same tenant and polymorphic parent record. */
+    parentCommentId?: string | null;
 }
 export interface CommentMention {
     commentId: string;
@@ -40,6 +46,6 @@ export interface CommentActorContext {
 export interface CommentRecordAccess extends CommentActorContext {
     recordType: string;
     recordId: string;
-    action: 'read' | 'comment';
+    action: 'read' | 'comment' | 'moderate';
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,0BAA0B,CAAC;AAElF,MAAM,WAAW,cAAe,SAAQ,iCAAiC;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED,gFAAgF;AAChF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,gFAAgF;IAChF,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,6EAA6E;AAC7E,MAAM,WAAW,iCAAiC;IAChD,aAAa,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACvD;AAED,4EAA4E;AAC5E,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,0BAA0B,CAAC;AAElF,MAAM,WAAW,cAAe,SAAQ,iCAAiC;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvC;AAED,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAEzE,gFAAgF;AAChF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,gFAAgF;IAChF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yEAAyE;IACzE,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,6EAA6E;AAC7E,MAAM,WAAW,iCAAiC;IAChD,aAAa,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACvD;AAED,4EAA4E;AAC5E,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;CACzC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@happyvertical/smrt-comments",
-  "version": "0.57.2",
+  "version": "0.57.4",
   "description": "Record comments and mention hooks for SMRT applications",
   "type": "module",
   "main": "./dist/index.js",
@@ -20,12 +20,16 @@
       "svelte": "./dist/svelte/index.js",
       "import": "./dist/svelte/index.js"
     },
+    "./participation": {
+      "types": "./dist/participation.d.ts",
+      "import": "./dist/participation.js"
+    },
     "./manifest": "./dist/manifest.json",
     "./manifest.json": "./dist/manifest.json"
   },
   "dependencies": {
-    "@happyvertical/smrt-core": "0.57.2",
-    "@happyvertical/smrt-tenancy": "0.57.2"
+    "@happyvertical/smrt-core": "0.57.4",
+    "@happyvertical/smrt-tenancy": "0.57.4"
   },
   "peerDependencies": {
     "svelte": "^5.57.0"
@@ -43,7 +47,7 @@
     "directory": "packages/comments"
   },
   "devDependencies": {
-    "@happyvertical/smrt-vitest": "0.57.2",
+    "@happyvertical/smrt-vitest": "0.57.4",
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
     "@testing-library/svelte": "^5.4.2",
@@ -53,7 +57,7 @@
     "typescript": "6.0.3",
     "vite": "8.1.4",
     "vitest": "4.1.10",
-    "@happyvertical/smrt-messages": "0.57.2"
+    "@happyvertical/smrt-messages": "0.57.4"
   },
   "scripts": {
     "build": "vite build --mode library && svelte-package -i src/svelte -o dist/svelte --tsconfig tsconfig.svelte.json && node ../../scripts/prune-svelte-package-artifacts.js dist",