@actuate-media/cms-admin 0.11.0 → 0.12.1

package/dist/lib/notifications-client.js

@@ -0,0 +1,85 @@
+/**
+ * Notifications REST client — typed wrapper around the slice-6 endpoints
+ * (`/notifications`, `/notifications/unread-count`,
+ * `/notifications/:id/read`, `/notifications/read-all`).
+ *
+ * Lives in `cms-admin` so the bell, the toast layer, and any future
+ * background sync agent share one request path, error model, and DTO
+ * shape. The wire format mirrors `NotificationDTO` in
+ * `@actuate-media/cms-core/realtime/notifications.ts`; we duplicate the
+ * shape here to avoid taking a hard dependency on the server module
+ * (which carries Prisma types that don't belong in the admin bundle).
+ */
+import { cmsApi } from './api.js';
+function failure(error, status) {
+    return { ok: false, error, status };
+}
+function envelope(res) {
+    if (res.error || res.data === undefined) {
+        return failure(res.error ?? `Request failed (${res.status})`, res.status);
+    }
+    return { ok: true, result: res.data };
+}
+function buildQuery(opts = {}) {
+    const params = new URLSearchParams();
+    if (opts.includeRead)
+        params.set('includeRead', 'true');
+    if (opts.pageSize !== undefined)
+        params.set('pageSize', String(opts.pageSize));
+    const qs = params.toString();
+    return qs ? `?${qs}` : '';
+}
+export async function listNotifications(opts = {}) {
+    const res = await cmsApi(`/notifications${buildQuery(opts)}`, {
+        method: 'GET',
+    });
+    return envelope(res);
+}
+export async function unreadCount() {
+    const res = await cmsApi(`/notifications/unread-count`, {
+        method: 'GET',
+    });
+    if (res.error || !res.data) {
+        return failure(res.error ?? `Request failed (${res.status})`, res.status);
+    }
+    return { ok: true, result: res.data.count };
+}
+export async function markNotificationRead(id) {
+    if (!id)
+        return failure('notification id is required', 0);
+    const res = await cmsApi(`/notifications/${encodeURIComponent(id)}/read`, {
+        method: 'POST',
+        body: '{}',
+    });
+    return envelope(res);
+}
+export async function markAllNotificationsRead() {
+    const res = await cmsApi(`/notifications/read-all`, {
+        method: 'POST',
+        body: '{}',
+    });
+    if (res.error || !res.data) {
+        return failure(res.error ?? `Request failed (${res.status})`, res.status);
+    }
+    return { ok: true, result: res.data.count };
+}
+/**
+ * Cheap single-line summary for the bell list — the server gives us a
+ * structured payload, but the dropdown wants one human-readable string
+ * per row. Falls back to `Notification` when an unknown kind sneaks in
+ * (defensive against future server-side additions).
+ */
+export function notificationSummary(notification) {
+    const actor = notification.payload.actorName ?? 'Someone';
+    switch (notification.payload.kind) {
+        case 'comment_reply':
+            return `${actor} replied: "${notification.payload.excerpt}"`;
+        case 'comment_resolved':
+            return `${actor} resolved your thread: "${notification.payload.rootExcerpt}"`;
+        case 'comment_mention':
+            return `${actor} mentioned you: "${notification.payload.excerpt}"`;
+        default:
+            return 'Notification';
+    }
+}
+//# sourceMappingURL=notifications-client.js.map

package/dist/lib/notifications-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notifications-client.js","sourceRoot":"","sources":["../../src/lib/notifications-client.ts"],"names":[],"mappings":"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"}

package/dist/lib/slash-command.d.ts

