[Feat] View Notion Table inside RC

NotionApp.ts

@@ -7,7 +7,7 @@ import {
     ILogger,
     IModify,
     IPersistence,
-    IRead
+    IRead,
 } from "@rocket.chat/apps-engine/definition/accessors";
 import { App } from "@rocket.chat/apps-engine/definition/App";
 import { IAppInfo } from "@rocket.chat/apps-engine/definition/metadata";
@@ -80,7 +80,21 @@ export class NotionApp extends App {
             context: UIActionButtonContext.MESSAGE_BOX_ACTION,
         };
 
+        const sendToPageButton: IUIActionButtonDescriptor = {
+            actionId: ActionButton.SEND_TO_PAGE_MESSAGE_ACTION,
+            labelI18n: ActionButton.SEND_TO_PAGE_MESSAGE_ACTION_LABEL,
+            context: UIActionButtonContext.MESSAGE_ACTION,
+        };
+
+        const sendToNewPageButton: IUIActionButtonDescriptor = {
+            actionId: ActionButton.SEND_TO_NEW_PAGE_MESSAGE_ACTION,
+            labelI18n: ActionButton.SEND_TO_NEW_PAGE_MESSAGE_ACTION_LABEL,
+            context: UIActionButtonContext.MESSAGE_ACTION,
+        };
+
         configurationExtend.ui.registerButton(commentOnPagesButton);
+        configurationExtend.ui.registerButton(sendToPageButton);
+        configurationExtend.ui.registerButton(sendToNewPageButton);
     }
 
     public getOAuth2Client(): OAuth2Client {

app.json

@@ -46,6 +46,9 @@
         },
         {
             "name": "room.write"
+        },
+        {
+            "name": "message.read"
         }
     ]
 }

definition/handlers/IHandler.ts

@@ -9,6 +9,7 @@ export interface IHandler extends Omit<ICommandUtilityParams, "params"> {
     commentOnPages(): Promise<void>;
     createNotionPageOrRecord(): Promise<void>;
     changeNotionWorkspace(): Promise<void>;
+    shareNotionPage(): Promise<void>;
 }
 
 export type IHanderParams = Omit<ICommandUtilityParams, "params">;

definition/lib/INotion.ts

@@ -4,6 +4,9 @@ import { INotionUser, ITokenInfo } from "../authorization/IOAuth2Storage";
 import { ClientError, Error } from "../../errors/Error";
 import { NotionObjectTypes, NotionOwnerType } from "../../enum/Notion";
 import { RichText } from "@tryfabric/martian/build/src/notion";
