@messenger-box/platform-client 0.0.1-alpha.134

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@messenger-box/platform-client",
+  "version": "0.0.1-alpha.134",
+  "description": "Sample core for higher packages to depend on",
+  "license": "ISC",
+  "author": "CDMBase LLC",
+  "main": "lib/index.js",
+  "typings": "lib/index.d.ts",
+  "scripts": {
+    "build": "yarn build:clean && yarn build:lib",
+    "build:clean": "rimraf lib",
+    "build:lib": "webpack",
+    "build:lib:watch": "yarn build:lib -- --watch",
+    "jest": "./node_modules/.bin/jest",
+    "prepublish": "yarn build",
+    "test": "jest",
+    "test:debug": "npm test -- --runInBand",
+    "test:watch": "npm test -- --watch",
+    "watch": "yarn build:lib:watch"
+  },
+  "dependencies": {
+    "@chakra-ui/icons": "^1.0.16",
+    "@chakra-ui/react": "~1.6.12",
+    "@emotion/react": "^11",
+    "@emotion/styled": "^11",
+    "@messenger-box/core": "0.0.1-alpha.127",
+    "bootstrap": "3.4.1",
+    "css-vars-ponyfill": "2.4.5",
+    "dynamic-virtualized-list": "github:mattermost/dynamic-virtualized-list#119db968c96643c7106d4d2c965f05b2e251bc83",
+    "emoji-mart": "^3.0.1",
+    "font-awesome": "4.7.0",
+    "framer-motion": "^4",
+    "jasny-bootstrap": "3.1.3",
+    "key-mirror": "1.0.1",
+    "moment-timezone": "0.5.33",
+    "react-bootstrap": "github:mattermost/react-bootstrap#c6957962364e0818a51bbfd13e89919903b422d6",
+    "react-icons": "^4.2.0",
+    "react-intl": "5.20.4",
+    "react-select": "5.2.0",
+    "react-virtualized-auto-sizer": "1.0.5",
+    "reselect": "4.0.0"
+  },
+  "devDependencies": {
+    "@types/bootstrap": "4.5.0",
+    "@types/moment-timezone": "0.5.30",
+    "@types/react-bootstrap": "0.32.22",
+    "@types/react-virtualized-auto-sizer": "1.0.0"
+  },
+  "peerDependencies": {
+    "@apollo/client": "*",
+    "lodash": "*"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "typescript": {
+    "definition": "lib/index.d.ts"
+  },
+  "gitHead": "c573ab335ea48becde0a1efe8ffd3edac7848e72"
+}

package/src/graphql/fragments/configuration.gql

@@ -0,0 +1,12 @@
+
+fragment  Configuration on  IConfigurationModel{
+    resource
+    target
+    contents
+    keys
+    overrides {
+        contents
+        identifiers
+    }
+    __typename
+}

package/src/graphql/fragments/post-message.gql

@@ -0,0 +1,42 @@
+fragment PostProps on Post {
+    author{
+        username
+    }
+    id
+    message
+    createdAt
+    editedBy {
+        alias
+    }
+    updatedAt
+    propsConfiguration {
+        ...Configuration
+    }
+    files{
+        totalCount
+        data{
+            id
+            name
+            extension
+            mimeType
+            height
+            width
+            size
+            url
+            refType
+        }
+    }
+    isPinned @client
+    center @client
+    compactDisplay @client
+    isFirstReply @client
+    shouldHighlight @client
+    consecutivePostByUser @client
+    previousPostIsComment @client
+    isCommentMention @client
+    hasReplies @client
+    isLastPost @client
+    channelArchived @client
+    isFlagged @client
+    isCollapsedThreadsEnabled @client
+}

package/src/graphql/id-generation.ts

@@ -0,0 +1,8 @@
+import { IClientCacheTypeNames } from '@messenger-box/core';
+
+export const dataIdFromObject = {
+    [IClientCacheTypeNames.Post]: ({ id }) => `${IClientCacheTypeNames.Post}:${id}`,
+    [IClientCacheTypeNames.Channel]: ({ id }) => `${IClientCacheTypeNames.Channel}:${id}`,
+    [IClientCacheTypeNames.ChannelMember]: ({ id }) => `${IClientCacheTypeNames.ChannelMember}:${id}`,
+    [IClientCacheTypeNames.UserAccount]: ({ id }) => `${IClientCacheTypeNames.UserAccount}:${id}`,
+};

package/src/graphql/index.ts

@@ -0,0 +1,7 @@
+import { merge } from 'lodash';
+import { postPolicies, userPolicies, channelPolicies } from './policies';
+import { schema } from './schema';
+
+const typePolicies = merge({}, postPolicies, userPolicies, channelPolicies);
+export { schema, typePolicies };
+export * from './id-generation';

