@welshman/editor 0.0.9 → 0.0.11-pre.1

package/dist/components/SuggestionString.svelte.d.ts

@@ -1,18 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        value: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type SuggestionStringProps = typeof __propDef.props;
-export type SuggestionStringEvents = typeof __propDef.events;
-export type SuggestionStringSlots = typeof __propDef.slots;
-export default class SuggestionString extends SvelteComponent<SuggestionStringProps, SuggestionStringEvents, SuggestionStringSlots> {
-}
-export {};

package/dist/components/Suggestions.svelte

@@ -1,71 +0,0 @@
-<svelte:options accessors />
-
-<script>import { fly } from "svelte/transition";
-import { throttle, clamp } from "@welshman/lib";
-export let term;
-export let search;
-export let select;
-export let component;
-export let allowCreate = false;
-let index = 0;
-let element;
-let items = [];
-$: populateItems(term);
-const populateItems = throttle(300, (term2) => {
-  items = $search(term2).slice(0, 5);
-});
-const setIndex = (newIndex, block) => {
-  index = clamp([0, items.length - 1], newIndex);
-};
-export const onKeyDown = (e) => {
-  if (["Enter", "Tab"].includes(e.code)) {
-    const value = items[index];
-    if (value) {
-      select(value);
-      return true;
-    } else if (term && allowCreate) {
-      select(term);
-      return true;
-    }
-  }
-  if (e.code === "Space" && term && allowCreate) {
-    select(term);
-    return true;
-  }
-  if (e.code === "ArrowUp") {
-    setIndex(index - 1, "start");
-    return true;
-  }
-  if (e.code === "ArrowDown") {
-    setIndex(index + 1, "start");
-    return true;
-  }
-};
-</script>
-
-{#if term}
-  <div bind:this={element} transition:fly|local={{duration: 200}} class="tiptap-suggestions">
-    <div class="tiptap-suggestions__content">
-      {#if term && allowCreate && !items.includes(term)}
-        <button
-          class="tiptap-suggestions__create"
-          on:mousedown|preventDefault|stopPropagation
-          on:click|preventDefault|stopPropagation={() => select(term)}>
-          Use "<svelte:component this={component} value={term} />"
-        </button>
-      {/if}
-      {#each items as value, i (value)}
-        <button
-          class="tiptap-suggestions__item"
-          class:tiptap-suggestions__selected={index === i}
-          on:mousedown|preventDefault|stopPropagation
-          on:click|preventDefault|stopPropagation={() => select(value)}>
-          <svelte:component this={component} {value} />
-        </button>
-      {/each}
-    </div>
-    {#if items.length === 0}
-      <div class="tiptap-suggestions__empty">No results</div>
-    {/if}
-  </div>
-{/if}

package/dist/components/Suggestions.svelte.d.ts

@@ -1,41 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        term: any;
-        search: any;
-        select: any;
-        component: any;
-        allowCreate?: boolean;
-        onKeyDown?: (e: any) => true | undefined;
-    };
-    events: {
-        mousedown: MouseEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type SuggestionsProps = typeof __propDef.props;
-export type SuggestionsEvents = typeof __propDef.events;
-export type SuggestionsSlots = typeof __propDef.slots;
-export default class Suggestions extends SvelteComponent<SuggestionsProps, SuggestionsEvents, SuggestionsSlots> {
-    get onKeyDown(): (e: any) => true | undefined;
-    get term(): any;
-    /**accessor*/
-    set term(_: any);
-    get search(): any;
-    /**accessor*/
-    set search(_: any);
-    get select(): any;
-    /**accessor*/
-    set select(_: any);
-    get component(): any;
-    /**accessor*/
-    set component(_: any);
-    get allowCreate(): boolean | undefined;
-    /**accessor*/
-    set allowCreate(_: boolean | undefined);
-}
-export {};

package/dist/components/index.d.ts

@@ -1,6 +0,0 @@
-export { default as Suggestions } from "./Suggestions.svelte";
-export { default as SuggestionString } from "./SuggestionString.svelte";
-export { default as EditBolt11 } from "./EditBolt11.svelte";
-export { default as EditMedia } from "./EditMedia.svelte";
-export { default as EditEvent } from "./EditEvent.svelte";
-export { default as EditMention } from "./EditMention.svelte";

package/dist/components/index.js

@@ -1,6 +0,0 @@
-export { default as Suggestions } from "./Suggestions.svelte";
-export { default as SuggestionString } from "./SuggestionString.svelte";
-export { default as EditBolt11 } from "./EditBolt11.svelte";
-export { default as EditMedia } from "./EditMedia.svelte";
-export { default as EditEvent } from "./EditEvent.svelte";
-export { default as EditMention } from "./EditMention.svelte";

package/dist/index.css

@@ -1,105 +0,0 @@
-:root {
-  --tiptap-object-bg: #eee;
-  --tiptap-object-fg: #111;
-  --tiptap-active-bg: #ddd;
-  --tiptap-active-fg: #111;
-}
-
-.tiptap {
-  outline: none;
-  min-height: 0;
-  height: 100%;
-}
-
-.tiptap p.is-editor-empty:first-child::before {
-  color: #adb5bd;
-  content: attr(data-placeholder);
-  float: left;
-  height: 0;
-  pointer-events: none;
-}
-
-.tiptap pre code {
-  display: block;
-  max-width: 100%;
-  overflow: auto;
-  padding: 0.25rem;
-  background-color: var(--tiptap-object-bg);
-  color: var(--tiptap-object-fg);
-}
-
-.tiptap .tiptap-object,
-.tiptap p code,
-.tiptap [tag] {
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  border-radius: 3px;
-  padding: 0 0.25rem;
-  background-color: var(--tiptap-object-bg);
-  color: var(--tiptap-object-fg);
-}
-
-.tiptap .tiptap-active {
-  background-color: var(--tiptap-active-bg);
-  color: var(--tiptap-active-fg);
-}
-
-.tiptap .tiptap-uploading {
-  animation: tiptapFileUpload 1.5s infinite;
-}
-
-.tiptap-suggestions {
-  margin-top: 0.5rem;
-  max-height: 350px;
-}
-
-.tiptap-suggestions__content {
-  border-radius: 3px;
-  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-
-.tiptap-suggestions__create,
-.tiptap-suggestions__item {
-  white-space: nowrap;
-  display: block;
-  width: 100%;
-  min-width: 0px;
-  cursor: pointer;
-  overflow-x: hidden;
-  text-overflow: ellipsis;
-  padding: 0.5rem 1rem;
-  text-align: left;
-  transition-duration: 100ms;
-  transition-property: color, background-color;
-  background-color: var(--tiptap-object-bg);
-  color: var(--tiptap-object-fg);
-}
-
-.tiptap-suggestions__selected,
-.tiptap-suggestions__create:hover,
-.tiptap-suggestions__item:hover {
-  background-color: var(--tiptap-active-bg);
-  color: var(--tiptap-active-fg);
-}
-
-.tiptap-suggestions__empty {
-  display: flex;
-  gap: 0.5rem;
-  padding: 0.5rem 1rem;
-}
-
-@keyframes tiptapFileUpload {
-  0% {
-    opacity: 0.2;
-  }
-  50% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0.2;
-  }
-}

package/dist/index.d.ts

@@ -1,4 +0,0 @@
-import './index.css';
-export * from './components/index.js';
-export * from './extensions/index.js';
-export * from './plugins/index.js';

package/dist/index.js

@@ -1,4 +0,0 @@
-import './index.css';
-export * from './components/index.js';
-export * from './extensions/index.js';
-export * from './plugins/index.js';

package/dist/plugins/TippySuggestion.d.ts

@@ -1,20 +0,0 @@
-import type { ComponentType } from "svelte";
-import type { Readable } from "svelte/store";
-import type { Editor } from "svelte-tiptap";
-export type TippySuggestionOptions = {
-    char: string;
-    name: string;
-    editor: Editor;
-    search: Readable<(term: string) => string[]>;
-    select: (value: string, props: any) => void;
-    allowCreate?: boolean;
-    wrapper?: ComponentType;
-    component?: ComponentType;
-};
-export declare const TippySuggestion: ({ char, name, editor, search, select, allowCreate, wrapper, component, }: TippySuggestionOptions) => import("prosemirror-state").Plugin<any>;
-export type MentionSuggestionOptions = Partial<TippySuggestionOptions> & {
-    editor: Editor;
-    search: Readable<(term: string) => string[]>;
-    getRelays: (pubkey: string) => string[];
-};
-export declare const MentionSuggestion: (options: MentionSuggestionOptions) => import("prosemirror-state").Plugin<any>;

package/dist/plugins/TippySuggestion.js

@@ -1,98 +0,0 @@
-import tippy from "tippy.js";
-import { nprofileEncode } from "nostr-tools/nip19";
-import { PluginKey } from "@tiptap/pm/state";
-import Suggestion from "@tiptap/suggestion";
-import Suggestions from "../components/Suggestions.svelte";
-import SuggestionString from "../components/SuggestionString.svelte";
-export const TippySuggestion = ({ char, name, editor, search, select, allowCreate, wrapper = Suggestions, component = SuggestionString, }) => Suggestion({
-    char,
-    editor,
-    pluginKey: new PluginKey(`suggest-${name}`),
-    command: ({ editor, range, props }) => {
-        // increase range.to by one when the next node is of type "text"
-        // and starts with a space character
-        const nodeAfter = editor.view.state.selection.$to.nodeAfter;
-        const overrideSpace = nodeAfter?.text?.startsWith(" ");
-        if (overrideSpace) {
-            range.to += 1;
-        }
-        editor
-            .chain()
-            .focus()
-            .insertContentAt(range, [
-            { type: name, attrs: props },
-            { type: "text", text: " " },
-        ])
-            .run();
-        window.getSelection()?.collapseToEnd();
-    },
-    allow: ({ state, range }) => {
-        const $from = state.doc.resolve(range.from);
-        const type = state.schema.nodes[name];
-        return !!$from.parent.type.contentMatch.matchType(type);
-    },
-    render: () => {
-        let popover;
-        let suggestions;
-        const mapProps = (props) => ({
-            term: props.query,
-            search,
-            component,
-            allowCreate,
-            select: (value) => select(value, props),
-        });
-        return {
-            onStart: props => {
-                const target = document.createElement("div");
-                // @ts-ignore
-                popover = tippy("body", {
-                    getReferenceClientRect: props.clientRect,
-                    appendTo: document.querySelector("dialog[open]") || document.body,
-                    content: target,
-                    showOnCreate: true,
-                    interactive: true,
-                    trigger: "manual",
-                    placement: "bottom-start",
-                });
-                if (!props.query)
-                    popover[0].hide();
-                suggestions = new wrapper({ target, props: mapProps(props) });
-            },
-            onUpdate: props => {
-                if (props.query) {
-                    popover[0].show();
-                }
-                else {
-                    popover[0].hide();
-                }
-                suggestions.$set(mapProps(props));
-                if (props.clientRect) {
-                    popover[0].setProps({
-                        getReferenceClientRect: props.clientRect,
-                    });
-                }
-            },
-            onKeyDown: props => {
-                if (props.event.key === "Escape") {
-                    popover[0].hide();
-                    return true;
-                }
-                return Boolean(suggestions.onKeyDown?.(props.event));
-            },
-            onExit: () => {
-                popover[0].destroy();
-                suggestions.$destroy();
-            },
-        };
-    },
-});
-export const MentionSuggestion = (options) => TippySuggestion({
-    char: "@",
-    name: "nprofile",
-    select: (pubkey, props) => {
-        const relays = options.getRelays(pubkey);
-        const nprofile = nprofileEncode({ pubkey, relays });
-        return props.command({ pubkey, relays, nprofile });
-    },
-    ...options,
-});