react-native-jet-markdown 0.2.0 → 0.2.2

package/src/JetMarkdownEditorNativeComponent.ts

@@ -1,173 +0,0 @@
-import {
-  type CodegenTypes,
-  type ColorValue,
-  codegenNativeCommands,
-  codegenNativeComponent,
-  type HostComponent,
-  type ViewProps,
-} from "react-native";
-
-interface TextEvent {
-  text: string;
-}
-
-interface MarkdownEvent {
-  markdown: string;
-}
-
-interface SelectionEvent {
-  end: CodegenTypes.Int32;
-  start: CodegenTypes.Int32;
-}
-
-interface StateEvent {
-  headingLevel: CodegenTypes.Int32;
-  isBlockQuote: boolean;
-  isBold: boolean;
-  isCodeBlock: boolean;
-  isInlineCode: boolean;
-  isItalic: boolean;
-  isOrderedList: boolean;
-  isSpoiler: boolean;
-  isStrikethrough: boolean;
-  isSubscript: boolean;
-  isSuperscript: boolean;
-  isUnorderedList: boolean;
-}
-
-interface UrlEvent {
-  url: string;
-}
-
-interface MentionEvent {
-  trigger: string;
-}
-
-interface MentionQueryEvent {
-  query: string;
-  trigger: string;
-}
-
-interface PasteEvent {
-  // Codegen's event parser needs inline element types and rejects readonly
-  // arrays (the props parser accepts both).
-  images: {
-    height: CodegenTypes.Double;
-    url: string;
-    width: CodegenTypes.Double;
-  }[];
-  text: string;
-}
-
-interface NativeProps extends ViewProps {
-  allowFontScaling?: CodegenTypes.WithDefault<boolean, true>;
-  autoCapitalize?: CodegenTypes.WithDefault<
-    "none" | "sentences" | "words" | "characters",
-    "sentences"
-  >;
-  autoCorrect?: CodegenTypes.WithDefault<boolean, true>;
-  autoFocus?: CodegenTypes.WithDefault<boolean, false>;
-  cursorColor?: ColorValue;
-  defaultValue?: string;
-  editable?: CodegenTypes.WithDefault<boolean, true>;
-  /**
-   * Autogrow cap in points; native default 0 = unbounded. Yoga ALSO parses
-   * this key out of the raw-props bag as max-height, so the wrapper MUST
-   * omit it entirely when unset — an unconditional 0 clamps the node to
-   * zero height (dead flex-sized editors). When set, Yoga's clamp equals
-   * the autogrow cap, which is exactly the intended geometry.
-   */
-  maxHeight?: CodegenTypes.WithDefault<CodegenTypes.Double, 0>;
-  mentionTriggers?: readonly string[];
-  multiline?: CodegenTypes.WithDefault<boolean, true>;
-  onEditorBlur?: CodegenTypes.DirectEventHandler<null>;
-  onEditorChangeMarkdown?: CodegenTypes.DirectEventHandler<MarkdownEvent>;
-  onEditorChangeSelection?: CodegenTypes.DirectEventHandler<SelectionEvent>;
-  onEditorChangeState?: CodegenTypes.DirectEventHandler<StateEvent>;
-  onEditorChangeText?: CodegenTypes.DirectEventHandler<TextEvent>;
-  onEditorFocus?: CodegenTypes.DirectEventHandler<null>;
-  onEditorLinkDetected?: CodegenTypes.DirectEventHandler<UrlEvent>;
-  onEditorMentionChange?: CodegenTypes.DirectEventHandler<MentionQueryEvent>;
-  onEditorMentionEnd?: CodegenTypes.DirectEventHandler<MentionEvent>;
-  onEditorMentionStart?: CodegenTypes.DirectEventHandler<MentionEvent>;
-  onEditorPaste?: CodegenTypes.DirectEventHandler<PasteEvent>;
-  placeholder?: string;
-  placeholderTextColor?: ColorValue;
-  scrollEnabled?: CodegenTypes.WithDefault<boolean, false>;
-  selectionColor?: ColorValue;
-  stylesJson?: string;
-}
-
-type EditorComponentType = HostComponent<NativeProps>;
-
-interface NativeCommands {
-  blur: (viewRef: React.ElementRef<EditorComponentType>) => void;
-  focus: (viewRef: React.ElementRef<EditorComponentType>) => void;
-  insertLink: (
-    viewRef: React.ElementRef<EditorComponentType>,
-    url: string,
-    label: string
-  ) => void;
-  insertMarkdown: (
-    viewRef: React.ElementRef<EditorComponentType>,
-    value: string
-  ) => void;
-  insertMention: (
-    viewRef: React.ElementRef<EditorComponentType>,
-    trigger: string,
-    label: string,
-    url: string
-  ) => void;
-  removeLink: (viewRef: React.ElementRef<EditorComponentType>) => void;
-  setSelection: (
-    viewRef: React.ElementRef<EditorComponentType>,
-    start: CodegenTypes.Int32,
-    end: CodegenTypes.Int32
-  ) => void;
-  setValue: (
-    viewRef: React.ElementRef<EditorComponentType>,
-    value: string
-  ) => void;
-  toggleBlockQuote: (viewRef: React.ElementRef<EditorComponentType>) => void;
-  toggleBold: (viewRef: React.ElementRef<EditorComponentType>) => void;
-  toggleCode: (viewRef: React.ElementRef<EditorComponentType>) => void;
-  toggleCodeBlock: (viewRef: React.ElementRef<EditorComponentType>) => void;
-  toggleHeading: (
-    viewRef: React.ElementRef<EditorComponentType>,
-    level: CodegenTypes.Int32
-  ) => void;
-  toggleItalic: (viewRef: React.ElementRef<EditorComponentType>) => void;
-  toggleOrderedList: (viewRef: React.ElementRef<EditorComponentType>) => void;
-  toggleSpoiler: (viewRef: React.ElementRef<EditorComponentType>) => void;
-  toggleStrikethrough: (viewRef: React.ElementRef<EditorComponentType>) => void;
-  toggleSubscript: (viewRef: React.ElementRef<EditorComponentType>) => void;
-  toggleSuperscript: (viewRef: React.ElementRef<EditorComponentType>) => void;
-  toggleUnorderedList: (viewRef: React.ElementRef<EditorComponentType>) => void;
-}
-
-export const Commands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: [
-    "blur",
-    "focus",
-    "insertLink",
-    "insertMarkdown",
-    "insertMention",
-    "removeLink",
-    "setSelection",
-    "setValue",
-    "toggleBlockQuote",
-    "toggleBold",
-    "toggleCode",
-    "toggleCodeBlock",
-    "toggleHeading",
-    "toggleItalic",
-    "toggleOrderedList",
-    "toggleSpoiler",
-    "toggleStrikethrough",
-    "toggleSubscript",
-    "toggleSuperscript",
-    "toggleUnorderedList",
-  ],
-});
-
-export default codegenNativeComponent<NativeProps>("JetMarkdownEditor");

