snapshot of https://github.com/ueberdosis/tiptap.git (main, 2026-09-15; blobs > 131072B omitted)
Some checks failed
Verify / Install node dependencies (push) Failing after 2s
Verify / Build packages (push) Has been skipped
Verify / Check linting & formatting (push) Has been skipped
Verify / Run unit tests (push) Has been skipped
Verify / Run e2e tests (shard 1/4) (push) Has been skipped
Verify / Run e2e tests (shard 2/4) (push) Has been skipped
Verify / Run e2e tests (shard 3/4) (push) Has been skipped
Verify / Run e2e tests (shard 4/4) (push) Has been skipped
Publish / Resolve publish config (push) Failing after 2s
Publish / Send notification to Slack (push) Has been skipped
Publish / Send failure notification to Slack (push) Failing after 8s
Verify / Merge e2e reports (push) Has been skipped
Publish / Build (push) Has been skipped
Publish / Bump Versions OR Release to Registry (push) Has been skipped
Some checks failed
Verify / Install node dependencies (push) Failing after 2s
Verify / Build packages (push) Has been skipped
Verify / Check linting & formatting (push) Has been skipped
Verify / Run unit tests (push) Has been skipped
Verify / Run e2e tests (shard 1/4) (push) Has been skipped
Verify / Run e2e tests (shard 2/4) (push) Has been skipped
Verify / Run e2e tests (shard 3/4) (push) Has been skipped
Verify / Run e2e tests (shard 4/4) (push) Has been skipped
Publish / Resolve publish config (push) Failing after 2s
Publish / Send notification to Slack (push) Has been skipped
Publish / Send failure notification to Slack (push) Failing after 8s
Verify / Merge e2e reports (push) Has been skipped
Publish / Build (push) Has been skipped
Publish / Bump Versions OR Release to Registry (push) Has been skipped
This commit is contained in:
1662
packages/extension-bold/CHANGELOG.md
Normal file
1662
packages/extension-bold/CHANGELOG.md
Normal file
File diff suppressed because it is too large
Load Diff
18
packages/extension-bold/README.md
Normal file
18
packages/extension-bold/README.md
Normal file
@@ -0,0 +1,18 @@
|
||||
# @tiptap/extension-bold
|
||||
|
||||
[](https://www.npmjs.com/package/@tiptap/extension-bold)
|
||||
[](https://npmcharts.com/compare/tiptap?minimal=true)
|
||||
[](https://www.npmjs.com/package/@tiptap/extension-bold)
|
||||
[](https://github.com/sponsors/ueberdosis)
|
||||
|
||||
## Introduction
|
||||
|
||||
Tiptap is a headless wrapper around [ProseMirror](https://ProseMirror.net) – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as _New York Times_, _The Guardian_ or _Atlassian_.
|
||||
|
||||
## Official Documentation
|
||||
|
||||
Documentation can be found on the [Tiptap website](https://tiptap.dev).
|
||||
|
||||
## License
|
||||
|
||||
Tiptap is open sourced software licensed under the [MIT license](https://github.com/ueberdosis/tiptap/blob/main/LICENSE.md).
|
||||
50
packages/extension-bold/package.json
Normal file
50
packages/extension-bold/package.json
Normal file
@@ -0,0 +1,50 @@
|
||||
{
|
||||
"name": "@tiptap/extension-bold",
|
||||
"version": "3.30.3",
|
||||
"description": "bold extension for tiptap",
|
||||
"keywords": [
|
||||
"tiptap",
|
||||
"tiptap extension"
|
||||
],
|
||||
"homepage": "https://tiptap.dev",
|
||||
"bugs": {
|
||||
"url": "https://github.com/ueberdosis/tiptap/issues"
|
||||
},
|
||||
"license": "MIT",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/ueberdosis/tiptap",
|
||||
"directory": "packages/extension-bold"
|
||||
},
|
||||
"funding": {
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/ueberdosis"
|
||||
},
|
||||
"files": [
|
||||
"src",
|
||||
"dist"
|
||||
],
|
||||
"type": "module",
|
||||
"main": "dist/index.cjs",
|
||||
"module": "dist/index.js",
|
||||
"types": "dist/index.d.ts",
|
||||
"exports": {
|
||||
".": {
|
||||
"types": {
|
||||
"import": "./dist/index.d.ts",
|
||||
"require": "./dist/index.d.cts"
|
||||
},
|
||||
"import": "./dist/index.js",
|
||||
"require": "./dist/index.cjs"
|
||||
}
|
||||
},
|
||||
"scripts": {
|
||||
"build": "vp pack"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@tiptap/core": "workspace:^"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@tiptap/core": "workspace:*"
|
||||
}
|
||||
}
|
||||
25
packages/extension-bold/src/bold.test.ts
Normal file
25
packages/extension-bold/src/bold.test.ts
Normal file
@@ -0,0 +1,25 @@
|
||||
import {
|
||||
starInputRegex,
|
||||
starPasteRegex,
|
||||
underscoreInputRegex,
|
||||
underscorePasteRegex,
|
||||
} from './bold.js'
|
||||
import { describe, expect, it } from 'vite-plus/test'
|
||||
|
||||
describe('bold regex test', () => {
|
||||
it('star input regex matches', () => {
|
||||
expect('**Test**').toMatch(starInputRegex)
|
||||
})
|
||||
|
||||
it('star paste regex matches', () => {
|
||||
expect('**Test**').toMatch(starPasteRegex)
|
||||
})
|
||||
|
||||
it('underscore input regex matches', () => {
|
||||
expect('__Test__').toMatch(underscoreInputRegex)
|
||||
})
|
||||
|
||||
it('underscore paste regex matches', () => {
|
||||
expect('__Test__').toMatch(underscorePasteRegex)
|
||||
})
|
||||
})
|
||||
163
packages/extension-bold/src/bold.tsx
Normal file
163
packages/extension-bold/src/bold.tsx
Normal file
@@ -0,0 +1,163 @@
|
||||
/** @jsxImportSource @tiptap/core */
|
||||
import { Mark, markInputRule, markPasteRule, mergeAttributes } from '@tiptap/core'
|
||||
|
||||
export interface BoldOptions {
|
||||
/**
|
||||
* HTML attributes to add to the bold element.
|
||||
* @default {}
|
||||
* @example { class: 'foo' }
|
||||
*/
|
||||
HTMLAttributes: Record<string, any>
|
||||
}
|
||||
|
||||
declare module '@tiptap/core' {
|
||||
interface Commands<ReturnType> {
|
||||
bold: {
|
||||
/**
|
||||
* Set a bold mark
|
||||
*/
|
||||
setBold: () => ReturnType
|
||||
/**
|
||||
* Toggle a bold mark
|
||||
*/
|
||||
toggleBold: () => ReturnType
|
||||
/**
|
||||
* Unset a bold mark
|
||||
*/
|
||||
unsetBold: () => ReturnType
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Matches bold text via `**` as input.
|
||||
*/
|
||||
export const starInputRegex = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))$/
|
||||
|
||||
/**
|
||||
* Matches bold text via `**` while pasting.
|
||||
*/
|
||||
export const starPasteRegex = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))/g
|
||||
|
||||
/**
|
||||
* Matches bold text via `__` as input.
|
||||
*/
|
||||
export const underscoreInputRegex = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))$/
|
||||
|
||||
/**
|
||||
* Matches bold text via `__` while pasting.
|
||||
*/
|
||||
export const underscorePasteRegex = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))/g
|
||||
|
||||
/**
|
||||
* This extension allows you to mark text as bold.
|
||||
* @see https://tiptap.dev/api/marks/bold
|
||||
*/
|
||||
export const Bold = Mark.create<BoldOptions>({
|
||||
name: 'bold',
|
||||
|
||||
addOptions() {
|
||||
return {
|
||||
HTMLAttributes: {},
|
||||
}
|
||||
},
|
||||
|
||||
parseHTML() {
|
||||
return [
|
||||
{
|
||||
tag: 'strong',
|
||||
},
|
||||
{
|
||||
tag: 'b',
|
||||
getAttrs: node => (node as HTMLElement).style.fontWeight !== 'normal' && null,
|
||||
},
|
||||
{
|
||||
style: 'font-weight=400',
|
||||
clearMark: mark => mark.type.name === this.name,
|
||||
},
|
||||
{
|
||||
style: 'font-weight',
|
||||
getAttrs: value => /^(bold(er)?|[5-9]\d{2,})$/.test(value as string) && null,
|
||||
},
|
||||
]
|
||||
},
|
||||
|
||||
renderHTML({ HTMLAttributes }) {
|
||||
return (
|
||||
<strong {...mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)}>
|
||||
<slot />
|
||||
</strong>
|
||||
)
|
||||
},
|
||||
|
||||
markdownTokenName: 'strong',
|
||||
|
||||
parseMarkdown: (token, helpers) => {
|
||||
// Convert 'strong' token to bold mark
|
||||
return helpers.applyMark('bold', helpers.parseInline(token.tokens || []))
|
||||
},
|
||||
|
||||
markdownOptions: {
|
||||
htmlReopen: {
|
||||
open: '<strong>',
|
||||
close: '</strong>',
|
||||
},
|
||||
},
|
||||
|
||||
renderMarkdown: (node, h) => {
|
||||
return `**${h.renderChildren(node)}**`
|
||||
},
|
||||
|
||||
addCommands() {
|
||||
return {
|
||||
setBold:
|
||||
() =>
|
||||
({ commands }) => {
|
||||
return commands.setMark(this.name)
|
||||
},
|
||||
toggleBold:
|
||||
() =>
|
||||
({ commands }) => {
|
||||
return commands.toggleMark(this.name)
|
||||
},
|
||||
unsetBold:
|
||||
() =>
|
||||
({ commands }) => {
|
||||
return commands.unsetMark(this.name)
|
||||
},
|
||||
}
|
||||
},
|
||||
|
||||
addKeyboardShortcuts() {
|
||||
return {
|
||||
'Mod-b': () => this.editor.commands.toggleBold(),
|
||||
'Mod-B': () => this.editor.commands.toggleBold(),
|
||||
}
|
||||
},
|
||||
|
||||
addInputRules() {
|
||||
return [
|
||||
markInputRule({
|
||||
find: starInputRegex,
|
||||
type: this.type,
|
||||
}),
|
||||
markInputRule({
|
||||
find: underscoreInputRegex,
|
||||
type: this.type,
|
||||
}),
|
||||
]
|
||||
},
|
||||
|
||||
addPasteRules() {
|
||||
return [
|
||||
markPasteRule({
|
||||
find: starPasteRegex,
|
||||
type: this.type,
|
||||
}),
|
||||
markPasteRule({
|
||||
find: underscorePasteRegex,
|
||||
type: this.type,
|
||||
}),
|
||||
]
|
||||
},
|
||||
})
|
||||
5
packages/extension-bold/src/index.ts
Normal file
5
packages/extension-bold/src/index.ts
Normal file
@@ -0,0 +1,5 @@
|
||||
import { Bold } from './bold.jsx'
|
||||
|
||||
export * from './bold.jsx'
|
||||
|
||||
export default Bold
|
||||
9
packages/extension-bold/vite.config.ts
Normal file
9
packages/extension-bold/vite.config.ts
Normal file
@@ -0,0 +1,9 @@
|
||||
import { defineConfig } from 'vite-plus'
|
||||
import { basePackConfig } from '../../pack.config.mjs'
|
||||
|
||||
export default defineConfig({
|
||||
pack: {
|
||||
entry: ['src/index.ts'],
|
||||
...basePackConfig(),
|
||||
},
|
||||
})
|
||||
Reference in New Issue
Block a user