@mereb/app-messaging 0.0.4 → 0.0.5

package/dist/gql.d.ts

@@ -1,3 +1 @@
-export declare const CONVERSATIONS: import("@apollo/client").DocumentNode;
-export declare const MESSAGES: import("@apollo/client").DocumentNode;
-export declare const SEND_MESSAGE: import("@apollo/client").DocumentNode;
+export { ConversationsDocument as CONVERSATIONS, MessagesDocument as MESSAGES, SendMessageDocument as SEND_MESSAGE } from './headless.js';

package/dist/gql.js

@@ -1,50 +1 @@
-import { gql } from '@apollo/client';
-export const CONVERSATIONS = gql `
-    query Conversations {
-        conversations {
-            id
-            title
-            participantIds
-            unreadCount
-            updatedAt
-            lastMessage {
-                id
-                senderName
-                body
-                sentAt
-                conversationId
-            }
-        }
-    }
-`;
-export const MESSAGES = gql `
-    query ConversationMessages($conversationId: ID!, $after: String) {
-        messages(conversationId: $conversationId, after: $after, limit: 50) {
-            edges {
-                cursor
-                node {
-                    id
-                    conversationId
-                    senderName
-                    body
-                    sentAt
-                }
-            }
-            pageInfo {
-                endCursor
-                hasNextPage
-            }
-        }
-    }
-`;
-export const SEND_MESSAGE = gql `
-    mutation SendMessage($conversationId: ID, $toUserId: ID, $body: String!) {
-        sendMessage(conversationId: $conversationId, toUserId: $toUserId, body: $body) {
-            id
-            conversationId
-            senderName
-            body
-            sentAt
-        }
-    }
-`;
+export { ConversationsDocument as CONVERSATIONS, MessagesDocument as MESSAGES, SendMessageDocument as SEND_MESSAGE } from './headless.js';

package/dist/headless.d.ts

@@ -0,0 +1,38 @@
+export type MessagingMessage = {
+    id: string;
+    conversationId: string;
+    senderId: string;
+    senderName?: string | null;
+    body: string;
+    sentAt: string;
+};
+export type MessagingConversation = {
+    id: string;
+    title: string;
+    participantIds: string[];
+    lastMessage?: MessagingMessage | null;
+    unreadCount: number;
+    updatedAt: string;
+};
+export type MessagingMessagesConnection = {
+    edges: Array<{
+        cursor: string;
+        node: MessagingMessage;
+    }>;
+    pageInfo: {
+        endCursor: string | null;
+        hasNextPage: boolean;
+    };
+};
+export type ConversationsQueryResult = {
+    conversations: MessagingConversation[];
+};
+export type ConversationMessagesQueryResult = {
+    messages: MessagingMessagesConnection;
+};
+export type SendMessageMutationResult = {
+    sendMessage: MessagingMessage;
+};
+export declare const ConversationsDocument: import("@apollo/client").DocumentNode;
+export declare const MessagesDocument: import("@apollo/client").DocumentNode;
+export declare const SendMessageDocument: import("@apollo/client").DocumentNode;

package/dist/headless.js

@@ -0,0 +1,53 @@
+import { gql } from '@apollo/client';
+export const ConversationsDocument = gql `
+  query Conversations {
+    conversations {
+      id
+      title
+      participantIds
+      unreadCount
+      updatedAt
+      lastMessage {
+        id
+        senderId
+        senderName
+        body
+        sentAt
+        conversationId
+      }
+    }
+  }
+`;
+export const MessagesDocument = gql `
+  query ConversationMessages($conversationId: ID!, $after: String) {
+    messages(conversationId: $conversationId, after: $after, limit: 50) {
+      edges {
+        cursor
+        node {
+          id
+          conversationId
+          senderId
+          senderName
+          body
+          sentAt
+        }
+      }
+      pageInfo {
+        endCursor
+        hasNextPage
+      }
+    }
+  }
+`;
+export const SendMessageDocument = gql `
+  mutation SendMessage($conversationId: ID, $toUserId: ID, $body: String!) {
+    sendMessage(conversationId: $conversationId, toUserId: $toUserId, body: $body) {
+      id
+      conversationId
+      senderId
+      senderName
+      body
+      sentAt
+    }
+  }
+`;

