proyectos/claudia-docs-web
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: resolve TypeScript errors in frontend build

Browse Source
This commit is contained in:
Hiro
2026-03-30 23:16:07 +00:00
parent b733306773
commit 24925e1acb
2941 changed files with 418042 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
node_modules/prosemirror-dropcursor/CHANGELOG.md generated vendored Normal file
View File

@@ -0,0 +1,137 @@
## 1.8.2 (2025-04-22)
### Bug fixes
Make sure the drop cursor is positioned in the right place when the editor is scaled with a CSS transform.
Fix the width of the cursor when in a transformed element. Fix incorrect check in dragleave handler
Fix an issue where the dropcursor would hide when drag moved over the top editor element.
## 1.8.1 (2023-05-17)
### Bug fixes
Include CommonJS type declarations in the package to please new TypeScript resolution settings.
## 1.8.0 (2023-03-27)
### New features
If the `color` option is set to `false`, the library will not assign an explicit color to the cursor.
## 1.7.1 (2023-03-02)
### Bug fixes
Don't hide the drop cursor when no valid drop point can be found below the pointer.
## 1.7.0 (2023-02-07)
### New features
The drop cursor element now has a `prosemirror-blockcursor-block`/`inline` CSS class depending on whether it is in a block or inline position.
## 1.6.1 (2022-10-25)
### Bug fixes
Fix a crash when there's no DOM for the node next to the drag position.
## 1.6.0 (2022-08-07)
### New features
`disableDropCursor` is now passed the dragover event as 3rd argument.
## 1.5.0 (2022-05-30)
### New features
Include TypeScript type declarations.
## 1.4.0 (2021-11-11)
### New features
Add support for a `disableDropCursor` property on node specs, which can be used to turn off the drop cursor inside such nodes.
## 1.3.5 (2021-05-25)
### Bug fixes
Avoid a crash that happened when the document shrank during dragging.
## 1.3.4 (2021-04-01)
### Bug fixes
Hide the drop cursor when `dropPoint` doesn't return a position.
## 1.3.3 (2021-02-04)
### Bug fixes
Fix drop cursor positioning when the editor's `offsetParent` has been scrolled.
## 1.3.2 (2019-11-20)
### Bug fixes
Rename ES module files to use a .js extension, since Webpack gets confused by .mjs
## 1.3.1 (2019-11-19)
### Bug fixes
The file referred to in the package's `module` field now is compiled down to ES5.
## 1.3.0 (2019-11-08)
### New features
Add a `module` field to package json file.
## 1.2.0 (2019-10-08)
### New features
`dropCursor` now takes a new option, `class`, to set the CSS class name of the cursor element. Add class option to in-code docs
## 1.1.2 (2019-09-05)
### Bug fixes
Fix crash on IE11 due to using a method that platform doesn't support. Don't show a drop cursor when the view isn't editable
The drop cursor will no longer show up when the view isn't editable.
## 1.1.1 (2018-10-23)
### Bug fixes
Fix crash when destroying the plugin, due to a misspelled method name.
## 1.1.0 (2018-10-22)
### Bug fixes
Fixes an issue where drop cursors changed line breaking, causing the content to jump around during dragging.
### New features
Between-blocks drop cursors are now shown as a horizontal line.
## 1.0.1 (2018-06-20)
### Bug fixes
Dragging from a content node directly to the outside of the editor will now properly hide the drop cursor.
Make removal of drop cursor part of the drop transaction when possible.
Use `dropPoint` from prosemirror-transform, rather than a local parallel implementation.
## 1.0.0 (2017-10-13)
First stable release.

100
node_modules/prosemirror-dropcursor/CONTRIBUTING.md generated vendored Normal file
View File

