@milkdown/plugin-tooltip 5.5.0 → 6.0.0

package/src/selection-marks-tooltip.ts

@@ -3,17 +3,14 @@ import type { EditorState, EditorView } from '@milkdown/prose';
 import { Utils } from '@milkdown/utils';
 
 import { createButtonManager } from './button-manager';
-import { createInputManager } from './input-manager';
-import type { ButtonMap, InputMap } from './item';
+import type { ButtonMap } from './item';
 
-export const createPlugin = (buttonMap: ButtonMap, inputMap: InputMap, utils: Utils) => {
-    const buttonManager = createButtonManager(buttonMap, utils);
-    const inputManager = createInputManager(inputMap, utils);
+export const createPlugin = (buttonMap: ButtonMap, utils: Utils, bottom: boolean, containerClassName: string) => {
+    let buttonManager = createButtonManager(buttonMap, utils, bottom, containerClassName);
     let shouldHide = false;
 
     const hide = () => {
         buttonManager.hide();
-        inputManager.hide();
     };
 
     const update = (view: EditorView, prevState?: EditorState) => {
@@ -28,18 +25,20 @@ export const createPlugin = (buttonMap: ButtonMap, inputMap: InputMap, utils: Ut
         if (isEqualSelection) return;
 
         buttonManager.update(view);
-        inputManager.update(view);
     };
 
     return {
+        recreate: (editorView: EditorView) => {
+            buttonManager = createButtonManager(buttonMap, utils, bottom, containerClassName);
+            buttonManager.render(editorView);
+            update(editorView);
+        },
         update,
         destroy: () => {
             buttonManager.destroy();
-            inputManager.destroy();
         },
         render: (editorView: EditorView) => {
             buttonManager.render(editorView);
-            inputManager.render(editorView);
             update(editorView);
         },
         setHide: (isTyping: boolean) => {

package/src/utility/index.ts

@@ -1,5 +1,4 @@
 /* Copyright 2021, Milkdown by Mirone. */
 export * from './element';
-export * from './input';
 export * from './prosemirror';
 export * from './toggle';

package/src/utility/toggle.ts

@@ -1,5 +1,5 @@
 /* Copyright 2021, Milkdown by Mirone. */
-import { commandsCtx, Ctx, themeToolCtx } from '@milkdown/core';
+import { commandsCtx, Ctx, ThemeIcon, themeManagerCtx } from '@milkdown/core';
 import type { Icon } from '@milkdown/design-system';
 import type { MarkType } from '@milkdown/prose';
 
@@ -13,8 +13,8 @@ export const createToggleIcon = (
     mark: MarkType | undefined,
     disableForMark: MarkType | undefined,
 ): ButtonItem => ({
-    $: ctx.get(themeToolCtx).slots.icon(iconName),
-    command: () => ctx.get(commandsCtx).callByName(key),
+    $: ctx.get(themeManagerCtx).get(ThemeIcon, iconName)?.dom as HTMLElement,
+    command: () => ctx.get(commandsCtx).call(key),
     active: (view) => hasMark(view.state, mark),
     disable: (view) => isTextAndNotHasMark(view.state, disableForMark),
     enable: (view) => !!mark && !!view.state.schema.marks[mark.name],

package/lib/src/button-manager/calc-button-pos.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"calc-button-pos.d.ts","sourceRoot":"","sources":["calc-button-pos.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEpE,eAAO,MAAM,aAAa,YAAa,WAAW,QAAQ,UAAU,SAmBnE,CAAC"}

package/lib/src/button-manager/create-tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-tooltip.d.ts","sourceRoot":"","sources":["create-tooltip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,aAAK,OAAO,GAAG;IACX,GAAG,EAAE,cAAc,CAAC;IACpB,MAAM,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,aAAa,cAAe,SAAS,SAAS,KAAK,KAAG,OAmBlE,CAAC"}

package/lib/src/button-manager/filter-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-button.d.ts","sourceRoot":"","sources":["filter-button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,eAAO,MAAM,YAAY,cAAe,SAAS,QAAQ,UAAU,YAqBlE,CAAC"}

package/lib/src/button-manager/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAKzC,eAAO,MAAM,mBAAmB,cAAe,SAAS,SAAS,KAAK;;;yBAwBzC,UAAU;;CAUtC,CAAC"}

package/lib/src/button-manager/no-active.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"no-active.d.ts","sourceRoot":"","sources":["no-active.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,eAAO,MAAM,QAAQ,cAAe,SAAS,QAAQ,UAAU,YAI9D,CAAC"}

package/lib/src/button-manager/style.d.ts

@@ -1,3 +0,0 @@
-import { Emotion, ThemeTool } from '@milkdown/core';
-export declare const injectStyle: (themeTool: ThemeTool, { css }: Emotion) => string;
-//# sourceMappingURL=style.d.ts.map

package/lib/src/button-manager/style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpD,eAAO,MAAM,WAAW,cAAe,SAAS,WAAW,OAAO,WA6CjE,CAAC"}

package/lib/src/index.d.ts

@@ -1,21 +0,0 @@
-import { PluginKey } from '@milkdown/prose';
-import { AtomList } from '@milkdown/utils';
-import { InputOptions } from './item';
-export declare const key: PluginKey<any, any>;
-export declare const tooltipPlugin: import("@milkdown/utils/lib/src/types").WithExtend<string, InputOptions, {
-    [x: string]: import("prosemirror-model").NodeType<any>;
-} & {
-    [x: string]: import("prosemirror-model").MarkType<any>;
-}, {
-    schema?: ((ctx: import("@milkdown/core").Ctx) => {
-        node?: Record<string, import("@milkdown/core").NodeSchema> | undefined;
-        mark?: Record<string, import("@milkdown/core").MarkSchema> | undefined;
-    }) | undefined;
-    view?: ((ctx: import("@milkdown/core").Ctx) => Partial<{
-        [x: string]: import("@milkdown/prose").NodeViewFactory;
-    } & {
-        [x: string]: import("@milkdown/prose").MarkViewFactory;
-    }>) | undefined;
-}>;
-export declare const tooltip: AtomList<import("@milkdown/utils/lib/src/types").Metadata<import("@milkdown/utils/lib/src/types").GetPlugin<string, InputOptions>> & import("@milkdown/core").MilkdownPlugin>;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAU,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAA0B,MAAM,iBAAiB,CAAC;AAEnE,OAAO,EAAuB,YAAY,EAAE,MAAM,QAAQ,CAAC;AAG3D,eAAO,MAAM,GAAG,qBAA2C,CAAC;AAE5D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;EAuDxB,CAAC;AAEH,eAAO,MAAM,OAAO,+KAAqC,CAAC"}

package/lib/src/input-manager/calc-input-pos.d.ts

@@ -1,3 +0,0 @@
-import { EditorView } from '@milkdown/prose';
-export declare const calcInputPos: (view: EditorView, input: HTMLDivElement) => void;
-//# sourceMappingURL=calc-input-pos.d.ts.map

package/lib/src/input-manager/calc-input-pos.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"calc-input-pos.d.ts","sourceRoot":"","sources":["calc-input-pos.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEpE,eAAO,MAAM,YAAY,SAAU,UAAU,SAAS,cAAc,SAenE,CAAC"}

package/lib/src/input-manager/create-input.d.ts

@@ -1,7 +0,0 @@
-import type { Utils } from '@milkdown/utils';
-export declare const createInput: (utils: Utils) => {
-    readonly div: HTMLDivElement;
-    readonly input: HTMLInputElement;
-    readonly button: HTMLButtonElement;
-};
-//# sourceMappingURL=create-input.d.ts.map

package/lib/src/input-manager/create-input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-input.d.ts","sourceRoot":"","sources":["create-input.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAI7C,eAAO,MAAM,WAAW,UAAW,KAAK;;;;CAiCvC,CAAC"}

package/lib/src/input-manager/filter-input.d.ts

@@ -1,19 +0,0 @@
-import type { EditorView } from '@milkdown/prose';
-import type { InputMap } from '../item';
-export declare const filterInput: (currentView: EditorView, inputMap: InputMap, div: HTMLDivElement, input: HTMLInputElement, button: HTMLButtonElement) => ({
-    command: import("../item").Event2Command;
-    display: import("../item").Pred;
-    update: import("../item").Updater;
-    placeholder: string;
-} & {
-    bind: true;
-}) | ({
-    command: import("../item").Event2Command;
-    display: import("../item").Pred;
-    update: import("../item").Updater;
-    placeholder: string;
-} & {
-    bind?: false | undefined;
-    buttonText: string;
-}) | undefined;
-//# sourceMappingURL=filter-input.d.ts.map

package/lib/src/input-manager/filter-input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-input.d.ts","sourceRoot":"","sources":["filter-input.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,WAAW,gBACP,UAAU,YACb,QAAQ,OACb,cAAc,SACZ,gBAAgB,UACf,iBAAiB;;;;;;;;;;;;;;;cAsB5B,CAAC"}

package/lib/src/input-manager/index.d.ts

@@ -1,10 +0,0 @@
-import type { EditorView } from '@milkdown/prose';
-import { Utils } from '@milkdown/utils';
-import type { InputMap } from '../item';
-export declare const createInputManager: (inputMap: InputMap, utils: Utils) => {
-    destroy: () => void;
-    hide: () => void;
-    update: (editorView: EditorView) => void;
-    render: (editorView: EditorView) => void;
-};
-//# sourceMappingURL=index.d.ts.map

package/lib/src/input-manager/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,KAAK,EAAiB,QAAQ,EAAE,MAAM,SAAS,CAAC;AAKvD,eAAO,MAAM,kBAAkB,aAAc,QAAQ,SAAS,KAAK;;;yBAyCtC,UAAU;yBAOV,UAAU;CAMtC,CAAC"}

package/lib/src/input-manager/style.d.ts

@@ -1,3 +0,0 @@
-import { Emotion, ThemeTool } from '@milkdown/core';
-export declare const injectStyle: (themeTool: ThemeTool, { css }: Emotion) => string;
-//# sourceMappingURL=style.d.ts.map

package/lib/src/input-manager/style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpD,eAAO,MAAM,WAAW,cAAe,SAAS,WAAW,OAAO,WA8DjE,CAAC"}

package/lib/src/item.d.ts

@@ -1,53 +0,0 @@
-import { Ctx } from '@milkdown/core';
-import { EditorView, Schema } from '@milkdown/prose';
-export declare type Pred = (view: EditorView) => boolean;
-export declare type Updater = (view: EditorView, $: HTMLElement) => void;
-export declare type Event2Command = (e: Event) => void;
-export declare type ButtonItem = {
-    $: HTMLElement;
-    command: () => void;
-    active: Pred;
-    disable?: Pred;
-    enable: Pred;
-};
-export declare type InputItem = {
-    command: Event2Command;
-    display: Pred;
-    update: Updater;
-    placeholder: string;
-} & ({
-    bind: true;
-} | {
-    bind?: false;
-    buttonText: string;
-});
-export declare enum ButtonAction {
-    ToggleBold = 0,
-    ToggleItalic = 1,
-    ToggleStrike = 2,
-    ToggleCode = 3,
-    ToggleLink = 4
-}
-export declare enum InputAction {
-    ModifyLink = 0,
-    ModifyImage = 1,
-    ModifyInlineMath = 2
-}
-export declare type ButtonMap = Record<ButtonAction, ButtonItem>;
-export declare type InputMap = Record<InputAction, InputItem>;
-export declare type InputOptions = {
-    link: {
-        placeholder: string;
-        buttonText: string;
-    };
-    image: {
-        placeholder: string;
-        buttonText: string;
-    };
-    inlineMath: {
-        placeholder: string;
-    };
-};
-export declare const inputMap: (schema: Schema, ctx: Ctx, inputOptions: InputOptions) => InputMap;
-export declare const buttonMap: (schema: Schema, ctx: Ctx) => ButtonMap;
-//# sourceMappingURL=item.d.ts.map

package/lib/src/item.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,UAAU,EAA0B,MAAM,EAAiB,MAAM,iBAAiB,CAAC;AAa5F,oBAAY,IAAI,GAAG,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAC;AACjD,oBAAY,OAAO,GAAG,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;AACjE,oBAAY,aAAa,GAAG,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;AAE/C,oBAAY,UAAU,GAAG;IACrB,CAAC,EAAE,WAAW,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,IAAI,CAAC;IACb,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,MAAM,EAAE,IAAI,CAAC;CAChB,CAAC;AAEF,oBAAY,SAAS,GAAG;IACpB,OAAO,EAAE,aAAa,CAAC;IACvB,OAAO,EAAE,IAAI,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;CACvB,GAAG,CACE;IACI,IAAI,EAAE,IAAI,CAAC;CACd,GACD;IACI,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;CACtB,CACN,CAAC;AAEF,oBAAY,YAAY;IACpB,UAAU,IAAA;IACV,YAAY,IAAA;IACZ,YAAY,IAAA;IACZ,UAAU,IAAA;IACV,UAAU,IAAA;CACb;AAED,oBAAY,WAAW;IACnB,UAAU,IAAA;IACV,WAAW,IAAA;IACX,gBAAgB,IAAA;CACnB;AAED,oBAAY,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AACzD,oBAAY,QAAQ,GAAG,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAEtD,oBAAY,YAAY,GAAG;IACvB,IAAI,EAAE;QACF,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,KAAK,EAAE;QACH,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,UAAU,EAAE;QACR,WAAW,EAAE,MAAM,CAAC;KACvB,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,QAAQ,WAAY,MAAM,OAAO,GAAG,gBAAgB,YAAY,KAAG,QA2B/E,CAAC;AAEF,eAAO,MAAM,SAAS,WAAY,MAAM,OAAO,GAAG,KAAG,SAqBpD,CAAC"}

package/lib/src/selection-marks-tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"selection-marks-tooltip.d.ts","sourceRoot":"","sources":["selection-marks-tooltip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAIxC,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElD,eAAO,MAAM,YAAY,cAAe,SAAS,YAAY,QAAQ,SAAS,KAAK;mBAUzD,UAAU;;yBAqBP,UAAU;wBAKX,OAAO;CAIlC,CAAC"}

package/lib/src/utility/element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["element.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,YAAY,YAAa,WAAW,WAAW,MAAM,KAAG,OACxB,CAAC"}

package/lib/src/utility/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC"}

package/lib/src/utility/input.d.ts

@@ -1,9 +0,0 @@
-import { Ctx } from '@milkdown/core';
-import { Event2Command, Updater } from '../item';
-export declare const modifyLink: (ctx: Ctx) => Event2Command;
-export declare const modifyInlineMath: (ctx: Ctx) => Event2Command;
-export declare const modifyImage: (ctx: Ctx) => Event2Command;
-export declare const updateLinkView: Updater;
-export declare const updateInlineMathView: Updater;
-export declare const updateImageView: Updater;
-//# sourceMappingURL=input.d.ts.map

package/lib/src/utility/input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["input.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAGlD,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAGjD,eAAO,MAAM,UAAU,QACb,GAAG,KAAG,aAmBX,CAAC;AAEN,eAAO,MAAM,gBAAgB,QACnB,GAAG,KAAG,aAaX,CAAC;AAEN,eAAO,MAAM,WAAW,QACd,GAAG,KAAG,aAmBX,CAAC;AAEN,eAAO,MAAM,cAAc,EAAE,OA6B5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,OAkBlC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,OAkB7B,CAAC"}

package/lib/src/utility/prosemirror.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"prosemirror.d.ts","sourceRoot":"","sources":["prosemirror.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAkB,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAiB,MAAM,iBAAiB,CAAC;AAEvG,oBAAY,QAAQ,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,OAAO,gBAAiB,WAAW,uCAAoB,OAOnE,CAAC;AAEF,eAAO,MAAM,eAAe,gBAAiB,WAAW,KAAG,OAU1D,CAAC;AAEF,eAAO,MAAM,aAAa,gBAAiB,WAAW,KAAG,OAC0B,CAAC;AAEpF,eAAO,MAAM,mBAAmB,gBAAiB,WAAW,uCAAoB,OACa,CAAC;AAE9F,eAAO,MAAM,aAAa,aAAc,QAAQ,QAAQ,IAAI,YAE3D,CAAC"}

package/lib/src/utility/toggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["toggle.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,GAAG,EAAgB,MAAM,gBAAgB,CAAC;AAChE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,eAAO,MAAM,gBAAgB,QACpB,GAAG,YACE,IAAI,OACT,MAAM,QACL,QAAQ,GAAG,SAAS,kBACV,QAAQ,GAAG,SAAS,KACrC,UAMD,CAAC"}

package/src/input-manager/calc-input-pos.ts

@@ -1,19 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import { calculateTextPosition, EditorView } from '@milkdown/prose';
-
-export const calcInputPos = (view: EditorView, input: HTMLDivElement) => {
-    calculateTextPosition(view, input, (start, end, target, parent) => {
-        const $editor = input.parentElement;
-        if (!$editor) {
-            throw new Error();
-        }
-
-        const selectionWidth = end.left - start.left;
-        let left = start.left - parent.left - (target.width - selectionWidth) / 2;
-        const top = start.bottom - parent.top + 14 + $editor.scrollTop;
-
-        if (left < 0) left = 0;
-
-        return [top, left];
-    });
-};

package/src/input-manager/create-input.ts

@@ -1,39 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import type { Utils } from '@milkdown/utils';
-
-import { injectStyle } from './style';
-
-export const createInput = (utils: Utils) => {
-    const div = document.createElement('div');
-    const style = utils.getStyle(injectStyle);
-    if (style) {
-        div.classList.add(style);
-    }
-
-    div.classList.add('tooltip-input');
-
-    const input = document.createElement('input');
-    div.appendChild(input);
-    const button = document.createElement('button');
-    div.appendChild(button);
-
-    input.addEventListener('input', (e) => {
-        const { target } = e;
-        if (!(target instanceof HTMLInputElement)) {
-            return;
-        }
-
-        if (!target.value) {
-            button.classList.add('disable');
-            return;
-        }
-
-        button.classList.remove('disable');
-    });
-
-    return {
-        div,
-        input,
-        button,
-    } as const;
-};

package/src/input-manager/filter-input.ts

@@ -1,33 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import type { EditorView } from '@milkdown/prose';
-
-import type { InputMap } from '../item';
-
-export const filterInput = (
-    currentView: EditorView,
-    inputMap: InputMap,
-    div: HTMLDivElement,
-    input: HTMLInputElement,
-    button: HTMLButtonElement,
-) => {
-    const target = Object.values(inputMap).find((input) => input.display(currentView));
-
-    if (!target) {
-        div.classList.add('hide');
-        return;
-    }
-
-    div.classList.remove('hide');
-
-    if (target.bind) {
-        button.classList.add('hide');
-    } else {
-        button.classList.remove('hide');
-        button.textContent = target.buttonText;
-    }
-
-    input.placeholder = target.placeholder;
-    target.update(currentView, div);
-
-    return target;
-};

package/src/input-manager/index.ts

@@ -1,64 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import type { EditorView } from '@milkdown/prose';
-import { Utils } from '@milkdown/utils';
-
-import type { Event2Command, InputMap } from '../item';
-import { calcInputPos } from './calc-input-pos';
-import { createInput } from './create-input';
-import { filterInput } from './filter-input';
-
-export const createInputManager = (inputMap: InputMap, utils: Utils) => {
-    let inputCommand: Event2Command | undefined;
-    let binding = false;
-    const setCommand = (x?: Event2Command) => (inputCommand = x);
-
-    const { div, button, input } = createInput(utils);
-
-    const onClick = (e: Event) => {
-        if (!inputCommand || button.classList.contains('disable')) return;
-
-        e.stopPropagation();
-        inputCommand(e);
-        div.classList.add('hide');
-    };
-    const onInput = (e: Event) => {
-        if (!binding || !inputCommand) return;
-        inputCommand(e);
-    };
-    const onKeydown = (e: KeyboardEvent) => {
-        if (!inputCommand) return;
-        if ('key' in e && e.key === 'Enter') {
-            inputCommand(e);
-            div.classList.add('hide');
-        }
-    };
-
-    input.addEventListener('input', onInput);
-    input.addEventListener('keydown', onKeydown);
-    button.addEventListener('mousedown', onClick);
-
-    return {
-        destroy: () => {
-            input.removeEventListener('input', onInput);
-            input.removeEventListener('keydown', onKeydown);
-            div.removeEventListener('mousedown', onClick);
-            div.remove();
-        },
-        hide: () => {
-            div.classList.add('hide');
-            setCommand();
-        },
-        update: (editorView: EditorView) => {
-            const result = filterInput(editorView, inputMap, div, input, button);
-            if (!result) return;
-            binding = !!result.bind;
-            setCommand(result.command);
-            calcInputPos(editorView, div);
-        },
-        render: (editorView: EditorView) => {
-            const wrapper = editorView.dom.parentNode;
-            if (!wrapper) throw new Error();
-            wrapper.appendChild(div);
-        },
-    };
-};

package/src/input-manager/style.ts

@@ -1,66 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import { Emotion, ThemeTool } from '@milkdown/core';
-
-export const injectStyle = (themeTool: ThemeTool, { css }: Emotion) => {
-    const { palette, mixin, size } = themeTool;
-
-    return css`
-        ${mixin.border?.()};
-        ${mixin.shadow?.()};
-
-        display: inline-flex;
-        justify-content: space-between;
-        align-items: center;
-        position: absolute;
-        background: ${palette('surface')};
-        border-radius: ${size.radius};
-        font-size: 1rem;
-
-        height: 3.5rem;
-        box-sizing: border-box;
-        width: 25.5rem;
-        padding: 0 1rem;
-        gap: 1rem;
-        z-index: 2;
-
-        input,
-        button {
-            all: unset;
-        }
-
-        input {
-            flex-grow: 1;
-            caret-color: ${palette('primary')};
-            &::placeholder {
-                color: ${palette('neutral', 0.6)};
-            }
-        }
-
-        button {
-            cursor: pointer;
-            height: 2.25rem;
-            color: ${palette('primary')};
-            font-size: 0.875rem;
-            padding: 0 0.5rem;
-            font-weight: 500;
-            letter-spacing: 1.25px;
-            &:hover {
-                background-color: ${palette('secondary', 0.12)};
-            }
-            &.disable {
-                color: ${palette('neutral', 0.38)};
-                cursor: not-allowed;
-                &:hover {
-                    background: transparent;
-                }
-            }
-            &.hide {
-                display: none;
-            }
-        }
-
-        &.hide {
-            display: none;
-        }
-    `;
-};

package/src/utility/input.ts

@@ -1,137 +0,0 @@
-/* Copyright 2021, Milkdown by Mirone. */
-import { commandsCtx, Ctx } from '@milkdown/core';
-import { findSelectedNodeOfType, Node as ProseNode } from '@milkdown/prose';
-
-import { Event2Command, Updater } from '../item';
-import { elementIsTag } from './element';
-
-export const modifyLink =
-    (ctx: Ctx): Event2Command =>
-    (e: Event | KeyboardEvent) => {
-        const { target } = e;
-        if (!(target instanceof HTMLElement)) {
-            return () => true;
-        }
-        if (elementIsTag(target, 'input')) {
-            if (!('key' in e) || e.key !== 'Enter') {
-                target.focus();
-                return () => false;
-            }
-        }
-        const parent = target.parentNode;
-        if (!parent) return () => false;
-
-        const inputEl = Array.from(parent.children).find((el) => el.tagName === 'INPUT');
-        if (!(inputEl instanceof HTMLInputElement)) return () => false;
-
-        return ctx.get(commandsCtx).callByName('ModifyLink', inputEl.value);
-    };
-
-export const modifyInlineMath =
-    (ctx: Ctx): Event2Command =>
-    (e) => {
-        const { target } = e;
-        if (!(target instanceof HTMLElement)) {
-            return () => true;
-        }
-        const parent = target.parentNode;
-        if (!parent) return () => false;
-
-        const inputEl = Array.from(parent.children).find((el) => el.tagName === 'INPUT');
-        if (!(inputEl instanceof HTMLInputElement)) return () => false;
-
-        return ctx.get(commandsCtx).callByName('ModifyInlineMath', inputEl.value);
-    };
-
-export const modifyImage =
-    (ctx: Ctx): Event2Command =>
-    (e: Event | KeyboardEvent) => {
-        const { target } = e;
-        if (!(target instanceof HTMLElement)) {
-            return () => true;
-        }
-        if (elementIsTag(target, 'input')) {
-            if (!('key' in e) || e.key !== 'Enter') {
-                target.focus();
-                return () => false;
-            }
-        }
-        const parent = target.parentNode;
-        if (!parent) return () => false;
-
-        const inputEl = Array.from(parent.children).find((el) => el.tagName === 'INPUT');
-        if (!(inputEl instanceof HTMLInputElement)) return () => false;
-
-        return ctx.get(commandsCtx).callByName('ModifyImage', inputEl.value);
-    };
-
-export const updateLinkView: Updater = (view, $) => {
-    const { marks } = view.state.schema;
-    const { firstChild, lastElementChild } = $;
-    if (!(firstChild instanceof HTMLInputElement) || !(lastElementChild instanceof HTMLButtonElement)) return;
-
-    const { selection } = view.state;
-    let node: ProseNode | undefined;
-    const { from, to } = selection;
-    view.state.doc.nodesBetween(from, from === to ? to + 1 : to, (n) => {
-        if (marks.link.isInSet(n.marks)) {
-            node = n;
-            return false;
-        }
-        return;
-    });
-    if (!node) return;
-
-    const mark = node.marks.find((m) => m.type === marks.link);
-    if (!mark) return;
-
-    const value = mark.attrs['href'];
-    firstChild.value = value;
-    if (!value) {
-        lastElementChild.classList.add('disable');
-        return;
-    }
-    if (lastElementChild.classList.contains('disable')) {
-        lastElementChild.classList.remove('disable');
-    }
-};
-
-export const updateInlineMathView: Updater = (view, $) => {
-    const { nodes } = view.state.schema;
-    const { firstChild, lastElementChild } = $;
-    if (!(firstChild instanceof HTMLInputElement) || !(lastElementChild instanceof HTMLButtonElement)) return;
-
-    const result = findSelectedNodeOfType(view.state.selection, nodes.math_inline);
-    if (!result) return;
-    const { node } = result;
-
-    const value = node.attrs['value'];
-    firstChild.value = value;
-    if (!value) {
-        lastElementChild.classList.add('disable');
-        return;
-    }
-    if (lastElementChild.classList.contains('disable')) {
-        lastElementChild.classList.remove('disable');
-    }
-};
-
-export const updateImageView: Updater = (view, $) => {
-    const { nodes } = view.state.schema;
-    const { firstChild, lastElementChild } = $;
-    if (!(firstChild instanceof HTMLInputElement) || !(lastElementChild instanceof HTMLButtonElement)) return;
-
-    const result = findSelectedNodeOfType(view.state.selection, nodes.image);
-    if (!result) return;
-    const { node } = result;
-
-    const value = node.attrs['src'];
-    firstChild.value = value.length > 50 ? 'Url is too long to display.' : value;
-    if (!value) {
-        lastElementChild.classList.add('disable');
-        return;
-    }
-    if (lastElementChild.classList.contains('disable')) {
-        lastElementChild.classList.remove('disable');
-    }
-};