@milkdown/plugin-tooltip 5.4.1 → 6.0.0-next.1

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,132 +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) => {
-        const { target } = e;
-        if (!(target instanceof HTMLElement)) {
-            return () => true;
-        }
-        if (elementIsTag(target, 'input')) {
-            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) => {
-        const { target } = e;
-        if (!(target instanceof HTMLElement)) {
-            return () => true;
-        }
-        if (elementIsTag(target, 'input')) {
-            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;
-    view.state.doc.nodesBetween(selection.from, selection.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');
-    }
-};