Skip to content

Conversation

YousefED
Copy link
Collaborator

No description provided.

@vercel
Copy link

vercel bot commented Sep 22, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
blocknote-website ✅ Ready (Inspect) Visit Preview Sep 27, 2023 3:44pm

Copy link
Collaborator Author

@YousefED YousefED left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Some small suggestions.

Main change is to change default uploader to tmpfiles.org, as it doesn't require an API key, and also works for non-images that we might want to support in the future.

# Conflicts:
#	packages/react/src/ImageToolbar/components/DefaultImageToolbar.tsx
@matthewlipski matthewlipski merged commit 35f7ded into image-block-new Sep 27, 2023
matthewlipski added a commit that referenced this pull request Oct 3, 2023
* Made formatting toolbar buttons not show if they are not applicable

* Made formatting toolbar placement change based on text alignment

* Improved typing for blocks without inline content and made them selectable

* Updated default blocks with new typing

* Added image block (React implementation)

* Added image upload and caption formatting toolbar buttons

* Added image slash menu item

* Temporarily updated `App.tsx` to show image block

* Added placeholder `alt` attribute to image

* Added `destroy` function so vanilla custom blocks can clean ip between renders

* Added vanilla image block

* Added Uppy deps

* Updated `ReplaceImageButton.tsx`

* Small fix in `BlockColorsButton.tsx`

* Typing fix for hyperlink toolbar components

* Created reusable components for link & caption components

* Fixed import issue

* Made image selection border also include caption

* Added comment

* Added new hooks to clean up code

* Updated exports

* Changed image replacing from Uppy to custom UI and removed `replacing` prop

* Fixed z-index for UI elements

* Changed image `width` prop to be in px

* Removed Uppy dependency

* Reverted `App.tsx`

* Removed React image block implementation

* Fixed exports

* Fixed image block imports

* Small fixes to tests

* Changed image replacement to use image specific toolbar

* Made image toolbar open immediately after inserting an image using the slash menu

* Fixed replace image button having persistent `open` state

* `ImageToolbarPositioner.tsx` cleanup

* Made image toolbar design more similar to Notion

* Cleaned up block typing

* Implemented PR feedback

* Removed redundant z-index style from `ColorStyleButton`

* Made props able to be any primitive type and cleaned up test snapshots

* Extracted image styles to CSS

* Refactored `DefaultImageToolbar`

* Added editor option for consumers to handle image uploads

* Small `FormattingToolbarPositioner` refactor

* Fixed image slash menu item bug

* Changed image toolbar to use tabs and fixed dark theme

* Renamed image `src` prop to `url`

* Changed how image width is constrained to editor width

* Updated default color names

* Added loading overlay to the image toolbar while an image is being uploaded

* Fixed heading in block tyupe dropdown

* small fixes (#346)

* small fixes

* Updated `uploadFile` JSDoc

* Extracted example file upload function to new file removed it as a default

---------

Co-authored-by: Matthew Lipski <[email protected]>

* Small hook fix

* Added image docs

* Updated unit test snapshots

* Added image e2e tests

* Added error handling for image uploads

* Renamed example image upload handler

* Added example image upload handler to docs home page

* Small fixes

* Added test snapshots/screenshots

* Improved e2e test reliability

---------

Co-authored-by: Yousef <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants