@milkdown/crepe 7.3.5 → 7.4.0

package/lib/theme/common/link-tooltip.css

@@ -0,0 +1,105 @@
+.milkdown milkdown-link-preview {
+    position: absolute;
+  }
+    .milkdown milkdown-link-preview[data-show='false'] {
+      display: none;
+    }
+    .milkdown milkdown-link-preview > .link-preview {
+      height: 32px;
+      display: flex;
+      justify-content: center;
+      padding: 4px 10px;
+      background: var(--crepe-color-surface);
+      gap: 10px;
+      border-radius: 8px;
+      cursor: pointer;
+      box-shadow: var(--crepe-shadow-1);
+    }
+    .milkdown milkdown-link-preview > .link-preview > .link-display:hover:before {
+        display: block;
+      }
+    .milkdown milkdown-link-preview > .link-preview > .link-display:before {
+        content: 'click to copy link';
+        position: absolute;
+        transform: translate(50%, -120%);
+        padding: 3px 10px;
+        font-size: 12px;
+        border-radius: 8px;
+        color: color-mix(in srgb, var(--crepe-color-on-background), transparent 60%);
+        background: var(--crepe-color-background);
+        text-align: center;
+
+        display: none;
+      }
+    .milkdown milkdown-link-preview > .link-preview > .link-icon > svg {
+          width: 18px;
+          height: 18px;
+        }
+    .milkdown milkdown-link-preview > .link-preview > .link-icon {
+        padding: 3px;
+        line-height: 24px;
+}
+    .milkdown milkdown-link-preview > .link-preview > .link-display {
+        width: 240px;
+        line-height: 24px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        font-size: 14px;
+      }
+    .milkdown milkdown-link-preview > .link-preview > .link-display:hover {
+          text-decoration: underline;
+        }
+    .milkdown milkdown-link-preview > .link-preview > .button > svg {
+          width: 18px;
+          height: 18px;
+          color: var(--crepe-color-outline);
+        }
+    .milkdown milkdown-link-preview > .link-preview > .button {
+        padding: 3px;
+        border-radius: 8px;
+        line-height: 24px;
+}
+    .milkdown milkdown-link-preview > .link-preview > .button:hover {
+          background: var(--crepe-color-hover);
+        }
+  .milkdown milkdown-link-edit {
+    position: absolute;
+  }
+  .milkdown milkdown-link-edit[data-show='false'] {
+      display: none;
+    }
+  .milkdown milkdown-link-edit > .link-edit {
+      height: 32px;
+      display: flex;
+      justify-content: center;
+      padding: 4px 10px 4px 20px;
+      background: var(--crepe-color-surface);
+      gap: 8px;
+      border-radius: 8px;
+      box-shadow: var(--crepe-shadow-1);
+    }
+  .milkdown milkdown-link-edit > .link-edit > .input-area {
+        outline: none;
+        background: transparent;
+        width: 200px;
+        font-size: 14px;
+        color: var(--crepe-color-on-background);
+      }
+  .milkdown milkdown-link-edit > .link-edit > .button > svg {
+          width: 18px;
+          height: 18px;
+          color: var(--crepe-color-outline);
+        }
+  .milkdown milkdown-link-edit > .link-edit > .button {
+        padding: 3px;
+        cursor: pointer;
+        border-radius: 8px;
+        font-size: 12px;
+        line-height: 24px;
+}
+  .milkdown milkdown-link-edit > .link-edit > .button:hover {
+          background: var(--crepe-color-hover);
+        }
+  .milkdown milkdown-link-edit > .link-edit > .button.hidden {
+          visibility: hidden;
+        }

package/lib/theme/common/list-item.css

@@ -0,0 +1,34 @@
+.milkdown milkdown-list-item-block {
+    display: block;
+    padding: 0;
+  }
+
+    .milkdown milkdown-list-item-block > .list-item {
+      display: flex;
+      align-items: flex-start;
+    }
+
+    .milkdown milkdown-list-item-block > .list-item > .children {
+      min-width: 0;
+      flex: 1;
+    }
+
+    .milkdown milkdown-list-item-block li {
+      gap: 10px;
+    }
+
+    .milkdown milkdown-list-item-block li .label-wrapper {
+        color: var(--crepe-color-outline);
+        height: 32px;
+        width: 24px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
+    .milkdown milkdown-list-item-block li .label-wrapper .label {
+          height: 32px;
+          padding: 4px 0;
+          width: 24px;
+          text-align: right;
+        }

package/lib/theme/common/placeholder.css

@@ -0,0 +1,7 @@
+.milkdown .crepe-placeholder::before {
+    position: absolute;
+    color: color-mix(in srgb, var(--crepe-color-on-background), transparent 60%);
+    pointer-events: none;
+    height: 0;
+    content: attr(data-placeholder);
+  }

package/lib/theme/common/prosemirror.css

@@ -0,0 +1 @@
+@import "@milkdown/prose/view/style/prosemirror.css";

package/lib/theme/common/style.css

@@ -0,0 +1,9 @@
+@import "./prosemirror.css";
+@import "./block-edit.css";
+@import "./code-mirror.css";
+@import "./cursor.css";
+@import "./image-block.css";
+@import "./link-tooltip.css";
+@import "./list-item.css";
+@import "./placeholder.css";
+@import "./toolbar.css";

package/lib/theme/common/toolbar.css

@@ -0,0 +1,34 @@
+.milkdown milkdown-toolbar[data-show="false"] {
+      display: none;
+    }
+    .milkdown milkdown-toolbar {
+    position: absolute;
+    display: flex;
+    background: var(--crepe-color-surface);
+    box-shadow: var(--crepe-shadow-1);
+    border-radius: 8px;
+    overflow: hidden;
+}
+    .milkdown milkdown-toolbar .divider {
+      width: 1px;
+      background: color-mix(in srgb, var(--crepe-color-outline), transparent 80%);
+      height: 24px;
+      margin: 10px;
+    }
+    .milkdown milkdown-toolbar .toolbar-item {
+      width: 44px;
+      height: 44px;
+      padding: 10px;
+      cursor: pointer;
+    }
+    .milkdown milkdown-toolbar .toolbar-item:hover {
+        background: var(--crepe-color-hover)
+      }
+    .milkdown milkdown-toolbar .toolbar-item.active {
+        background: var(--crepe-color-selected);
+      }
+    .milkdown milkdown-toolbar .toolbar-item svg {
+        height: 24px;
+        width: 24px;
+        color: var(--crepe-color-outline);
+      }

package/lib/{core → types/core}/crepe.d.ts

@@ -1,9 +1,7 @@
 import type { DefaultValue } from '@milkdown/core';
 import { Editor } from '@milkdown/core';
-import { CrepeTheme } from '../theme';
 import type { CrepeFeature, CrepeFeatureConfig } from '../feature';
 export interface CrepeConfig {
-    theme?: CrepeTheme;
     features?: Partial<Record<CrepeFeature, boolean>>;
     featureConfigs?: CrepeFeatureConfig;
     root?: Node | string | null;
@@ -11,11 +9,11 @@ export interface CrepeConfig {
 }
 export declare class Crepe {
     #private;
-    constructor({ theme, root, features, featureConfigs, defaultValue, }: CrepeConfig);
+    constructor({ root, features, featureConfigs, defaultValue, }: CrepeConfig);
     create(): Promise<Editor>;
     destroy(): Promise<Editor>;
     get editor(): Editor;
-    setReadonly(value: boolean): void;
+    setReadonly(value: boolean): this;
     getMarkdown(): string;
 }
 //# sourceMappingURL=crepe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"crepe.d.ts","sourceRoot":"","sources":["../../../src/core/crepe.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,EAAE,MAAM,EAAkD,MAAM,gBAAgB,CAAA;AAOvF,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAIlE,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAA;IACjD,cAAc,CAAC,EAAE,kBAAkB,CAAA;IACnC,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B;AAED,qBAAa,KAAK;;gBAMJ,EACV,IAAI,EACJ,QAAa,EACb,cAAmB,EACnB,YAAiB,GAClB,EAAE,WAAW;IAwCR,MAAM;IAKN,OAAO;IAKb,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,WAAW,CAAC,KAAK,EAAE,OAAO;IAK1B,WAAW;CAGZ"}

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

@@ -0,0 +1,2 @@
+export { Crepe, type CrepeConfig } from './crepe';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA"}

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

@@ -0,0 +1,5 @@
+import type { Ctx } from '@milkdown/ctx';
+import type { CrepeFeature } from '../feature';
+export declare const FeaturesCtx: import("@milkdown/ctx").SliceType<CrepeFeature[], "FeaturesCtx">;
+export declare function configureFeatures(features: CrepeFeature[]): (ctx: Ctx) => void;
+//# sourceMappingURL=slice.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slice.d.ts","sourceRoot":"","sources":["../../../src/core/slice.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAE9C,eAAO,MAAM,WAAW,kEAAmD,CAAA;AAE3E,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,YAAY,EAAE,SAC3C,GAAG,UAGjB"}

package/lib/types/feature/block-edit/handle/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../../src/feature/block-edit/handle/component.ts"],"names":[],"mappings":"AA4BA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAA;IACb,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAmCD,eAAO,MAAM,kBAAkB;;;EAA0B,CAAA"}

package/lib/{feature → types/feature}/block-edit/handle/index.d.ts

@@ -1,10 +1,9 @@
 import type { PluginView } from '@milkdown/prose/state';
 import type { Ctx } from '@milkdown/ctx';
-import type { EditorView } from '@milkdown/prose/view';
 export declare class BlockHandleView implements PluginView {
     #private;
-    constructor(ctx: Ctx, view: EditorView);
-    update: (view: EditorView) => void;
+    constructor(ctx: Ctx);
+    update: () => void;
     destroy: () => void;
     onAdd: () => void;
 }

package/lib/types/feature/block-edit/handle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/feature/block-edit/handle/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAGvD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AASxC,qBAAa,eAAgB,YAAW,UAAU;;gBAKpC,GAAG,EAAE,GAAG;IA4BpB,MAAM,aAEL;IAED,OAAO,aAGN;IAED,KAAK,aAuBJ;CACF;AAGD,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,GAAG,QAI5C"}

package/lib/types/feature/block-edit/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/feature/block-edit/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAI9C,eAAO,MAAM,aAAa,EAAE,aAO3B,CAAA"}

package/lib/types/feature/block-edit/menu/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../../src/feature/block-edit/menu/component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAGxC,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,OAAO,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,SAAS,CAAC,SAAS,CAoM9C,CAAA;AASD,eAAO,MAAM,WAAW;;;EAAmB,CAAA"}

package/lib/types/feature/block-edit/menu/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../../src/feature/block-edit/menu/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AA+BxC,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,UAAU,CAAC,OAAO,IAAI,CAAC,CAAA;IAC7B,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;CAC1B;AA8ED,wBAAgB,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM;;;;;;;;;EAyNxC"}

package/lib/types/feature/block-edit/menu/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../src/feature/block-edit/menu/icons.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,KAWpB,CAAA;AAED,eAAO,MAAM,MAAM,KAWlB,CAAA;AAED,eAAO,MAAM,MAAM,KAWlB,CAAA;AAED,eAAO,MAAM,MAAM,KAWlB,CAAA;AAED,eAAO,MAAM,MAAM,KAWlB,CAAA;AAED,eAAO,MAAM,MAAM,KAWlB,CAAA;AAED,eAAO,MAAM,MAAM,KAWlB,CAAA;AAED,eAAO,MAAM,cAAc,KAW1B,CAAA;AAED,eAAO,MAAM,eAAe,KAW3B,CAAA;AAED,eAAO,MAAM,SAAS,KAWrB,CAAA;AAED,eAAO,MAAM,WAAW,KAWvB,CAAA;AAED,eAAO,MAAM,SAAS,KAWrB,CAAA;AAED,eAAO,MAAM,QAAQ,KAWpB,CAAA"}

package/lib/types/feature/block-edit/menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/feature/block-edit/menu/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAOxC,eAAO,MAAM,IAAI,iEAA6B,CAAA;AAE9C,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3B,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAED,eAAO,MAAM,OAAO,uDAGO,CAAA;AAG3B,wBAAgB,aAAa,CAAC,GAAG,EAAE,GAAG,QAIrC"}

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

@@ -0,0 +1,11 @@
+import type { LanguageDescription } from '@codemirror/language';
+import type { Extension } from '@codemirror/state';
+import type { DefineFeature } from '../shared';
+interface CodeMirrorConfig {
+    languages: LanguageDescription[];
+    theme: Extension;
+}
+export type CodeMirrorFeatureConfig = Partial<CodeMirrorConfig>;
+export declare const defineFeature: DefineFeature<CodeMirrorFeatureConfig>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/feature/code-mirror/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAKlD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAe9C,UAAU,gBAAgB;IACxB,SAAS,EAAE,mBAAmB,EAAE,CAAA;IAChC,KAAK,EAAE,SAAS,CAAA;CACjB;AACD,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAA;AAE/D,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,uBAAuB,CAuBhE,CAAA"}

package/lib/types/feature/cursor/index.d.ts

@@ -0,0 +1,9 @@
+import type { DefineFeature } from '../shared';
+interface CursorConfig {
+    color: string | false;
+    width: number;
+}
+export type CursorFeatureConfig = CursorConfig;
+export declare const defineFeature: DefineFeature<CursorFeatureConfig>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/types/feature/cursor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/feature/cursor/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAE9C,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;CACd;AACD,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAA;AAE9C,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,mBAAmB,CAW5D,CAAA"}

package/lib/types/feature/image-block/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/feature/image-block/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAgC9C,eAAO,MAAM,aAAa,EAAE,aAmB3B,CAAA"}

package/lib/{feature → types/feature}/index.d.ts

@@ -1,10 +1,11 @@
 import type { Editor } from '@milkdown/core';
 import type { PlaceHolderFeatureConfig } from './placeholder';
+import type { CodeMirrorFeatureConfig } from './code-mirror';
 export declare enum CrepeFeature {
     CodeMirror = "code-mirror",
     ListItem = "list-item",
     LinkTooltip = "link-tooltip",
-    GapCursor = "gap-cursor",
+    Cursor = "cursor",
     ImageBlock = "image-block",
     BlockEdit = "block-edit",
     Toolbar = "toolbar",
@@ -12,6 +13,7 @@ export declare enum CrepeFeature {
 }
 export interface CrepeFeatureConfig {
     [CrepeFeature.Placeholder]?: PlaceHolderFeatureConfig;
+    [CrepeFeature.CodeMirror]?: CodeMirrorFeatureConfig;
 }
 export declare const defaultFeatures: Record<CrepeFeature, boolean>;
 export declare function loadFeature(feature: CrepeFeature, editor: Editor, config?: never): Promise<void>;

package/lib/types/feature/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/feature/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAA;AAC7D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAA;AAE5D,oBAAY,YAAY;IACtB,UAAU,gBAAgB;IAC1B,QAAQ,cAAc;IACtB,WAAW,iBAAiB;IAC5B,MAAM,WAAW;IACjB,UAAU,gBAAgB;IAC1B,SAAS,eAAe;IACxB,OAAO,YAAY;IACnB,WAAW,gBAAgB;CAC5B;AAED,MAAM,WAAW,kBAAkB;IACjC,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,EAAE,wBAAwB,CAAA;IACrD,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,EAAE,uBAAuB,CAAA;CACpD;AAED,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,YAAY,EAAE,OAAO,CASzD,CAAA;AAED,wBAAsB,WAAW,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,KAAK,iBAmCtF"}

package/lib/types/feature/link-tooltip/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/feature/link-tooltip/consts.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,KAIpB,CAAA;AAED,eAAO,MAAM,QAAQ,KAWpB,CAAA;AAED,eAAO,MAAM,UAAU,KAWtB,CAAA;AAED,eAAO,MAAM,WAAW,KAWvB,CAAA"}

package/lib/types/feature/link-tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/feature/link-tooltip/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAG9C,eAAO,MAAM,aAAa,EAAE,aAa3B,CAAA"}

package/lib/types/feature/list-item/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/feature/list-item/consts.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,KAWtB,CAAA"}

package/lib/types/feature/list-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/feature/list-item/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAkB9C,eAAO,MAAM,aAAa,EAAE,aAI3B,CAAA"}

package/lib/{feature → types/feature}/placeholder/index.d.ts

@@ -1,5 +1,5 @@
 import type { DefineFeature } from '../shared';
-export interface PlaceholderConfig {
+interface PlaceholderConfig {
     text: string;
     mode: 'doc' | 'block';
 }
@@ -7,4 +7,5 @@ export type PlaceHolderFeatureConfig = Partial<PlaceholderConfig>;
 export declare const placeholderConfig: import("@milkdown/utils").$Ctx<PlaceholderConfig, "placeholderConfigCtx">;
 export declare const placeholderPlugin: import("@milkdown/utils").$Prose;
 export declare const defineFeature: DefineFeature<PlaceHolderFeatureConfig>;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/types/feature/placeholder/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/feature/placeholder/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AA4B9C,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,KAAK,GAAG,OAAO,CAAA;CACtB;AAED,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAA;AAEjE,eAAO,MAAM,iBAAiB,2EAGiB,CAAA;AAE/C,eAAO,MAAM,iBAAiB,kCAqB5B,CAAA;AAEF,eAAO,MAAM,aAAa,EAAE,aAAa,CAAC,wBAAwB,CAcjE,CAAA"}

package/lib/{feature → types/feature}/shared.d.ts

@@ -1,3 +1,3 @@
 import type { Editor } from '@milkdown/core';
-export type DefineFeature<Config = unknown> = (editor: Editor, config?: Config) => void;
+export type DefineFeature<Config = unknown> = (editor: Editor, config?: Config) => void | Promise<void>;
 //# sourceMappingURL=shared.d.ts.map

package/lib/types/feature/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/feature/shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAE5C,MAAM,MAAM,aAAa,CAAC,MAAM,GAAG,OAAO,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/feature/toolbar/component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAgBxC,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,IAAI,EAAE,OAAO,CAAA;CACd;AAED,eAAO,MAAM,gBAAgB,EAAE,SAAS,CAAC,YAAY,CAmEpD,CAAA;AAQD,eAAO,MAAM,cAAc;;;EAAsB,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../src/feature/toolbar/consts.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,KAIpB,CAAA;AAED,eAAO,MAAM,UAAU,KAItB,CAAA;AAED,eAAO,MAAM,QAAQ,KAIpB,CAAA;AAED,eAAO,MAAM,QAAQ,KAIpB,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/feature/toolbar/index.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAsE9C,eAAO,MAAM,aAAa,EAAE,aAQ3B,CAAA"}

package/lib/types/index.d.ts

@@ -0,0 +1,3 @@
+export { CrepeFeature } from './feature';
+export * from './core';
+//# sourceMappingURL=index.d.ts.map

package/lib/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,cAAc,QAAQ,CAAA"}

package/lib/{utils → types/utils}/index.d.ts

@@ -1,4 +1,5 @@
 import type { Selection } from '@milkdown/prose/state';
 export declare function isInCodeBlock(selection: Selection): boolean;
 export declare function isInList(selection: Selection): boolean;
+export declare function defIfNotExists(tagName: string, element: CustomElementConstructor): void;
 //# sourceMappingURL=index.d.ts.map

package/lib/types/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEtD,wBAAgB,aAAa,CAAC,SAAS,EAAE,SAAS,WAGjD;AAED,wBAAgB,QAAQ,CAAC,SAAS,EAAE,SAAS,WAG5C;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,wBAAwB,QAGhF"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@milkdown/crepe",
   "type": "module",
-  "version": "7.3.5",
+  "version": "7.4.0",
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Milkdown/milkdown.git",
-    "directory": "packages/plugin-cursor"
+    "directory": "packages/crepe"
   },
   "keywords": [
     "milkdown",
@@ -17,11 +17,15 @@
   "sideEffects": false,
   "exports": {
     ".": {
-      "import": "./lib/index.es.js",
-      "types": "./lib/index.d.ts"
-    }
+      "import": "./lib/esm/index.js",
+      "require": "./lib/cjs/index.js",
+      "types": "./lib/types/index.d.ts"
+    },
+    "./theme/common/*": "./lib/theme/common/*",
+    "./theme/classic.css": "./lib/theme/classic/style.css",
+    "./theme/classic-dark.css": "./lib/theme/classic-dark/style.css"
   },
-  "main": "./lib/index.es.js",
+  "main": "./lib/esm/index.js",
   "files": [
     "lib",
     "src"
@@ -31,27 +35,28 @@
   },
   "devDependencies": {
     "@codemirror/commands": "^6.2.4",
+    "@codemirror/language": "^6.10.1",
     "@codemirror/language-data": "^6.3.1",
+    "@codemirror/state": "^6.4.1",
     "@codemirror/view": "^6.16.0",
-    "@emotion/css": "^11.11.2",
+    "@uiw/codemirror-theme-nord": "^4.22.1",
     "clsx": "^2.0.0",
     "codemirror": "^6.0.1",
     "nanoid": "^5.0.0",
-    "thememirror": "^2.0.1",
     "tslib": "^2.5.0",
-    "@milkdown/components": "7.3.5",
-    "@milkdown/core": "7.3.5",
-    "@milkdown/ctx": "7.3.5",
-    "@milkdown/plugin-block": "7.3.5",
-    "@milkdown/plugin-clipboard": "7.3.5",
-    "@milkdown/plugin-cursor": "7.3.5",
-    "@milkdown/plugin-history": "7.3.5",
-    "@milkdown/plugin-indent": "7.3.5",
-    "@milkdown/plugin-slash": "7.3.5",
-    "@milkdown/plugin-tooltip": "7.3.5",
-    "@milkdown/preset-commonmark": "7.3.5",
-    "@milkdown/prose": "7.3.5",
-    "@milkdown/utils": "7.3.5"
+    "@milkdown/components": "7.4.0",
+    "@milkdown/core": "7.4.0",
+    "@milkdown/ctx": "7.4.0",
+    "@milkdown/plugin-block": "7.4.0",
+    "@milkdown/plugin-clipboard": "7.4.0",
+    "@milkdown/plugin-cursor": "7.4.0",
+    "@milkdown/plugin-history": "7.4.0",
+    "@milkdown/plugin-indent": "7.4.0",
+    "@milkdown/plugin-slash": "7.4.0",
+    "@milkdown/plugin-tooltip": "7.4.0",
+    "@milkdown/preset-commonmark": "7.4.0",
+    "@milkdown/prose": "7.4.0",
+    "@milkdown/utils": "7.4.0"
   },
   "nx": {
     "targets": {
@@ -81,7 +86,10 @@
     "start": "concurrently -n es,dts \"vite build --watch\"  \"tsc --emitDeclarationOnly --watch\"",
     "test": "vitest",
     "tsc": "tsc --noEmit && echo",
-    "build": "vite build && tsc --emitDeclarationOnly"
+    "build": "rimraf './lib' && pnpm run build:type && pnpm run build:es && pnpm run build:theme && echo",
+    "build:type": "tsc --emitDeclarationOnly",
+    "build:es": "rollup -c",
+    "build:theme": "postcss 'src/theme' --base 'src/theme' --dir 'lib/theme'"
   },
-  "types": "./lib/index.d.ts"
+  "types": "./lib/types/index.d.ts"
 }

package/src/core/crepe.ts

@@ -1,4 +1,3 @@
-/* Copyright 2021, Milkdown by Mirone. */
 import type { DefaultValue } from '@milkdown/core'
 import { Editor, defaultValueCtx, editorViewOptionsCtx, rootCtx } from '@milkdown/core'
 
@@ -7,13 +6,11 @@ import { commonmark } from '@milkdown/preset-commonmark'
 import { indent, indentConfig } from '@milkdown/plugin-indent'
 import { clipboard } from '@milkdown/plugin-clipboard'
 import { getMarkdown } from '@milkdown/utils'
-import { CrepeTheme, loadTheme } from '../theme'
 import type { CrepeFeature, CrepeFeatureConfig } from '../feature'
 import { defaultFeatures, loadFeature } from '../feature'
-import { configureEmotion, configureFeatures, configureTheme } from './slice'
+import { configureFeatures } from './slice'
 
 export interface CrepeConfig {
-  theme?: CrepeTheme
   features?: Partial<Record<CrepeFeature, boolean>>
   featureConfigs?: CrepeFeatureConfig
   root?: Node | string | null
@@ -27,7 +24,6 @@ export class Crepe {
   #editable = true
 
   constructor({
-    theme = CrepeTheme.Classic,
     root,
     features = {},
     featureConfigs = {},
@@ -44,8 +40,6 @@ export class Crepe {
     this.#rootElement = (typeof root === 'string' ? document.querySelector(root) : root) ?? document.body
     this.#editor = Editor.make()
       .config(configureFeatures(enabledFeatures))
-      .config(configureEmotion(this.#rootElement))
-      .config(configureTheme(theme))
       .config((ctx) => {
         ctx.set(rootCtx, this.#rootElement)
         ctx.set(defaultValueCtx, defaultValue)
@@ -62,7 +56,7 @@ export class Crepe {
       .use(indent)
       .use(clipboard)
 
-    const promiseList: Promise<unknown>[] = [loadTheme(theme, this.#editor)]
+    const promiseList: Promise<unknown>[] = []
 
     enabledFeatures.forEach((feature) => {
       const config = (featureConfigs as Partial<Record<CrepeFeature, never>>)[feature]
@@ -90,6 +84,7 @@ export class Crepe {
 
   setReadonly(value: boolean) {
     this.#editable = !value
+    return this
   }
 
   getMarkdown() {

package/src/core/index.ts

@@ -1,4 +1 @@
-/* Copyright 2021, Milkdown by Mirone. */
-
-export { EmotionCtx } from './slice'
 export { Crepe, type CrepeConfig } from './crepe'

package/src/core/slice.ts

@@ -1,42 +1,9 @@
-/* Copyright 2021, Milkdown by Mirone. */
 import type { Ctx } from '@milkdown/ctx'
 import { createSlice } from '@milkdown/ctx'
-import type { Emotion } from '@emotion/css/create-instance'
-import createEmotion from '@emotion/css/create-instance'
-import { customAlphabet } from 'nanoid'
-import { CrepeTheme } from '../theme'
 import type { CrepeFeature } from '../feature'
 
-export const ThemeCtx = createSlice(CrepeTheme.Classic, 'ThemeCtx')
-
 export const FeaturesCtx = createSlice([] as CrepeFeature[], 'FeaturesCtx')
 
-export const EmotionCtx = createSlice(null as unknown as Emotion, 'EmotionCtx')
-
-export function configureTheme(theme: CrepeTheme) {
-  return (ctx: Ctx) => {
-    ctx.inject(ThemeCtx, theme)
-  }
-}
-
-const nanoid = customAlphabet('abcdefghijklmnopqrstuvwxyz', 6)
-export function configureEmotion(container: Node) {
-  return (ctx: Ctx) => {
-    const emotion = createEmotion({
-      key: `crepe-${nanoid()}`,
-      container,
-    })
-    ctx.inject(EmotionCtx, emotion)
-  }
-}
-
-export function injectStyle(style: string) {
-  return (ctx: Ctx) => {
-    const emotion = ctx.get(EmotionCtx)
-    emotion.injectGlobal(style)
-  }
-}
-
 export function configureFeatures(features: CrepeFeature[]) {
   return (ctx: Ctx) => {
     ctx.inject(FeaturesCtx, features)

package/src/feature/block-edit/handle/component.ts

@@ -1,4 +1,3 @@
-/* Copyright 2021, Milkdown by Mirone. */
 import { type Component, c, html, useEffect, useRef } from 'atomico'
 
 const menuIcon = html`