@jvs-milkdown/crepe 1.2.23 → 1.2.25

package/lib/types/core/builder.d.ts

@@ -3,6 +3,7 @@ import { type ListenerManager } from '@jvs-milkdown/kit/plugin/listener';
 import type { CrepeFeatureConfig } from '../feature';
 import type { DefineFeature } from '../feature/shared';
 import { CrepeFeature } from '../feature';
+import { type ViewMenuState } from '../feature/fixed-toolbar/view-menu-state';
 import { type CrepeTranslations } from './locale';
 export interface CrepeBuilderConfig {
     root?: Node | string | null;
@@ -28,5 +29,7 @@ export declare class CrepeBuilder {
     on: (fn: (api: ListenerManager) => void) => this;
     get outlineVisible(): boolean;
     setOutlineVisible: (visible: boolean) => this;
+    getViewMenuState: () => any;
+    setViewMenuState: (state: Partial<ViewMenuState>) => this;
 }
 //# sourceMappingURL=builder.d.ts.map

package/lib/types/core/builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"builder.d.ts","sourceRoot":"","sources":["../../../src/core/builder.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,YAAY,EAEjB,MAAM,EAKP,MAAM,wBAAwB,CAAA;AAI/B,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,mCAAmC,CAAA;AAO1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAGzC,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAW7D,MAAM,WAAW,kBAAkB;IAIjC,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAG3B,YAAY,CAAC,EAAE,YAAY,CAAA;IAG3B,MAAM,CAAC,EAAE,MAAM,CAAA;IAGf,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAA;CAC1D;AAID,qBAAa,YAAY;;gBAYX,EACV,IAAI,EACJ,YAAiB,EACjB,MAAgB,EAChB,YAAY,GACb,GAAE,kBAAuB;IA0H1B,UAAU,EAAE;QACV,CAAC,CAAC,SAAS,YAAY,EACrB,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,EAC7C,MAAM,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC7B,YAAY,CAAA;QACf,CAAC,CAAC,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,YAAY,CAAA;KACzD,CAGA;IAGD,MAAM,wBAEL;IAGD,OAAO,wBAEN;IAGD,IAAI,MAAM,IAAI,MAAM,CAEnB;IAGD,IAAI,QAAQ,YAEX;IAGD,WAAW,GAAI,OAAO,OAAO,UAW5B;IAGD,WAAW,eAEV;IAGD,QAAQ,GAAI,aAAa,MAAM,EAAE,aAAa,MAAM,UAMnD;IAGD,QAAQ,aAMP;IAGD,EAAE,GAAI,IAAI,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,UAavC;IAGD,IAAI,cAAc,YAejB;IAGD,iBAAiB,GAAI,SAAS,OAAO,UAcpC;CACF"}
+{"version":3,"file":"builder.d.ts","sourceRoot":"","sources":["../../../src/core/builder.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,YAAY,EAEjB,MAAM,EAKP,MAAM,wBAAwB,CAAA;AAI/B,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,mCAAmC,CAAA;AAO1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAEzC,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,0CAA0C,CAAA;AAEjD,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAU7D,MAAM,WAAW,kBAAkB;IAIjC,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAG3B,YAAY,CAAC,EAAE,YAAY,CAAA;IAG3B,MAAM,CAAC,EAAE,MAAM,CAAA;IAGf,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAA;CAC1D;AAID,qBAAa,YAAY;;gBAYX,EACV,IAAI,EACJ,YAAiB,EACjB,MAAgB,EAChB,YAAY,GACb,GAAE,kBAAuB;IA0H1B,UAAU,EAAE;QACV,CAAC,CAAC,SAAS,YAAY,EACrB,OAAO,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,EAC7C,MAAM,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC7B,YAAY,CAAA;QACf,CAAC,CAAC,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,YAAY,CAAA;KACzD,CAGA;IAGD,MAAM,wBAEL;IAGD,OAAO,wBAEN;IAGD,IAAI,MAAM,IAAI,MAAM,CAEnB;IAGD,IAAI,QAAQ,YAEX;IAGD,WAAW,GAAI,OAAO,OAAO,UAW5B;IAGD,WAAW,eAEV;IAGD,QAAQ,GAAI,aAAa,MAAM,EAAE,aAAa,MAAM,UAMnD;IAGD,QAAQ,aAMP;IAGD,EAAE,GAAI,IAAI,CAAC,GAAG,EAAE,eAAe,KAAK,IAAI,UAavC;IAGD,IAAI,cAAc,YAejB;IAGD,iBAAiB,GAAI,SAAS,OAAO,UAcpC;IAGD,gBAAgB,YAwBf;IAGD,gBAAgB,GAAI,OAAO,OAAO,CAAC,aAAa,CAAC,UAchD;CACF"}

package/lib/types/feature/fixed-toolbar/index.d.ts

@@ -3,6 +3,7 @@ import { PluginKey } from '@jvs-milkdown/kit/prose/state';
 import type { GroupBuilder } from '../../utils';
 import type { DefineFeature } from '../shared';
 import type { ToolbarItem } from '../toolbar/config';
+import { type EditorWidth } from './view-menu-state';
 export interface FixedToolbarConfig {
     boldIcon?: string;
     codeIcon?: string;
@@ -32,6 +33,13 @@ export interface FixedToolbarConfig {
     onImport?: (replaceContent: (markdown: string) => void, ctx: Ctx) => void;
     useLocalStorage?: boolean;
     id?: string;
+    outlineVisible?: boolean;
+    outlineWidth?: number;
+    documentBackground?: string | null;
+    showTitle?: boolean;
+    showCover?: boolean;
+    coverUrl?: string;
+    editorWidth?: EditorWidth;
 }
 export type FixedToolbarFeatureConfig = Partial<FixedToolbarConfig>;
 export declare const fixedToolbarConfig: import("@jvs-milkdown/utils").$Ctx<Partial<FixedToolbarConfig>, "fixedToolbarConfigCtx">;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/feature/fixed-toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAIhD,OAAO,EAAU,SAAS,EAAiB,MAAM,+BAA+B,CAAA;AAehF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAYpD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IAC3D,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAClC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAC/C,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE;QACb,IAAI,CAAC,EAAE,OAAO,CAAA;QACd,IAAI,CAAC,EAAE,OAAO,CAAA;QACd,IAAI,CAAC,EAAE,OAAO,CAAA;QACd,MAAM,CAAC,EAAE,OAAO,CAAA;QAChB,MAAM,CAAC,EAAE,OAAO,CAAA;KACjB,CAAA;IACD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IACzE,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAA;AAEnE,eAAO,MAAM,kBAAkB,0FAG9B,CAAA;AAED,eAAO,MAAM,eAAe,gBAA0C,CAAA;AAsWtE,eAAO,MAAM,kBAAkB,sCAK7B,CAAA;AAEF,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,yBAAyB,CA6BjE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/feature/fixed-toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAIhD,OAAO,EAAU,SAAS,EAAiB,MAAM,+BAA+B,CAAA;AAehF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAUpD,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAA;AAE1B,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IAC3D,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAClC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAC/C,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE;QACb,IAAI,CAAC,EAAE,OAAO,CAAA;QACd,IAAI,CAAC,EAAE,OAAO,CAAA;QACd,IAAI,CAAC,EAAE,OAAO,CAAA;QACd,MAAM,CAAC,EAAE,OAAO,CAAA;QAChB,MAAM,CAAC,EAAE,OAAO,CAAA;KACjB,CAAA;IACD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;IACzE,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B;AAED,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAA;AAEnE,eAAO,MAAM,kBAAkB,0FAG9B,CAAA;AAED,eAAO,MAAM,eAAe,gBAA0C,CAAA;AAoXtE,eAAO,MAAM,kBAAkB,sCAK7B,CAAA;AAEF,eAAO,MAAM,YAAY,EAAE,aAAa,CAAC,yBAAyB,CA6BjE,CAAA"}

package/package.json

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

package/src/core/builder.ts

@@ -27,6 +27,10 @@ import type { DefineFeature } from '../feature/shared'
 
 import { CrepeFeature } from '../feature'
 import { attachmentConfig } from '../feature/attachment/config'
+import {
+  viewMenuStateCtx,
+  type ViewMenuState,
+} from '../feature/fixed-toolbar/view-menu-state'
 import { inlineDiffApiCtx } from '../feature/inline-diff/config'
 import { zhCN, enUS, type CrepeTranslations } from './locale'
 import {
@@ -36,7 +40,6 @@ import {
   translationsCtx,
   useCrepeFeatures,
 } from './slice'
-import { viewMenuStateCtx } from '../feature/fixed-toolbar/view-menu-state'
 
 /// The crepe builder configuration.
 export interface CrepeBuilderConfig {
@@ -314,4 +317,48 @@ export class CrepeBuilder {
     })
     return this
   }
+
+  /// Get the configuration/state of the view menu (outline, background, title, cover, width, etc.)
+  getViewMenuState = () => {
+    let state: any = null
+    this.#editor.action((ctx) => {
+      if (this.#editor.status === EditorStatus.Created) {
+        try {
+          const viewState = ctx.get(viewMenuStateCtx.key)
+          if (viewState) {
+            state = {
+              outlineVisible: viewState.outlineVisible,
+              outlinePosition: viewState.outlinePosition,
+              outlineWidth: viewState.outlineWidth,
+              documentBackground: viewState.documentBackground,
+              showTitle: viewState.showTitle,
+              showCover: viewState.showCover,
+              coverUrl: viewState.coverUrl,
+              editorWidth: viewState.editorWidth,
+            }
+          }
+        } catch (e) {
+          // Ignore if FixedToolbar feature is not loaded
+        }
+      }
+    })
+    return state
+  }
+
+  /// Update/set the state of the view menu
+  setViewMenuState = (state: Partial<ViewMenuState>) => {
+    this.#editor.action((ctx) => {
+      if (this.#editor.status === EditorStatus.Created) {
+        try {
+          const viewState = ctx.get(viewMenuStateCtx.key)
+          if (viewState) {
+            Object.assign(viewState, state)
+          }
+        } catch (e) {
+          // Ignore if FixedToolbar feature is not loaded
+        }
+      }
+    })
+    return this
+  }
 }

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

