@jvs-milkdown/crepe 1.2.18 → 1.2.20

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

@@ -8,5 +8,6 @@ export interface CrepeConfig extends CrepeBuilderConfig {
 export declare class Crepe extends CrepeBuilder {
     static Feature: typeof CrepeFeature;
     constructor(config?: CrepeConfig);
+    destroy: () => Promise<import("@jvs-milkdown/core").Editor>;
 }
 //# sourceMappingURL=crepe.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"crepe.d.ts","sourceRoot":"","sources":["../../../src/core/crepe.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAGpD,OAAO,EAAE,YAAY,EAAmB,MAAM,YAAY,CAAA;AAE1D,OAAO,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAGjE,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IAErD,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAA;IAGjD,cAAc,CAAC,EAAE,kBAAkB,CAAA;CACpC;AAGD,qBAAa,KAAM,SAAQ,YAAY;IAErC,MAAM,CAAC,OAAO,sBAAe;gBAKjB,MAAM,GAAE,WAAgB;CA2ErC"}
+{"version":3,"file":"crepe.d.ts","sourceRoot":"","sources":["../../../src/core/crepe.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAGpD,OAAO,EAAE,YAAY,EAAmB,MAAM,YAAY,CAAA;AAG1D,OAAO,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAGjE,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IAErD,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAA;IAGjD,cAAc,CAAC,EAAE,kBAAkB,CAAA;CACpC;AAGD,qBAAa,KAAM,SAAQ,YAAY;IAErC,MAAM,CAAC,OAAO,sBAAe;gBAKjB,MAAM,GAAE,WAAgB;IA0G3B,OAAO,qDAGf;CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/feature/fixed-toolbar/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAO9D,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,GAAG,EAKT,MAAM,KAAK,CAAA;AAEZ,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,GAAG,CAAA;AAQlD,KAAK,iBAAiB,GAAG;IACvB,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAClB,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,yBAAyB,CAAA;IAClC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACrB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,qBAAqB,oXA4JhC,CAAA"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/feature/fixed-toolbar/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAI9D,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,GAAG,EAIT,MAAM,KAAK,CAAA;AAEZ,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,GAAG,CAAA;AAOlD,KAAK,iBAAiB,GAAG;IACvB,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAClB,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,yBAAyB,CAAA;IAClC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACrB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,qBAAqB,oXA8JhC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"menu-bar.d.ts","sourceRoot":"","sources":["../../../../src/feature/fixed-toolbar/menu-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAchD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAsDjD,eAAO,MAAM,OAAO;;cAEO,MAAM,GAAG;;;;cACN,MAAM,kBAAkB;;;;;cAD3B,MAAM,GAAG;;;;cACN,MAAM,kBAAkB;;;+GAkgBpD,CAAA"}
+{"version":3,"file":"menu-bar.d.ts","sourceRoot":"","sources":["../../../../src/feature/fixed-toolbar/menu-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAahD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAsDjD,eAAO,MAAM,OAAO;;cAEO,MAAM,GAAG;;;;cACN,MAAM,kBAAkB;;;;;cAD3B,MAAM,GAAG;;;;cACN,MAAM,kBAAkB;;;+GAkgBpD,CAAA"}

package/lib/types/feature/toolbar/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/feature/toolbar/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAgBhD,OAAO,EACL,KAAK,SAAS,EAGf,MAAM,+BAA+B,CAAA;AAUtC,OAAO,EAEL,KAAK,GAAG,EACR,KAAK,UAAU,EAQhB,MAAM,KAAK,CAAA;AAEZ,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,GAAG,CAAA;AAmG7C,KAAK,YAAY,GAAG;IAClB,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAClB,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAeD,eAAO,MAAM,OAAO,0WA++ElB,CAAA"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/feature/toolbar/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAgBhD,OAAO,EACL,KAAK,SAAS,EAGf,MAAM,+BAA+B,CAAA;AAUtC,OAAO,EAEL,KAAK,GAAG,EACR,KAAK,UAAU,EAQhB,MAAM,KAAK,CAAA;AAEZ,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,GAAG,CAAA;AAmG7C,KAAK,YAAY,GAAG;IAClB,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IAClB,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAeD,eAAO,MAAM,OAAO,0WAihFlB,CAAA"}

package/lib/types/utils/fixed-toolbar-popup-state.d.ts

@@ -3,5 +3,6 @@ export declare function getIsAnyPopupOpen(): boolean;
 export declare function addPopupChangeListener(fn: Listener): () => void;
 export declare function incrementPopupCount(): void;
 export declare function decrementPopupCount(): void;
+export declare function resetPopupCount(): void;
 export {};
 //# sourceMappingURL=fixed-toolbar-popup-state.d.ts.map

package/lib/types/utils/fixed-toolbar-popup-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fixed-toolbar-popup-state.d.ts","sourceRoot":"","sources":["../../../src/utils/fixed-toolbar-popup-state.ts"],"names":[],"mappings":"AAAA,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAA;AAI1B,wBAAgB,iBAAiB,IAAI,OAAO,CAE3C;AAED,wBAAgB,sBAAsB,CAAC,EAAE,EAAE,QAAQ,GAAG,MAAM,IAAI,CAG/D;AAED,wBAAgB,mBAAmB,IAAI,IAAI,CAM1C;AAED,wBAAgB,mBAAmB,IAAI,IAAI,CAK1C"}
+{"version":3,"file":"fixed-toolbar-popup-state.d.ts","sourceRoot":"","sources":["../../../src/utils/fixed-toolbar-popup-state.ts"],"names":[],"mappings":"AAAA,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAA;AAI1B,wBAAgB,iBAAiB,IAAI,OAAO,CAE3C;AAED,wBAAgB,sBAAsB,CAAC,EAAE,EAAE,QAAQ,GAAG,MAAM,IAAI,CAG/D;AAED,wBAAgB,mBAAmB,IAAI,IAAI,CAM1C;AAED,wBAAgB,mBAAmB,IAAI,IAAI,CAK1C;AAED,wBAAgB,eAAe,IAAI,IAAI,CAGtC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jvs-milkdown/crepe",
-  "version": "1.2.18",
+  "version": "1.2.20",
   "keywords": [
     "crepe",
     "editor",
@@ -19,85 +19,145 @@
   ],
   "type": "module",
   "sideEffects": false,
-  "main": "./lib/esm/index.js",
+  "main": "./src/index.ts",
   "exports": {
     ".": {
-      "import": "./lib/esm/index.js",
-      "require": "./lib/cjs/index.js",
-      "types": "./lib/types/index.d.ts"
+      "import": "./src/index.ts"
     },
     "./builder": {
-      "import": "./lib/esm/builder.js",
-      "require": "./lib/cjs/builder.js",
-      "types": "./lib/types/builder.d.ts"
+      "import": "./src/builder.ts"
     },
     "./feature/block-edit": {
-      "import": "./lib/esm/feature/block-edit/index.js",
-      "require": "./lib/cjs/feature/block-edit/index.js",
-      "types": "./lib/types/feature/block-edit/index.d.ts"
+      "import": "./src/feature/block-edit/index.ts"
     },
     "./feature/code-mirror": {
-      "import": "./lib/esm/feature/code-mirror/index.js",
-      "require": "./lib/cjs/feature/code-mirror/index.js",
-      "types": "./lib/types/feature/code-mirror/index.d.ts"
+      "import": "./src/feature/code-mirror/index.ts"
     },
     "./feature/cursor": {
-      "import": "./lib/esm/feature/cursor/index.js",
-      "require": "./lib/cjs/feature/cursor/index.js",
-      "types": "./lib/types/feature/cursor/index.d.ts"
+      "import": "./src/feature/cursor/index.ts"
     },
     "./feature/image-block": {
-      "import": "./lib/esm/feature/image-block/index.js",
-      "require": "./lib/cjs/feature/image-block/index.js",
-      "types": "./lib/types/feature/image-block/index.d.ts"
+      "import": "./src/feature/image-block/index.ts"
     },
     "./feature/latex": {
-      "import": "./lib/esm/feature/latex/index.js",
-      "require": "./lib/cjs/feature/latex/index.js",
-      "types": "./lib/types/feature/latex/index.d.ts"
+      "import": "./src/feature/latex/index.ts"
     },
     "./feature/link-tooltip": {
-      "import": "./lib/esm/feature/link-tooltip/index.js",
-      "require": "./lib/cjs/feature/link-tooltip/index.js",
-      "types": "./lib/types/feature/link-tooltip/index.d.ts"
+      "import": "./src/feature/link-tooltip/index.ts"
     },
     "./feature/list-item": {
-      "import": "./lib/esm/feature/list-item/index.js",
-      "require": "./lib/cjs/feature/list-item/index.js",
-      "types": "./lib/types/feature/list-item/index.d.ts"
+      "import": "./src/feature/list-item/index.ts"
     },
     "./feature/placeholder": {
-      "import": "./lib/esm/feature/placeholder/index.js",
-      "require": "./lib/cjs/feature/placeholder/index.js",
-      "types": "./lib/types/feature/placeholder/index.d.ts"
+      "import": "./src/feature/placeholder/index.ts"
     },
     "./feature/table": {
-      "import": "./lib/esm/feature/table/index.js",
-      "require": "./lib/cjs/feature/table/index.js",
-      "types": "./lib/types/feature/table/index.d.ts"
+      "import": "./src/feature/table/index.ts"
     },
     "./feature/toolbar": {
-      "import": "./lib/esm/feature/toolbar/index.js",
-      "require": "./lib/cjs/feature/toolbar/index.js",
-      "types": "./lib/types/feature/toolbar/index.d.ts"
+      "import": "./src/feature/toolbar/index.ts"
     },
     "./feature/inline-diff": {
-      "import": "./lib/esm/feature/inline-diff/index.js",
-      "require": "./lib/cjs/feature/inline-diff/index.js",
-      "types": "./lib/types/feature/inline-diff/index.d.ts"
+      "import": "./src/feature/inline-diff/index.ts"
     },
     "./feature/diff-block": {
-      "import": "./lib/esm/feature/diff-block/index.js",
-      "require": "./lib/cjs/feature/diff-block/index.js",
-      "types": "./lib/types/feature/diff-block/index.d.ts"
+      "import": "./src/feature/diff-block/index.ts"
     },
-    "./theme/common/*": "./lib/theme/common/*",
-    "./theme/classic.css": "./lib/theme/crepe/style.css",
-    "./theme/classic-dark.css": "./lib/theme/crepe-dark/style.css",
-    "./theme/nord.css": "./lib/theme/nord/style.css",
-    "./theme/nord-dark.css": "./lib/theme/nord-dark/style.css",
-    "./theme/frame.css": "./lib/theme/frame/style.css",
-    "./theme/frame-dark.css": "./lib/theme/frame-dark/style.css"
+    "./theme/common/*": "./src/theme/common/*",
+    "./theme/classic.css": "./src/theme/crepe/style.css",
+    "./theme/classic-dark.css": "./src/theme/crepe-dark/style.css",
+    "./theme/nord.css": "./src/theme/nord/style.css",
+    "./theme/nord-dark.css": "./src/theme/nord-dark/style.css",
+    "./theme/frame.css": "./src/theme/frame/style.css",
+    "./theme/frame-dark.css": "./src/theme/frame-dark/style.css"
+  },
+  "publishConfig": {
+    "exports": {
+      ".": {
+        "import": "./lib/esm/index.js",
+        "require": "./lib/cjs/index.js",
+        "types": "./lib/types/index.d.ts"
+      },
+      "./builder": {
+        "import": "./lib/esm/builder.js",
+        "require": "./lib/cjs/builder.js",
+        "types": "./lib/types/builder.d.ts"
+      },
+      "./feature/block-edit": {
+        "import": "./lib/esm/feature/block-edit/index.js",
+        "require": "./lib/cjs/feature/block-edit/index.js",
+        "types": "./lib/types/feature/block-edit/index.d.ts"
+      },
+      "./feature/code-mirror": {
+        "import": "./lib/esm/feature/code-mirror/index.js",
+        "require": "./lib/cjs/feature/code-mirror/index.js",
+        "types": "./lib/types/feature/code-mirror/index.d.ts"
+      },
+      "./feature/cursor": {
+        "import": "./lib/esm/feature/cursor/index.js",
+        "require": "./lib/cjs/feature/cursor/index.js",
+        "types": "./lib/types/feature/cursor/index.d.ts"
+      },
+      "./feature/image-block": {
+        "import": "./lib/esm/feature/image-block/index.js",
+        "require": "./lib/cjs/feature/image-block/index.js",
+        "types": "./lib/types/feature/image-block/index.d.ts"
+      },
+      "./feature/latex": {
+        "import": "./lib/esm/feature/latex/index.js",
+        "require": "./lib/cjs/feature/latex/index.js",
+        "types": "./lib/types/feature/latex/index.d.ts"
+      },
+      "./feature/link-tooltip": {
+        "import": "./lib/esm/feature/link-tooltip/index.js",
+        "require": "./lib/cjs/feature/link-tooltip/index.js",
+        "types": "./lib/types/feature/link-tooltip/index.d.ts"
+      },
+      "./feature/list-item": {
+        "import": "./lib/esm/feature/list-item/index.js",
+        "require": "./lib/cjs/feature/list-item/index.js",
+        "types": "./lib/types/feature/list-item/index.d.ts"
+      },
+      "./feature/placeholder": {
+        "import": "./lib/esm/feature/placeholder/index.js",
+        "require": "./lib/cjs/feature/placeholder/index.js",
+        "types": "./lib/types/feature/placeholder/index.d.ts"
+      },
+      "./feature/table": {
+        "import": "./lib/esm/feature/table/index.js",
+        "require": "./lib/cjs/feature/table/index.js",
+        "types": "./lib/types/feature/table/index.d.ts"
+      },
+      "./feature/toolbar": {
+        "import": "./lib/esm/feature/toolbar/index.js",
+        "require": "./lib/cjs/feature/toolbar/index.js",
+        "types": "./lib/types/feature/toolbar/index.d.ts"
+      },
+      "./feature/inline-diff": {
+        "import": "./lib/esm/feature/inline-diff/index.js",
+        "require": "./lib/cjs/feature/inline-diff/index.js",
+        "types": "./lib/types/feature/inline-diff/index.d.ts"
+      },
+      "./feature/diff-block": {
+        "import": "./lib/esm/feature/diff-block/index.js",
+        "require": "./lib/cjs/feature/diff-block/index.js",
+        "types": "./lib/types/feature/diff-block/index.d.ts"
+      },
+      "./theme/common/*": "./lib/theme/common/*",
+      "./theme/classic.css": "./lib/theme/crepe/style.css",
+      "./theme/classic-dark.css": "./lib/theme/crepe-dark/style.css",
+      "./theme/nord.css": "./lib/theme/nord/style.css",
+      "./theme/nord-dark.css": "./lib/theme/nord-dark/style.css",
+      "./theme/frame.css": "./lib/theme/frame/style.css",
+      "./theme/frame-dark.css": "./lib/theme/frame-dark/style.css"
+    },
+    "main": "./lib/esm/index.js",
+    "types": "./lib/types/index.d.ts"
+  },
+  "scripts": {
+    "build": "pnpm run build:es && pnpm run build:theme && echo",
+    "build:es": "rollup -c",
+    "build:theme": "postcss src/theme/**/*.css --base src/theme --dir lib/theme && xcopy /E /I /Y src\\theme\\fonts lib\\theme\\fonts"
   },
   "dependencies": {
     "@codemirror/commands": "^6.3.3",
@@ -107,9 +167,9 @@
     "@codemirror/theme-one-dark": "^6.1.2",
     "@codemirror/view": "^6.26.0",
     "@floating-ui/dom": "^1.7.6",
-    "@jvs-milkdown/kit": "^1.2.18",
-    "@jvs-milkdown/prose": "^1.2.18",
-    "@jvs-milkdown/utils": "^1.2.18",
+    "@jvs-milkdown/kit": "^1.2.20",
+    "@jvs-milkdown/prose": "^1.2.20",
+    "@jvs-milkdown/utils": "^1.2.20",
     "@types/lodash-es": "^4.17.12",
     "clsx": "^2.0.0",
     "codemirror": "^6.0.1",
@@ -127,11 +187,5 @@
     "@vue/reactivity": "^3.5.34",
     "@vue/runtime-core": "^3.5.34",
     "@vue/runtime-dom": "^3.5.34"
-  },
-  "scripts": {
-    "build": "pnpm run build:es && pnpm run build:theme && echo",
-    "build:es": "rollup -c",
-    "build:theme": "postcss src/theme/**/*.css --base src/theme --dir lib/theme && xcopy /E /I /Y src\\theme\\fonts lib\\theme\\fonts"
-  },
-  "types": "./lib/types/index.d.ts"
-}
+  }
+}

package/src/core/crepe.ts

@@ -6,6 +6,7 @@ import type { CrepeFeatureConfig } from '../feature'
 import { defaultConfig } from '../default-config'
 import { CrepeFeature, defaultFeatures } from '../feature'
 import { loadFeature } from '../feature/loader'
+import { resetPopupCount } from '../utils/fixed-toolbar-popup-state'
 import { CrepeBuilder, type CrepeBuilderConfig } from './builder'
 
 /// The crepe editor configuration.
@@ -26,6 +27,7 @@ export class Crepe extends CrepeBuilder {
   /// You can pass configs to the editor to configure the editor.
   /// Calling the constructor will not create the editor, you need to call `create` to create the editor.
   constructor(config: CrepeConfig = {}) {
+    resetPopupCount()
     const { features = {}, featureConfigs = {}, ...crepeBuilderConfig } = config
     const finalConfigs = defaultsDeep(featureConfigs, defaultConfig)
     const fixedToolbarConfig = finalConfigs[CrepeFeature.FixedToolbar]
@@ -67,31 +69,60 @@ export class Crepe extends CrepeBuilder {
       this.on((listener) => {
         listener.markdownUpdated((_, markdown) => {
           try {
-            const stored = localStorage.getItem('jvs-milkdown-data')
-            let parsed: any = {}
-            if (stored) {
-              parsed = JSON.parse(stored)
-            }
-            if (!parsed.content) {
-              parsed.content = {}
-            }
             const html = this.editor.action(getHTML())
             const docId = fixedToolbarConfig.id || 'default'
 
-            const currentEntry = parsed.content[docId]
-            const hasChanged =
-              !currentEntry ||
-              (typeof currentEntry === 'string' && currentEntry !== markdown) ||
-              (typeof currentEntry === 'object' &&
-                (currentEntry.markdown !== markdown ||
-                  currentEntry.html !== html))
-
-            if (hasChanged) {
-              parsed.content[docId] = {
-                markdown,
-                html,
+            const saveToLocalStorage = (mdVal: string, htmlVal: string) => {
+              try {
+                const stored = localStorage.getItem('jvs-milkdown-data')
+                let parsed: any = {}
+                if (stored) {
+                  parsed = JSON.parse(stored)
+                }
+                if (!parsed.content) {
+                  parsed.content = {}
+                }
+                const currentEntry = parsed.content[docId]
+                const hasChanged =
+                  !currentEntry ||
+                  (typeof currentEntry === 'string' &&
+                    currentEntry !== mdVal) ||
+                  (typeof currentEntry === 'object' &&
+                    (currentEntry.markdown !== mdVal ||
+                      currentEntry.html !== htmlVal))
+
+                if (hasChanged) {
+                  parsed.content[docId] = {
+                    markdown: mdVal,
+                    html: htmlVal,
+                  }
+                  localStorage.setItem(
+                    'jvs-milkdown-data',
+                    JSON.stringify(parsed)
+                  )
+                }
+              } catch (e) {
+                console.error('Error saving content to localStorage:', e)
               }
-              localStorage.setItem('jvs-milkdown-data', JSON.stringify(parsed))
+            }
+
+            const hasBlobUrl =
+              /blob:https?:\/\//.test(markdown) || /blob:https?:\/\//.test(html)
+
+            if (hasBlobUrl) {
+              Promise.all([
+                replaceBlobUrlsWithBase64(markdown),
+                replaceBlobUrlsWithBase64(html),
+              ])
+                .then(([base64Markdown, base64Html]) => {
+                  saveToLocalStorage(base64Markdown, base64Html)
+                })
+                .catch((e) => {
+                  console.error('Error converting blob URLs:', e)
+                  saveToLocalStorage(markdown, html)
+                })
+            } else {
+              saveToLocalStorage(markdown, html)
             }
           } catch (e) {
             console.error('Error saving content to localStorage:', e)
@@ -100,4 +131,35 @@ export class Crepe extends CrepeBuilder {
       })
     }
   }
+
+  override destroy = () => {
+    resetPopupCount()
+    return this.editor.destroy()
+  }
+}
+
+async function replaceBlobUrlsWithBase64(content: string): Promise<string> {
+  const blobRegex = /blob:https?:\/\/[^\s'")>]+/g
+  const matches = content.match(blobRegex)
+  if (!matches) return content
+
+  let result = content
+  const uniqueBlobs = Array.from(new Set(matches))
+
+  for (const blobUrl of uniqueBlobs) {
+    try {
+      const response = await fetch(blobUrl)
+      const blob = await response.blob()
+      const base64 = await new Promise<string>((resolve, reject) => {
+        const reader = new FileReader()
+        reader.onloadend = () => resolve(reader.result as string)
+        reader.onerror = reject
+        reader.readAsDataURL(blob)
+      })
+      result = result.replaceAll(blobUrl, base64)
+    } catch (e) {
+      console.error('Failed to convert blob URL to base64:', blobUrl, e)
+    }
+  }
+  return result
 }

package/src/feature/fixed-toolbar/component.tsx

@@ -1,24 +1,19 @@
 import type { Ctx } from '@jvs-milkdown/kit/ctx'
 import type { Selection } from '@jvs-milkdown/kit/prose/state'
 
-import { Icon } from '@jvs-milkdown/kit/component'
-import { commandsCtx, editorViewCtx } from '@jvs-milkdown/kit/core'
-import { getMarkdown } from '@jvs-milkdown/kit/utils'
-import { replaceAll } from '@jvs-milkdown/utils'
+import { commandsCtx } from '@jvs-milkdown/kit/core'
 // @ts-ignore
 import {
   defineComponent,
   type ShallowRef,
   type Ref,
   ref,
-  h,
   onMounted,
   onUnmounted,
 } from 'vue'
 
 import type { FixedToolbarFeatureConfig } from '.'
 
-import { i18n } from '../../core/locale'
 import { undoIcon, redoIcon } from '../../icons'
 import { Toolbar } from '../toolbar/component'
 import { MenuBar } from './menu-bar'
@@ -82,6 +77,8 @@ export const FixedToolbarComponent = defineComponent<FixedToolbarProps>({
             justifyContent: 'center',
             width: '100%',
             gap: '0px',
+            minWidth: '0',
+            overflow: 'hidden',
           }}
         >
           {props.config?.showMenuBar !== false && [

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

@@ -3,7 +3,7 @@ import type { PluginView, Selection } from '@jvs-milkdown/kit/prose/state'
 import type { EditorView } from '@jvs-milkdown/kit/prose/view'
 
 import { Plugin, PluginKey, TextSelection } from '@jvs-milkdown/kit/prose/state'
-import { $ctx, $prose, getMarkdown } from '@jvs-milkdown/kit/utils'
+import { $ctx, $prose } from '@jvs-milkdown/kit/utils'
 import { undo, redo } from '@jvs-milkdown/prose/history'
 // @ts-ignore
 import {

package/src/feature/fixed-toolbar/menu-bar.tsx

@@ -8,7 +8,6 @@ import {
   onUnmounted,
   computed,
   onMounted,
-  h,
   watch,
 } from 'vue'