react-native-jet-markdown 0.2.0 → 0.2.2

package/lib/typescript/src/JetMarkdownEditorNativeComponent.d.ts

@@ -1,105 +0,0 @@
-import { type CodegenTypes, type ColorValue, 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 {
-    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 declare const Commands: NativeCommands;
-declare const _default: import("react-native/types_generated/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
-export default _default;
-//# sourceMappingURL=JetMarkdownEditorNativeComponent.d.ts.map

package/lib/typescript/src/JetMarkdownEditorNativeComponent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"JetMarkdownEditorNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/JetMarkdownEditorNativeComponent.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/useJetMarkdownEditor.d.ts

@@ -1,36 +0,0 @@
-import type { JetMarkdownEditorRef } from "./types.js";
-/**
- * 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 declare function useJetMarkdownEditor(): {
-    blur: () => void | undefined;
-    focus: () => void | undefined;
-    getMarkdown: () => Promise<string>;
-    insertLink: (url: string, label?: string) => void | undefined;
-    insertMarkdown: (markdown: string) => void | undefined;
-    insertMention: (trigger: string, label: string, url: string) => void | undefined;
-    ref: import("react").RefObject<JetMarkdownEditorRef | null>;
-    removeLink: () => void | undefined;
-    setSelection: (start: number, end: number) => void | undefined;
-    setValue: (markdown: string) => void | undefined;
-    toggleBlockQuote: () => void | undefined;
-    toggleBold: () => void | undefined;
-    toggleCode: () => void | undefined;
-    toggleCodeBlock: () => void | undefined;
-    toggleHeading: (level: number) => void | undefined;
-    toggleItalic: () => void | undefined;
-    toggleOrderedList: () => void | undefined;
-    toggleSpoiler: () => void | undefined;
-    toggleStrikethrough: () => void | undefined;
-    toggleSubscript: () => void | undefined;
-    toggleSuperscript: () => void | undefined;
-    toggleUnorderedList: () => void | undefined;
-};
-//# sourceMappingURL=useJetMarkdownEditor.d.ts.map

package/lib/typescript/src/useJetMarkdownEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useJetMarkdownEditor.d.ts","sourceRoot":"","sources":["../../../src/useJetMarkdownEditor.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAS,CAAC;AAEpD;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB;;;uBAOb,OAAO,CAAC,MAAM,CAAC;sBAEd,MAAM,UAAU,MAAM;+BAEb,MAAM;6BAER,MAAM,SAAS,MAAM,OAAO,MAAM;;;0BAIrC,MAAM,OAAO,MAAM;yBAEpB,MAAM;;;;;2BAKJ,MAAM;;;;;;;;EAWlC"}

package/src/JetMarkdownEditor.native.tsx

@@ -1,301 +0,0 @@
-import {
-  type Ref,
-  useCallback,
-  useImperativeHandle,
-  useMemo,
-  useRef,
-} from "react";
-import type { NativeSyntheticEvent } from "react-native";
-
-import NativeJetMarkdownEditor, {
-  Commands,
-} from "./JetMarkdownEditorNativeComponent";
-import {
-  type MainStyle,
-  serializeStyles,
-  splitContainerStyle,
-} from "./serializeStyles";
-import type {
-  JetMarkdownEditorProps,
-  JetMarkdownEditorRef,
-  MarkdownImageData,
-  MarkdownSelection,
-} from "./types";
-
-type NativeEditor = React.ElementRef<typeof NativeJetMarkdownEditor>;
-
-export function JetMarkdownEditor({
-  allowFontScaling,
-  autoCapitalize,
-  autoCorrect,
-  autoFocus,
-  cursorColor,
-  defaultValue,
-  editable,
-  mentionTriggers,
-  multiline,
-  onBlur,
-  onChangeMarkdown,
-  onChangeSelection,
-  onChangeState,
-  onChangeText,
-  onFocus,
-  onLinkDetected,
-  onMentionChange,
-  onMentionEnd,
-  onMentionStart,
-  onPaste,
-  placeholder,
-  placeholderTextColor,
-  scrollEnabled,
-  selectionColor,
-  style,
-  styles,
-  ref,
-}: JetMarkdownEditorProps & { ref?: Ref<JetMarkdownEditorRef> }) {
-  const nativeRef = useRef<NativeEditor>(null);
-  // getMarkdown resolves from the latest onEditorChangeMarkdown payload;
-  // until the serializer emits (E1), plain text doubles as the markdown.
-  const markdownRef = useRef<string | null>(null);
-  const textRef = useRef<string>(defaultValue ?? "");
-
-  const { hostStyle, main } = splitContainerStyle(style);
-  // maxHeight rides as a native prop (autogrow cap; the editor scrolls
-  // internally past it) instead of a host style key. It is omitted when
-  // unset: Yoga reads the same raw prop as max-height, and a 0 would clamp
-  // flex-sized editors to zero height.
-  const { maxHeight, ...editorHostStyle } = hostStyle;
-  const mainKey = JSON.stringify(main);
-  const stylesJson = useMemo(
-    () => serializeStyles(styles, JSON.parse(mainKey) as MainStyle),
-    [styles, mainKey]
-  );
-
-  useImperativeHandle(
-    ref,
-    (): JetMarkdownEditorRef => ({
-      blur: () => {
-        if (nativeRef.current) {
-          Commands.blur(nativeRef.current);
-        }
-      },
-      focus: () => {
-        if (nativeRef.current) {
-          Commands.focus(nativeRef.current);
-        }
-      },
-      getMarkdown: () =>
-        Promise.resolve(markdownRef.current ?? textRef.current),
-      insertLink: (url: string, label?: string) => {
-        if (nativeRef.current) {
-          Commands.insertLink(nativeRef.current, url, label ?? "");
-        }
-      },
-      insertMarkdown: (markdown: string) => {
-        if (nativeRef.current) {
-          Commands.insertMarkdown(nativeRef.current, markdown);
-        }
-      },
-      insertMention: (trigger: string, label: string, url: string) => {
-        if (nativeRef.current) {
-          Commands.insertMention(nativeRef.current, trigger, label, url);
-        }
-      },
-      removeLink: () => {
-        if (nativeRef.current) {
-          Commands.removeLink(nativeRef.current);
-        }
-      },
-      setSelection: (start: number, end: number) => {
-        if (nativeRef.current) {
-          Commands.setSelection(nativeRef.current, start, end);
-        }
-      },
-      setValue: (markdown: string) => {
-        // Seed with the value being set so getMarkdown() never reports the
-        // pre-setValue document; native re-emits its canonical serialization
-        // right after.
-        markdownRef.current = markdown;
-        textRef.current = markdown;
-        if (nativeRef.current) {
-          Commands.setValue(nativeRef.current, markdown);
-        }
-      },
-      toggleBlockQuote: () => {
-        if (nativeRef.current) {
-          Commands.toggleBlockQuote(nativeRef.current);
-        }
-      },
-      toggleBold: () => {
-        if (nativeRef.current) {
-          Commands.toggleBold(nativeRef.current);
-        }
-      },
-      toggleCode: () => {
-        if (nativeRef.current) {
-          Commands.toggleCode(nativeRef.current);
-        }
-      },
-      toggleCodeBlock: () => {
-        if (nativeRef.current) {
-          Commands.toggleCodeBlock(nativeRef.current);
-        }
-      },
-      toggleHeading: (level: number) => {
-        if (nativeRef.current) {
-          Commands.toggleHeading(nativeRef.current, level);
-        }
-      },
-      toggleItalic: () => {
-        if (nativeRef.current) {
-          Commands.toggleItalic(nativeRef.current);
-        }
-      },
-      toggleOrderedList: () => {
-        if (nativeRef.current) {
-          Commands.toggleOrderedList(nativeRef.current);
-        }
-      },
-      toggleSpoiler: () => {
-        if (nativeRef.current) {
-          Commands.toggleSpoiler(nativeRef.current);
-        }
-      },
-      toggleStrikethrough: () => {
-        if (nativeRef.current) {
-          Commands.toggleStrikethrough(nativeRef.current);
-        }
-      },
-      toggleSubscript: () => {
-        if (nativeRef.current) {
-          Commands.toggleSubscript(nativeRef.current);
-        }
-      },
-      toggleSuperscript: () => {
-        if (nativeRef.current) {
-          Commands.toggleSuperscript(nativeRef.current);
-        }
-      },
-      toggleUnorderedList: () => {
-        if (nativeRef.current) {
-          Commands.toggleUnorderedList(nativeRef.current);
-        }
-      },
-    }),
-    []
-  );
-
-  // The native side never inserts pasted content itself: it reports the
-  // clipboard here, and unless the app's onPaste calls preventDefault()
-  // synchronously, the default insertion happens via insertMarkdown.
-  const handlePaste = useCallback(
-    (
-      event: NativeSyntheticEvent<{
-        images: readonly MarkdownImageData[];
-        text: string;
-      }>
-    ) => {
-      const { images, text } = event.nativeEvent;
-      let prevented = false;
-      onPaste?.({
-        images: images.length > 0 ? [...images] : undefined,
-        preventDefault: () => {
-          prevented = true;
-        },
-        text: text.length > 0 ? text : undefined,
-      });
-      if (!prevented && text.length > 0 && nativeRef.current) {
-        Commands.insertMarkdown(nativeRef.current, text);
-      }
-    },
-    [onPaste]
-  );
-
-  return (
-    <NativeJetMarkdownEditor
-      allowFontScaling={allowFontScaling}
-      autoCapitalize={autoCapitalize}
-      autoCorrect={autoCorrect}
-      autoFocus={autoFocus}
-      cursorColor={cursorColor}
-      defaultValue={defaultValue}
-      editable={editable}
-      maxHeight={
-        typeof maxHeight === "number" && maxHeight > 0 ? maxHeight : undefined
-      }
-      mentionTriggers={mentionTriggers}
-      multiline={multiline}
-      onEditorBlur={onBlur ? () => onBlur() : undefined}
-      onEditorChangeMarkdown={(
-        event: NativeSyntheticEvent<{ markdown: string }>
-      ) => {
-        markdownRef.current = event.nativeEvent.markdown;
-        onChangeMarkdown?.(event.nativeEvent.markdown);
-      }}
-      onEditorChangeSelection={
-        onChangeSelection
-          ? (event: NativeSyntheticEvent<MarkdownSelection>) =>
-              onChangeSelection({
-                end: event.nativeEvent.end,
-                start: event.nativeEvent.start,
-              })
-          : undefined
-      }
-      onEditorChangeState={
-        onChangeState
-          ? (event) => {
-              // Copy the declared fields so consumers never see the raw
-              // nativeEvent extras (target, etc.).
-              const state = event.nativeEvent;
-              onChangeState({
-                headingLevel: state.headingLevel,
-                isBlockQuote: state.isBlockQuote,
-                isBold: state.isBold,
-                isCodeBlock: state.isCodeBlock,
-                isInlineCode: state.isInlineCode,
-                isItalic: state.isItalic,
-                isOrderedList: state.isOrderedList,
-                isSpoiler: state.isSpoiler,
-                isStrikethrough: state.isStrikethrough,
-                isSubscript: state.isSubscript,
-                isSuperscript: state.isSuperscript,
-                isUnorderedList: state.isUnorderedList,
-              });
-            }
-          : undefined
-      }
-      onEditorChangeText={(event: NativeSyntheticEvent<{ text: string }>) => {
-        textRef.current = event.nativeEvent.text;
-        onChangeText?.(event.nativeEvent.text);
-      }}
-      onEditorFocus={onFocus ? () => onFocus() : undefined}
-      onEditorLinkDetected={
-        onLinkDetected
-          ? (event: NativeSyntheticEvent<{ url: string }>) =>
-              onLinkDetected({ url: event.nativeEvent.url })
-          : undefined
-      }
-      onEditorMentionChange={
-        onMentionChange
-          ? (event) => onMentionChange(event.nativeEvent)
-          : undefined
-      }
-      onEditorMentionEnd={
-        onMentionEnd ? (event) => onMentionEnd(event.nativeEvent) : undefined
-      }
-      onEditorMentionStart={
-        onMentionStart
-          ? (event) => onMentionStart(event.nativeEvent)
-          : undefined
-      }
-      onEditorPaste={handlePaste}
-      placeholder={placeholder}
-      placeholderTextColor={placeholderTextColor}
-      ref={nativeRef}
-      scrollEnabled={scrollEnabled}
-      selectionColor={selectionColor}
-      style={editorHostStyle}
-      stylesJson={stylesJson}
-    />
-  );
-}

package/src/JetMarkdownEditor.tsx

@@ -1,90 +0,0 @@
-import { type Ref, useImperativeHandle, useRef } from "react";
-import { type StyleProp, TextInput, type TextStyle } from "react-native";
-
-import type { JetMarkdownEditorProps, JetMarkdownEditorRef } from "./types";
-
-// Non-native (web) fallback: a plain multiline text input over raw markdown.
-export function JetMarkdownEditor({
-  allowFontScaling,
-  autoCapitalize,
-  autoCorrect,
-  autoFocus,
-  cursorColor,
-  defaultValue,
-  editable,
-  multiline = true,
-  onBlur,
-  onChangeMarkdown,
-  onChangeText,
-  onFocus,
-  placeholder,
-  placeholderTextColor,
-  scrollEnabled,
-  selectionColor,
-  style,
-  ref,
-}: JetMarkdownEditorProps & { ref?: Ref<JetMarkdownEditorRef> }) {
-  const inputRef = useRef<React.ComponentRef<typeof TextInput>>(null);
-  const textRef = useRef(defaultValue ?? "");
-
-  useImperativeHandle(
-    ref,
-    (): JetMarkdownEditorRef => ({
-      blur: () => inputRef.current?.blur(),
-      focus: () => inputRef.current?.focus(),
-      getMarkdown: () => Promise.resolve(textRef.current),
-      insertLink: () => undefined,
-      insertMarkdown: () => undefined,
-      insertMention: () => undefined,
-      removeLink: () => undefined,
-      setSelection: () => {
-        // Not supported in the web fallback.
-      },
-      setValue: (markdown: string) => {
-        textRef.current = markdown;
-        inputRef.current?.setNativeProps({ text: markdown });
-      },
-      // Formatting toggles are not supported in the web fallback (raw
-      // markdown).
-      toggleBlockQuote: () => undefined,
-      toggleBold: () => undefined,
-      toggleCode: () => undefined,
-      toggleCodeBlock: () => undefined,
-      toggleHeading: () => undefined,
-      toggleItalic: () => undefined,
-      toggleOrderedList: () => undefined,
-      toggleSpoiler: () => undefined,
-      toggleStrikethrough: () => undefined,
-      toggleSubscript: () => undefined,
-      toggleSuperscript: () => undefined,
-      toggleUnorderedList: () => undefined,
-    }),
-    []
-  );
-
-  return (
-    <TextInput
-      allowFontScaling={allowFontScaling}
-      autoCapitalize={autoCapitalize}
-      autoCorrect={autoCorrect}
-      autoFocus={autoFocus}
-      cursorColor={cursorColor}
-      defaultValue={defaultValue}
-      editable={editable}
-      multiline={multiline}
-      onBlur={onBlur}
-      onChangeText={(text) => {
-        textRef.current = text;
-        onChangeText?.(text);
-        onChangeMarkdown?.(text);
-      }}
-      onFocus={onFocus}
-      placeholder={placeholder}
-      placeholderTextColor={placeholderTextColor}
-      ref={inputRef}
-      scrollEnabled={scrollEnabled}
-      selectionColor={selectionColor}
-      style={style as StyleProp<TextStyle>}
-    />
-  );
-}