@@ -0,0 +1,100 @@
# How to contribute
- [Getting help](#getting-help)
- [Submitting bug reports](#submitting-bug-reports)
- [Contributing code](#contributing-code)
## Getting help
Community discussion, questions, and informal bug reporting is done on the
[discuss.ProseMirror forum](http://discuss.prosemirror.net).
## Submitting bug reports
Report bugs on the
[GitHub issue tracker](http://github.com/prosemirror/prosemirror/issues).
Before reporting a bug, please read these pointers.
- The issue tracker is for *bugs*, not requests for help. Questions
should be asked on the [forum](http://discuss.prosemirror.net).
- Include information about the version of the code that exhibits the
problem. For browser-related issues, include the browser and browser
version on which the problem occurred.
- Mention very precisely what went wrong. "X is broken" is not a good
bug report. What did you expect to happen? What happened instead?
Describe the exact steps a maintainer has to take to make the
problem occur. A screencast can be useful, but is no substitute for
a textual description.
- A great way to make it easy to reproduce your problem, if it can not
be trivially reproduced on the website demos, is to submit a script
that triggers the issue.
## Contributing code
- Make sure you have a [GitHub Account](https://github.com/signup/free)
- Fork the relevant repository
([how to fork a repo](https://help.github.com/articles/fork-a-repo))
- Create a local checkout of the code. You can use the
[main repository](https://github.com/prosemirror/prosemirror) to
easily check out all core modules.
- Make your changes, and commit them
- Follow the code style of the rest of the project (see below). Run
`npm run lint` (in the main repository checkout) to make sure that
the linter is happy.
- If your changes are easy to test or likely to regress, add tests in
the relevant `test/` directory. Either put them in an existing
`test-*.js` file, if they fit there, or add a new file.
- Make sure all tests pass. Run `npm run test` to verify tests pass
(you will need Node.js v6+).
- Submit a pull request ([how to create a pull request](https://help.github.com/articles/fork-a-repo)).
Don't put more than one feature/fix in a single pull request.
By contributing code to ProseMirror you
- Agree to license the contributed code under the project's [MIT
license](https://github.com/ProseMirror/prosemirror/blob/master/LICENSE).
- Confirm that you have the right to contribute and license the code
in question. (Either you hold all rights on the code, or the rights
holder has explicitly granted the right to use it like this,
through a compatible open source license or through a direct
agreement with you.)
### Coding standards
- ES6 syntax, targeting an ES5 runtime (i.e. don't use library
elements added by ES6, don't use ES7/ES.next syntax).
- 2 spaces per indentation level, no tabs.
- No semicolons except when necessary.
- Follow the surrounding code when it comes to spacing, brace
placement, etc.
- Brace-less single-statement bodies are encouraged (whenever they
don't impact readability).
- [getdocs](https://github.com/marijnh/getdocs)-style doc comments
above items that are part of the public API.
- When documenting non-public items, you can put the type after a
single colon, so that getdocs doesn't pick it up and add it to the
API reference.
- The linter (`npm run lint`) complains about unused variables and
functions. Prefix their names with an underscore to muffle it.
- ProseMirror does *not* follow JSHint or JSLint prescribed style.
Patches that try to 'fix' code to pass one of these linters will not
be accepted.

19
node_modules/prosemirror-dropcursor/LICENSE generated vendored Normal file
View File

@@ -0,0 +1,19 @@
Copyright (C) 2015-2017 by Marijn Haverbeke <marijn@haverbeke.berlin> and others
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

50
node_modules/prosemirror-dropcursor/README.md generated vendored Normal file
View File

@@ -0,0 +1,50 @@
# prosemirror-dropcursor
[ [**WEBSITE**](https://prosemirror.net) | [**ISSUES**](https://github.com/prosemirror/prosemirror-dropcursor/issues) | [**FORUM**](https://discuss.prosemirror.net) | [**CHANGELOG**](https://github.com/ProseMirror/prosemirror-dropcursor/blob/master/CHANGELOG.md) ]
This is a non-core example module for [ProseMirror](https://prosemirror.net).
ProseMirror is a well-behaved rich semantic content editor based on
contentEditable, with support for collaborative editing and custom
document schemas.
This module implements a plugin that shows a drop cursor for
ProseMirror.
The [project page](https://prosemirror.net) has more information, a
number of [examples](https://prosemirror.net/examples/) and the
[documentation](https://prosemirror.net/docs/).
This code is released under an
[MIT license](https://github.com/prosemirror/prosemirror/tree/master/LICENSE).
There's a [forum](http://discuss.prosemirror.net) for general
discussion and support requests, and the
[Github bug tracker](https://github.com/prosemirror/prosemirror/issues)
is the place to report issues.
We aim to be an inclusive, welcoming community. To make that explicit,
we have a [code of
conduct](http://contributor-covenant.org/version/1/1/0/) that applies
to communication around the project.
## Documentation
* **`dropCursor`**`(options?: interface = {}) → Plugin`\
Create a plugin that, when added to a ProseMirror instance,
causes a decoration to show up at the drop position when something
is dragged over the editor.
Nodes may add a `disableDropCursor` property to their spec to
control the showing of a drop cursor inside them. This may be a
boolean or a function, which will be called with a view, a
position, and the DragEvent, and should return a boolean.
* **`options`**
* **`color`**`?: string`\
The color of the cursor. Defaults to `black`.
* **`width`**`?: number`\
The precise width of the cursor in pixels. Defaults to 1.
* **`class`**`?: string`\
A CSS class name to add to the cursor element.

185
node_modules/prosemirror-dropcursor/dist/index.cjs generated vendored Normal file
View File

@@ -0,0 +1,185 @@
'use strict';
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
var prosemirrorState = require('prosemirror-state');
var prosemirrorTransform = require('prosemirror-transform');
function dropCursor() {
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
return new prosemirrorState.Plugin({
view: function view(editorView) {
return new DropCursorView(editorView, options);
}
});
}
var DropCursorView = function () {
function DropCursorView(editorView, options) {
var _this = this;
_classCallCheck(this, DropCursorView);
var _a;
this.editorView = editorView;
this.cursorPos = null;
this.element = null;
this.timeout = -1;
this.width = (_a = options.width) !== null && _a !== void 0 ? _a : 1;
this.color = options.color === false ? undefined : options.color || "black";
this["class"] = options["class"];
this.handlers = ["dragover", "dragend", "drop", "dragleave"].map(function (name) {
var handler = function handler(e) {
_this[name](e);
};
editorView.dom.addEventListener(name, handler);
return {
name: name,
handler: handler
};
});
}
_createClass(DropCursorView, [{
key: "destroy",
value: function destroy() {
var _this2 = this;
this.handlers.forEach(function (_ref) {
var name = _ref.name,
handler = _ref.handler;
return _this2.editorView.dom.removeEventListener(name, handler);
});
}
}, {
key: "update",
value: function update(editorView, prevState) {
if (this.cursorPos != null && prevState.doc != editorView.state.doc) {
if (this.cursorPos > editorView.state.doc.content.size) this.setCursor(null);else this.updateOverlay();
}
}
}, {
key: "setCursor",
value: function setCursor(pos) {
if (pos == this.cursorPos) return;
this.cursorPos = pos;
if (pos == null) {
this.element.parentNode.removeChild(this.element);
this.element = null;
} else {
this.updateOverlay();
}
}
}, {
key: "updateOverlay",
value: function updateOverlay() {
var $pos = this.editorView.state.doc.resolve(this.cursorPos);
var isBlock = !$pos.parent.inlineContent,
rect;
var editorDOM = this.editorView.dom,
editorRect = editorDOM.getBoundingClientRect();
var scaleX = editorRect.width / editorDOM.offsetWidth,
scaleY = editorRect.height / editorDOM.offsetHeight;
if (isBlock) {
var before = $pos.nodeBefore,
after = $pos.nodeAfter;
if (before || after) {
var node = this.editorView.nodeDOM(this.cursorPos - (before ? before.nodeSize : 0));
if (node) {
var nodeRect = node.getBoundingClientRect();
var top = before ? nodeRect.bottom : nodeRect.top;
if (before && after) top = (top + this.editorView.nodeDOM(this.cursorPos).getBoundingClientRect().top) / 2;
var halfWidth = this.width / 2 * scaleY;
rect = {
left: nodeRect.left,
right: nodeRect.right,
top: top - halfWidth,
bottom: top + halfWidth
};
}
}
}
if (!rect) {
var coords = this.editorView.coordsAtPos(this.cursorPos);
var _halfWidth = this.width / 2 * scaleX;
rect = {
left: coords.left - _halfWidth,
right: coords.left + _halfWidth,
top: coords.top,
bottom: coords.bottom
};
}
var parent = this.editorView.dom.offsetParent;
if (!this.element) {
this.element = parent.appendChild(document.createElement("div"));
if (this["class"]) this.element.className = this["class"];
this.element.style.cssText = "position: absolute; z-index: 50; pointer-events: none;";
if (this.color) {
this.element.style.backgroundColor = this.color;
}
}
this.element.classList.toggle("prosemirror-dropcursor-block", isBlock);
this.element.classList.toggle("prosemirror-dropcursor-inline", !isBlock);
var parentLeft, parentTop;
if (!parent || parent == document.body && getComputedStyle(parent).position == "static") {
parentLeft = -pageXOffset;
parentTop = -pageYOffset;
} else {
var _rect = parent.getBoundingClientRect();
var parentScaleX = _rect.width / parent.offsetWidth,
parentScaleY = _rect.height / parent.offsetHeight;
parentLeft = _rect.left - parent.scrollLeft * parentScaleX;
parentTop = _rect.top - parent.scrollTop * parentScaleY;
}
this.element.style.left = (rect.left - parentLeft) / scaleX + "px";
this.element.style.top = (rect.top - parentTop) / scaleY + "px";
this.element.style.width = (rect.right - rect.left) / scaleX + "px";
this.element.style.height = (rect.bottom - rect.top) / scaleY + "px";
}
}, {
key: "scheduleRemoval",
value: function scheduleRemoval(timeout) {
var _this3 = this;
clearTimeout(this.timeout);
this.timeout = setTimeout(function () {
return _this3.setCursor(null);
}, timeout);
}
}, {
key: "dragover",
value: function dragover(event) {
if (!this.editorView.editable) return;
var pos = this.editorView.posAtCoords({
left: event.clientX,
top: event.clientY
});
var node = pos && pos.inside >= 0 && this.editorView.state.doc.nodeAt(pos.inside);
var disableDropCursor = node && node.type.spec.disableDropCursor;
var disabled = typeof disableDropCursor == "function" ? disableDropCursor(this.editorView, pos, event) : disableDropCursor;
if (pos && !disabled) {
var target = pos.pos;
if (this.editorView.dragging && this.editorView.dragging.slice) {
var point = prosemirrorTransform.dropPoint(this.editorView.state.doc, target, this.editorView.dragging.slice);
if (point != null) target = point;
}
this.setCursor(target);
this.scheduleRemoval(5000);
}
}
}, {
key: "dragend",
value: function dragend() {
this.scheduleRemoval(20);
}
}, {
key: "drop",
value: function drop() {
this.scheduleRemoval(20);
}
}, {
key: "dragleave",
value: function dragleave(event) {
if (!this.editorView.dom.contains(event.relatedTarget)) this.setCursor(null);
}
}]);
return DropCursorView;
}();
exports.dropCursor = dropCursor;

38
node_modules/prosemirror-dropcursor/dist/index.d.cts generated vendored Normal file
View File

@@ -0,0 +1,38 @@
import { Plugin } from 'prosemirror-state';
import { EditorView } from 'prosemirror-view';
interface DropCursorOptions {
/**
The color of the cursor. Defaults to `black`. Use `false` to apply no color and rely only on class.
*/
color?: string | false;
/**
The precise width of the cursor in pixels. Defaults to 1.
*/
width?: number;
/**
A CSS class name to add to the cursor element.
*/
class?: string;
}
/**
Create a plugin that, when added to a ProseMirror instance,
causes a decoration to show up at the drop position when something
is dragged over the editor.
Nodes may add a `disableDropCursor` property to their spec to
control the showing of a drop cursor inside them. This may be a
boolean or a function, which will be called with a view and a
position, and should return a boolean.
*/
declare function dropCursor(options?: DropCursorOptions): Plugin;
declare module "prosemirror-model" {
interface NodeSpec {
disableDropCursor?: boolean | ((view: EditorView, pos: {
pos: number;
inside: number;
}, event: DragEvent) => boolean);
}
}
export { dropCursor };

38
node_modules/prosemirror-dropcursor/dist/index.d.ts generated vendored Normal file
View File

@@ -0,0 +1,38 @@
import { Plugin } from 'prosemirror-state';
import { EditorView } from 'prosemirror-view';
interface DropCursorOptions {
/**
The color of the cursor. Defaults to `black`. Use `false` to apply no color and rely only on class.
*/
color?: string | false;
/**
The precise width of the cursor in pixels. Defaults to 1.
*/
width?: number;
/**
A CSS class name to add to the cursor element.
*/
class?: string;
}
/**
Create a plugin that, when added to a ProseMirror instance,
causes a decoration to show up at the drop position when something
is dragged over the editor.
Nodes may add a `disableDropCursor` property to their spec to
control the showing of a drop cursor inside them. This may be a
boolean or a function, which will be called with a view and a
position, and should return a boolean.
*/
declare function dropCursor(options?: DropCursorOptions): Plugin;
declare module "prosemirror-model" {
interface NodeSpec {
disableDropCursor?: boolean | ((view: EditorView, pos: {
pos: number;
inside: number;
}, event: DragEvent) => boolean);
}
}
export { dropCursor };

146
node_modules/prosemirror-dropcursor/dist/index.js generated vendored Normal file
View File

@@ -0,0 +1,146 @@
import { Plugin } from 'prosemirror-state';
import { dropPoint } from 'prosemirror-transform';
/**
Create a plugin that, when added to a ProseMirror instance,
causes a decoration to show up at the drop position when something
is dragged over the editor.
Nodes may add a `disableDropCursor` property to their spec to
control the showing of a drop cursor inside them. This may be a
boolean or a function, which will be called with a view and a
position, and should return a boolean.
*/
function dropCursor(options = {}) {
return new Plugin({
view(editorView) { return new DropCursorView(editorView, options); }
});
}
class DropCursorView {
constructor(editorView, options) {
var _a;
this.editorView = editorView;
this.cursorPos = null;
this.element = null;
this.timeout = -1;
this.width = (_a = options.width) !== null && _a !== void 0 ? _a : 1;
this.color = options.color === false ? undefined : (options.color || "black");
this.class = options.class;
this.handlers = ["dragover", "dragend", "drop", "dragleave"].map(name => {
let handler = (e) => { this[name](e); };
editorView.dom.addEventListener(name, handler);
return { name, handler };
});
}
destroy() {
this.handlers.forEach(({ name, handler }) => this.editorView.dom.removeEventListener(name, handler));
}
update(editorView, prevState) {
if (this.cursorPos != null && prevState.doc != editorView.state.doc) {
if (this.cursorPos > editorView.state.doc.content.size)
this.setCursor(null);
else
this.updateOverlay();
}
}
setCursor(pos) {
if (pos == this.cursorPos)
return;
this.cursorPos = pos;
if (pos == null) {
this.element.parentNode.removeChild(this.element);
this.element = null;
}
else {
this.updateOverlay();
}
}
updateOverlay() {
let $pos = this.editorView.state.doc.resolve(this.cursorPos);
let isBlock = !$pos.parent.inlineContent, rect;
let editorDOM = this.editorView.dom, editorRect = editorDOM.getBoundingClientRect();
let scaleX = editorRect.width / editorDOM.offsetWidth, scaleY = editorRect.height / editorDOM.offsetHeight;
if (isBlock) {
let before = $pos.nodeBefore, after = $pos.nodeAfter;
if (before || after) {
let node = this.editorView.nodeDOM(this.cursorPos - (before ? before.nodeSize : 0));
if (node) {
let nodeRect = node.getBoundingClientRect();
let top = before ? nodeRect.bottom : nodeRect.top;
if (before && after)
top = (top + this.editorView.nodeDOM(this.cursorPos).getBoundingClientRect().top) / 2;
let halfWidth = (this.width / 2) * scaleY;
rect = { left: nodeRect.left, right: nodeRect.right, top: top - halfWidth, bottom: top + halfWidth };
}
}
}
if (!rect) {
let coords = this.editorView.coordsAtPos(this.cursorPos);
let halfWidth = (this.width / 2) * scaleX;
rect = { left: coords.left - halfWidth, right: coords.left + halfWidth, top: coords.top, bottom: coords.bottom };
}
let parent = this.editorView.dom.offsetParent;
if (!this.element) {
this.element = parent.appendChild(document.createElement("div"));
if (this.class)
this.element.className = this.class;
this.element.style.cssText = "position: absolute; z-index: 50; pointer-events: none;";
if (this.color) {
this.element.style.backgroundColor = this.color;
}
}
this.element.classList.toggle("prosemirror-dropcursor-block", isBlock);
this.element.classList.toggle("prosemirror-dropcursor-inline", !isBlock);
let parentLeft, parentTop;
if (!parent || parent == document.body && getComputedStyle(parent).position == "static") {
parentLeft = -pageXOffset;
parentTop = -pageYOffset;
}
else {
let rect = parent.getBoundingClientRect();
let parentScaleX = rect.width / parent.offsetWidth, parentScaleY = rect.height / parent.offsetHeight;
parentLeft = rect.left - parent.scrollLeft * parentScaleX;
parentTop = rect.top - parent.scrollTop * parentScaleY;
}
this.element.style.left = (rect.left - parentLeft) / scaleX + "px";
this.element.style.top = (rect.top - parentTop) / scaleY + "px";
this.element.style.width = (rect.right - rect.left) / scaleX + "px";
this.element.style.height = (rect.bottom - rect.top) / scaleY + "px";
}
scheduleRemoval(timeout) {
clearTimeout(this.timeout);
this.timeout = setTimeout(() => this.setCursor(null), timeout);
}
dragover(event) {
if (!this.editorView.editable)
return;
let pos = this.editorView.posAtCoords({ left: event.clientX, top: event.clientY });
let node = pos && pos.inside >= 0 && this.editorView.state.doc.nodeAt(pos.inside);
let disableDropCursor = node && node.type.spec.disableDropCursor;
let disabled = typeof disableDropCursor == "function"
? disableDropCursor(this.editorView, pos, event)
: disableDropCursor;
if (pos && !disabled) {
let target = pos.pos;
if (this.editorView.dragging && this.editorView.dragging.slice) {
let point = dropPoint(this.editorView.state.doc, target, this.editorView.dragging.slice);
if (point != null)
target = point;
}
this.setCursor(target);
this.scheduleRemoval(5000);
}
}
dragend() {
this.scheduleRemoval(20);
}
drop() {
this.scheduleRemoval(20);
}
dragleave(event) {
if (!this.editorView.dom.contains(event.relatedTarget))
this.setCursor(null);
}
}
export { dropCursor };

38
node_modules/prosemirror-dropcursor/package.json generated vendored Normal file
View File

@@ -0,0 +1,38 @@
{
"name": "prosemirror-dropcursor",
"version": "1.8.2",
"description": "Drop cursor plugin for ProseMirror",
"type": "module",
"main": "dist/index.cjs",
"module": "dist/index.js",
"types": "dist/index.d.ts",
"exports": {
"import": "./dist/index.js",
"require": "./dist/index.cjs"
},
"sideEffects": false,
"license": "MIT",
"maintainers": [
{
"name": "Marijn Haverbeke",
"email": "marijn@haverbeke.berlin",
"web": "http://marijnhaverbeke.nl"
}
],
"repository": {
"type": "git",
"url": "git://github.com/prosemirror/prosemirror-dropcursor.git"
},
"dependencies": {
"prosemirror-state": "^1.0.0",
"prosemirror-view": "^1.1.0",
"prosemirror-transform": "^1.1.0"
},
"devDependencies": {
"@prosemirror/buildhelper": "^0.1.5"
},
"scripts": {
"test": "pm-runtests",
"prepare": "pm-buildhelper src/dropcursor.ts"
}
}

170
node_modules/prosemirror-dropcursor/src/dropcursor.ts generated vendored Normal file
View File

@@ -0,0 +1,170 @@
import {Plugin, EditorState} from "prosemirror-state"
import {EditorView} from "prosemirror-view"
import {dropPoint} from "prosemirror-transform"
interface DropCursorOptions {
/// The color of the cursor. Defaults to `black`. Use `false` to apply no color and rely only on class.
color?: string | false
/// The precise width of the cursor in pixels. Defaults to 1.
width?: number
/// A CSS class name to add to the cursor element.
class?: string
}
/// Create a plugin that, when added to a ProseMirror instance,
/// causes a decoration to show up at the drop position when something
/// is dragged over the editor.
///
/// Nodes may add a `disableDropCursor` property to their spec to
/// control the showing of a drop cursor inside them. This may be a
/// boolean or a function, which will be called with a view and a
/// position, and should return a boolean.
export function dropCursor(options: DropCursorOptions = {}): Plugin {
return new Plugin({
view(editorView) { return new DropCursorView(editorView, options) }
})
}
// Add disableDropCursor to NodeSpec
declare module "prosemirror-model" {
interface NodeSpec {
disableDropCursor?: boolean | ((view: EditorView, pos: {pos: number, inside: number}, event: DragEvent) => boolean)
}
}
class DropCursorView {
width: number
color: string | undefined
class: string | undefined
cursorPos: number | null = null
element: HTMLElement | null = null
timeout: number = -1
handlers: {name: string, handler: (event: Event) => void}[]
constructor(readonly editorView: EditorView, options: DropCursorOptions) {
this.width = options.width ?? 1
this.color = options.color === false ? undefined : (options.color || "black")
this.class = options.class
this.handlers = ["dragover", "dragend", "drop", "dragleave"].map(name => {
let handler = (e: Event) => { (this as any)[name](e) }
editorView.dom.addEventListener(name, handler)
return {name, handler}
})
}
destroy() {
this.handlers.forEach(({name, handler}) => this.editorView.dom.removeEventListener(name, handler))
}
update(editorView: EditorView, prevState: EditorState) {
if (this.cursorPos != null && prevState.doc != editorView.state.doc) {
if (this.cursorPos > editorView.state.doc.content.size) this.setCursor(null)
else this.updateOverlay()
}
}
setCursor(pos: number | null) {
if (pos == this.cursorPos) return
this.cursorPos = pos
if (pos == null) {
this.element!.parentNode!.removeChild(this.element!)
this.element = null
} else {
this.updateOverlay()
}
}
updateOverlay() {
let $pos = this.editorView.state.doc.resolve(this.cursorPos!)
let isBlock = !$pos.parent.inlineContent, rect
let editorDOM = this.editorView.dom, editorRect = editorDOM.getBoundingClientRect()
let scaleX = editorRect.width / editorDOM.offsetWidth, scaleY = editorRect.height / editorDOM.offsetHeight
if (isBlock) {
let before = $pos.nodeBefore, after = $pos.nodeAfter
if (before || after) {
let node = this.editorView.nodeDOM(this.cursorPos! - (before ? before.nodeSize : 0))
if (node) {
let nodeRect = (node as HTMLElement).getBoundingClientRect()
let top = before ? nodeRect.bottom : nodeRect.top
if (before && after)
top = (top + (this.editorView.nodeDOM(this.cursorPos!) as HTMLElement).getBoundingClientRect().top) / 2
let halfWidth = (this.width / 2) * scaleY
rect = {left: nodeRect.left, right: nodeRect.right, top: top - halfWidth, bottom: top + halfWidth}
}
}
}
if (!rect) {
let coords = this.editorView.coordsAtPos(this.cursorPos!)
let halfWidth = (this.width / 2) * scaleX
rect = {left: coords.left - halfWidth, right: coords.left + halfWidth, top: coords.top, bottom: coords.bottom}
}
let parent = this.editorView.dom.offsetParent as HTMLElement
if (!this.element) {
this.element = parent.appendChild(document.createElement("div"))
if (this.class) this.element.className = this.class
this.element.style.cssText = "position: absolute; z-index: 50; pointer-events: none;"
if (this.color) {
this.element.style.backgroundColor = this.color
}
}
this.element.classList.toggle("prosemirror-dropcursor-block", isBlock)
this.element.classList.toggle("prosemirror-dropcursor-inline", !isBlock)
let parentLeft, parentTop
if (!parent || parent == document.body && getComputedStyle(parent).position == "static") {
parentLeft = -pageXOffset
parentTop = -pageYOffset
} else {
let rect = parent.getBoundingClientRect()
let parentScaleX = rect.width / parent.offsetWidth, parentScaleY = rect.height / parent.offsetHeight
parentLeft = rect.left - parent.scrollLeft * parentScaleX
parentTop = rect.top - parent.scrollTop * parentScaleY
}
this.element.style.left = (rect.left - parentLeft) / scaleX + "px"
this.element.style.top = (rect.top - parentTop) / scaleY + "px"
this.element.style.width = (rect.right - rect.left) / scaleX + "px"
this.element.style.height = (rect.bottom - rect.top) / scaleY + "px"
}
scheduleRemoval(timeout: number) {
clearTimeout(this.timeout)
this.timeout = setTimeout(() => this.setCursor(null), timeout)
}
dragover(event: DragEvent) {
if (!this.editorView.editable) return
let pos = this.editorView.posAtCoords({left: event.clientX, top: event.clientY})
let node = pos && pos.inside >= 0 && this.editorView.state.doc.nodeAt(pos.inside)
let disableDropCursor = node && node.type.spec.disableDropCursor
let disabled = typeof disableDropCursor == "function"
? disableDropCursor(this.editorView, pos!, event)
: disableDropCursor
if (pos && !disabled) {
let target = pos.pos
if (this.editorView.dragging && this.editorView.dragging.slice) {
let point = dropPoint(this.editorView.state.doc, target, this.editorView.dragging.slice)
if (point != null) target = point
}
this.setCursor(target)
this.scheduleRemoval(5000)
}
}
dragend() {
this.scheduleRemoval(20)
}
drop() {
this.scheduleRemoval(20)
}
dragleave(event: DragEvent) {
if (!this.editorView.dom.contains((event as any).relatedTarget))
this.setCursor(null)
}
}