Merge branch 'main' into feature/new-highlight-extension
This commit is contained in:
@@ -106,7 +106,7 @@ export default {
|
|||||||
|
|
||||||
mounted() {
|
mounted() {
|
||||||
this.files = collect(require.context('~/demos/', true, /.+\..+$/).keys())
|
this.files = collect(require.context('~/demos/', true, /.+\..+$/).keys())
|
||||||
.filter(path => path.startsWith(`./${this.name}`))
|
.filter(path => path.startsWith(`./${this.name}/`))
|
||||||
.map(path => path.replace('./', ''))
|
.map(path => path.replace('./', ''))
|
||||||
.map(path => {
|
.map(path => {
|
||||||
const extension = path.split('.').pop()
|
const extension = path.split('.').pop()
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
context('/api/extensions/collaboration', () => {
|
context('/api/extensions/collaboration-cursor', () => {
|
||||||
before(() => {
|
before(() => {
|
||||||
cy.visit('/api/extensions/collaboration')
|
cy.visit('/api/extensions/collaboration-cursor')
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|||||||
5
docs/src/demos/Extensions/Dropcursor/index.spec.js
Normal file
5
docs/src/demos/Extensions/Dropcursor/index.spec.js
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
context('/examples/dropcursor', () => {
|
||||||
|
before(() => {
|
||||||
|
cy.visit('/examples/dropcursor')
|
||||||
|
})
|
||||||
|
})
|
||||||
46
docs/src/demos/Extensions/Dropcursor/index.vue
Normal file
46
docs/src/demos/Extensions/Dropcursor/index.vue
Normal file
@@ -0,0 +1,46 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<editor-content :editor="editor" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { Editor, EditorContent } from '@tiptap/vue-starter-kit'
|
||||||
|
import Document from '@tiptap/extension-document'
|
||||||
|
import Paragraph from '@tiptap/extension-paragraph'
|
||||||
|
import Text from '@tiptap/extension-text'
|
||||||
|
import Dropcursor from '@tiptap/extension-dropcursor'
|
||||||
|
import Image from '@tiptap/extension-image'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
EditorContent,
|
||||||
|
},
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
editor: null,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
mounted() {
|
||||||
|
this.editor = new Editor({
|
||||||
|
extensions: [
|
||||||
|
Document(),
|
||||||
|
Paragraph(),
|
||||||
|
Text(),
|
||||||
|
Image(),
|
||||||
|
Dropcursor(),
|
||||||
|
],
|
||||||
|
content: `
|
||||||
|
<p>Try to drag around the image. While you drag, the editor should show a decoration under your cursor. The so called dropcursor.</p>
|
||||||
|
<img src="https://source.unsplash.com/8xznAGy4HcY/800x400" />
|
||||||
|
`,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
beforeDestroy() {
|
||||||
|
this.editor.destroy()
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@@ -1,6 +1,6 @@
|
|||||||
context('/examples/focus', () => {
|
context('/api/extensions/focus', () => {
|
||||||
before(() => {
|
before(() => {
|
||||||
cy.visit('/examples/focus')
|
cy.visit('/api/extensions/focus')
|
||||||
})
|
})
|
||||||
|
|
||||||
it('should have class', () => {
|
it('should have class', () => {
|
||||||
|
|||||||
@@ -44,35 +44,3 @@ export default {
|
|||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
/* Copied from the original prosemirror-gapcursor plugin by Marijn Haverbeke */
|
|
||||||
/* https://github.com/ProseMirror/prosemirror-gapcursor/blob/master/style/gapcursor.css */
|
|
||||||
|
|
||||||
.ProseMirror-gapcursor {
|
|
||||||
display: none;
|
|
||||||
pointer-events: none;
|
|
||||||
position: absolute;
|
|
||||||
border: 10px solid red;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ProseMirror-gapcursor:after {
|
|
||||||
content: "";
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
top: -2px;
|
|
||||||
width: 20px;
|
|
||||||
border-top: 1px solid black;
|
|
||||||
animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes ProseMirror-cursor-blink {
|
|
||||||
to {
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.ProseMirror-focused .ProseMirror-gapcursor {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|||||||
@@ -70,32 +70,28 @@ Have a look at all of the core commands listed below. They should give you a goo
|
|||||||
|
|
||||||
### Content
|
### Content
|
||||||
| Command | Description |
|
| Command | Description |
|
||||||
| ---------------- | ----------------------------------------------------------- |
|
| --------------- | ------------------------------------------------ |
|
||||||
| .clearContent() | Clear the whole document. |
|
| .clearContent() | Clear the whole document. |
|
||||||
| .insertgetHTML() | Insert a string of HTML at the currently selected position. |
|
| .insertHTML() | Insert a string of HTML at the current position. |
|
||||||
| .insertText() | Insert a string of text at the currently selected position. |
|
| .insertText() | Insert a string of text at the current position. |
|
||||||
| .insertHTML() | |
|
|
||||||
| .setContent() | Replace the whole document with new content. |
|
| .setContent() | Replace the whole document with new content. |
|
||||||
|
|
||||||
### Nodes & Marks
|
### Nodes & Marks
|
||||||
| Command | Description |
|
| Command | Description |
|
||||||
| ---------------------- | ------------------------------------------ |
|
| ----------------------- | --------------------------------------------------------- |
|
||||||
| .clearNodes() | |
|
| .clearNodes() | Normalize nodes to a simple paragraph. |
|
||||||
| .removeMark() | |
|
|
||||||
| .removeMark() | Remove a mark in the current selection. |
|
| .removeMark() | Remove a mark in the current selection. |
|
||||||
| .removeMarks() | |
|
|
||||||
| .removeMarks() | Remove all marks in the current selection. |
|
| .removeMarks() | Remove all marks in the current selection. |
|
||||||
| .resetNodeAttributes() | |
|
| .removeMarks() | Remove all marks in the current selection. |
|
||||||
|
| .resetNodeAttributes() | Resets all node attributes to the default value. |
|
||||||
| .selectParentNode() | Select the parent node. |
|
| .selectParentNode() | Select the parent node. |
|
||||||
| .setBlockType() | Replace a given range with a node. |
|
| .setBlockType() | Replace a given range with a node. |
|
||||||
| .setNodeAttributes() | |
|
|
||||||
| .splitBlock() | Forks a new node from an existing node. |
|
| .splitBlock() | Forks a new node from an existing node. |
|
||||||
| .toggleBlockType() | Toggle a node with another node. |
|
| .toggleBlockType() | Toggle a node with another node. |
|
||||||
| .toggleMark() | |
|
|
||||||
| .toggleMark() | Toggle a mark on and off. |
|
| .toggleMark() | Toggle a mark on and off. |
|
||||||
| .toggleWrap() | |
|
| .toggleWrap() | Wraps nodes in another node, or removes an existing wrap. |
|
||||||
| .updateMark() | |
|
| .updateMarkAttributes() | Update a mark with new attributes. |
|
||||||
| .updateMark() | Update a mark with new attributes. |
|
| .updateNodeAttributes() | Update attributes of a node. |
|
||||||
|
|
||||||
### Lists
|
### Lists
|
||||||
| Command | Description |
|
| Command | Description |
|
||||||
@@ -103,8 +99,8 @@ Have a look at all of the core commands listed below. They should give you a goo
|
|||||||
| .liftListItem() | Lift the list item into a wrapping list. |
|
| .liftListItem() | Lift the list item into a wrapping list. |
|
||||||
| .sinkListItem() | Sink the list item down into an inner list. |
|
| .sinkListItem() | Sink the list item down into an inner list. |
|
||||||
| .splitListItem() | Splits a textblock of a list item into two list items. |
|
| .splitListItem() | Splits a textblock of a list item into two list items. |
|
||||||
| .toggleList() | Toggle between different list styles. |
|
| .toggleList() | Toggle between different list types. |
|
||||||
| .wrapInList() | |
|
| .wrapInList() | Wrap a node in a list. |
|
||||||
|
|
||||||
### Selection
|
### Selection
|
||||||
| Command | Description |
|
| Command | Description |
|
||||||
|
|||||||
@@ -1,7 +1,14 @@
|
|||||||
# Collaboration Cursor
|
# Collaboration Cursor
|
||||||
|
This extension adds information about all connected users (like their name and a specified color), their current cursor position and their text selection (if there’s one).
|
||||||
|
|
||||||
:::premium Premium Extension
|
Open this page in multiple browser windows to test it.
|
||||||
Using this in production requires a **tiptap pro** license. [Read more](/sponsor)
|
|
||||||
|
:::premium 💖 Pro Extension
|
||||||
|
We kindly ask you to sponsor us, before using this extension in production. [Read more](/sponsor)
|
||||||
|
:::
|
||||||
|
|
||||||
|
::: warning Use with Collaboration
|
||||||
|
This extension requires the [`Collaboration`](/api/extensions/collaboration) extension.
|
||||||
:::
|
:::
|
||||||
|
|
||||||
## Installation
|
## Installation
|
||||||
@@ -31,4 +38,4 @@ yarn add @tiptap/extension-collaboration-cursor
|
|||||||
:::warning Public
|
:::warning Public
|
||||||
The content of this editor is shared with other users.
|
The content of this editor is shared with other users.
|
||||||
:::
|
:::
|
||||||
<demo name="Extensions/CollaborationCursor" highlight="" />
|
<demo name="Extensions/CollaborationCursor" highlight="11,48-52" />
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
# Collaboration
|
# Collaboration
|
||||||
The Collaboration extension enables you to collaborate with others on one document. The implementation is based on [Y.js by Kevin Jahns](https://github.com/yjs/yjs), which is the coolest thing to [integrate collaborative editing](/guide/collaborative-editing) in your project.
|
The Collaboration extension enables you to collaborate with others on one document. The implementation is based on [Y.js by Kevin Jahns](https://github.com/yjs/yjs), which is the coolest thing to [integrate collaborative editing](/guide/collaborative-editing) in your project.
|
||||||
|
|
||||||
:::premium Premium Extension
|
:::premium Pro Extension
|
||||||
Using this in production requires a **tiptap pro** license. [Read more](/sponsor)
|
We kindly ask you to sponsor us, before using this extension in production. [Read more](/sponsor)
|
||||||
:::
|
:::
|
||||||
|
|
||||||
## Installation
|
## Installation
|
||||||
@@ -33,4 +33,4 @@ yarn add @tiptap/extension-collaboration yjs y-webrtc
|
|||||||
:::warning Public
|
:::warning Public
|
||||||
The content of this editor is shared with other users.
|
The content of this editor is shared with other users.
|
||||||
:::
|
:::
|
||||||
<demo name="Extensions/Collaboration" highlight="" />
|
<demo name="Extensions/Collaboration" highlight="10-12,30-32,43-46,53" />
|
||||||
|
|||||||
@@ -1,4 +1,7 @@
|
|||||||
# Dropcursor
|
# Dropcursor
|
||||||
|
This extension loads the [ProseMirror Dropcursor plugin](https://github.com/ProseMirror/prosemirror-dropcursor) by Marijn Haverbeke, which shows a cursor at the drop position when something is dragged over the editor.
|
||||||
|
|
||||||
|
Note that tiptap is renderless, but the dropcursor needs CSS for its appearance. The default CSS is added to the usage example below.
|
||||||
|
|
||||||
## Installation
|
## Installation
|
||||||
```bash
|
```bash
|
||||||
@@ -9,17 +12,8 @@ npm install @tiptap/extension-dropcursor
|
|||||||
yarn add @tiptap/extension-dropcursor
|
yarn add @tiptap/extension-dropcursor
|
||||||
```
|
```
|
||||||
|
|
||||||
## Settings
|
|
||||||
*None*
|
|
||||||
|
|
||||||
## Commands
|
|
||||||
*None*
|
|
||||||
|
|
||||||
## Keyboard shortcuts
|
|
||||||
*None*
|
|
||||||
|
|
||||||
## Source code
|
## Source code
|
||||||
[packages/extension-dropcursor/](https://github.com/ueberdosis/tiptap-next/blob/main/packages/extension-dropcursor/)
|
[packages/extension-dropcursor/](https://github.com/ueberdosis/tiptap-next/blob/main/packages/extension-dropcursor/)
|
||||||
|
|
||||||
## Usage
|
## Usage
|
||||||
<demo name="Extensions/Dropcursor" highlight="" />
|
<demo name="Extensions/Dropcursor" highlight="12,33" />
|
||||||
|
|||||||
@@ -1,4 +1,7 @@
|
|||||||
# Focus
|
# Focus
|
||||||
|
The Focus extension adds a CSS class to focused nodes. By default it adds `.has-class`, but you can change that.
|
||||||
|
|
||||||
|
Note that it’s only a class, the styling is totally up to you. The usage example below has some CSS for that class.
|
||||||
|
|
||||||
## Installation
|
## Installation
|
||||||
```bash
|
```bash
|
||||||
|
|||||||
@@ -66,10 +66,6 @@ const Text = createNode({
|
|||||||
})
|
})
|
||||||
```
|
```
|
||||||
|
|
||||||
### Parse HTML
|
|
||||||
|
|
||||||
### Render HTML
|
|
||||||
|
|
||||||
## Nodes and marks
|
## Nodes and marks
|
||||||
|
|
||||||
### Differences
|
### Differences
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
# Collaborative editing
|
# Collaborative editing
|
||||||
|
|
||||||
:::premium Requires Premium Extensions
|
:::premium Requires pro extensions
|
||||||
Using this example in production requires a **tiptap pro** license. [Read more](/sponsor)
|
We kindly ask you to sponsor us, before using this example in production. [Read more](/sponsor)
|
||||||
:::
|
:::
|
||||||
|
|
||||||
This example shows how you can use tiptap to let different users collaboratively work on the same text in real-time.
|
This example shows how you can use tiptap to let different users collaboratively work on the same text in real-time.
|
||||||
|
|||||||
@@ -3,9 +3,16 @@
|
|||||||
## toc
|
## toc
|
||||||
|
|
||||||
## Introduction
|
## Introduction
|
||||||
One of the strength of tiptap is it’s extendability. You don’t depend on the provided extensions, it’s intended to extend the editor to your liking. With custom extensions you can add new content types and new functionalities, on top of what already exists or starting from scratch.
|
One of the strength of tiptap is it’s extendability. You don’t depend on the provided extensions, it’s intended to extend the editor to your liking. With custom extensions you can add new content types and new functionalities, on top of what already exists or from scratch.
|
||||||
|
|
||||||
## Option 1: Extend existing extensions
|
## How extensions work
|
||||||
|
Although tiptap tries to hide most of the complexity of ProseMirror, it’s built on top of its APIs and we recommend you to read through the [ProseMirror Guide](https://ProseMirror.net/docs/guide/) for advanced usage. You’ll have a better understanding of how everything works under the hood and get more familiar with many terms and jargon used by tiptap.
|
||||||
|
|
||||||
|
Existing [nodes](/api/nodes), [marks](/api/marks) and [extensions](/api/extensions) can give you a good impression on how to approach your own extensions. To make it easier to switch between the documentation and the source code, we linked to the file on GitHub from every single extension documentation page.
|
||||||
|
|
||||||
|
We recommend to start with customizing existing extensions first, and create your own extensions with the gained knowledge later. That’s why all the below examples extend existing extensions, but all examples will work on newly created extensions aswell.
|
||||||
|
|
||||||
|
## Customize existing extensions
|
||||||
Let’s say you want to change the keyboard shortcuts for the bullet list. You should start by looking at [the source code of the `BulletList` extension](https://github.com/ueberdosis/tiptap-next/blob/main/packages/extension-bullet-list/index.ts) and find the part you would like to change. In that case, the keyboard shortcut, and just that.
|
Let’s say you want to change the keyboard shortcuts for the bullet list. You should start by looking at [the source code of the `BulletList` extension](https://github.com/ueberdosis/tiptap-next/blob/main/packages/extension-bullet-list/index.ts) and find the part you would like to change. In that case, the keyboard shortcut, and just that.
|
||||||
|
|
||||||
Every extension has an `extend()` method, which takes an object with everything you want to change or add to it. For the bespoken example, your code could like that:
|
Every extension has an `extend()` method, which takes an object with everything you want to change or add to it. For the bespoken example, your code could like that:
|
||||||
@@ -95,10 +102,10 @@ const CustomParagraph = Paragraph.extend({
|
|||||||
})
|
})
|
||||||
|
|
||||||
// Result:
|
// Result:
|
||||||
// <p data-color="pink">Example Text</p>
|
// <p color="pink">Example Text</p>
|
||||||
```
|
```
|
||||||
|
|
||||||
That’s already enough to tell tiptap about the new attribute, and set `'pink'` as the default value. All attributes will be rendered as a data-attributes by default, and parsed as data-attributes from the content.
|
That’s already enough to tell tiptap about the new attribute, and set `'pink'` as the default value. All attributes will be rendered as a HTML attribute by default, and parsed as attributes from the content.
|
||||||
|
|
||||||
Let’s stick with the color example and assume you’ll want to add an inline style to actually color the text. With the `renderHTML` function you can return HTML attributes which will be rendered in the output.
|
Let’s stick with the color example and assume you’ll want to add an inline style to actually color the text. With the `renderHTML` function you can return HTML attributes which will be rendered in the output.
|
||||||
|
|
||||||
@@ -123,10 +130,10 @@ const CustomParagraph = Paragraph.extend({
|
|||||||
})
|
})
|
||||||
|
|
||||||
// Result:
|
// Result:
|
||||||
// <p data-color="pink" style="color: pink">Example Text</p>
|
// <p color="pink" style="color: pink">Example Text</p>
|
||||||
```
|
```
|
||||||
|
|
||||||
You can also control how the attribute is parsed from the HTML. Let’s say you want to store the color in an attribute called `data-my-fancy-color-attribute`. Legit, right? Anyway, here’s how you would do that:
|
You can also control how the attribute is parsed from the HTML. Let’s say you want to store the color in an attribute called `data-color`, here’s how you would do that:
|
||||||
|
|
||||||
```js
|
```js
|
||||||
const CustomParagraph = Paragraph.extend({
|
const CustomParagraph = Paragraph.extend({
|
||||||
@@ -137,13 +144,13 @@ const CustomParagraph = Paragraph.extend({
|
|||||||
// Customize the HTML parsing (for example, to load the initial content)
|
// Customize the HTML parsing (for example, to load the initial content)
|
||||||
parseHTML: element => {
|
parseHTML: element => {
|
||||||
return {
|
return {
|
||||||
color: element.getAttribute('data-my-fancy-color-attribute'),
|
color: element.getAttribute('data-color'),
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// … and customize the HTML rendering.
|
// … and customize the HTML rendering.
|
||||||
renderHTML: attributes => {
|
renderHTML: attributes => {
|
||||||
return {
|
return {
|
||||||
'data-my-fancy-color-attribute': atttributes.color,
|
'data-color': atttributes.color,
|
||||||
style: `color: ${attributes.color}`,
|
style: `color: ${attributes.color}`,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -153,9 +160,11 @@ const CustomParagraph = Paragraph.extend({
|
|||||||
})
|
})
|
||||||
|
|
||||||
// Result:
|
// Result:
|
||||||
// <p data-my-fancy-color-attribute="pink" style="color: pink">Example Text</p>
|
// <p data-color="pink" style="color: pink">Example Text</p>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
You can disable the rendering of attributes, if you pass `rendered: false`.
|
||||||
|
|
||||||
### Global Attributes
|
### Global Attributes
|
||||||
Attributes can be applied to multiple extensions at once. That’s useful for text alignment, line height, color, font family, and other styling related attributes.
|
Attributes can be applied to multiple extensions at once. That’s useful for text alignment, line height, color, font family, and other styling related attributes.
|
||||||
|
|
||||||
@@ -219,10 +228,46 @@ renderHTML({ attributes }) {
|
|||||||
```
|
```
|
||||||
|
|
||||||
### Parse HTML
|
### Parse HTML
|
||||||
> Associates DOM parser information with this mark (see the corresponding node spec field). The mark field in the rules is implied.
|
The `parseHTML()` function tries to load the editor document from HTML. The function gets the HTML DOM element passed as a parameter, and is expected to return an object with attributes and their values. Here is a simplified example from the [`Bold`](/api/marks/bold) mark:
|
||||||
|
|
||||||
|
```js
|
||||||
|
parseHTML() {
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
tag: 'strong',
|
||||||
|
},
|
||||||
|
]
|
||||||
|
},
|
||||||
|
```
|
||||||
|
|
||||||
|
This defines a rule to convert all `<strong>` tags to `Bold` marks. But you can get more advanced with this, here is the full example from the extension:
|
||||||
|
|
||||||
|
```js
|
||||||
|
parseHTML() {
|
||||||
|
return [
|
||||||
|
// <strong>
|
||||||
|
{
|
||||||
|
tag: 'strong',
|
||||||
|
},
|
||||||
|
// <b>
|
||||||
|
{
|
||||||
|
tag: 'b',
|
||||||
|
getAttrs: node => node.style.fontWeight !== 'normal' && null,
|
||||||
|
},
|
||||||
|
// <span style="font-weight: bold">
|
||||||
|
{
|
||||||
|
style: 'font-weight',
|
||||||
|
getAttrs: value => /^(bold(er)?|[5-9]\d{2,})$/.test(value as string) && null,
|
||||||
|
},
|
||||||
|
]
|
||||||
|
},
|
||||||
|
```
|
||||||
|
|
||||||
|
This looks for `<strong>` and `<b>` tags, and any HTML tag with an inline style setting the `font-weight` to bold.
|
||||||
|
|
||||||
|
As you can see, you can optionally pass a `getAttrs` callback, to add more complex checks, for example for specific HTML attributes. The callback gets passed the HTML DOM node, except when checking for the `style` attribute, then it’s the value.
|
||||||
|
|
||||||
### Commands
|
### Commands
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import Paragraph from '@tiptap/extension-paragraph'
|
import Paragraph from '@tiptap/extension-paragraph'
|
||||||
|
|
||||||
@@ -254,7 +299,6 @@ const CustomBulletList = BulletList.extend({
|
|||||||
```
|
```
|
||||||
|
|
||||||
### Input rules
|
### Input rules
|
||||||
|
|
||||||
```js
|
```js
|
||||||
// Use the ~single tilde~ markdown shortcut
|
// Use the ~single tilde~ markdown shortcut
|
||||||
import Strike from '@tiptap/extension-strike'
|
import Strike from '@tiptap/extension-strike'
|
||||||
@@ -272,7 +316,6 @@ const CustomStrike = Strike.extend({
|
|||||||
```
|
```
|
||||||
|
|
||||||
### Paste rules
|
### Paste rules
|
||||||
|
|
||||||
```js
|
```js
|
||||||
// Overwrite the underline regex for pasted text
|
// Overwrite the underline regex for pasted text
|
||||||
import Underline from '@tiptap/extension-underline'
|
import Underline from '@tiptap/extension-underline'
|
||||||
@@ -289,17 +332,52 @@ const CustomUnderline = Underline.extend({
|
|||||||
})
|
})
|
||||||
```
|
```
|
||||||
|
|
||||||
### Node views
|
### Node views (Advanced)
|
||||||
|
```js
|
||||||
|
import Link from '@tiptap/extension-underline'
|
||||||
|
|
||||||
## Option 2: Start from scratch
|
const CustomLink = Link.extend({
|
||||||
|
addNodeView() {
|
||||||
|
return () => {
|
||||||
|
const container = document.createElement('div')
|
||||||
|
|
||||||
### Read the documentation
|
container.addEventListener('change', event => {
|
||||||
Although tiptap tries to hide most of the complexity of ProseMirror, it’s built on top of its APIs and we recommend you to read through the [ProseMirror Guide](https://ProseMirror.net/docs/guide/) for advanced usage. You’ll have a better understanding of how everything works under the hood and get more familiar with many terms and jargon used by tiptap.
|
alert('clicked on the container')
|
||||||
|
})
|
||||||
|
|
||||||
### Have a look at existing extensions
|
return {
|
||||||
|
dom: container,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
```
|
||||||
|
|
||||||
### Get started
|
## Start from scratch
|
||||||
|
|
||||||
### Ask questions
|
### Create a node
|
||||||
|
```js
|
||||||
|
import { createNode } from '@tiptap/core'
|
||||||
|
|
||||||
### Share your extension
|
const CustomNode = createNode({
|
||||||
|
// Your code goes here.
|
||||||
|
})
|
||||||
|
```
|
||||||
|
|
||||||
|
### Create a mark
|
||||||
|
```js
|
||||||
|
import { createMark } from '@tiptap/core'
|
||||||
|
|
||||||
|
const CustomMark = createMark({
|
||||||
|
// Your code goes here.
|
||||||
|
})
|
||||||
|
```
|
||||||
|
|
||||||
|
### Create an extension
|
||||||
|
```js
|
||||||
|
import { createExtension } from '@tiptap/core'
|
||||||
|
|
||||||
|
const CustomExtension = createExtension({
|
||||||
|
// Your code goes here.
|
||||||
|
})
|
||||||
|
```
|
||||||
|
|||||||
@@ -9,7 +9,7 @@ If you’re using tiptap in a commercial project or just want to give back to th
|
|||||||
* Your issues and pull requests get a `sponsor 💖` label
|
* Your issues and pull requests get a `sponsor 💖` label
|
||||||
* Get a sponsor badge in all your comments on GitHub
|
* Get a sponsor badge in all your comments on GitHub
|
||||||
* Show the support in your GitHub profile
|
* Show the support in your GitHub profile
|
||||||
* Receive monthly reports related to our open source work
|
* Receive monthly reports about to our open source work
|
||||||
|
|
||||||
Does that sound good? [Sponsor us on GitHub!](https://github.com/sponsors/ueberdosis)
|
Does that sound good? [Sponsor us on GitHub!](https://github.com/sponsors/ueberdosis)
|
||||||
|
|
||||||
|
|||||||
@@ -16,7 +16,6 @@
|
|||||||
link: /examples/basic
|
link: /examples/basic
|
||||||
- title: Collaborative editing
|
- title: Collaborative editing
|
||||||
link: /examples/collaborative-editing
|
link: /examples/collaborative-editing
|
||||||
premium: true
|
|
||||||
- title: Markdown shortcuts
|
- title: Markdown shortcuts
|
||||||
link: /examples/markdown-shortcuts
|
link: /examples/markdown-shortcuts
|
||||||
# - title: Menu Bubble
|
# - title: Menu Bubble
|
||||||
@@ -165,14 +164,11 @@
|
|||||||
premium: true
|
premium: true
|
||||||
- title: CollaborationCursor
|
- title: CollaborationCursor
|
||||||
link: /api/extensions/collaboration-cursor
|
link: /api/extensions/collaboration-cursor
|
||||||
draft: true
|
|
||||||
premium: true
|
premium: true
|
||||||
- title: Dropcursor
|
- title: Dropcursor
|
||||||
link: /api/extensions/dropcursor
|
link: /api/extensions/dropcursor
|
||||||
draft: true
|
|
||||||
- title: Focus
|
- title: Focus
|
||||||
link: /api/extensions/focus
|
link: /api/extensions/focus
|
||||||
draft: true
|
|
||||||
- title: Gapcursor
|
- title: Gapcursor
|
||||||
link: /api/extensions/gapcursor
|
link: /api/extensions/gapcursor
|
||||||
- title: History
|
- title: History
|
||||||
|
|||||||
@@ -4,7 +4,7 @@ import getMarkType from '../utils/getMarkType'
|
|||||||
import getMarkRange from '../utils/getMarkRange'
|
import getMarkRange from '../utils/getMarkRange'
|
||||||
|
|
||||||
export default (typeOrName: string | MarkType, attrs: {}): Command => ({ tr, state, dispatch }) => {
|
export default (typeOrName: string | MarkType, attrs: {}): Command => ({ tr, state, dispatch }) => {
|
||||||
const { selection, doc } = tr
|
const { selection } = tr
|
||||||
let { from, to } = selection
|
let { from, to } = selection
|
||||||
const { $from, empty } = selection
|
const { $from, empty } = selection
|
||||||
const type = getMarkType(typeOrName, state.schema)
|
const type = getMarkType(typeOrName, state.schema)
|
||||||
@@ -18,11 +18,12 @@ export default (typeOrName: string | MarkType, attrs: {}): Command => ({ tr, sta
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const hasMark = doc.rangeHasMark(from, to, type)
|
// TODO: toggleMark?
|
||||||
|
// const hasMark = doc.rangeHasMark(from, to, type)
|
||||||
|
|
||||||
if (hasMark && dispatch) {
|
// if (hasMark && dispatch) {
|
||||||
tr.removeMark(from, to, type)
|
// tr.removeMark(from, to, type)
|
||||||
}
|
// }
|
||||||
|
|
||||||
if (dispatch) {
|
if (dispatch) {
|
||||||
tr.addMark(from, to, type.create(attrs))
|
tr.addMark(from, to, type.create(attrs))
|
||||||
@@ -15,7 +15,6 @@ import selectAll from '../commands/selectAll'
|
|||||||
import selectParentNode from '../commands/selectParentNode'
|
import selectParentNode from '../commands/selectParentNode'
|
||||||
import setBlockType from '../commands/setBlockType'
|
import setBlockType from '../commands/setBlockType'
|
||||||
import setContent from '../commands/setContent'
|
import setContent from '../commands/setContent'
|
||||||
import setNodeAttributes from '../commands/setNodeAttributes'
|
|
||||||
import sinkListItem from '../commands/sinkListItem'
|
import sinkListItem from '../commands/sinkListItem'
|
||||||
import splitBlock from '../commands/splitBlock'
|
import splitBlock from '../commands/splitBlock'
|
||||||
import splitListItem from '../commands/splitListItem'
|
import splitListItem from '../commands/splitListItem'
|
||||||
@@ -24,7 +23,8 @@ import toggleList from '../commands/toggleList'
|
|||||||
import toggleMark from '../commands/toggleMark'
|
import toggleMark from '../commands/toggleMark'
|
||||||
import toggleWrap from '../commands/toggleWrap'
|
import toggleWrap from '../commands/toggleWrap'
|
||||||
import tryCommand from '../commands/try'
|
import tryCommand from '../commands/try'
|
||||||
import updateMark from '../commands/updateMark'
|
import updateMarkAttributes from '../commands/updateMarkAttributes'
|
||||||
|
import updateNodeAttributes from '../commands/updateNodeAttributes'
|
||||||
import wrapInList from '../commands/wrapInList'
|
import wrapInList from '../commands/wrapInList'
|
||||||
|
|
||||||
export const Commands = createExtension({
|
export const Commands = createExtension({
|
||||||
@@ -46,7 +46,6 @@ export const Commands = createExtension({
|
|||||||
selectParentNode,
|
selectParentNode,
|
||||||
setBlockType,
|
setBlockType,
|
||||||
setContent,
|
setContent,
|
||||||
setNodeAttributes,
|
|
||||||
sinkListItem,
|
sinkListItem,
|
||||||
splitBlock,
|
splitBlock,
|
||||||
splitListItem,
|
splitListItem,
|
||||||
@@ -55,7 +54,8 @@ export const Commands = createExtension({
|
|||||||
toggleMark,
|
toggleMark,
|
||||||
toggleWrap,
|
toggleWrap,
|
||||||
try: tryCommand,
|
try: tryCommand,
|
||||||
updateMark,
|
updateMarkAttributes,
|
||||||
|
updateNodeAttributes,
|
||||||
wrapInList,
|
wrapInList,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -50,7 +50,7 @@ const Link = createMark({
|
|||||||
return commands.removeMark('link')
|
return commands.removeMark('link')
|
||||||
}
|
}
|
||||||
|
|
||||||
return commands.updateMark('link', options)
|
return commands.updateMarkAttributes('link', options)
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -39,7 +39,7 @@ const TextAlign = createExtension({
|
|||||||
return false
|
return false
|
||||||
}
|
}
|
||||||
|
|
||||||
return commands.setNodeAttributes({ textAlign: alignment })
|
return commands.updateNodeAttributes({ textAlign: alignment })
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
136
yarn.lock
136
yarn.lock
@@ -3660,9 +3660,9 @@ buffer@^4.3.0:
|
|||||||
isarray "^1.0.0"
|
isarray "^1.0.0"
|
||||||
|
|
||||||
buffer@^5.2.1, buffer@^5.5.0:
|
buffer@^5.2.1, buffer@^5.5.0:
|
||||||
version "5.7.0"
|
version "5.7.1"
|
||||||
resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.0.tgz#88afbd29fc89fa7b58e82b39206f31f2cf34feed"
|
resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
|
||||||
integrity sha512-cd+5r1VLBwUqTrmnzW+D7ABkJUM6mr7uv1dv+6jRw4Rcl7tFIFHDqHPL98LhpGFn3dbAt3gtLxtrWp4m1kFrqg==
|
integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
|
||||||
dependencies:
|
dependencies:
|
||||||
base64-js "^1.3.1"
|
base64-js "^1.3.1"
|
||||||
ieee754 "^1.1.13"
|
ieee754 "^1.1.13"
|
||||||
@@ -3885,9 +3885,9 @@ caniuse-api@^3.0.0:
|
|||||||
lodash.uniq "^4.5.0"
|
lodash.uniq "^4.5.0"
|
||||||
|
|
||||||
caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001154:
|
caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001154:
|
||||||
version "1.0.30001154"
|
version "1.0.30001156"
|
||||||
resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001154.tgz#f3bbc245ce55e4c1cd20fa731b097880181a7f17"
|
resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001156.tgz#75c20937b6012fe2b02ab58b30d475bf0718de97"
|
||||||
integrity sha512-y9DvdSti8NnYB9Be92ddMZQrcOe04kcQtcxtBx4NkB04+qZ+JUWotnXBJTmxlKudhxNTQ3RRknMwNU2YQl/Org==
|
integrity sha512-z7qztybA2eFZTB6Z3yvaQBIoJpQtsewRD74adw2UbRWwsRq3jIPvgrQGawBMbfafekQaD21FWuXNcywtTDGGCw==
|
||||||
|
|
||||||
case-sensitive-paths-webpack-plugin@^2.2.0:
|
case-sensitive-paths-webpack-plugin@^2.2.0:
|
||||||
version "2.3.0"
|
version "2.3.0"
|
||||||
@@ -4394,9 +4394,9 @@ content-type@^1.0.4, content-type@~1.0.4:
|
|||||||
integrity sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==
|
integrity sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA==
|
||||||
|
|
||||||
conventional-changelog-angular@^5.0.3:
|
conventional-changelog-angular@^5.0.3:
|
||||||
version "5.0.11"
|
version "5.0.12"
|
||||||
resolved "https://registry.yarnpkg.com/conventional-changelog-angular/-/conventional-changelog-angular-5.0.11.tgz#99a3ca16e4a5305e0c2c2fae3ef74fd7631fc3fb"
|
resolved "https://registry.yarnpkg.com/conventional-changelog-angular/-/conventional-changelog-angular-5.0.12.tgz#c979b8b921cbfe26402eb3da5bbfda02d865a2b9"
|
||||||
integrity sha512-nSLypht/1yEflhuTogC03i7DX7sOrXGsRn14g131Potqi6cbGbGEE9PSDEHKldabB6N76HiSyw9Ph+kLmC04Qw==
|
integrity sha512-5GLsbnkR/7A89RyHLvvoExbiGbd9xKdKqDTrArnPbOqBqG/2wIosu0fHwpeIRI8Tl94MhVNBXcLJZl92ZQ5USw==
|
||||||
dependencies:
|
dependencies:
|
||||||
compare-func "^2.0.0"
|
compare-func "^2.0.0"
|
||||||
q "^1.5.1"
|
q "^1.5.1"
|
||||||
@@ -4426,40 +4426,40 @@ conventional-changelog-preset-loader@^2.1.1:
|
|||||||
integrity sha512-GEKRWkrSAZeTq5+YjUZOYxdHq+ci4dNwHvpaBC3+ENalzFWuCWa9EZXSuZBpkr72sMdKB+1fyDV4takK1Lf58g==
|
integrity sha512-GEKRWkrSAZeTq5+YjUZOYxdHq+ci4dNwHvpaBC3+ENalzFWuCWa9EZXSuZBpkr72sMdKB+1fyDV4takK1Lf58g==
|
||||||
|
|
||||||
conventional-changelog-writer@^4.0.6:
|
conventional-changelog-writer@^4.0.6:
|
||||||
version "4.0.17"
|
version "4.0.18"
|
||||||
resolved "https://registry.yarnpkg.com/conventional-changelog-writer/-/conventional-changelog-writer-4.0.17.tgz#4753aaa138bf5aa59c0b274cb5937efcd2722e21"
|
resolved "https://registry.yarnpkg.com/conventional-changelog-writer/-/conventional-changelog-writer-4.0.18.tgz#10b73baa59c7befc69b360562f8b9cd19e63daf8"
|
||||||
integrity sha512-IKQuK3bib/n032KWaSb8YlBFds+aLmzENtnKtxJy3+HqDq5kohu3g/UdNbIHeJWygfnEbZjnCKFxAW0y7ArZAw==
|
integrity sha512-mAQDCKyB9HsE8Ko5cCM1Jn1AWxXPYV0v8dFPabZRkvsiWUul2YyAqbIaoMKF88Zf2ffnOPSvKhboLf3fnjo5/A==
|
||||||
dependencies:
|
dependencies:
|
||||||
compare-func "^2.0.0"
|
compare-func "^2.0.0"
|
||||||
conventional-commits-filter "^2.0.6"
|
conventional-commits-filter "^2.0.7"
|
||||||
dateformat "^3.0.0"
|
dateformat "^3.0.0"
|
||||||
handlebars "^4.7.6"
|
handlebars "^4.7.6"
|
||||||
json-stringify-safe "^5.0.1"
|
json-stringify-safe "^5.0.1"
|
||||||
lodash "^4.17.15"
|
lodash "^4.17.15"
|
||||||
meow "^7.0.0"
|
meow "^8.0.0"
|
||||||
semver "^6.0.0"
|
semver "^6.0.0"
|
||||||
split "^1.0.0"
|
split "^1.0.0"
|
||||||
through2 "^3.0.0"
|
through2 "^4.0.0"
|
||||||
|
|
||||||
conventional-commits-filter@^2.0.2, conventional-commits-filter@^2.0.6:
|
conventional-commits-filter@^2.0.2, conventional-commits-filter@^2.0.7:
|
||||||
version "2.0.6"
|
version "2.0.7"
|
||||||
resolved "https://registry.yarnpkg.com/conventional-commits-filter/-/conventional-commits-filter-2.0.6.tgz#0935e1240c5ca7698329affee1b6a46d33324c4c"
|
resolved "https://registry.yarnpkg.com/conventional-commits-filter/-/conventional-commits-filter-2.0.7.tgz#f8d9b4f182fce00c9af7139da49365b136c8a0b3"
|
||||||
integrity sha512-4g+sw8+KA50/Qwzfr0hL5k5NWxqtrOVw4DDk3/h6L85a9Gz0/Eqp3oP+CWCNfesBvZZZEFHF7OTEbRe+yYSyKw==
|
integrity sha512-ASS9SamOP4TbCClsRHxIHXRfcGCnIoQqkvAzCSbZzTFLfcTqJVugB0agRgsEELsqaeWgsXv513eS116wnlSSPA==
|
||||||
dependencies:
|
dependencies:
|
||||||
lodash.ismatch "^4.4.0"
|
lodash.ismatch "^4.4.0"
|
||||||
modify-values "^1.0.0"
|
modify-values "^1.0.0"
|
||||||
|
|
||||||
conventional-commits-parser@^3.0.3:
|
conventional-commits-parser@^3.0.3:
|
||||||
version "3.1.0"
|
version "3.2.0"
|
||||||
resolved "https://registry.yarnpkg.com/conventional-commits-parser/-/conventional-commits-parser-3.1.0.tgz#10140673d5e7ef5572633791456c5d03b69e8be4"
|
resolved "https://registry.yarnpkg.com/conventional-commits-parser/-/conventional-commits-parser-3.2.0.tgz#9e261b139ca4b7b29bcebbc54460da36894004ca"
|
||||||
integrity sha512-RSo5S0WIwXZiRxUGTPuYFbqvrR4vpJ1BDdTlthFgvHt5kEdnd1+pdvwWphWn57/oIl4V72NMmOocFqqJ8mFFhA==
|
integrity sha512-XmJiXPxsF0JhAKyfA2Nn+rZwYKJ60nanlbSWwwkGwLQFbugsc0gv1rzc7VbbUWAzJfR1qR87/pNgv9NgmxtBMQ==
|
||||||
dependencies:
|
dependencies:
|
||||||
JSONStream "^1.0.4"
|
JSONStream "^1.0.4"
|
||||||
is-text-path "^1.0.1"
|
is-text-path "^1.0.1"
|
||||||
lodash "^4.17.15"
|
lodash "^4.17.15"
|
||||||
meow "^7.0.0"
|
meow "^8.0.0"
|
||||||
split2 "^2.0.0"
|
split2 "^2.0.0"
|
||||||
through2 "^3.0.0"
|
through2 "^4.0.0"
|
||||||
trim-off-newlines "^1.0.0"
|
trim-off-newlines "^1.0.0"
|
||||||
|
|
||||||
conventional-recommended-bump@^5.0.0:
|
conventional-recommended-bump@^5.0.0:
|
||||||
@@ -5428,9 +5428,9 @@ ee-first@1.1.1:
|
|||||||
integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
|
integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
|
||||||
|
|
||||||
electron-to-chromium@^1.3.585:
|
electron-to-chromium@^1.3.585:
|
||||||
version "1.3.588"
|
version "1.3.589"
|
||||||
resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.588.tgz#c6515571737bfb42678115a5eaa818384593a9a5"
|
resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.589.tgz#bd26183ed8697dde6ac19acbc16a3bf33b1f8220"
|
||||||
integrity sha512-0zr+ZfytnLeJZxGgmEpPTcItu5Mm4A5zHPZXLfHcGp0mdsk95rmD7ePNewYtK1yIdLbk8Z1U2oTRRfOtR4gbYg==
|
integrity sha512-rQItBTFnol20HaaLm26UgSUduX7iGerwW7pEYX17MB1tI6LzFajiLV7iZ7LVcUcsN/7HrZUoCLrBauChy/IqEg==
|
||||||
|
|
||||||
elegant-spinner@^1.0.1:
|
elegant-spinner@^1.0.1:
|
||||||
version "1.0.1"
|
version "1.0.1"
|
||||||
@@ -7342,6 +7342,13 @@ hosted-git-info@^2.1.4, hosted-git-info@^2.7.1:
|
|||||||
resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.8.tgz#7539bd4bc1e0e0a895815a2e0262420b12858488"
|
resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.8.tgz#7539bd4bc1e0e0a895815a2e0262420b12858488"
|
||||||
integrity sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==
|
integrity sha512-f/wzC2QaWBs7t9IYqB4T3sR1xviIViXJRJTWBlx2Gf3g0Xi5vI7Yy4koXQ1c9OYDGHN9sBy1DQ2AB8fqZBWhUg==
|
||||||
|
|
||||||
|
hosted-git-info@^3.0.6:
|
||||||
|
version "3.0.7"
|
||||||
|
resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-3.0.7.tgz#a30727385ea85acfcee94e0aad9e368c792e036c"
|
||||||
|
integrity sha512-fWqc0IcuXs+BmE9orLDyVykAG9GJtGLGuZAAqgcckPgv5xad4AcXGIv8galtQvlwutxSlaMcdw7BUtq2EIvqCQ==
|
||||||
|
dependencies:
|
||||||
|
lru-cache "^6.0.0"
|
||||||
|
|
||||||
hostic-dom@^0.8.5:
|
hostic-dom@^0.8.5:
|
||||||
version "0.8.5"
|
version "0.8.5"
|
||||||
resolved "https://registry.yarnpkg.com/hostic-dom/-/hostic-dom-0.8.5.tgz#500de796842454a745ce160d9cb0483c82643e28"
|
resolved "https://registry.yarnpkg.com/hostic-dom/-/hostic-dom-0.8.5.tgz#500de796842454a745ce160d9cb0483c82643e28"
|
||||||
@@ -8922,6 +8929,13 @@ lru-cache@^5.1.1:
|
|||||||
dependencies:
|
dependencies:
|
||||||
yallist "^3.0.2"
|
yallist "^3.0.2"
|
||||||
|
|
||||||
|
lru-cache@^6.0.0:
|
||||||
|
version "6.0.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
|
||||||
|
integrity sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==
|
||||||
|
dependencies:
|
||||||
|
yallist "^4.0.0"
|
||||||
|
|
||||||
lunr@^2.3.9:
|
lunr@^2.3.9:
|
||||||
version "2.3.9"
|
version "2.3.9"
|
||||||
resolved "https://registry.yarnpkg.com/lunr/-/lunr-2.3.9.tgz#18b123142832337dd6e964df1a5a7707b25d35e1"
|
resolved "https://registry.yarnpkg.com/lunr/-/lunr-2.3.9.tgz#18b123142832337dd6e964df1a5a7707b25d35e1"
|
||||||
@@ -9179,22 +9193,22 @@ meow@^4.0.0:
|
|||||||
redent "^2.0.0"
|
redent "^2.0.0"
|
||||||
trim-newlines "^2.0.0"
|
trim-newlines "^2.0.0"
|
||||||
|
|
||||||
meow@^7.0.0:
|
meow@^8.0.0:
|
||||||
version "7.1.1"
|
version "8.0.0"
|
||||||
resolved "https://registry.yarnpkg.com/meow/-/meow-7.1.1.tgz#7c01595e3d337fcb0ec4e8eed1666ea95903d306"
|
resolved "https://registry.yarnpkg.com/meow/-/meow-8.0.0.tgz#1aa10ee61046719e334ffdc038bb5069250ec99a"
|
||||||
integrity sha512-GWHvA5QOcS412WCo8vwKDlTelGLsCGBVevQB5Kva961rmNfun0PCbv5+xta2kUMFJyR8/oWnn7ddeKdosbAPbA==
|
integrity sha512-nbsTRz2fwniJBFgUkcdISq8y/q9n9VbiHYbfwklFh5V4V2uAcxtKQkDc0yCLPM/kP0d+inZBewn3zJqewHE7kg==
|
||||||
dependencies:
|
dependencies:
|
||||||
"@types/minimist" "^1.2.0"
|
"@types/minimist" "^1.2.0"
|
||||||
camelcase-keys "^6.2.2"
|
camelcase-keys "^6.2.2"
|
||||||
decamelize-keys "^1.1.0"
|
decamelize-keys "^1.1.0"
|
||||||
hard-rejection "^2.1.0"
|
hard-rejection "^2.1.0"
|
||||||
minimist-options "4.1.0"
|
minimist-options "4.1.0"
|
||||||
normalize-package-data "^2.5.0"
|
normalize-package-data "^3.0.0"
|
||||||
read-pkg-up "^7.0.1"
|
read-pkg-up "^7.0.1"
|
||||||
redent "^3.0.0"
|
redent "^3.0.0"
|
||||||
trim-newlines "^3.0.0"
|
trim-newlines "^3.0.0"
|
||||||
type-fest "^0.13.1"
|
type-fest "^0.18.0"
|
||||||
yargs-parser "^18.1.3"
|
yargs-parser "^20.2.3"
|
||||||
|
|
||||||
merge-descriptors@1.0.1:
|
merge-descriptors@1.0.1:
|
||||||
version "1.0.1"
|
version "1.0.1"
|
||||||
@@ -9801,6 +9815,16 @@ normalize-package-data@^2.0.0, normalize-package-data@^2.3.0, normalize-package-
|
|||||||
semver "2 || 3 || 4 || 5"
|
semver "2 || 3 || 4 || 5"
|
||||||
validate-npm-package-license "^3.0.1"
|
validate-npm-package-license "^3.0.1"
|
||||||
|
|
||||||
|
normalize-package-data@^3.0.0:
|
||||||
|
version "3.0.0"
|
||||||
|
resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-3.0.0.tgz#1f8a7c423b3d2e85eb36985eaf81de381d01301a"
|
||||||
|
integrity sha512-6lUjEI0d3v6kFrtgA/lOx4zHCWULXsFNIjHolnZCKCTLA6m/G625cdn3O7eNmT0iD3jfo6HZ9cdImGZwf21prw==
|
||||||
|
dependencies:
|
||||||
|
hosted-git-info "^3.0.6"
|
||||||
|
resolve "^1.17.0"
|
||||||
|
semver "^7.3.2"
|
||||||
|
validate-npm-package-license "^3.0.1"
|
||||||
|
|
||||||
normalize-path@^2.1.1:
|
normalize-path@^2.1.1:
|
||||||
version "2.1.1"
|
version "2.1.1"
|
||||||
resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-2.1.1.tgz#1ab28b556e198363a8c1a6f7e6fa20137fe6aed9"
|
resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-2.1.1.tgz#1ab28b556e198363a8c1a6f7e6fa20137fe6aed9"
|
||||||
@@ -11650,7 +11674,7 @@ read@1, read@~1.0.1:
|
|||||||
string_decoder "~1.1.1"
|
string_decoder "~1.1.1"
|
||||||
util-deprecate "~1.0.1"
|
util-deprecate "~1.0.1"
|
||||||
|
|
||||||
"readable-stream@2 || 3", readable-stream@^3.0.2, readable-stream@^3.1.1, readable-stream@^3.4.0, readable-stream@^3.6.0:
|
"readable-stream@2 || 3", readable-stream@3, readable-stream@^3.0.2, readable-stream@^3.1.1, readable-stream@^3.4.0, readable-stream@^3.6.0:
|
||||||
version "3.6.0"
|
version "3.6.0"
|
||||||
resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
|
resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198"
|
||||||
integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==
|
integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==
|
||||||
@@ -13427,6 +13451,13 @@ through2@^3.0.0:
|
|||||||
inherits "^2.0.4"
|
inherits "^2.0.4"
|
||||||
readable-stream "2 || 3"
|
readable-stream "2 || 3"
|
||||||
|
|
||||||
|
through2@^4.0.0:
|
||||||
|
version "4.0.2"
|
||||||
|
resolved "https://registry.yarnpkg.com/through2/-/through2-4.0.2.tgz#a7ce3ac2a7a8b0b966c80e7c49f0484c3b239764"
|
||||||
|
integrity sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==
|
||||||
|
dependencies:
|
||||||
|
readable-stream "3"
|
||||||
|
|
||||||
through@2, "through@>=2.2.7 <3", through@^2.3.4, through@^2.3.6, through@^2.3.8:
|
through@2, "through@>=2.2.7 <3", through@^2.3.4, through@^2.3.6, through@^2.3.8:
|
||||||
version "2.3.8"
|
version "2.3.8"
|
||||||
resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
|
resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
|
||||||
@@ -13669,10 +13700,10 @@ type-check@^0.4.0, type-check@~0.4.0:
|
|||||||
dependencies:
|
dependencies:
|
||||||
prelude-ls "^1.2.1"
|
prelude-ls "^1.2.1"
|
||||||
|
|
||||||
type-fest@^0.13.1:
|
type-fest@^0.18.0:
|
||||||
version "0.13.1"
|
version "0.18.0"
|
||||||
resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.13.1.tgz#0172cb5bce80b0bd542ea348db50c7e21834d934"
|
resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.18.0.tgz#2edfa6382d48653707344f7fccdb0443d460e8d6"
|
||||||
integrity sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==
|
integrity sha512-fbDukFPnJBdn2eZ3RR+5mK2slHLFd6gYHY7jna1KWWy4Yr4XysHuCdXRzy+RiG/HwG4WJat00vdC2UHky5eKiQ==
|
||||||
|
|
||||||
type-fest@^0.3.0:
|
type-fest@^0.3.0:
|
||||||
version "0.3.1"
|
version "0.3.1"
|
||||||
@@ -14265,24 +14296,24 @@ vue-hot-reload-api@^2.3.0:
|
|||||||
resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"
|
resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"
|
||||||
integrity sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==
|
integrity sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==
|
||||||
|
|
||||||
vue-inbrowser-compiler-utils@^4.33.4:
|
vue-inbrowser-compiler-utils@^4.33.6:
|
||||||
version "4.33.4"
|
version "4.33.6"
|
||||||
resolved "https://registry.yarnpkg.com/vue-inbrowser-compiler-utils/-/vue-inbrowser-compiler-utils-4.33.4.tgz#895d6053612d6b88a29e8c58d7284e44eebfbcf5"
|
resolved "https://registry.yarnpkg.com/vue-inbrowser-compiler-utils/-/vue-inbrowser-compiler-utils-4.33.6.tgz#022353b3a4dc202e05271277cef1ef4d091ca6f2"
|
||||||
integrity sha512-8/YvqKy0s7UUUdR8eHLwbuAEb3qs5SfM4Og21E9scKxAwfFBw20YJCLnXB/uEbYsGGpuMg/oY0P7lehfBhm1Tw==
|
integrity sha512-g9ErL/xuTtRAdT6+VmzR4Lqxlw4hpH7ObEBGk8VGQgNqdcs9Pza8AMzlns160IGzQw4sI8gvvbYEPeZ54Z5OfA==
|
||||||
dependencies:
|
dependencies:
|
||||||
camelcase "^5.3.1"
|
camelcase "^5.3.1"
|
||||||
|
|
||||||
vue-inbrowser-compiler@^4.33.4:
|
vue-inbrowser-compiler@^4.33.4:
|
||||||
version "4.33.5"
|
version "4.33.6"
|
||||||
resolved "https://registry.yarnpkg.com/vue-inbrowser-compiler/-/vue-inbrowser-compiler-4.33.5.tgz#f6611a9d8e66be547b54265ee6171effe87d2bcd"
|
resolved "https://registry.yarnpkg.com/vue-inbrowser-compiler/-/vue-inbrowser-compiler-4.33.6.tgz#f66b5faac595bbf8eb410c6897f224fc9adeae66"
|
||||||
integrity sha512-uXhOfOSgQe6ax8qfg1E7wN9t81nqkmqSMHSqCrBsaACgOlyPWSTF3Xw3oiJtqbNahwjPW5Au8U4vp9diP7GvxQ==
|
integrity sha512-V4jELDbvIwt3eKQXfXc1bvFOgKZLRkuxmhJGihRNa1rpNBziKFJABUypC6FsZo7jz4qQdQCTpaL9OTYqz8LVTw==
|
||||||
dependencies:
|
dependencies:
|
||||||
acorn "^6.1.1"
|
acorn "^6.1.1"
|
||||||
acorn-jsx "^5.0.1"
|
acorn-jsx "^5.0.1"
|
||||||
buble "^0.19.7"
|
buble "^0.19.7"
|
||||||
camelcase "^5.3.1"
|
camelcase "^5.3.1"
|
||||||
detect-browser "^5.2.0"
|
detect-browser "^5.2.0"
|
||||||
vue-inbrowser-compiler-utils "^4.33.4"
|
vue-inbrowser-compiler-utils "^4.33.6"
|
||||||
walkes "^0.2.1"
|
walkes "^0.2.1"
|
||||||
|
|
||||||
vue-live@^1.15.1:
|
vue-live@^1.15.1:
|
||||||
@@ -14768,13 +14799,10 @@ yargs-parser@^15.0.1:
|
|||||||
camelcase "^5.0.0"
|
camelcase "^5.0.0"
|
||||||
decamelize "^1.2.0"
|
decamelize "^1.2.0"
|
||||||
|
|
||||||
yargs-parser@^18.1.3:
|
yargs-parser@^20.2.3:
|
||||||
version "18.1.3"
|
version "20.2.3"
|
||||||
resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
|
resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.3.tgz#92419ba867b858c868acf8bae9bf74af0dd0ce26"
|
||||||
integrity sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==
|
integrity sha512-emOFRT9WVHw03QSvN5qor9QQT9+sw5vwxfYweivSMHTcAXPefwVae2FjO7JJjj8hCE4CzPOPeFM83VwT29HCww==
|
||||||
dependencies:
|
|
||||||
camelcase "^5.0.0"
|
|
||||||
decamelize "^1.2.0"
|
|
||||||
|
|
||||||
yargs@^13.3.2:
|
yargs@^13.3.2:
|
||||||
version "13.3.2"
|
version "13.3.2"
|
||||||
|
|||||||
Reference in New Issue
Block a user