@jvs-milkdown/crepe 1.2.7 → 1.2.9

package/lib/types/feature/fixed-toolbar/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../src/feature/fixed-toolbar/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAgChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAkDxD,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,EAClC,OAAO,CAAC,EAAE,yBAAyB,EACnC,GAAG,CAAC,EAAE,GAAG;;;;;;;;IAidV"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../src/feature/fixed-toolbar/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAgChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAkDxD,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,EAClC,OAAO,CAAC,EAAE,yBAAyB,EACnC,GAAG,CAAC,EAAE,GAAG;;;;;;;;IAodV"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jvs-milkdown/crepe",
-  "version": "1.2.7",
+  "version": "1.2.9",
   "keywords": [
     "crepe",
     "editor",
@@ -97,9 +97,9 @@
     "@codemirror/theme-one-dark": "^6.1.2",
     "@codemirror/view": "^6.26.0",
     "@floating-ui/dom": "^1.7.6",
-    "@jvs-milkdown/kit": "^1.2.7",
-    "@jvs-milkdown/prose": "^1.2.7",
-    "@jvs-milkdown/utils": "^1.2.7",
+    "@jvs-milkdown/kit": "^1.2.9",
+    "@jvs-milkdown/prose": "^1.2.9",
+    "@jvs-milkdown/utils": "^1.2.9",
     "@types/lodash-es": "^4.17.12",
     "clsx": "^2.0.0",
     "codemirror": "^6.0.1",

package/src/feature/fixed-toolbar/config.ts

@@ -368,6 +368,38 @@ export function buildDefaultFixedToolbar(
     })
 
   const blockGroup = builder.addGroup('block', 'Block')
+
+  if (isTableEnabled) {
+    blockGroup.addItem('table', {
+      label: ctx ? i18n(ctx, 'menu.item.table') : 'Table',
+      icon: tableIcon,
+      active: () => false,
+      onRun: (ctx) => {
+        const commands = ctx.get(commandsCtx)
+        const view = ctx.get(editorViewCtx)
+        const { from } = view.state.selection
+        commands.call(addBlockTypeCommand.key, {
+          nodeType: createTable(ctx, 3, 3),
+        })
+        commands.call(selectTextNearPosCommand.key, { pos: from })
+      },
+    })
+  }
+
+  if (isImageBlockEnabled) {
+    blockGroup.addItem('image', {
+      label: ctx ? i18n(ctx, 'menu.item.image') : 'Image',
+      icon: imageIcon,
+      active: () => false,
+      onRun: (ctx) => {
+        const commands = ctx.get(commandsCtx)
+        commands.call(addBlockTypeCommand.key, {
+          nodeType: imageBlockSchema.type(ctx),
+        })
+      },
+    })
+  }
+
   blockGroup
     .addItem('quote', {
       label: ctx ? i18n(ctx, 'menu.item.quote') : 'Quote',
@@ -440,19 +472,6 @@ export function buildDefaultFixedToolbar(
       },
     })
 
-  if (isImageBlockEnabled) {
-    blockGroup.addItem('image', {
-      label: ctx ? i18n(ctx, 'menu.item.image') : 'Image',
-      icon: imageIcon,
-      active: () => false,
-      onRun: (ctx) => {
-        const commands = ctx.get(commandsCtx)
-        commands.call(addBlockTypeCommand.key, {
-          nodeType: imageBlockSchema.type(ctx),
-        })
-      },
-    })
-  }
 
   if (isAttachmentEnabled) {
     blockGroup.addItem('attachment', {
@@ -513,22 +532,6 @@ export function buildDefaultFixedToolbar(
     },
   })
 
-  if (isTableEnabled) {
-    blockGroup.addItem('table', {
-      label: ctx ? i18n(ctx, 'menu.item.table') : 'Table',
-      icon: tableIcon,
-      active: () => false,
-      onRun: (ctx) => {
-        const commands = ctx.get(commandsCtx)
-        const view = ctx.get(editorViewCtx)
-        const { from } = view.state.selection
-        commands.call(addBlockTypeCommand.key, {
-          nodeType: createTable(ctx, 3, 3),
-        })
-        commands.call(selectTextNearPosCommand.key, { pos: from })
-      },
-    })
-  }
 
   if (isLatexEnabled) {
     blockGroup.addItem('math-block', {

package/src/feature/fixed-toolbar/document-header.tsx

@@ -12,6 +12,8 @@ import {
 
 import type { FixedToolbarConfig } from './index'
 
+import { editorViewCtx } from '@jvs-milkdown/kit/core'
+
 import { builtInCoverImages, randomCover } from './cover-defaults'
 import { viewMenuStateCtx, editorWidthMap } from './view-menu-state'
 
@@ -283,6 +285,23 @@ export const DocumentHeader = defineComponent({
                   title.value = (e.target as HTMLTextAreaElement).value
                   adjustTitleHeight()
                 }}
+                onKeydown={(e: KeyboardEvent) => {
+                  if (e.key !== 'Enter') return
+                  e.preventDefault()
+                  if (e.ctrlKey || e.metaKey) {
+                    const target = e.target as HTMLTextAreaElement
+                    const start = target.selectionStart
+                    const end = target.selectionEnd
+                    title.value = title.value.slice(0, start) + '\n' + title.value.slice(end)
+                    requestAnimationFrame(() => {
+                      target.selectionStart = target.selectionEnd = start + 1
+                      adjustTitleHeight()
+                    })
+                  } else {
+                    const view = props.ctx.get(editorViewCtx)
+                    view?.focus()
+                  }
+                }}
                 rows={1}
                 style={{
                   width: '100%',

package/src/feature/index.ts

@@ -75,7 +75,7 @@ export const defaultFeatures: Record<CrepeFeature, boolean> = {
   [CrepeFeature.BlockEdit]: true,
   [CrepeFeature.Placeholder]: true,
   [CrepeFeature.Toolbar]: true,
-  [CrepeFeature.FixedToolbar]: false,
+  [CrepeFeature.FixedToolbar]: true,
   [CrepeFeature.CodeMirror]: true,
   [CrepeFeature.Table]: true,
   [CrepeFeature.Latex]: true,