| Server IP : 167.235.224.122 / Your IP : 216.73.216.110 Web Server : Apache/2.4.58 (Ubuntu) System : Linux newplayground 6.8.0-136-generic #136-Ubuntu SMP PREEMPT_DYNAMIC Wed Jul 1 21:33:11 UTC 2026 aarch64 User : deploy ( 1000) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/html/jungly/node_modules/tiptap-extensions/src/extensions/ |
Upload File : |
import { Extension, Plugin } from 'tiptap'
import { Decoration, DecorationSet } from 'prosemirror-view'
export default class Search extends Extension {
constructor(options = {}) {
super(options)
this.results = []
this.searchTerm = null
this._updating = false
}
get name() {
return 'search'
}
get defaultOptions() {
return {
autoSelectNext: true,
findClass: 'find',
searching: false,
caseSensitive: false,
disableRegex: true,
alwaysSearch: false,
}
}
commands() {
return {
find: attrs => this.find(attrs),
replace: attrs => this.replace(attrs),
replaceAll: attrs => this.replaceAll(attrs),
clearSearch: () => this.clear(),
}
}
get findRegExp() {
return RegExp(this.searchTerm, !this.options.caseSensitive ? 'gui' : 'gu')
}
get decorations() {
return this.results.map(deco => (
Decoration.inline(deco.from, deco.to, { class: this.options.findClass })
))
}
_search(doc) {
this.results = []
const mergedTextNodes = []
let index = 0
if (!this.searchTerm) {
return
}
doc.descendants((node, pos) => {
if (node.isText) {
if (mergedTextNodes[index]) {
mergedTextNodes[index] = {
text: mergedTextNodes[index].text + node.text,
pos: mergedTextNodes[index].pos,
}
} else {
mergedTextNodes[index] = {
text: node.text,
pos,
}
}
} else {
index += 1
}
})
mergedTextNodes.forEach(({ text, pos }) => {
const search = this.findRegExp
let m
// eslint-disable-next-line no-cond-assign
while ((m = search.exec(text))) {
if (m[0] === '') {
break
}
this.results.push({
from: pos + m.index,
to: pos + m.index + m[0].length,
})
}
})
}
replace(replace) {
return (state, dispatch) => {
const firstResult = this.results[0]
if (!firstResult) {
return
}
const { from, to } = this.results[0]
dispatch(state.tr.insertText(replace, from, to))
this.editor.commands.find(this.searchTerm)
}
}
rebaseNextResult(replace, index, lastOffset = 0) {
const nextIndex = index + 1
if (!this.results[nextIndex]) {
return null
}
const { from: currentFrom, to: currentTo } = this.results[index]
const offset = (currentTo - currentFrom - replace.length) + lastOffset
const { from, to } = this.results[nextIndex]
this.results[nextIndex] = {
to: to - offset,
from: from - offset,
}
return offset
}
replaceAll(replace) {
return ({ tr }, dispatch) => {
let offset
if (!this.results.length) {
return
}
this.results.forEach(({ from, to }, index) => {
tr.insertText(replace, from, to)
offset = this.rebaseNextResult(replace, index, offset)
})
dispatch(tr)
this.editor.commands.find(this.searchTerm)
}
}
find(searchTerm) {
return (state, dispatch) => {
this.searchTerm = this.options.disableRegex
? searchTerm.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&')
: searchTerm
this.updateView(state, dispatch)
}
}
clear() {
return (state, dispatch) => {
this.searchTerm = null
this.updateView(state, dispatch)
}
}
updateView({ tr }, dispatch) {
this._updating = true
dispatch(tr)
this._updating = false
}
createDeco(doc) {
this._search(doc)
return this.decorations
? DecorationSet.create(doc, this.decorations)
: []
}
get plugins() {
return [
new Plugin({
state: {
init() {
return DecorationSet.empty
},
apply: (tr, old) => {
if (this._updating
|| this.options.searching
|| (tr.docChanged && this.options.alwaysSearch)
) {
return this.createDeco(tr.doc)
}
if (tr.docChanged) {
return old.map(tr.mapping, tr.doc)
}
return old
},
},
props: {
decorations(state) {
return this.getState(state)
},
},
}),
]
}
}