@@ -0,0 +1,39 @@
+import { type CoauthorAction } from './coauthor-client.js';
+/**
+ * Cmd+K slash-command parsing for the AI co-author.
+ *
+ * Recognized syntax (case-insensitive, leading whitespace tolerated):
+ *
+ *     /ai <action> [text...]
+ *
+ * `<action>` is one of `COAUTHOR_ACTIONS`. `text` is the payload handed to
+ * `/ai/coauthor`; it may be empty while the user is still typing.
+ *
+ * The parser is pure so we can unit-test every edge case (case folding,
+ * trailing whitespace, partial input, unknown actions) without spinning up
+ * `cmdk` or the rest of the palette.
+ */
+export interface AiSlashCommand {
+    action: CoauthorAction;
+    text: string;
+}
+/**
+ * Returns the matched `{ action, text }` when `input` is a complete
+ * slash command (`/ai rewrite ...`), or `null` otherwise. `text` may be
+ * empty when the user has typed `/ai rewrite` with no payload yet.
+ */
+export declare function parseAiSlashCommand(input: string): AiSlashCommand | null;
+/**
+ * Returns true when `input` looks like the start of an AI slash command
+ * — even when the action isn't typed yet (`/`, `/a`, `/ai`, `/ai re`).
+ * The palette uses this to switch into "AI mode" (hide nav results,
+ * show the four action suggestions).
+ */
+export declare function isAiSlashCommandInput(input: string): boolean;
+/**
+ * Ordered list of actions to show in AI mode. When the user has typed a
+ * valid command, that command's action is hoisted to the top so it gets
+ * the default keyboard focus (and Enter runs it).
+ */
+export declare function orderedAiActions(input: string): CoauthorAction[];
+//# sourceMappingURL=slash-command.d.ts.map

package/dist/lib/slash-command.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slash-command.d.ts","sourceRoot":"","sources":["../../src/lib/slash-command.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE9F;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,cAAc,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;CACb;AAID;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,GAAG,IAAI,CAYxE;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAM5D;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,EAAE,CAIhE"}

package/dist/lib/slash-command.js

@@ -0,0 +1,50 @@
+import { COAUTHOR_ACTIONS, isCoauthorAction } from './coauthor-client.js';
+const SLASH_HEAD = /^\s*\/\s*ai(?:\s+|$)/i;
+/**
+ * Returns the matched `{ action, text }` when `input` is a complete
+ * slash command (`/ai rewrite ...`), or `null` otherwise. `text` may be
+ * empty when the user has typed `/ai rewrite` with no payload yet.
+ */
+export function parseAiSlashCommand(input) {
+    if (typeof input !== 'string')
+        return null;
+    if (!SLASH_HEAD.test(input))
+        return null;
+    const after = input.replace(SLASH_HEAD, '');
+    if (after.length === 0)
+        return null;
+    const firstWhitespace = after.search(/\s/);
+    const head = (firstWhitespace === -1 ? after : after.slice(0, firstWhitespace)).toLowerCase();
+    if (!isCoauthorAction(head))
+        return null;
+    const tail = firstWhitespace === -1 ? '' : after.slice(firstWhitespace + 1);
+    return { action: head, text: tail.trim() };
+}
+/**
+ * Returns true when `input` looks like the start of an AI slash command
+ * — even when the action isn't typed yet (`/`, `/a`, `/ai`, `/ai re`).
+ * The palette uses this to switch into "AI mode" (hide nav results,
+ * show the four action suggestions).
+ */
+export function isAiSlashCommandInput(input) {
+    if (typeof input !== 'string')
+        return false;
+    const trimmed = input.trim();
+    if (trimmed.length === 0)
+        return false;
+    if (trimmed === '/')
+        return true;
+    return /^\/\s*a(i\b|i?[a-z]*|)?(\s.*)?$/i.test(trimmed);
+}
+/**
+ * Ordered list of actions to show in AI mode. When the user has typed a
+ * valid command, that command's action is hoisted to the top so it gets
+ * the default keyboard focus (and Enter runs it).
+ */
+export function orderedAiActions(input) {
+    const parsed = parseAiSlashCommand(input);
+    if (!parsed)
+        return [...COAUTHOR_ACTIONS];
+    return [parsed.action, ...COAUTHOR_ACTIONS.filter((a) => a !== parsed.action)];
+}
+//# sourceMappingURL=slash-command.js.map

