github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

[visual] Add coordsAt to decoration widgets (#19577)

Browse source 
GitOrigin-RevId: d445e68a14bbe819e126b6bf6a2328a00520c39a
This commit is contained in:
Alf Eaton 2024-07-29 13:30:48 +01:00 committed by Copybot
parent 8821a6d2f4
commit e4d971151b
27 changed files with 108 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/begin-theorem.ts
View file

@ -33,6 +33,10 @@ export class BeginTheoremWidget extends BeginWidget {
)
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
buildName(nameElement: HTMLSpanElement, view: EditorView) {
nameElement.textContent = this.name
if (this.argumentNode) {

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/begin.ts
View file

@ -41,6 +41,10 @@ export class BeginWidget extends WidgetType {
return event.type !== 'mouseup'
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
buildName(name: HTMLSpanElement, view: EditorView) {
name.textContent = this.environment
}

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/brace.ts
View file

@ -21,4 +21,8 @@ export class BraceWidget extends WidgetType {
eq(widget: BraceWidget) {
return widget.content === this.content
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
}

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/character.ts
View file

@ -24,6 +24,10 @@ export class CharacterWidget extends WidgetType {
ignoreEvent(event: Event) {
return event.type !== 'mousedown' && event.type !== 'mouseup'
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
}
export const COMMAND_SUBSTITUTIONS = new Map([

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/description-item.ts
View file

@ -25,6 +25,10 @@ export class DescriptionItemWidget extends WidgetType {
return event.type !== 'mousedown' && event.type !== 'mouseup'
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
setProperties(element: HTMLElement) {
element.style.setProperty('--list-depth', String(this.listDepth))
}

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/divider.ts
View file

@ -14,4 +14,8 @@ export class DividerWidget extends WidgetType {
updateDOM(): boolean {
return true
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
}

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/editable-graphics.ts
View file

@ -41,6 +41,10 @@ export class EditableGraphicsWidget extends GraphicsWidget {
return true
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
createEditButton(view: EditorView) {
const button = document.createElement('button')
button.setAttribute('aria-label', view.state.phrase('edit_figure'))

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/editable-inline-graphics.ts
View file

@ -40,6 +40,10 @@ export class EditableInlineGraphicsWidget extends EditableGraphicsWidget {
return event.type !== 'mousedown' && event.type !== 'mouseup'
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
// We set the actual figure width on the span rather than the img element
getFigureWidth(): string {
return '100%'

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/end-document.ts
View file

@ -21,6 +21,10 @@ export class EndDocumentWidget extends WidgetType {
return true
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
get estimatedHeight() {
return 30
}

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/end.ts
View file

@ -10,4 +10,8 @@ export class EndWidget extends WidgetType {
eq(widget: EndWidget) {
return true
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
}

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/environment-line.ts
View file

@ -39,4 +39,8 @@ export class EnvironmentLineWidget extends WidgetType {
ignoreEvent(event: Event): boolean {
return event.type !== 'mousedown' && event.type !== 'mouseup'
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
}

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/footnote.ts
View file

@ -32,4 +32,8 @@ export class FootnoteWidget extends WidgetType {
ignoreEvent(event: Event) {
return event.type !== 'mousedown' && event.type !== 'mouseup'
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
}

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/frame.ts
View file

@ -74,4 +74,8 @@ export class FrameWidget extends WidgetType {
ignoreEvent(event: Event) {
return event.type !== 'mouseup'
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
}

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/graphics.ts
View file

@ -74,6 +74,10 @@ export class GraphicsWidget extends WidgetType {
this.destroyed = true
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
get estimatedHeight(): number {
return this.height
}

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/icon-brace.ts
View file

@ -27,4 +27,8 @@ export class IconBraceWidget extends WidgetType {
element.textContent = this.content ?? ''
return true
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
}

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/indicator.ts
View file

@ -24,4 +24,8 @@ export class IndicatorWidget extends WidgetType {
ignoreEvent(event: Event) {
return event.type !== 'mousedown' && event.type !== 'mouseup'
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
}

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/inline-graphics.ts
View file

@ -16,4 +16,8 @@ export class InlineGraphicsWidget extends GraphicsWidget {
ignoreEvent(event: Event) {
return event.type !== 'mousedown' && event.type !== 'mouseup'
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
}

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/item.ts
View file

@ -51,6 +51,10 @@ export class ItemWidget extends WidgetType {
return event.type !== 'mousedown' && event.type !== 'mouseup'
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
setProperties(element: HTMLElement) {
element.style.setProperty('--list-depth', String(this.listDepth))
element.style.setProperty('--list-ordinal', String(this.ordinal))

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/latex.ts
View file

@ -15,4 +15,8 @@ export class LaTeXWidget extends WidgetType {
ignoreEvent(event: Event) {
return event.type !== 'mousedown' && event.type !== 'mouseup'
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
}

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/maketitle.ts
View file

@ -51,6 +51,10 @@ export class MakeTitleWidget extends WidgetType {
this.destroyed = true
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
buildContent(view: EditorView, element: HTMLElement) {
if (this.preamble.title) {
const titleElement = buildTitleElement(

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/math.ts
View file

@ -65,6 +65,10 @@ export class MathWidget extends WidgetType {
this.destroyed = true
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
async renderMath(element: HTMLElement) {
const MathJax = await loadMathJax()

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/preamble.ts
View file

@ -84,6 +84,10 @@ export class PreambleWidget extends WidgetType {
return this.expanded === other.expanded
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
get estimatedHeight() {
return this.expanded ? -1 : 54
}

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/space.ts
View file

@ -24,6 +24,10 @@ export class SpaceWidget extends WidgetType {
ignoreEvent(event: Event) {
return event.type !== 'mousedown' && event.type !== 'mouseup'
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
}
// https://tex.stackexchange.com/a/74354

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/table-rendering-error.ts
View file

@ -40,4 +40,8 @@ export class TableRenderingErrorWidget extends WidgetType {
}
return element
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
}

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/tabular.tsx
View file

@ -59,6 +59,10 @@ export class TabularWidget extends WidgetType {
return true
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
get estimatedHeight() {
return this.parsedTableData.table.rows.length * 50
}

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/tex.ts
View file

@ -15,4 +15,8 @@ export class TeXWidget extends WidgetType {
ignoreEvent(event: Event) {
return event.type !== 'mousedown' && event.type !== 'mouseup'
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
}

4
services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/tilde.ts
View file

@ -10,4 +10,8 @@ export class TildeWidget extends WidgetType {
eq() {
return true
}
coordsAt(element: HTMLElement) {
return element.getBoundingClientRect()
}
}