Live Preview - #2332

Closed

devvaannsh wants to merge 142 commits into

mainfrom

Commits on Aug 23, 2025

feat: live preview hover inspect ui initial

abose
authored and
devvaannsh
committed
6e2c3dc
feat: live preview hover highlights improved

abose
authored and
devvaannsh
committed
c8a0710
feat: element selection and content editable setting

abose
authored and
devvaannsh
committed
addf4c2
feat: create the DOM manipulation option box when an element is clicked in the live preview
devvaannsh
committed
98ddfb9
feat: add click handler to the DOM advance option buttons
devvaannsh
committed
07c32a0
fix: dom more options box background color changing when hovered
devvaannsh
committed
d84ae16
feat: add border when a element is clicked
devvaannsh
committed
24abd1f
fix: change border to outline to prevent content shifting
devvaannsh
committed
f7cd3f7
fix: more options box positioning when live preview is scrolled
devvaannsh
committed
4451767
fix: offset height gives invalid px and puts the more options box below the screen
devvaannsh
committed
b6f481a
fix: box getting out of viewport horizontally
devvaannsh
committed
e10e89d
fix: positioning of the element info box
devvaannsh
committed
22a16a4
fix: horizontal positioning of both the boxes
devvaannsh
committed
6a661bd
feat: enable deletion of elements in source code from live preview
devvaannsh
committed
7fe3498
fix: use existing APIs to reference the source code of the element given its tagId
devvaannsh
committed
8451ee0
fix: remove the popup after it is handled
devvaannsh
committed
42c5178
feat: implement live preview duplicate option functionality
devvaannsh
committed
ff22ce6
feat: implement select-parent option in live preview edit
devvaannsh
committed
a5d982f
fix: implement shadow DOM to prevent box styles being overridden by user stylesheets
devvaannsh
committed
0cc7413
fix: box now moves along with the selected element when scrolled
devvaannsh
committed
444d009
fix: positioning of the info box
devvaannsh
committed
735627f
fix: remove properties after setting values
devvaannsh
committed
c2f8cad
feat: add event listener for dragging inside live preview
devvaannsh
committed
25d823c
feat: implement live preview edit text functionality
devvaannsh
committed
29df4b8
fix: duplication issue when there is some content before the element
devvaannsh
committed
db02790
fix: disbale live preview edit for html & body tags
devvaannsh
committed
1794526
fix: show more options box at the correct position when live preview panel is resized
devvaannsh
committed
d4b0e20
fix: bold italic type of tags break inside live preview and leaks internal attributes
devvaannsh
committed
216c83d
fix: use current live doc instead of active editor
devvaannsh
committed
d37c0d3
fix: editing text inside live preview leaks phoenix internal attributes
devvaannsh
committed
186c5ae
fix: file rename to make it consistent
devvaannsh
committed
baae736
fix: typo in file name
devvaannsh
committed
1159d1a
fix: show info box along with more option box when a DOM element is clicked
devvaannsh
committed
ebc68ae
fix: overlapping issue between the info box and the more options box
devvaannsh
committed
3fb7175
fix: calculate info box width based on char count
devvaannsh
committed
d222ea6
fix: positioning of the info box
devvaannsh
committed
fdaa01a
fix: info box getting out of bounds
devvaannsh
committed
dca465f
fix: remove redundant positioning checks
devvaannsh
committed
80bbb32
feat: enable undo in live preview to undo live preview edit operations
devvaannsh
committed
2e7ea12
feat: drag drop live preview implementation
devvaannsh
committed
f9df628
fix: indent of target element after drag & drop operation
devvaannsh
committed
bc07af8
feat: allow dropping before as well as after the element
devvaannsh
committed
06f2944
fix: internal live preview editing styles leak on users source code
devvaannsh
committed
e832ac2
fix: remove extra line after drag-drop operation
devvaannsh
committed
d91dc27
feat: remove boxes when escape key is pressed or user clicks on a empty area
devvaannsh
committed
1d7f006
fix: delete empty lines when deleting an element from the live preview
devvaannsh
committed
898ace0
fix: error when trying to remove node info box
devvaannsh
committed
e78ec69
fix: live preview not handling escape keypress when highlight pref is on
devvaannsh
committed
85d08de
feat: enable redo when ctrl + y is pressed in live preview
devvaannsh
committed
6823f6a
fix: prevent links and buttons to move to another webpage when edit mode is enabled
devvaannsh
committed
9b47097
feat: add pen icon to edit text in the more options box
devvaannsh
committed
0eea051
fix: more options box doesn't appear because click event was removed
devvaannsh
committed
8662ebc
fix: do delete and duplicate operation in batch so that undo and redo works as expected
devvaannsh
committed
1ecee71
feat: hide edit option when element is non-editable
devvaannsh
committed
f8d2e96
feat: hide select-parent option when element doesn't supports it
devvaannsh
committed
a007746
fix: unable to edit text inside elements with no text content
devvaannsh
committed
19755fb
fix: more options box gets out of viewport with very long elements
devvaannsh
committed
c1f5191
fix: button's onclick was overriding more options box
devvaannsh
committed
cb92fa1
fix: revert code as it broke the existing tests
devvaannsh
committed
a38b2f9
fix: more option box reappearing after operation performed
devvaannsh
committed
7f4c6cd
fix: info box not visible in viewport when element is at the very bottom
devvaannsh
committed
218b316
fix: more options box not getting hidden after drag & drop operation
devvaannsh
committed
ab82a76
fix: make sure info box is within live preview bounds
devvaannsh
committed
72e5d72
fix: remove boxes when user scrolls the live preview
devvaannsh
committed
44699c5
fix: remove more options box when user starts editing
devvaannsh
committed
518d693
fix: drag & drop logic breaks when target is after source
devvaannsh
committed
29f5f2d
fix: move cursor to end of the text content when editing a text
devvaannsh
committed
4de8d9a
fix: unable to select text because start editing was called again and again
devvaannsh
committed
52d90c9
fix: text content becomes undefined when user presses escape
devvaannsh
committed
bb9c0cc
fix: duplication and deletion gives syntax error when code is not beautified
devvaannsh
committed
4f37db1
fix: use start range from instead of the current cursor position to find the matching tag
devvaannsh
committed
c24875a
fix: use findMatchingTag to get the end position as it is more robust
devvaannsh
committed
018a586
fix: fix architecture of move function by using the getMatchingTag function to get the end pos
devvaannsh
committed
4fc035e
fix: browser removing incorrect css syntax from code which is unintended behaviour
devvaannsh
committed
ae230ea
refactor: remove dead code
devvaannsh
committed
3808094
fix: operations doesn't work for empty tags as we were relying on the end tag
devvaannsh
committed
36a0fdd
refactor: allow buttons to be editable
devvaannsh
committed
943f651
fix: text formatting not working when trying to edit text in live preview
devvaannsh
committed
e67fd2d
fix: body tag gets removed from source code when trying to edit a body tag directly
devvaannsh
committed
cd61d01
refactor: calculate the position of the boxes
devvaannsh
committed
d099ba2
fix: move boxes to down when no space at top
devvaannsh
committed
964d62f
feat: update background color when a option button is hovered
devvaannsh
committed
1b1ade5
fix: positioning of the info box
devvaannsh
committed
b3bc4d1
fix: node more options box positioning
devvaannsh
committed
31a9f7b
fix: boxes overlapping each other
devvaannsh
committed
7e4508d
fix: use screenOffset to calculate overflow
devvaannsh
committed
8960285
fix: phoenix internal attributes leaking into users source code
devvaannsh
committed
6bfc561
fix: boxes gets out of viewport
devvaannsh
committed
7c965ee
feat: disable all the live preview advance features when its disabled
devvaannsh
committed
a1501b1
feat: add a setting to show elements highlights on hover or click
devvaannsh
committed
2c0130a
feat: change live preview effect when setting is changed
devvaannsh
committed
899728d
fix: element highlights setting not getting applied immediately directly
devvaannsh
committed
840b701
feat: add strings for elements highlight feature
devvaannsh
committed
9c8859f
feat: improve styles for element highlight setting
devvaannsh
committed
bfd3c16
fix: make sure the info box never gets out of bounds
devvaannsh
committed
81a2216
feat: show element highlights boxes when user edits source code for a particular element
devvaannsh
committed
baaf59f
fix: don't remove the boxes when the preview is scrolled
devvaannsh
committed
75be123
fix: don't show boxes on non-existant elements
devvaannsh
committed
276979f
fix: cursor jump to that start of element when an element in clicked in the source code
devvaannsh
committed
a341479
fix: don't show UI boxes when element is hidden
devvaannsh
committed
97fb92d
refactor: update duplicate icon
devvaannsh
committed
8b30015
fix: live preview jumping automatically
devvaannsh
committed
bcf9736
feat: advance drag-drop implementation
devvaannsh
committed
a210f97
refactor: make code more DRY
devvaannsh
committed
1d6fd2e
fix: indentation not consistent after drag-drop
devvaannsh
committed
8dead8c
fix: boxes drifts away from elements when elements are fixed positioned
devvaannsh
committed
a968827
fix: don't close popup after duplicate operation
devvaannsh
committed
fa1c4f4
fix: data-ld-highlight attribute leaks in the source code
devvaannsh
committed
1fab5c6
fix: drag-drop causing elements to disappear when target is inside source
devvaannsh
committed
b226601
fix: get actual indent instead of assuming it to be 4 spaces
devvaannsh
committed
13037e0
fix: boxes disappear when scrolling too slow
devvaannsh
committed
65704aa
fix: drag markers not getting positioned correctly when webpage has fixed positioned elements
devvaannsh
committed
e8deb87
fix: boxes overlapping when triggered for different elements
devvaannsh
committed
802a353
feat: allow auto scrolling when on viewport edges
devvaannsh
committed
53aff27
fix: when highlight is set to false livePreviewEdit on hover also stops working
devvaannsh
committed
678df80
fix: background color from some elements doesn't get removed when config is changed
devvaannsh
committed
edd0d82
feat: add select mode button in the live preview toolbar
devvaannsh
committed
c3127a6
chore: remove highlights button from live preview toolbar
devvaannsh
committed
482cbea
fix: remove markers and highlights when edit mode is disabled
devvaannsh
committed
51da71b
fix: flickering issue with very long elements
devvaannsh
committed
e629173
feat: add preview mode option in live preview
devvaannsh
committed
adf0e43
feat: add AI prompt box in live preview
devvaannsh
committed
5dc3885
feat: add live preview mode settings to preferences
devvaannsh
committed
efd41fc
feat: move all the strings to strings.js file
devvaannsh
committed
014044f
refactor: clean the select parent function
devvaannsh
committed
97bcc75
feat: move edit elements on hover from settings to dropdown
devvaannsh
committed
0e4a28c
fix: clean dirty icons when no changes are made in the editor
devvaannsh
committed
782048c
fix: error when click highlight is null and adding a selector to that
devvaannsh
committed
855eb85
feat: add checkmark icon in the current active mode
devvaannsh
committed
981da5d
fix: ai box width set on smaller screens
devvaannsh
committed
8859176
feat: show pro icon on edit mode
devvaannsh
committed
cd1b780
feat: send data to AI when element is edited with AI
devvaannsh
committed
0eee7dd
feat: show dialog when subscribe button is clicked
devvaannsh
committed
0b871bc
feat: allow selecting model when sending message to AI
devvaannsh
committed
b3a587d
fix: background color doesn't get removed when switching from edit mode to highlight
devvaannsh
committed
d4a86c9
fix: user styles overriding our elements styling
devvaannsh
committed
659853c
chore: move strings to related strings file
devvaannsh
committed
d23af23
fix: minor styling fixes
devvaannsh
committed
87261a0
refactor: make highlight/edit mode as default when edit features are inactive/active respectively
devvaannsh
committed
1a929d1
fix: tests failing because of edit mode default behaviour
devvaannsh
committed
e63a372
fix: drag operating affecting styles permanently for some elements
devvaannsh
committed
a9db70d
chore: retrigger CI after base moved
abose
committed
cccc40f