package/dist/lib/slash-command.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slash-command.js","sourceRoot":"","sources":["../../src/lib/slash-command.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAuB,MAAM,sBAAsB,CAAA;AAsB9F,MAAM,UAAU,GAAG,uBAAuB,CAAA;AAE1C;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAAa;IAC/C,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAA;IAC1C,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IACxC,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAA;IAC3C,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAEnC,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAC1C,MAAM,IAAI,GAAG,CAAC,eAAe,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,WAAW,EAAE,CAAA;IAC7F,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAA;IAExC,MAAM,IAAI,GAAG,eAAe,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe,GAAG,CAAC,CAAC,CAAA;IAC3E,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAA;AAC5C,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CAAC,KAAa;IACjD,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAA;IAC3C,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAA;IAC5B,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,CAAA;IACtC,IAAI,OAAO,KAAK,GAAG;QAAE,OAAO,IAAI,CAAA;IAChC,OAAO,kCAAkC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;AACzD,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAa;IAC5C,MAAM,MAAM,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAA;IACzC,IAAI,CAAC,MAAM;QAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,CAAA;IACzC,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC,MAAM,CAAC,CAAC,CAAA;AAChF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@actuate-media/cms-admin",
-  "version": "0.11.0",
+  "version": "0.12.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/actuate-media/actuatecms.git",
@@ -38,7 +38,10 @@
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-switch": "^1.1.0",
     "@radix-ui/react-tabs": "^1.1.0",
+    "@tiptap/core": "^2.11.0",
     "@tiptap/extension-code-block-lowlight": "^2.11.0",
+    "@tiptap/extension-collaboration": "^2.11.0",
+    "@tiptap/extension-collaboration-cursor": "^2.11.0",
     "@tiptap/extension-horizontal-rule": "^2.11.0",
     "@tiptap/extension-image": "^2.11.0",
     "@tiptap/extension-link": "^2.11.0",
@@ -59,20 +62,33 @@
     "react-dom": "^19.2.0",
     "recharts": "^3.8.1",
     "sonner": "^2.0.7",
-    "tailwind-merge": "^3.5.0"
+    "tailwind-merge": "^3.5.0",
+    "y-indexeddb": "^9.0.12",
+    "y-protocols": "^1.0.6",
+    "y-websocket": "^2.0.4",
+    "yjs": "^13.6.0"
   },
   "peerDependencies": {
-    "@actuate-media/cms-core": ">=0.1.0"
+    "@actuate-media/cms-core": ">=0.1.0",
+    "@actuate-media/component-blocks": ">=0.1.0"
+  },
+  "peerDependenciesMeta": {
+    "@actuate-media/component-blocks": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@tailwindcss/cli": "^4.0.0",
+    "@testing-library/react": "^16.1.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "concurrently": "^9.2.1",
+    "happy-dom": "^20.9.0",
     "tailwindcss": "^4.0.0",
     "typescript": "^5.7.0",
     "vitest": "^3.0.0",
-    "@actuate-media/cms-core": "0.20.0"
+    "@actuate-media/cms-core": "0.22.0",
+    "@actuate-media/component-blocks": "0.2.0"
   },
   "scripts": {
     "build": "tsc --project tsconfig.json && npx @tailwindcss/cli -i src/styles/build-input.css -o dist/actuate-admin.css --minify",

package/src/__tests__/components/comment-mark.test.ts

@@ -0,0 +1,99 @@
+// @vitest-environment happy-dom
+import { describe, expect, it } from 'vitest'
+import { Editor } from '@tiptap/core'
+import StarterKit from '@tiptap/starter-kit'
+
+import { CommentMark } from '../../components/CommentMark.js'
+
+function newEditor(initialHtml = '<p>hello world</p>') {
+  return new Editor({
+    extensions: [StarterKit.configure({ history: false }), CommentMark],
+    content: initialHtml,
+  })
+}
+
+describe('CommentMark', () => {
+  it('registers under the name "comment"', () => {
+    const ed = newEditor()
+    expect(ed.extensionManager.extensions.some((e) => e.name === 'comment')).toBe(true)
+    ed.destroy()
+  })
+
+  it('setComment applies the mark across the current selection', () => {
+    const ed = newEditor('<p>hello world</p>')
+    ed.commands.setTextSelection({ from: 1, to: 6 }) // "hello"
+    const ok = ed.chain().setComment({ commentId: 'c-1' }).run()
+    expect(ok).toBe(true)
+    expect(ed.isActive('comment', { commentId: 'c-1' })).toBe(true)
+    // The rendered HTML should now contain the data attribute.
+    const html = ed.getHTML()
+    expect(html).toContain('data-comment-id="c-1"')
+    expect(html).toContain('hello')
+    ed.destroy()
+  })
+
+  it('setComment rejects a missing commentId', () => {
+    const ed = newEditor()
+    ed.commands.setTextSelection({ from: 1, to: 6 })
+    const ok = ed.chain().setComment({ commentId: '' }).run()
+    expect(ok).toBe(false)
+    expect(ed.getHTML()).not.toContain('data-comment-id')
+    ed.destroy()
+  })
+
+  it('updateComment swaps the commentId across the mark range', () => {
+    const ed = newEditor('<p>hello world</p>')
+    ed.commands.setTextSelection({ from: 1, to: 6 })
+    ed.chain().setComment({ commentId: 'c-1' }).run()
+    // Re-select the same range so updateAttributes can find the mark to
+    // mutate. TipTap's updateAttributes applies to the marks that fall
+    // within the selection — a collapsed cursor at the boundary would
+    // not match this mark.
+    ed.commands.setTextSelection({ from: 1, to: 6 })
+    const ok = ed.chain().updateComment({ commentId: 'c-2' }).run()
+    expect(ok).toBe(true)
+    expect(ed.getHTML()).toContain('data-comment-id="c-2"')
+    ed.destroy()
+  })
+
+  it('unsetComment removes the mark from the selection', () => {
+    const ed = newEditor('<p>hello world</p>')
+    ed.commands.setTextSelection({ from: 1, to: 6 })
+    ed.chain().setComment({ commentId: 'c-1' }).run()
+    expect(ed.getHTML()).toContain('data-comment-id')
+    ed.commands.setTextSelection({ from: 1, to: 6 })
+    ed.chain().unsetComment().run()
+    expect(ed.getHTML()).not.toContain('data-comment-id')
+    ed.destroy()
+  })
+
+  it('parses an existing comment span on load', () => {
+    const ed = newEditor('<p><span data-comment-id="c-7">hello</span> world</p>')
+    expect(ed.getHTML()).toContain('data-comment-id="c-7"')
+    ed.destroy()
+  })
+
+  it('applies the default CSS class on every rendered span', () => {
+    const ed = newEditor('<p>hello world</p>')
+    ed.commands.setTextSelection({ from: 1, to: 6 })
+    ed.chain().setComment({ commentId: 'c-9' }).run()
+    expect(ed.getHTML()).toMatch(/class="actuate-comment"/)
+    ed.destroy()
+  })
+
+  it('supports overlapping comments (non-spanning behaviour)', () => {
+    // Set a comment over chars 1..6 ("hello").
+    const ed = newEditor('<p>hello world</p>')
+    ed.commands.setTextSelection({ from: 1, to: 6 })
+    ed.chain().setComment({ commentId: 'c-a' }).run()
+    // Now apply a second comment over chars 4..8 ("o wo"). TipTap will
+    // split the marks — that's the standard mark-overlap behaviour.
+    ed.commands.setTextSelection({ from: 4, to: 8 })
+    ed.chain().setComment({ commentId: 'c-b' }).run()
+
+    const html = ed.getHTML()
+    expect(html).toContain('data-comment-id="c-a"')
+    expect(html).toContain('data-comment-id="c-b"')
+    ed.destroy()
+  })
+})