package/src/useJetMarkdownEditor.ts

@@ -1,50 +0,0 @@
-import { useMemo, useRef } from "react";
-
-import type { JetMarkdownEditorRef } from "./types";
-
-/**
- * Convenience hook: a ref to pass to `<JetMarkdownEditor>` plus stable
- * callbacks for every editor command.
- *
- * ```tsx
- * const editor = useJetMarkdownEditor();
- * <JetMarkdownEditor ref={editor.ref} />
- * <Button onPress={editor.focus} />
- * ```
- */
-export function useJetMarkdownEditor() {
-  const ref = useRef<JetMarkdownEditorRef>(null);
-
-  return useMemo(
-    () => ({
-      blur: () => ref.current?.blur(),
-      focus: () => ref.current?.focus(),
-      getMarkdown: (): Promise<string> =>
-        ref.current?.getMarkdown() ?? Promise.resolve(""),
-      insertLink: (url: string, label?: string) =>
-        ref.current?.insertLink(url, label),
-      insertMarkdown: (markdown: string) =>
-        ref.current?.insertMarkdown(markdown),
-      insertMention: (trigger: string, label: string, url: string) =>
-        ref.current?.insertMention(trigger, label, url),
-      ref,
-      removeLink: () => ref.current?.removeLink(),
-      setSelection: (start: number, end: number) =>
-        ref.current?.setSelection(start, end),
-      setValue: (markdown: string) => ref.current?.setValue(markdown),
-      toggleBlockQuote: () => ref.current?.toggleBlockQuote(),
-      toggleBold: () => ref.current?.toggleBold(),
-      toggleCode: () => ref.current?.toggleCode(),
-      toggleCodeBlock: () => ref.current?.toggleCodeBlock(),
-      toggleHeading: (level: number) => ref.current?.toggleHeading(level),
-      toggleItalic: () => ref.current?.toggleItalic(),
-      toggleOrderedList: () => ref.current?.toggleOrderedList(),
-      toggleSpoiler: () => ref.current?.toggleSpoiler(),
-      toggleStrikethrough: () => ref.current?.toggleStrikethrough(),
-      toggleSubscript: () => ref.current?.toggleSubscript(),
-      toggleSuperscript: () => ref.current?.toggleSuperscript(),
-      toggleUnorderedList: () => ref.current?.toggleUnorderedList(),
-    }),
-    []
-  );
-}