rme 0.2.1 → 0.2.2

package/dist/index.d.ts

@@ -1,23 +1,26 @@
 import * as _drl990114_codemirror_themes from '@drl990114/codemirror-themes';
 import { CreateThemeOptions } from '@drl990114/codemirror-themes';
 export { CreateThemeOptions, createTheme } from '@drl990114/codemirror-themes';
+import { LanguageSupport, LanguageDescription } from '@codemirror/language';
 import { Compartment, Extension } from '@codemirror/state';
 import { EditorView, EditorViewConfig } from '@codemirror/view';
 import { ProsemirrorNode, EditorView as EditorView$1 } from '@remirror/pm';
-import { LanguageSupport, LanguageDescription } from '@codemirror/language';
 import * as react from 'react';
 import react__default, { ReactNode, MouseEvent, FC } from 'react';
 import { RemirrorEventListenerProps, Extension as Extension$1, RemirrorManager as RemirrorManager$1, AnyExtension as AnyExtension$1 } from 'remirror';
 import { AnyExtension, RemirrorManager, CommandDecoratorMessageProps, CoreIcon } from '@remirror/core';
 import { ReactFrameworkOutput } from '@remirror/react-core';
 import { Node, Schema, Mark, NodeType } from '@remirror/pm/model';
-import { Token } from 'markdown-it';
+import { Token as Token$1 } from 'markdown-it/index.js';
+import Token from 'markdown-it/lib/token.mjs';
 export { useCommands, useHelpers, useKeymap, useRemirrorContext } from '@remirror/react';
 import * as styled_components from 'styled-components';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 
 type LoadLanguage = (lang: string) => Promise<LanguageSupport> | LanguageSupport | void;
 
+type CustomCopyFunction = (code: string) => Promise<boolean> | boolean;
+
 declare const changeTheme: (theme: CreateThemeOptions) => void;
 declare const extractMatches: (view: EditorView) => any[];
 type CreateCodemirrorOptions = {
@@ -27,6 +30,20 @@ type CreateCodemirrorOptions = {
     useProsemirrorHistoryKey?: boolean;
     codemirrorEditorViewConfig?: EditorViewConfig;
     onValueChange?: (value: string) => void;
+    /**
+     * Copy button configuration options
+     */
+    copyButton?: {
+        /**
+         * Whether to show the copy button
+         * @default true
+         */
+        enabled?: boolean;
+        /**
+         * Custom copy function to override default behavior
+         */
+        customCopyFunction?: CustomCopyFunction;
+    };
 };
 declare class MfCodemirrorView {
     private readonly view;
@@ -43,6 +60,8 @@ declare class MfCodemirrorView {
     updating: boolean;
     loadLanguage: LoadLanguage;
     options?: CreateCodemirrorOptions;
+    private copyButton;
+    private copyButtonContainer;
     constructor({ view, getPos, node, extensions, languageName, options, }: {
         node: ProsemirrorNode;
         view: EditorView$1;
@@ -61,6 +80,22 @@ declare class MfCodemirrorView {
     private asProseMirrorSelection;
     private codeMirrorKeymap;
     private maybeEscape;
+    /**
+     * Creates the copy button and adds it to the CodeMirror editor
+     */
+    private createCopyButton;
+    /**
+     * Sets up event listeners for the copy button
+     */
+    private setupCopyButtonEvents;
+    /**
+     * Handles the copy button click event
+     */
+    private handleCopy;
+    /**
+     * Shows copy success feedback
+     */
+    private showCopySuccess;
 }
 declare const getLanguageMap: () => Record<string, LanguageDescription>;
 declare const loadLanguage: (languageName: string) => Promise<LanguageSupport> | LanguageSupport | undefined;
@@ -267,7 +302,7 @@ interface StackItem {
     attrs?: Record<string, any>;
     content: Node[];
 }
-type TokenHandler = (state: MarkdownParseState, tok: Token) => void;
+type TokenHandler = (state: MarkdownParseState, tok: Token$1) => void;
 type TokenHandlers = Record<string, TokenHandler>;
 declare class MarkdownParseState {
     private schema;
@@ -282,7 +317,7 @@ declare class MarkdownParseState {
     private mergeTextNode;
     openMark(mark: Mark): void;
     closeMark(mark: Mark): void;
-    parseTokens(toks: Token[]): void;
+    parseTokens(toks: Token$1[]): void;
     addNode(type: NodeType, attrs?: Record<string, any>, content?: Node[]): Node;
     openNode(type: NodeType, attrs?: Record<string, any>): void;
     closeNode(): Node;
@@ -343,6 +378,7 @@ type ExtensionsOptions = {
     disableAllBuildInShortcuts?: boolean;
     handleViewImgSrcUrl?: (src: string) => Promise<string>;
     ai?: AIOptions;
+    customCopyFunction?: CustomCopyFunction;
 };
 declare function extensions(options: ExtensionsOptions): any[];
 
@@ -353,7 +389,7 @@ declare const createWysiwygDelegate: (options?: CreateWysiwygDelegateOptions) =>
 
 declare const _default: react.NamedExoticComponent<EditorProps>;
 
-interface WarpperProps$1 {
+interface WrapperProps {
     codeEditor?: boolean;
     dark?: boolean;
     /**
@@ -367,7 +403,7 @@ interface WarpperProps$1 {
 }
 declare const WysiwygThemeWrapper: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<styled_components_dist_types.Substitute<styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
-}>, WarpperProps$1>, never>> & string;
+}>, WrapperProps>, never>> & string;
 
 interface WarpperProps {
     codeEditor?: boolean;