@milkdown/crepe 7.16.0 → 7.17.0

package/lib/types/feature/code-mirror/index.d.ts

@@ -1,23 +1,10 @@
-import type { LanguageDescription } from '@codemirror/language';
 import type { Extension } from '@codemirror/state';
+import { type CodeBlockConfig } from '@milkdown/kit/component/code-block';
 import type { DefineFeature } from '../shared';
-interface CodeMirrorConfig {
-    extensions: Extension[];
-    languages: LanguageDescription[];
+interface CodeMirrorConfig extends CodeBlockConfig {
     theme: Extension;
-    expandIcon: string;
-    searchIcon: string;
-    clearSearchIcon: string;
-    searchPlaceholder: string;
-    copyText: string;
-    copyIcon: string;
-    onCopy: (text: string) => void;
-    noResultText: string;
-    renderLanguage: (language: string, selected: boolean) => string;
-    renderPreview: (language: string, content: string) => string | HTMLElement | null;
     previewToggleIcon: (previewOnlyMode: boolean) => string;
     previewToggleText: (previewOnlyMode: boolean) => string;
-    previewLabel: string;
 }
 export type CodeMirrorFeatureConfig = Partial<CodeMirrorConfig>;
 export declare const codeMirror: DefineFeature<CodeMirrorFeatureConfig>;

package/lib/types/feature/code-mirror/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/feature/code-mirror/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAUlD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAa9C,UAAU,gBAAgB;IACxB,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB,SAAS,EAAE,mBAAmB,EAAE,CAAA;IAChC,KAAK,EAAE,SAAS,CAAA;IAEhB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,EAAE,MAAM,CAAA;IAEvB,iBAAiB,EAAE,MAAM,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,YAAY,EAAE,MAAM,CAAA;IAEpB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,MAAM,CAAA;IAE/D,aAAa,EAAE,CACb,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,KACZ,MAAM,GAAG,WAAW,GAAG,IAAI,CAAA;IAEhC,iBAAiB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,MAAM,CAAA;IACvD,iBAAiB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,MAAM,CAAA;IACvD,YAAY,EAAE,MAAM,CAAA;CACrB;AACD,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAA;AAE/D,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,uBAAuB,CA8C7D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/feature/code-mirror/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAIlD,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,oCAAoC,CAAA;AAG3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAa9C,UAAU,gBAAiB,SAAQ,eAAe;IAChD,KAAK,EAAE,SAAS,CAAA;IAChB,iBAAiB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,MAAM,CAAA;IACvD,iBAAiB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,MAAM,CAAA;CACxD;AAED,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAA;AAE/D,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,uBAAuB,CAiD7D,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@milkdown/crepe",
   "type": "module",
-  "version": "7.16.0",
+  "version": "7.17.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -105,7 +105,7 @@
     "remark-math": "^6.0.0",
     "unist-util-visit": "^5.0.0",
     "vue": "^3.5.20",
-    "@milkdown/kit": "7.16.0"
+    "@milkdown/kit": "7.17.0"
   },
   "scripts": {
     "build": "pnpm run build:es && pnpm run build:theme && echo",

package/src/feature/code-mirror/index.ts

@@ -1,4 +1,3 @@
-import type { LanguageDescription } from '@codemirror/language'
 import type { Extension } from '@codemirror/state'
 
 import { defaultKeymap, indentWithTab } from '@codemirror/commands'
@@ -6,6 +5,7 @@ import { keymap } from '@codemirror/view'
 import {
   codeBlockComponent,
   codeBlockConfig,
+  type CodeBlockConfig,
 } from '@milkdown/kit/component/code-block'
 import { basicSetup } from 'codemirror'
 
@@ -22,32 +22,12 @@ import {
 } from '../../icons'
 import { CrepeFeature } from '../index'
 
-interface CodeMirrorConfig {
-  extensions: Extension[]
-  languages: LanguageDescription[]
+interface CodeMirrorConfig extends CodeBlockConfig {
   theme: Extension
-
-  expandIcon: string
-  searchIcon: string
-  clearSearchIcon: string
-
-  searchPlaceholder: string
-  copyText: string
-  copyIcon: string
-  onCopy: (text: string) => void
-  noResultText: string
-
-  renderLanguage: (language: string, selected: boolean) => string
-
-  renderPreview: (
-    language: string,
-    content: string
-  ) => string | HTMLElement | null
-
   previewToggleIcon: (previewOnlyMode: boolean) => string
   previewToggleText: (previewOnlyMode: boolean) => string
-  previewLabel: string
 }
+
 export type CodeMirrorFeatureConfig = Partial<CodeMirrorConfig>
 
 export const codeMirror: DefineFeature<CodeMirrorFeatureConfig> = (
@@ -93,6 +73,9 @@ export const codeMirror: DefineFeature<CodeMirrorFeatureConfig> = (
           return [icon, text].map((v) => v.trim()).join(' ')
         },
         previewLabel: config.previewLabel || defaultConfig.previewLabel,
+        previewLoading: config.previewLoading || defaultConfig.previewLoading,
+        previewOnlyByDefault:
+          config.previewOnlyByDefault ?? defaultConfig.previewOnlyByDefault,
       }))
     })
     .use(codeBlockComponent)

package/src/feature/latex/index.ts

@@ -35,12 +35,12 @@ export const latex: DefineFeature<LatexFeatureConfig> = (editor, config) => {
 
       ctx.update(codeBlockConfig.key, (prev) => ({
         ...prev,
-        renderPreview: (language, content) => {
+        renderPreview: (language, content, applyPreview) => {
           if (language.toLowerCase() === 'latex' && content.length > 0) {
             return renderLatex(content, config?.katexOptions)
           }
           const renderPreview = prev.renderPreview
-          return renderPreview(language, content)
+          return renderPreview(language, content, applyPreview)
         },
       }))