Bhargava 6063bd1724 Help Project:
1. Initial Commit - a boiler plate code and POC to realize the concept of context
sensitive help
2. Frontend code written in ReactJS
3. Backend code written in Java, Spring Boot Framework
4. Frontend Start:
        pre-requisites : node, npm
	npm run dev  ==> to start the frontend vite server
5. Backend Start:
	pre-requisites : java, mvn
        mvn spring-boot:run  ==> to start the backend server
6. Visit http://localhost:5173/ for basic demo of help, press F1 in textboxes
7. Visit http://localhost:5173/editor and enter "admin123" to add/modify texts.

Happy Coding !!!

Thank you,
Bhargava.
2025-07-04 15:54:13 +05:30

119 lines
3.3 KiB
JavaScript

import Delta from 'quill-delta';
import Parchment from 'parchment';
import Block from '../blots/block';
import Inline from '../blots/inline';
import TextBlot from '../blots/text';
class Code extends Inline {}
Code.blotName = 'code';
Code.tagName = 'CODE';
class CodeBlock extends Block {
static create(value) {
let domNode = super.create(value);
domNode.setAttribute('spellcheck', false);
return domNode;
}
static formats() {
return true;
}
delta() {
let text = this.domNode.textContent;
if (text.endsWith('\n')) { // Should always be true
text = text.slice(0, -1);
}
return text.split('\n').reduce((delta, frag) => {
return delta.insert(frag).insert('\n', this.formats());
}, new Delta());
}
format(name, value) {
if (name === this.statics.blotName && value) return;
let [text, ] = this.descendant(TextBlot, this.length() - 1);
if (text != null) {
text.deleteAt(text.length() - 1, 1);
}
super.format(name, value);
}
formatAt(index, length, name, value) {
if (length === 0) return;
if (Parchment.query(name, Parchment.Scope.BLOCK) == null ||
(name === this.statics.blotName && value === this.statics.formats(this.domNode))) {
return;
}
let nextNewline = this.newlineIndex(index);
if (nextNewline < 0 || nextNewline >= index + length) return;
let prevNewline = this.newlineIndex(index, true) + 1;
let isolateLength = nextNewline - prevNewline + 1;
let blot = this.isolate(prevNewline, isolateLength);
let next = blot.next;
blot.format(name, value);
if (next instanceof CodeBlock) {
next.formatAt(0, index - prevNewline + length - isolateLength, name, value);
}
}
insertAt(index, value, def) {
if (def != null) return;
let [text, offset] = this.descendant(TextBlot, index);
text.insertAt(offset, value);
}
length() {
let length = this.domNode.textContent.length;
if (!this.domNode.textContent.endsWith('\n')) {
return length + 1;
}
return length;
}
newlineIndex(searchIndex, reverse = false) {
if (!reverse) {
let offset = this.domNode.textContent.slice(searchIndex).indexOf('\n');
return offset > -1 ? searchIndex + offset : -1;
} else {
return this.domNode.textContent.slice(0, searchIndex).lastIndexOf('\n');
}
}
optimize(context) {
if (!this.domNode.textContent.endsWith('\n')) {
this.appendChild(Parchment.create('text', '\n'));
}
super.optimize(context);
let next = this.next;
if (next != null && next.prev === this &&
next.statics.blotName === this.statics.blotName &&
this.statics.formats(this.domNode) === next.statics.formats(next.domNode)) {
next.optimize(context);
next.moveChildren(this);
next.remove();
}
}
replace(target) {
super.replace(target);
[].slice.call(this.domNode.querySelectorAll('*')).forEach(function(node) {
let blot = Parchment.find(node);
if (blot == null) {
node.parentNode.removeChild(node);
} else if (blot instanceof Parchment.Embed) {
blot.remove();
} else {
blot.unwrap();
}
});
}
}
CodeBlock.blotName = 'code-block';
CodeBlock.tagName = 'PRE';
CodeBlock.TAB = ' ';
export { Code, CodeBlock as default };