+import { RecordPropertyType } from "../../enum/modals/common/NotionProperties";
+import { Modals } from "../../enum/modals/common/Modals";
+import { IMessageAttachmentField } from "@rocket.chat/apps-engine/definition/messages";
 
 export interface INotion {
     baseUrl: string;
@@ -46,7 +49,37 @@ export interface INotionSDK extends INotion {
         token: string,
         page: IPage,
         prop: IPageProperties
-    ): Promise<INotionPage | Error>;
+    ): Promise<(INotionPage & { pageId: string }) | Error>;
+    retrieveDatabase(
+        token: string,
+        database_id: string
+    ): Promise<object | Error>;
+    createRecord(
+        token: string,
+        database: IDatabase,
+        properties: object
+    ): Promise<
+        | {
+              fields: Array<IMessageAttachmentField>;
+              url: string;
+              pageId: string;
+          }
+        | Error
+    >;
+    retrievePage(
+        token: string,
+        pageId: string
+    ): Promise<(IPage & { url: string }) | Error>;
+    appendMessageBlock(
+        token: string,
+        message: string,
+        blockId: string
+    ): Promise<boolean | Error>;
+    searchDatabases(token: string): Promise<Array<IDatabase> | Error>;
+    queryDatabasePages(
+        token: string,
+        databaseId: string
+    ): Promise<Array<Array<string>> | Error>;
 }
 
 export interface IParentPage {
@@ -114,3 +147,40 @@ export interface IPageProperties {
 export interface INotionPage extends INotionDatabase {
     title: string;
 }
+
+export interface IDatabaseProperties {
+    title: IDatabaseTitle;
+    additionalProperties?: IDatabaseAddProperties;
+}
+
+export interface IDatabaseTitle {
+    id: string;
+    type: NotionObjectTypes.TITLE;
+    name: string;
+}
+
+export interface IDatabaseAddProperties {
+    [key: string]: {
+        id: string;
+        name: string;
+        type: RecordPropertyType;
+        config?: IDatabasePropertiesConfig;
+    };
+}
+
+interface IDatabasePropertiesConfig {
+    [Modals.OPTIONS]?: Array<{
+        id: string;
+        color: string;
+        name: string;
+    }>;
+
+    [Modals.GROUPS]?: Array<{
+        id: string;
+        color: string;
+        name: string;
+        options_ids: Array<string>;
+    }>;
+
+    [NotionObjectTypes.EXPRESSION]?: string;
+}

definition/ui-kit/Element/IDatePickerElement.ts

@@ -0,0 +1,6 @@
+import { DatePickerElement } from "@rocket.chat/ui-kit";
+
+export type DatePickerElementParam = Omit<
+    DatePickerElement,
+    "type" | "placeholder" | "appId" | "blockId" | "actionId"
+> & { text?: string };

definition/ui-kit/Element/IElementBuilder.ts

@@ -1,11 +1,12 @@
-import { ButtonStyle } from "@rocket.chat/apps-engine/definition/uikit";
 import {
     ButtonElement,
     ImageElement,
     StaticSelectElement,
     PlainTextInputElement,
     OverflowElement,
     Option,
+    DatePickerElement,
+    MultiStaticSelectElement,
 } from "@rocket.chat/ui-kit";
 import { ButtonParam } from "./IButtonElement";
 import { ImageParam } from "./IImageElement";
@@ -15,6 +16,8 @@ import {
 } from "./IStaticSelectElement";
 import { PlainTextInputParam } from "./IPlainTextInputElement";
 import { OverflowElementParam } from "./IOverflowElement";
+import { DatePickerElementParam } from "./IDatePickerElement";
+import { MultiStaticSelectElementParam } from "./IMultiStaticSelectElement";
 
 export interface IElementBuilder {
     addButton(
@@ -35,6 +38,14 @@ export interface IElementBuilder {
         param: OverflowElementParam,
         interaction: ElementInteractionParam
     ): OverflowElement;
+    createDatePicker(
+        param: DatePickerElementParam,
+        interaction: ElementInteractionParam
+    ): DatePickerElement;
+    createMultiStaticSelect(
+        param: MultiStaticSelectElementParam,
+        interaction: ElementInteractionParam
+    ): MultiStaticSelectElement;
 }
 
 export type ElementInteractionParam = { blockId: string; actionId: string };

definition/ui-kit/Element/IMultiStaticSelectElement.ts

@@ -0,0 +1,7 @@
+import { MultiStaticSelectElement } from "@rocket.chat/ui-kit";
+export type MultiStaticSelectElementParam = Omit<
+    MultiStaticSelectElement,
+    "type" | "blockId" | "actionId" | "placeholder" | "appId"
+> & {
+    text: string;
+};

enum/CommandParam.ts

@@ -6,6 +6,8 @@ export enum CommandParam {
     COMMENT = "comment",
     WORKSPACE = "workspace",
     WS = "ws",
+    SHARE = "share",
+    VIEW = "view",
 }
 
 export enum SubCommandParam {

enum/Notion.ts

@@ -21,6 +21,7 @@ export enum NotionApi {
     COMMENTS = `https://api.notion.com/v1/comments`,
     USERS = `https://api.notion.com/v1/users`,
     PAGES = `https://api.notion.com/v1/pages`,
+    BLOCKS = `https://api.notion.com/v1/blocks`,
 }
 
 export enum Notion {
@@ -45,4 +46,7 @@ export enum NotionObjectTypes {
     TITLE = "title",
     INFO = "info",
     NAME = "name",
+    PROPERTIES = "properties",
+    ID = "id",
+    DATABASE = "database",
 }

enum/messages.ts

@@ -4,7 +4,8 @@ export enum Messages {
         • use \`/notion comment\` to comment on notion page   
         • use \`/notion create\` to create page or record   
         • use \`/notion create db\` to create database   
-        • use \`/notion workspace\` to change workspace
+        • use \`/notion workspace\` to change workspace   
+        • use \`/notion share\` to share pages
 
         `,
     HELPER_TEXT = `:wave: Need some help with \`/notion\`?`,

enum/modals/NotionPageOrRecord.ts

@@ -13,7 +13,5 @@ export enum NotionPageOrRecord {
     TITLE_ACTION = "title-page-or-record-action-id",
     CHANGE_DATABASE_TEXT = "Change Database",
     CHANGE_DATABASE_ACTION = "create-page-or-record-change-database-action-id",
-    ADD_PROPERTY_ACTION = "add-property-create-page-or-record-action-id",
-    ADD_PROPERTY_BLOCK = "add-property-create-page-or-record-action-id",
-    ADD_PROPERTY_BUTTON_TEXT = "Add Property",
+    PROPERTY_SELECTED_BLOCK_ELEMENT = "property-selected-element-create-page-or-record-block-id",
 }

enum/modals/NotionTable.ts

@@ -0,0 +1,11 @@
+export enum NotionTable {
+    VIEW_ID = "notion-view-table-view-id",
+    ACTION_ID = "notion-view-table-action-id",
+    VIEW_ACTION = "notion-view-table-view-action-id",
+    VIEW_BLOCK = "notion-view-table-view-block-id",
+    CANCEL_ACTION = "notion-view-table-cancel-action-id",
+    CANCEL_BLOCK = "notion-view-table-cancel-block-id",
+    VIEW = "View",
+    CANCEL = "Cancel",
+    TITLE = "View Notion Table",
+}

enum/modals/SendMessagePage.ts

@@ -0,0 +1,11 @@
+export enum SendMessagePage {
+    VIEW_ID = "notion-send-message-page-view-id",
+    ACTION_ID = "notion-send-message-page-action-id",
+    SEND_ACTION = "notion-send-message-page-send-action-id",
+    SEND_BLOCK = "notion-send-message-page-send-block-id",
+    CANCEL_ACTION = "notion-send-message-page-cancel-action-id",
+    CANCEL_BLOCK = "notion-send-message-page-cancel-block-id",
+    SEND = "Send",
+    CANCEL = "Cancel",
+    TITLE = "Send To Notion Page",
+}

enum/modals/SharePage.ts

@@ -0,0 +1,11 @@
+export enum SharePage {
+    VIEW_ID = "notion-share-page-view-id",
+    ACTION_ID = "notion-share-page-action-id",
+    SHARE_ACTION = "notion-share-page-share-action-id",
+    SHARE_BLOCK = "notion-share-page-share-block-id",
+    CLOSE_ACTION = "notion-share-page-close-action-id",
+    CLOSE_BLOCK = "notion-share-page-close-block-id",
+    SHARE = "Share",
+    CLOSE = "Close",
+    TITLE = "Share Notion Page",
+}

enum/modals/common/ActionButtons.ts

@@ -1,4 +1,8 @@
 export enum ActionButton {
     COMMENT_ON_PAGES_MESSAGE_BOX_ACTION = "comment-on-pages-message-box-action",
     COMMENT_ON_PAGES_MESSAGE_BOX_ACTION_LABEL = "CommentOnPagesLabel",
+    SEND_TO_PAGE_MESSAGE_ACTION = "send-to-page-message-action",
+    SEND_TO_PAGE_MESSAGE_ACTION_LABEL = "SendToPageLabel",
+    SEND_TO_NEW_PAGE_MESSAGE_ACTION = "send-to-new-page-message-action",
+    SEND_TO_NEW_PAGE_MESSAGE_ACTION_LABEL = "SendToNewPageLabel",
 }

enum/modals/common/Modals.ts

@@ -10,4 +10,8 @@ export enum Modals {
     MISSING = "missing",
     VIEWERROR = "viewError",
     DATA = "data",
+    ADDITIONAL_PROP = "additionalProperties",
+    GROUPS = "groups",
+    PROPERTY = "property",
+    VALUE = "value",
 }

enum/modals/common/NotionProperties.ts

@@ -99,3 +99,33 @@ export enum MissingPropertyMessage {
     EXPRESSION = "Expression is required",
     OPTION_NAME = "Option Name is required",
 }
+
+export type RecordPropertyType = Exclude<
+    PropertyTypeValue,
+    | PropertyTypeValue.CREATED_TIME
+    | PropertyTypeValue.CREATED_BY
+    | PropertyTypeValue.LAST_EDITED_TIME
+    | PropertyTypeValue.LAST_EDITED_BY
+>;
+
+export enum NotSupportedPropertyType {
+    RELATION = "relation",
+    ROLLUP = "rollup",
+}
+
+export const NotSupportedPropertyTypes = [
+    PropertyTypeValue.CREATED_TIME.toString(),
+    PropertyTypeValue.CREATED_BY.toString(),
+    PropertyTypeValue.LAST_EDITED_TIME.toString(),
+    PropertyTypeValue.LAST_EDITED_BY.toString(),
+    NotSupportedPropertyType.RELATION.toString(),
+    NotSupportedPropertyType.ROLLUP.toString(),
+    PropertyTypeValue.FILES.toString(),
+];
+
+export enum CheckboxEnum {
+    TRUE = "true",
+    FALSE = "false",
+    YES = "Yes",
+    NO = "No",
+}

enum/modals/common/SearchDatabaseComponent.ts

@@ -0,0 +1,6 @@
+export enum SearchDatabaseComponent {
+    PLACEHOLDER = "Select Database",
+    BLOCK_ID = "search-database-component-block-id",
+    ACTION_ID = "search-database-component-action-id",
+    LABEL = "Database Name *",
+}

i18n/en.json

@@ -6,5 +6,7 @@
     "CredentialsSettings": "Authorization Settings",
     "NotionCommandParams": "connect | disconnect | workspace | create | schema | comment",
     "NotionCommandDescription": "Create Notion pages and database from Rocket.Chat",
-    "CommentOnPagesLabel": "💬 Comment on Page"
+    "CommentOnPagesLabel": "💬 Comment on Page",
+    "SendToPageLabel": "📝 Send to Page",
+    "SendToNewPageLabel": "📢 Send to New Page"
 }