package/dist/index.d.ts

@@ -1 +1,2 @@
-export * from './store';
+export * from './headless.js';
+export * from './gql.js';

package/dist/index.js

@@ -1 +1,2 @@
-export * from './store';
+export * from './headless.js';
+export * from './gql.js';

package/dist/native.d.ts

@@ -1 +1 @@
-export declare function MessagesScreen(): import("react").JSX.Element;
+export declare function MessagesScreen(): import("react/jsx-runtime.js").JSX.Element;

package/dist/native.js

@@ -1,35 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from 'react';
 import { Text, View } from 'react-native';
-import { createInMemoryMessagingStore } from './store';
+import { createInMemoryMessagingStore } from './store.js';
 export function MessagesScreen() {
     const store = useMemo(() => createInMemoryMessagingStore(), []);
     const [version, setVersion] = useState(0);
     const conversations = store.getConversations();
-    return (<View style={{ flex: 1, padding: 24, gap: 16 }}>
-      <Text style={{ fontWeight: '700', fontSize: 18, marginBottom: 8 }}>Messaging</Text>
-      {conversations.map((conversation) => (<View key={conversation.id} style={{
-                padding: 12,
-                borderRadius: 12,
-                borderWidth: 1,
-                borderColor: '#E2E8F0',
-                backgroundColor: '#FFFFFF',
-                gap: 4
-            }}>
-          <Text style={{ fontWeight: '600', fontSize: 16 }}>{conversation.title}</Text>
-          <Text style={{ color: '#475569' }}>{conversation.lastMessage?.body ?? 'No messages yet'}</Text>
-          <Text style={{ color: '#94A3B8', fontSize: 12 }}>Unread: {conversation.unreadCount}</Text>
-        </View>))}
-      <Text onPress={() => {
-            store.sendMessage(conversations[0]?.id ?? 'conv-1', 'Sent from mobile preview', {
-                id: 'mobile-user',
-                name: 'You'
-            });
-            setVersion((v) => v + 1);
-        }} style={{ color: '#2563EB', fontWeight: '600' }}>
-        Send a quick test message
-      </Text>
-      <Text style={{ color: '#94A3B8', fontSize: 12 }}>
-        Version {version} • This view uses the shared in-memory store so it stays in sync with the web shell preview.
-      </Text>
-    </View>);
+    return (_jsxs(View, { style: { flex: 1, padding: 24, gap: 16 }, children: [_jsx(Text, { style: { fontWeight: '700', fontSize: 18, marginBottom: 8 }, children: "Messaging" }), conversations.map((conversation) => (_jsxs(View, { style: {
+                    padding: 12,
+                    borderRadius: 12,
+                    borderWidth: 1,
+                    borderColor: '#E2E8F0',
+                    backgroundColor: '#FFFFFF',
+                    gap: 4
+                }, children: [_jsx(Text, { style: { fontWeight: '600', fontSize: 16 }, children: conversation.title }), _jsx(Text, { style: { color: '#475569' }, children: conversation.lastMessage?.body ?? 'No messages yet' }), _jsxs(Text, { style: { color: '#94A3B8', fontSize: 12 }, children: ["Unread: ", conversation.unreadCount] })] }, conversation.id))), _jsx(Text, { onPress: () => {
+                    store.sendMessage(conversations[0]?.id ?? 'conv-1', 'Sent from mobile preview', {
+                        id: 'mobile-user',
+                        name: 'You'
+                    });
+                    setVersion((v) => v + 1);
+                }, style: { color: '#2563EB', fontWeight: '600' }, children: "Send a quick test message" }), _jsxs(Text, { style: { color: '#94A3B8', fontSize: 12 }, children: ["Version ", version, " \u2022 This preview uses the package's local in-memory store. Web now uses the real messaging service."] })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mereb/app-messaging",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Messaging experience primitives for Mereb applications",
   "type": "module",
   "main": "dist/index.js",
@@ -16,6 +16,11 @@
       "import": "./dist/store.js",
       "default": "./dist/store.js"
     },
+    "./headless": {
+      "types": "./dist/headless.d.ts",
+      "import": "./dist/headless.js",
+      "default": "./dist/headless.js"
+    },
     "./native": {
       "types": "./dist/native.d.ts",
       "import": "./dist/native.js",
@@ -28,7 +33,6 @@
     }
   },
   "files": [
-    "src",
     "dist",
     "package.json"
   ],
@@ -43,10 +47,16 @@
     "@apollo/client": "^3.12.5",
     "@types/react": "~18.2.79",
     "graphql": "^16.11.0",
-    "typescript": ">=5.3.3"
+    "husky": "^9.1.7",
+    "typescript": ">=5.3.3",
+    "vitest": "^3.2.4"
   },
   "scripts": {
+    "clean": "node -e \"const fs=require('node:fs'); fs.rmSync('dist',{recursive:true,force:true}); fs.rmSync('tsconfig.tsbuildinfo',{force:true});\"",
     "typecheck": "tsc --noEmit --project tsconfig.json",
-    "build": "tsc --project tsconfig.json"
+    "test": "pnpm exec vitest run --config vitest.config.ts",
+    "test:watch": "pnpm exec vitest --config vitest.config.ts",
+    "build": "pnpm run clean && tsc --project tsconfig.json",
+    "version:bump": "node ./scripts/bump-version.mjs"
   }
 }

package/src/gql.ts

@@ -1,53 +0,0 @@
-import {gql} from '@apollo/client'
-
-export const CONVERSATIONS = gql`
-    query Conversations {
-        conversations {
-            id
-            title
-            participantIds
-            unreadCount
-            updatedAt
-            lastMessage {
-                id
-                senderName
-                body
-                sentAt
-                conversationId
-            }
-        }
-    }
-`
-
-export const MESSAGES = gql`
-    query ConversationMessages($conversationId: ID!, $after: String) {
-        messages(conversationId: $conversationId, after: $after, limit: 50) {
-            edges {
-                cursor
-                node {
-                    id
-                    conversationId
-                    senderName
-                    body
-                    sentAt
-                }
-            }
-            pageInfo {
-                endCursor
-                hasNextPage
-            }
-        }
-    }
-`
-
-export const SEND_MESSAGE = gql`
-    mutation SendMessage($conversationId: ID, $toUserId: ID, $body: String!) {
-        sendMessage(conversationId: $conversationId, toUserId: $toUserId, body: $body) {
-            id
-            conversationId
-            senderName
-            body
-            sentAt
-        }
-    }
-`

package/src/index.tsx

@@ -1 +0,0 @@
-export * from './store'

package/src/native.tsx

@@ -1,47 +0,0 @@
-import { useMemo, useState } from 'react'
-import { Text, View } from 'react-native'
-import { createInMemoryMessagingStore } from './store'
-
-export function MessagesScreen() {
-  const store = useMemo(() => createInMemoryMessagingStore(), [])
-  const [version, setVersion] = useState(0)
-  const conversations = store.getConversations()
-
-  return (
-    <View style={{ flex: 1, padding: 24, gap: 16 }}>
-      <Text style={{ fontWeight: '700', fontSize: 18, marginBottom: 8 }}>Messaging</Text>
-      {conversations.map((conversation) => (
-        <View
-          key={conversation.id}
-          style={{
-            padding: 12,
-            borderRadius: 12,
-            borderWidth: 1,
-            borderColor: '#E2E8F0',
-            backgroundColor: '#FFFFFF',
-            gap: 4
-          }}
-        >
-          <Text style={{ fontWeight: '600', fontSize: 16 }}>{conversation.title}</Text>
-          <Text style={{ color: '#475569' }}>{conversation.lastMessage?.body ?? 'No messages yet'}</Text>
-          <Text style={{ color: '#94A3B8', fontSize: 12 }}>Unread: {conversation.unreadCount}</Text>
-        </View>
-      ))}
-      <Text
-        onPress={() => {
-          store.sendMessage(conversations[0]?.id ?? 'conv-1', 'Sent from mobile preview', {
-            id: 'mobile-user',
-            name: 'You'
-          })
-          setVersion((v) => v + 1)
-        }}
-        style={{ color: '#2563EB', fontWeight: '600' }}
-      >
-        Send a quick test message
-      </Text>
-      <Text style={{ color: '#94A3B8', fontSize: 12 }}>
-        Version {version} • This view uses the shared in-memory store so it stays in sync with the web shell preview.
-      </Text>
-    </View>
-  )
-}

package/src/store.ts

@@ -1,111 +0,0 @@
-export type MessagingMessage = {
-  id: string
-  conversationId: string
-  senderId: string
-  senderName?: string
-  body: string
-  sentAt: string
-}
-
-export type MessagingConversation = {
-  id: string
-  title: string
-  participantIds: string[]
-  lastMessage?: MessagingMessage
-  unreadCount: number
-  updatedAt: string
-}
-
-export type MessagingStore = {
-  getConversations: () => MessagingConversation[]
-  getConversation: (id: string) => MessagingConversation | undefined
-  getMessages: (conversationId: string) => MessagingMessage[]
-  sendMessage: (
-    conversationId: string,
-    body: string,
-    sender?: { id: string; name?: string }
-  ) => MessagingMessage
-}
-
-const seedConversations: MessagingConversation[] = [
-  {
-    id: 'conv-1',
-    title: 'Platform Ops',
-    participantIds: ['u-platform', 'u-release', 'u-ops'],
-    unreadCount: 2,
-    updatedAt: new Date().toISOString(),
-    lastMessage: {
-      id: 'msg-1',
-      conversationId: 'conv-1',
-      senderId: 'u-release',
-      senderName: 'Release Manager',
-      body: 'Copy that. Will queue prod promotion after smoke.',
-      sentAt: new Date().toISOString()
-    }
-  },
-  {
-    id: 'conv-2',
-    title: 'Support triage',
-    participantIds: ['u-support', 'u-oncall', 'u-platform'],
-    unreadCount: 0,
-    updatedAt: new Date().toISOString(),
-    lastMessage: {
-      id: 'msg-2',
-      conversationId: 'conv-2',
-      senderId: 'u-oncall',
-      senderName: 'On-call',
-      body: 'Acknowledged. Looking at the router dashboards now.',
-      sentAt: new Date().toISOString()
-    }
-  }
-]
-
-export function createInMemoryMessagingStore(seed: MessagingConversation[] = seedConversations): MessagingStore {
-  let conversations: MessagingConversation[] = seed.map((conversation) => ({
-    ...conversation,
-    lastMessage: conversation.lastMessage
-      ? { ...conversation.lastMessage, sentAt: conversation.lastMessage.sentAt ?? new Date().toISOString() }
-      : undefined
-  }))
-  const messageLookup: Record<string, MessagingMessage[]> = {}
-
-  conversations.forEach((conversation) => {
-      messageLookup[conversation.id] = conversation.lastMessage ? [conversation.lastMessage] : []
-  })
-
-  const refreshConversation = (conversationId: string, message: MessagingMessage) => {
-    const idx = conversations.findIndex((c) => c.id === conversationId)
-    if (idx >= 0) {
-      conversations[idx] = {
-        ...conversations[idx],
-        lastMessage: message,
-        updatedAt: message.sentAt,
-        unreadCount: Math.max(0, conversations[idx].unreadCount - 1)
-      }
-    }
-  }
-
-  return {
-    getConversations: () => [...conversations].sort((a, b) => (a.updatedAt > b.updatedAt ? -1 : 1)),
-    getConversation: (id: string) => conversations.find((conversation) => conversation.id === id),
-    getMessages: (conversationId: string) => [...(messageLookup[conversationId] ?? [])],
-    sendMessage: (conversationId: string, body: string, sender?: { id: string; name?: string }) => {
-      const conversationExists = conversations.some((conversation) => conversation.id === conversationId)
-      if (!conversationExists) {
-        throw new Error('Conversation not found')
-      }
-      const message: MessagingMessage = {
-        id: `msg-${Math.random().toString(36).slice(2, 8)}`,
-        conversationId,
-        senderId: sender?.id ?? 'anonymous',
-        senderName: sender?.name ?? 'You',
-        body,
-        sentAt: new Date().toISOString()
-      }
-
-      messageLookup[conversationId] = [...(messageLookup[conversationId] ?? []), message]
-      refreshConversation(conversationId, message)
-      return message
-    }
-  }
-}