package/src/graphql/mutations/channel-mutation.gql

@@ -0,0 +1,44 @@
+mutation AddChannel($name:String!, $description:String!){
+    createChannel(
+        name:$name,
+        description:$description
+    ){
+        id
+        title
+        type
+    }
+}
+
+mutation AddDirectChannel($receiver:[ID]!, $displayName:String!){
+    createDirectChannel(
+        receiver: $receiver
+        displayName: $displayName
+    ){
+        id
+        displayName
+        title
+        type
+        members{
+            user
+        }
+    }
+}
+
+mutation AddMemberToChannel($channelId:String!, $memberId:String!){
+    addMemberToChannel(
+        channelId: $channelId,
+        memberId: $memberId
+    ){
+        id
+        displayName
+        title
+        type
+        members{
+            user
+        }
+    }
+}
+
+mutation DeleteChannel($ChannelId:ID!){
+    deleteChannel(id: $ChannelId)
+}

package/src/graphql/mutations/messages-mutation.gql

@@ -0,0 +1,66 @@
+mutation SendMessages(
+    $channelId:String!,
+    $content:String!,
+    $files:[Upload!]!
+){
+    sendMessage(
+        channelId: $channelId,
+        messageInput: {
+            content: $content,
+            files: $files
+        },
+    ){
+        id
+        message
+    }
+}
+
+mutation DeleteMessage(
+    $messageId:String!,
+    $channelId:String!
+){
+    deleteMessage(
+        messageId: {
+            messageId: $messageId,
+            channelId: $channelId
+        }
+    )
+}
+
+mutation EditMessage(
+    $messageId:String!,
+    $channelId:String!,
+    $content:String!,
+    $files:[Upload!]!
+){
+    editMessage(
+        messageId: {
+            messageId: $messageId,
+            channelId: $channelId
+        },
+        messageInput: {
+            content: $content,
+            files: $files
+        }
+    ){
+        id
+    }
+}
+
+mutation UploadImg($files:[Upload!]!, $postId: String!){
+    uploadFile(files: $files, postId: $postId)
+}
+
+#mutation PinMessage($messageId:String! , $messageInput:String! , $content:String!) {
+#	pinMessage(
+#        messageId: {
+#        messageId: $messageId,
+#        channelId: $channelId
+#        },
+#        messageInput:{
+#        content: $content
+#        }
+#    ){
+#    id
+#  }
+#}

package/src/graphql/policies/channel-policies.ts

@@ -0,0 +1,7 @@
+import { TypePolicies } from '@apollo/client';
+
+export const channelPolicies: TypePolicies = {
+    Query: {
+        fields: {},
+    },
+};

package/src/graphql/policies/index.ts

@@ -0,0 +1,3 @@
+export * from './posts-policies';
+export * from './user-policies';
+export * from './channel-policies';

package/src/graphql/policies/posts-policies.ts

@@ -0,0 +1,110 @@
+import { TypePolicies } from '@apollo/client';
+
+export const postPolicies: TypePolicies = {
+    Post: {
+        fields: {
+            isPinned: {
+                read() {
+                    return false;
+                },
+            },
+            center: {
+                merge(existing = [], incoming: []) {
+                    return incoming;
+                },
+                read() {
+                    return true;
+                },
+            },
+            compactDisplay: {
+                merge(existing = [], incoming: []) {
+                    return incoming;
+                },
+                read() {
+                    return '';
+                },
+            },
+            isFirstReply: {
+                merge(existing = [], incoming: []) {
+                    return incoming;
+                },
+                read() {
+                    return '';
+                },
+            },
+            shouldHighlight: {
+                merge(existing = [], incoming: []) {
+                    return incoming;
+                },
+                read() {
+                    return '';
+                },
+            },
+            consecutivePostByUser: {
+                merge(existing = [], incoming: []) {
+                    return incoming;
+                },
+                read() {
+                    return '';
+                },
+            },
+            previousPostIsComment: {
+                read(_, { readField, toReference,  }) {
+                    const dt = readField('created_at');
+                    return '';
+                },
+                merge(existing = [], incoming: []) {
+                    return incoming;
+                },
+            },
+            isCommentMention: {
+                merge(existing = [], incoming: []) {
+                    return incoming;
+                },
+                read() {
+                    return '';
+                },
+            },
+            hasReplies: {
+                merge(existing = [], incoming: []) {
+                    return incoming;
+                },
+                read() {
+                    return '';
+                },
+            },
+            isLastPost: {
+                merge(existing = [], incoming: []) {
+                    return incoming;
+                },
+                read() {
+                    return '';
+                },
+            },
+            channelArchived: {
+                merge(existing = [], incoming: []) {
+                    return incoming;
+                },
+                read() {
+                    return '';
+                },
+            },
+            isFlagged: {
+                merge(existing = [], incoming: []) {
+                    return incoming;
+                },
+                read() {
+                    return '';
+                },
+            },
+            isCollapsedThreadsEnabled: {
+                merge(existing = [], incoming: []) {
+                    return incoming;
+                },
+                read() {
+                    return '';
+                },
+            },
+        },
+    },
+};

package/src/graphql/policies/user-policies.ts

@@ -0,0 +1,32 @@
+import { TypePolicies } from '@apollo/client';
+
+export const userPolicies: TypePolicies = {
+    Query: {
+        fields: {
+            usersToChat: {
+                read(existing, { readField, args }) {
+                    const allUsers: any = readField('getUsers');
+                    return allUsers?.filter((usr) => {
+                        const temp: any = readField('alias', usr);
+                        if (temp.includes(args.auth0Id)) {
+                            return false;
+                        }
+                        return true;
+                    });
+                },
+            },
+            currentUser: {
+                read(existing, { readField, args }) {
+                    const allUsers: any = readField('getUsers');
+                    return allUsers?.filter((usr) => {
+                        const temp: any = readField('alias', usr);
+                        if (temp.includes(args.auth0Id)) {
+                            return true;
+                        }
+                        return false;
+                    })[0];
+                },
+            },
+        },
+    },
+};

package/src/graphql/queries/channel.gql

@@ -0,0 +1,28 @@
+query GetChannelsByUser{
+    channelsByUser{
+        id
+        title
+        description
+        type
+        displayName
+        members{
+            id
+            user
+
+        }
+    }
+}
+
+query GetAllChannel{
+    channels{
+        id
+        title
+        description
+        type
+        displayName
+        members{
+            id
+            user
+        }
+    }
+}

package/src/graphql/queries/post-message.gql

@@ -0,0 +1,8 @@
+query GetMessages($channelId:ID){
+    messages(channelId: $channelId,limit: 100){
+        totalCount
+        data{
+            ...PostProps
+        }
+    }
+}

package/src/graphql/queries/users.gql

@@ -0,0 +1,32 @@
+query GetAllUsers{
+    getUsers{
+        id
+        username
+        email
+        alias
+    }
+}
+
+query GetUserById($userId: String!){
+    getUserAccount(userId: $userId){
+        username
+    }
+}
+
+query UsersToChat($auth0Id: String!){
+    usersToChat(auth0Id:$auth0Id) {
+        id
+        username
+        email
+        alias
+    }
+}
+
+query CurrentUser($auth0Id: String!){
+    currentUser(auth0Id:$auth0Id) {
+        id
+        username
+        email
+        alias
+    }
+}

package/src/graphql/schema/index.ts

@@ -0,0 +1,4 @@
+import postSchema from './post.graphql';
+
+const schema = [postSchema];
+export { schema };

package/src/graphql/schema/post.graphql

@@ -0,0 +1,44 @@
+
+
+extend type Post {
+    isPinned: Boolean @client
+    disableGroupHighlight: Boolean @client
+    fromBot: Boolean @client
+
+    """ Set to center the post """
+    center: Boolean @client
+
+    """ Set to render post compactly """
+    compactDisplay: Boolean @client
+
+    """ Set to render a preview of the parent post above this reply """
+    isFirstReply: Boolean @client
+
+    """ Set to highlight the background of the post """
+    shouldHighlight: Boolean @client
+
+    """ Set to render this post as if it was attached to the previous post """
+    consecutivePostByUser: Boolean @client
+
+    """ Set if the previous post is a comment """
+    previousPostIsComment: Boolean @client
+
+    togglePostMenu: Boolean @client
+
+    """ Set to render this comment as a mention """
+    isCommentMention: Boolean @client
+
+    """ If the post has replies """
+    hasReplies: Boolean @client
+
+    """ To check if the current post is last in the list """
+    isLastPost: Boolean @client
+
+    """ Whether or not the channel that contains this post is archived """
+    channelArchived: Boolean @client
+
+    """ Set to mark the post as flagged """
+    isFlagged: Boolean @client
+
+    isCollapsedThreadsEnabled: Boolean @client
+}

package/src/graphql/schema/services.graphql

@@ -0,0 +1,6 @@
+extend enum ClientCacheTypeNames {
+    Post
+    Channel
+    ChannelMember
+    UserAccount
+}

package/src/index.tsx

@@ -0,0 +1,3 @@
+
+export * from './graphql';
+export * from './utils';

package/src/inversify-containers/index.ts

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

package/src/inversify-containers/module.ts

@@ -0,0 +1,4 @@
+import { ContainerModule, interfaces, Container } from 'inversify';
+
+export const platformModule: () => interfaces.ContainerModule = () =>
+    new ContainerModule((bind: interfaces.Bind) => {});