@@ -29,7 +29,11 @@ import { FixedToolbarComponent } from './component'
 import { buildDefaultFixedToolbar } from './config'
 import { DocumentHeader } from './document-header'
 import { OutlinePanel } from './outline-panel'
-import { viewMenuStateCtx, editorWidthMap } from './view-menu-state'
+import {
+  viewMenuStateCtx,
+  editorWidthMap,
+  type EditorWidth,
+} from './view-menu-state'
 
 export interface FixedToolbarConfig {
   boldIcon?: string
@@ -60,6 +64,13 @@ export interface FixedToolbarConfig {
   onImport?: (replaceContent: (markdown: string) => void, ctx: Ctx) => void
   useLocalStorage?: boolean
   id?: string
+  outlineVisible?: boolean
+  outlineWidth?: number
+  documentBackground?: string | null
+  showTitle?: boolean
+  showCover?: boolean
+  coverUrl?: string
+  editorWidth?: EditorWidth
 }
 
 export type FixedToolbarFeatureConfig = Partial<FixedToolbarConfig>
@@ -95,6 +106,20 @@ class FixedToolbarView implements PluginView {
     const config = ctx.get(fixedToolbarConfig.key)
     const viewState = ctx.get(viewMenuStateCtx.key)
 
+    if (config?.outlineVisible !== undefined)
+      viewState.outlineVisible = config.outlineVisible
+    if (config?.outlinePosition !== undefined)
+      viewState.outlinePosition = config.outlinePosition
+    if (config?.outlineWidth !== undefined)
+      viewState.outlineWidth = config.outlineWidth
+    if (config?.documentBackground !== undefined)
+      viewState.documentBackground = config.documentBackground
+    if (config?.showTitle !== undefined) viewState.showTitle = config.showTitle
+    if (config?.showCover !== undefined) viewState.showCover = config.showCover
+    if (config?.coverUrl !== undefined) viewState.coverUrl = config.coverUrl
+    if (config?.editorWidth !== undefined)
+      viewState.editorWidth = config.editorWidth
+
     // Load initial view menu state from localStorage if useLocalStorage is enabled
     if (config?.useLocalStorage) {
       try {

package/src/theme/common/toolbar.css

@@ -93,7 +93,7 @@
         color-mix(in srgb, var(--crepe-color-outline), transparent 80%)
       );
     padding: 0 10px;
-    z-index: 101;
+    z-index: 150;
     position: sticky;
     top: 0;
     flex-shrink: 0;