admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Upload image for use in blocknote editor (#3044)

Browse Source 
* - upload image to use in blocknote editor
- fix local-storage not in gitignore

* fix lint

* fix runtime config
add tests for body parsing notes and tasks

* lint
This commit is contained in:
brendanlaschke
2023-12-20 15:16:19 +01:00
committed by GitHub
parent 351dc6488c
commit c4fecb0a1a
11 changed files with 282 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
packages/twenty-front/src/modules/activities/utils/__tests__/getActivityPreview.test.ts Normal file
View File

@ -0,0 +1,112 @@
import { getActivityPreview } from '../getActivityPreview';
describe('getActivityPreview', () => {
it('should work for empty body', () => {
const activityBody = {};
const res = getActivityPreview(JSON.stringify(activityBody));
expect(res).toEqual('');
});
it('should work for empty body', () => {
const activityBody = '';
const res = getActivityPreview(JSON.stringify(activityBody));
expect(res).toEqual('');
});
it('should work for text body', () => {
const activityBody = [
{
id: '103003f3-60de-4713-8779-a694ee7a22c9',
type: 'paragraph',
props: {
textColor: 'default',
backgroundColor: 'default',
textAlignment: 'left',
},
content: [{ type: 'text', text: 'test 1', styles: {} }],
children: [],
},
{
id: 'bec5b84b-e9e7-49f6-854a-c2a9811f16e5',
type: 'paragraph',
props: {
textColor: 'default',
backgroundColor: 'default',
textAlignment: 'left',
},
content: [{ type: 'text', text: 'test text', styles: {} }],
children: [],
},
{
id: 'a347c1e7-65cb-4829-af9e-52fba407c3c8',
type: 'paragraph',
props: {
textColor: 'default',
backgroundColor: 'default',
textAlignment: 'left',
},
content: [{ type: 'text', text: 'test 2', styles: {} }],
children: [],
},
{
id: '7b999cbb-f248-4ead-a64f-94840191dc86',
type: 'paragraph',
props: {
textColor: 'default',
backgroundColor: 'default',
textAlignment: 'left',
},
content: [],
children: [],
},
];
const res = getActivityPreview(JSON.stringify(activityBody));
expect(res).toEqual('test 1\ntest text\ntest 2');
});
it('should work for image as first block', () => {
const activityBody = [
{
id: '7c7779f3-9c60-4504-ab3b-230fe390d430',
type: 'image',
props: {
backgroundColor: 'default',
textAlignment: 'left',
url: 'https://favicon.twenty.com/qonto.com',
caption: '',
width: 230,
},
children: [],
},
{
id: 'ab470e73-4564-493d-a1ad-bbe2c86c4481',
type: 'paragraph',
props: {
textColor: 'default',
backgroundColor: 'default',
textAlignment: 'left',
},
content: [{ type: 'text', text: 'TEST', styles: {} }],
children: [],
},
{
id: 'd4720499-2a45-4f3b-96cf-a8415c295678',
type: 'paragraph',
props: {
textColor: 'default',
backgroundColor: 'default',
textAlignment: 'left',
},
content: [],
children: [],
},
];
const res = getActivityPreview(JSON.stringify(activityBody));
expect(res).toEqual('TEST');
});
});

112
packages/twenty-front/src/modules/activities/utils/__tests__/getActivitySummary.test.ts Normal file
View File

@ -0,0 +1,112 @@
import { getActivitySummary } from '../getActivitySummary';
describe('getActivitySummary', () => {
it('should work for empty body', () => {
const activityBody = {};
const res = getActivitySummary(JSON.stringify(activityBody));
expect(res).toEqual('');
});
it('should work for empty body', () => {
const activityBody = '';
const res = getActivitySummary(JSON.stringify(activityBody));
expect(res).toEqual('');
});
it('should work for paragraph as first block', () => {
const activityBody = [
{
id: '103003f3-60de-4713-8779-a694ee7a22c9',
type: 'paragraph',
props: {
textColor: 'default',
backgroundColor: 'default',
textAlignment: 'left',
},
content: [{ type: 'text', text: 'test 1', styles: {} }],
children: [],
},
{
id: 'bec5b84b-e9e7-49f6-854a-c2a9811f16e5',
type: 'paragraph',
props: {
textColor: 'default',
backgroundColor: 'default',
textAlignment: 'left',
},
content: [{ type: 'text', text: 'test text', styles: {} }],
children: [],
},
{
id: 'a347c1e7-65cb-4829-af9e-52fba407c3c8',
type: 'paragraph',
props: {
textColor: 'default',
backgroundColor: 'default',
textAlignment: 'left',
},
content: [{ type: 'text', text: 'test 2', styles: {} }],
children: [],
},
{
id: '7b999cbb-f248-4ead-a64f-94840191dc86',
type: 'paragraph',
props: {
textColor: 'default',
backgroundColor: 'default',
textAlignment: 'left',
},
content: [],
children: [],
},
];
const res = getActivitySummary(JSON.stringify(activityBody));
expect(res).toEqual('test 1');
});
it('should work for image as first block', () => {
const activityBody = [
{
id: '7c7779f3-9c60-4504-ab3b-230fe390d430',
type: 'image',
props: {
backgroundColor: 'default',
textAlignment: 'left',
url: 'https://favicon.twenty.com/qonto.com',
caption: '',
width: 230,
},
children: [],
},
{
id: 'ab470e73-4564-493d-a1ad-bbe2c86c4481',
type: 'paragraph',
props: {
textColor: 'default',
backgroundColor: 'default',
textAlignment: 'left',
},
content: [{ type: 'text', text: 'TEST', styles: {} }],
children: [],
},
{
id: 'd4720499-2a45-4f3b-96cf-a8415c295678',
type: 'paragraph',
props: {
textColor: 'default',
backgroundColor: 'default',
textAlignment: 'left',
},
content: [],
children: [],
},
];
const res = getActivitySummary(JSON.stringify(activityBody));
expect(res).toEqual('');
});
});

14
packages/twenty-front/src/modules/activities/utils/getActivityPreview.ts Normal file
View File

@ -0,0 +1,14 @@
export const getActivityPreview = (activityBody: string) => {
const noteBody = activityBody ? JSON.parse(activityBody) : [];
return noteBody.length
? noteBody
.map((x: any) =>
Array.isArray(x.content)
? x.content?.map((content: any) => content?.text).join(' ')
: x.content?.text,
)
.filter((x: string) => x)
.join('\n')
: '';
};

9
packages/twenty-front/src/modules/activities/utils/getActivitySummary.ts Normal file
View File

@ -0,0 +1,9 @@
export const getActivitySummary = (activityBody: string) => {
const noteBody = activityBody ? JSON.parse(activityBody) : [];
return (
noteBody[0]?.content?.text ||
noteBody[0]?.content?.map((content: any) => content?.text).join(' ') ||
''
);
};