[Drizz 96] Richtext upload media with `AWS S3` adapter #37

SupakornNetsuwan · 2025-06-08T08:36:30Z

changeset-bot · 2025-06-08T08:36:34Z

🦋 Changeset detected

Latest commit: 76a6e99

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 7 packages

Name	Type
@genseki/react	Minor
@example/erp	Minor
@example/ui-playground	Patch
@genseki/next	Minor
@genseki/plugins	Minor
@genseki/react-query	Minor
@genseki/rest	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

…Field

…rties

- new define config` storageAdapter` - Base `generic adapter` for storage config - `S3 storage adapter` - Premade `Toolbar components` - Richtext component - New file storage route handler - `useStorageAdapter` for access storage client adapter - Fix base css sidebar style, Fix tiptap css template style

examples/erp/next.config.ts

packages/next/package.json

.changeset/blue-ghosts-rush.md

examples/erp/drizzlify/collections/posts.ts

examples/erp/drizzlify/editor/slot-before.tsx

packages/react/src/core/file-storage-adapters/generic-adapter.ts

packages/react/src/core/field.ts

feat: Convert richtext field type to `json` from `string`

.changeset/fruity-bikes-unite.md

.vscode/settings.json

examples/erp/drizzlify/collections/foods.tsx

examples/erp/drizzlify/collections/categories.ts

saenyakorn · 2025-06-23T06:33:47Z

examples/erp/drizzlify/collections/posts.tsx

+    Color,
+    BackColorExtension,
+    Underline.configure({ HTMLAttributes: { class: 'earth-underline' } }),
+    SelectionExtension,
+    TextStyle,
+    TextAlign.configure({
+      types: ['heading', 'paragraph'],
+      alignments: ['left', 'center', 'right', 'justify'],
+      defaultAlignment: 'left',
+    }),
+    StarterKit.configure({
+      bold: { HTMLAttributes: { class: 'bold large-black' } },
+      paragraph: { HTMLAttributes: { class: 'paragraph-custom' } },
+      heading: { HTMLAttributes: { class: 'heading-custom' } },
+      bulletList: { HTMLAttributes: { class: 'list-custom' } },
+      orderedList: { HTMLAttributes: { class: 'ordered-list' } },
+      code: { HTMLAttributes: { class: 'code' } },
+      codeBlock: { HTMLAttributes: { class: 'code-block' } },
+      horizontalRule: { HTMLAttributes: { class: 'hr-custom' } },
+      italic: { HTMLAttributes: { class: 'italic-text' } },
+      strike: { HTMLAttributes: { class: 'strikethrough' } },
+      blockquote: { HTMLAttributes: { class: 'blockquote-custom' } },
+    }),
+    CustomImageExtension.configure({ HTMLAttributes: { className: 'image-displayer' } }),
+    ImageUploadNodeExtension.configure({
+      showProgress: false,
+      accept: 'image/*',
+      maxSize: 1024 * 1024 * 10, // 10MB
+      limit: 3,
+    }),


color(), backColor(), underline({ HTMLAttributes: { class: 'earth-underline' } })) // ...,

อันนี้สามารถมาแก้หลัง merge ได้มั้ยนะครับ กลัวแก้ไม่ทันนน

packages/react/src/core/file-storage-adapters/s3/upload-adapter.ts

packages/react/src/core/field.ts

packages/react/src/react/components/compound/editor/nodes/custom-image-node.tsx

packages/react/src/react/components/compound/editor/nodes/image-upload-node.tsx

packages/react/src/react/components/compound/editor/nodes/custom-image-node.tsx

SupakornNetsuwan force-pushed the DRIZZ-96 branch 2 times, most recently from 68f06af to 44547bb Compare June 9, 2025 08:08

SupakornNetsuwan changed the base branch from DRIZZ-7 to main June 9, 2025 08:08

SupakornNetsuwan changed the base branch from main to DRIZZ-7 June 9, 2025 08:08

SupakornNetsuwan added 4 commits June 10, 2025 17:31

feat: upload adapter (WIP)

326603a

feat: richtext upload media with AWS S3 adapter

9670f58

feat: add description to db schema

5385a83

fix: remove unused method frm storage adapter and create AutoRichText…

440ddfe

…Field

Base automatically changed from DRIZZ-7 to main June 11, 2025 06:48

SupakornNetsuwan force-pushed the DRIZZ-96 branch from a85b70b to 440ddfe Compare June 11, 2025 09:35

SupakornNetsuwan added 3 commits June 11, 2025 16:59

merge origin/main to DRIZZ-96

1e488fa

Merge remote-tracking branch 'origin/main' into DRIZZ-96

45343d1

fix: react-aria-components version upgrade

46201ec

SupakornNetsuwan marked this pull request as draft June 11, 2025 10:15

SupakornNetsuwan added 6 commits June 11, 2025 17:54

fix: linting error and upgrade the aria-* version

8498708

Merge remote-tracking branch 'origin/main' into DRIZZ-96

6dbac36

feat: Richtext editor to auto-filed, now has richtext has field prope…

8a5710b

…rties

chore: add lucky-cats-bet.md changeset

7273ee1

Merge remote-tracking branch 'origin/main' into DRIZZ-96

c7f25fb

SupakornNetsuwan marked this pull request as ready for review June 17, 2025 09:18

saenyakorn reviewed Jun 17, 2025

View reviewed changes

chore: format check

c5a7f1a

SupakornNetsuwan force-pushed the DRIZZ-96 branch from d6a6da2 to c5a7f1a Compare June 17, 2025 11:48

SupakornNetsuwan added 5 commits June 17, 2025 21:27

chore: remove accidently .changeset modification

826e61d

fix: code quality and code refactoring

51c5e60

feat: Convert richtext field type to json from string

7cd8620

chore: format ui-playground

bc61969

fix: fix categories and posts collection type to richText

68c378b

SupakornNetsuwan and others added 11 commits June 18, 2025 12:46

Merge remote-tracking branch 'origin/main' into DRIZZ-96

2eb1775

chore: add ignore .changeset in .prettierignore

050c33a

Merge pull request #49 from softnetics/supakorn/fix-richtext-db-type

e31e648

feat: Convert richtext field type to `json` from `string`

fix: psots collection richtext editor props

b76e9fa

Merge remote-tracking branch 'origin/main' into DRIZZ-96

52341b9

feat: rich text node and in image element

39a0880

feat: richtext image loading with data-key

dcd5d1c

fix: Default value richtext always JSON

cea033d

Merge remote-tracking branch 'origin/main' into DRIZZ-96

4ee7618

fix: remove ',' from HTML

b2bb71f

chore: change auto generated file key from to '-'

2863084

saenyakorn reviewed Jun 23, 2025

View reviewed changes

refactor: code quality improvement by code reviewing

f01beb0

saenyakorn approved these changes Jun 25, 2025

View reviewed changes

packages/react/src/react/components/compound/editor/nodes/custom-image-node.tsx Outdated Show resolved Hide resolved

packages/react/src/react/components/compound/editor/nodes/custom-image-node.tsx Show resolved Hide resolved

fix: remove custom-image-node class name

76a6e99

SupakornNetsuwan merged commit c0f703e into main Jun 25, 2025
1 check passed

SupakornNetsuwan deleted the DRIZZ-96 branch June 25, 2025 04:22

github-actions bot mentioned this pull request Jun 25, 2025

Version Packages (alpha) #56

Merged

Uh oh!

[Drizz 96] Richtext upload media with AWS S3 adapter #37

[Drizz 96] Richtext upload media with AWS S3 adapter #37

Uh oh!

Conversation

SupakornNetsuwan commented Jun 8, 2025

Uh oh!

changeset-bot bot commented Jun 8, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🦋 Changeset detected

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

saenyakorn Jun 23, 2025

Choose a reason for hiding this comment

Uh oh!

SupakornNetsuwan Jun 23, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

[Drizz 96] Richtext upload media with `AWS S3` adapter #37

[Drizz 96] Richtext upload media with `AWS S3` adapter #37

changeset-bot bot commented Jun 8, 2025 •

edited

Loading