Introducing Visual Builder

Contentstack's Visual Builder is a powerful feature that transforms your content editing experience. With an intuitive WYSIWYG (What You See Is What You Get) interface, you can create, manage, and customize web pages in real time.

Visual Builder empowers you to see your changes live as you make them, eliminating traditional editing constraints. Whether you're a developer or a content creator, enhance your website effortlessly and collaborate seamlessly with your team. Experience the future of content management with Visual Builder!

What's Changed

feat: SDK redirects to client url params. by @Deepak-Kharah in #53
feat: Mode support for live editor by @Deepak-Kharah in #52
feat: handle stack details for editor mode by @Deepak-Kharah in #54
test: add cases for basic implementation by @Deepak-Kharah in #55
feat: add content type schema interface by @Deepak-Kharah in #57
feat: handle add buttons during multiple by @Deepak-Kharah in #58
feat: add proper support for getFieldTypes by @Deepak-Kharah in #59
feat: add multiple buttons and add test cases by @Deepak-Kharah in #60
feat: handle visual editor number fields by @Deepak-Kharah in #62
test: handle overlay DOM for inline editing by @Deepak-Kharah in #61
feat: separate input event by @Deepak-Kharah in #63
feat: handle individual fields by @Deepak-Kharah in #69
feat: add locale support for visual editor by @Deepak-Kharah in #70
feat: retrieve content type from the editor by @Deepak-Kharah in #71
fix: redirect page to /live-editor by @Deepak-Kharah in #72
feat: convert button to anchor tag by @Deepak-Kharah in #73
feat: hide start editing button inside editor by @Deepak-Kharah in #74
feat: add config handler by @Deepak-Kharah in #75
feat: escape key closes the overlay by @Deepak-Kharah in #77
chore: update @contentstack/advanced-post-message version by @Deepak-Kharah in #79
feat: update outline styles by @Deepak-Kharah in #80
Eb 766 resize focus area onchange by @Jayesh2812 in #82
feat: Retrieve field metadata from the parent by @Deepak-Kharah in #83
feat: move btn to right and add focus event by @Deepak-Kharah in #84
fix: add instance returned incorrect index by @Deepak-Kharah in #86
feat: live editor url contains the target url in search param by @Deepak-Kharah in #87
chore: snyc changes from main by @Deepak-Kharah in #88
feat: conditionally add edit button by @Deepak-Kharah in #90
fix: update field adds <div/> element by @Deepak-Kharah in #91
fix: add windowType in the editor's init. by @Deepak-Kharah in #92
Add support for custom cursor icon by @hiteshshetty-dev in #93
Add support for Focused State by @hiteshshetty-dev in #94
feat: set live preview details from the URL by @Deepak-Kharah in #95
chore: add event to get all entries in a page by @sairajchouhan in #96
feat: support test ellipsis in edit field by @Deepak-Kharah in #97
feat: isSSR boolean value in liveEditorPostMessage.send event's payload by @sayan-contentstack in #98
feat: add support to disabled editing in Canvas by @hiteshshetty-dev in #99
Eb 1043 modularize the sdk by @Deepak-Kharah in #104
test: fix cases of sdk modularization by @Deepak-Kharah in #105
Add Preact Support by @Vishvam10 in #107
EB-1047 : Unit test case for new framework by @Vishvam10 in #108
EB-1200: Implement signals in live preview sdk by @Vishvam10 in #111
EB-1201: Edit button is showing in live editor window by @Vishvam10 in #112
EB-1045: Unit test case for sdk fix existing test cases by @Vishvam10 in #114
EB-1565: Sidebar sometimes load and sometimes doesn't by @Vishvam10 in #117
EB-1566: Few fields like links groups etc are not highlighted properly by @Vishvam10 in #118
Introduced Instance's fieldPathWithIndex in post-message payloads by @csAyushDubey in #119
Introduced EmptyBlocks for handling empty block entries by @csAyushDubey in #122
Added outline to hovered elements by @csAyushDubey in #123
Plus button to only appear on mouse click by @csAyushDubey in #124
Fix for website shaking due to overlay by @csAyushDubey in #125
Replace asset button ui update by @sayan-contentstack in #129
Cursor behaviour change on hover and click by @csAyushDubey in #131
Added event to retrieve all entries in a page by @csAyushDubey in #133
Fix the bug that caused wrong fieldWrapper parent tags above blocks of a modularblock field by @sayan-contentstack in #138
feat: handling number fields by @faraazb in #139
feat: handling date fields by @faraazb in #140
Revert "feat: handling date fields" by @faraazb in #143
feat: Refactor getLiveEditorRedirectionUrl to use URLSearchParams by @hiteshshetty-dev in #144
feat: hide/show custom cursor on canvas mouseleave/mouseenter by @faraazb in #146
chore: bump version for version compatibility with UI-React LP 2.0 by @faraazb in #148
Overlay changes to stop anchor tag navigation by @csAyushDubey in #149
feat: field edit modal for JSON RTE and link fields by @faraazb in #150
fix: types in test file by @faraazb in #151
Import fix for test file by @csAyushDubey in #152
Fix outline clickability by @csAyushDubey in #153
Overlay calculation fix for hover leakage by @csAyushDubey in #155
feat: toolbar edit icons for modal editable fields by @faraazb in #156
fix: duplicate field path items by @faraazb in #157
feat: disabled state for hover outline and field focus outline by @faraazb in #158
fix: single line line break and unnecessary psuedo editable due to nbsp by @faraazb in #160
fix: display names loading state by @faraazb in #163
feat: replace reference by @faraazb in #166
feat: update focussed state and misc. improvements by @faraazb in #167
Fix: Field toolbar append issue by @csAyushDubey in #168
feat: hide focus overlay on add instance button click...