mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-07-22 04:26:23 +08:00
L-Sun
24448659a4
Fix #12284 Close [BS-3517](https://linear.app/affine-design/issue/BS-3517/微软新注音输入法无法使用markdown语法) This PR refactor the markdown transform during inputting, including: - Transfrom markdown syntax input in `inlineEditor.slots.inputting`, where we can detect the space character inputed by IME like Microsoft Bopomofo, but `keydown` event can't. - Remove `markdown-input.ts` which was used in `KeymapExtension` of paragraph, and refactor with `InlineMarkdownExtension` - Adjust existing `InlineMarkdownExtension` since the space is included in text. - Add two `InlineMarkdownExtension` for paragraph and list to impl Heading1-6, number, bullet, to-do list conversion. Other changes: - Improve type hint for parameter of `store.addBlock` <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit ## Summary by CodeRabbit - **New Features** - Added markdown shortcuts for creating code blocks and dividers in the rich text editor. - Introduced enhanced paragraph markdown support for headings and blockquotes with inline markdown patterns. - Integrated new list markdown extension supporting numbered, bulleted, and todo lists with checked states. - **Improvements** - Updated markdown formatting patterns to require trailing spaces for links, LaTeX, and inline styles, improving detection accuracy. - Markdown transformations now respond to input events instead of keydown for smoother editing experience. - Added focus management after markdown transformations to maintain seamless editing flow. - **Bug Fixes** - Removed unnecessary prevention of default behavior on space and shift-space key presses in list and paragraph editors. - **Refactor** - Enhanced event handling and typing for editor input events, improving reliability and maintainability. - Refined internal prefix text extraction logic for markdown processing. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
67 lines
1.7 KiB
TypeScript
67 lines
1.7 KiB
TypeScript
import {
|
|
type ViewExtensionContext,
|
|
ViewExtensionProvider,
|
|
} from '@blocksuite/affine-ext-loader';
|
|
import { ParagraphBlockModel } from '@blocksuite/affine-model';
|
|
import { BlockViewExtension, FlavourExtension } from '@blocksuite/std';
|
|
import { literal } from 'lit/static-html.js';
|
|
import { z } from 'zod';
|
|
|
|
import { effects } from './effects';
|
|
import { ParagraphMarkdownExtension } from './markdown.js';
|
|
import { ParagraphBlockConfigExtension } from './paragraph-block-config.js';
|
|
import {
|
|
ParagraphKeymapExtension,
|
|
ParagraphTextKeymapExtension,
|
|
} from './paragraph-keymap.js';
|
|
|
|
const placeholders = {
|
|
text: "Type '/' for commands",
|
|
h1: 'Heading 1',
|
|
h2: 'Heading 2',
|
|
h3: 'Heading 3',
|
|
h4: 'Heading 4',
|
|
h5: 'Heading 5',
|
|
h6: 'Heading 6',
|
|
quote: '',
|
|
};
|
|
|
|
const optionsSchema = z.object({
|
|
getPlaceholder: z.optional(
|
|
z.function().args(z.instanceof(ParagraphBlockModel)).returns(z.string())
|
|
),
|
|
});
|
|
|
|
export class ParagraphViewExtension extends ViewExtensionProvider<
|
|
z.infer<typeof optionsSchema>
|
|
> {
|
|
override name = 'affine-paragraph-block';
|
|
|
|
override schema = optionsSchema;
|
|
|
|
override effect(): void {
|
|
super.effect();
|
|
effects();
|
|
}
|
|
|
|
override setup(
|
|
context: ViewExtensionContext,
|
|
options?: z.infer<typeof optionsSchema>
|
|
) {
|
|
super.setup(context, options);
|
|
const getPlaceholder =
|
|
options?.getPlaceholder ?? (model => placeholders[model.props.type]);
|
|
|
|
context.register([
|
|
FlavourExtension('affine:paragraph'),
|
|
BlockViewExtension('affine:paragraph', literal`affine-paragraph`),
|
|
ParagraphTextKeymapExtension,
|
|
ParagraphKeymapExtension,
|
|
ParagraphBlockConfigExtension({
|
|
getPlaceholder,
|
|
}),
|
|
ParagraphMarkdownExtension,
|
|
]);
|
|
}
|
|
}
|