@felipe-software/react-native-gpui 0.0.0-stage → 1.0.1

package/dist/Window.d.ts

@@ -0,0 +1,33 @@
+import { type ReactNode } from "react";
+import { type WindowCloseReason, type WindowKind, type WindowPosition } from "./window-host";
+export type WindowCloseEvent = {
+    reason: WindowCloseReason;
+};
+export interface WindowProps {
+    title?: string;
+    width?: number;
+    height?: number;
+    minWidth?: number;
+    minHeight?: number;
+    position?: WindowPosition;
+    kind?: WindowKind;
+    resizable?: boolean;
+    alwaysOnTop?: boolean;
+    closeOnBlur?: boolean;
+    closeOnEscape?: boolean;
+    testID?: string;
+    onClose?: (event: WindowCloseEvent) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onResize?: (size: {
+        width: number;
+        height: number;
+    }) => void;
+    children?: ReactNode;
+}
+export interface WindowHandle {
+    readonly windowId: number;
+    focus(): void;
+}
+export declare const Window: import("react").ForwardRefExoticComponent<WindowProps & import("react").RefAttributes<WindowHandle>>;
+export type { WindowCloseReason, WindowKind, WindowPosition } from "./window-host";

package/dist/apis.d.ts

@@ -0,0 +1,165 @@
+import { type ScaledSize } from "./Dimensions";
+export { Appearance, DynamicColorIOS, PlatformColor, processColor, resolveColorValue, useColorScheme, type ColorSchemeName, type DynamicColorIOSTuple, } from "./colors";
+export declare function useWindowDimensions(): ScaledSize;
+type PlatformOSType = "ios" | "android" | "macos" | "linux" | "windows" | "web";
+export declare const Platform: {
+    OS: PlatformOSType;
+    Version: number | string;
+    isPad: boolean;
+    isTV: boolean;
+    isTesting: boolean;
+    constants: {};
+    select<T>(spec: { [k in PlatformOSType | "native" | "default"]?: T; }): T | undefined;
+};
+export declare const PixelRatio: {
+    get(): number;
+    getFontScale(): number;
+    getPixelSizeForLayoutSize(layoutSize: number): number;
+    roundToNearestPixel(layoutSize: number): number;
+};
+/** RN's I18nManager. LTR on desktop. */
+export declare const I18nManager: {
+    isRTL: boolean;
+    doLeftAndRightSwapInRTL: boolean;
+    allowRTL(_: boolean): void;
+    forceRTL(_: boolean): void;
+    swapLeftAndRightInRTL(_: boolean): void;
+};
+type AlertButton = {
+    text?: string;
+    onPress?: () => void;
+    style?: string;
+};
+export declare const Alert: {
+    alert(title: string, message?: string, buttons?: AlertButton[]): void;
+    prompt(title: string, message?: string): void;
+};
+type Sub = {
+    remove(): void;
+};
+export declare const Keyboard: {
+    addListener: () => Sub;
+    removeAllListeners(_event?: string): void;
+    dismiss(): void;
+    isVisible(): boolean;
+    scheduleLayoutAnimation(): void;
+};
+export declare const BackHandler: {
+    addEventListener: () => Sub;
+    removeEventListener(_handler: () => boolean): void;
+    exitApp(): void;
+};
+export { AppState, useAppState, useWindowFocused, type AppStateStatus, type AppStateEventType, type WindowFocusEvent } from "./app-state";
+export declare const Linking: {
+    addEventListener: () => Sub;
+    canOpenURL(url: string): Promise<boolean>;
+    openURL(url: string): Promise<void>;
+    getInitialURL(): Promise<string | null>;
+};
+export declare const InteractionManager: {
+    runAfterInteractions(task?: () => void): {
+        then: (cb: () => void) => void;
+        done: () => void;
+        cancel: () => void;
+    };
+    createInteractionHandle(): number;
+    clearInteractionHandle(_handle: number): void;
+    setDeadline(_deadline: number): void;
+};
+export declare const LayoutAnimation: {
+    configureNext(_config: unknown, onAnimationDidEnd?: () => void): void;
+    create(_duration: number, _type?: unknown, _creationProp?: unknown): unknown;
+    Types: Record<string, string>;
+    Properties: Record<string, string>;
+    Presets: {
+        easeInEaseOut: {};
+        linear: {};
+        spring: {};
+    };
+    easeInEaseOut(): void;
+    linear(): void;
+    spring(): void;
+};
+export declare const UIManager: {
+    measure(node: unknown, callback: (x: number, y: number, w: number, h: number, px: number, py: number) => void): void;
+    measureInWindow(node: unknown, callback: (x: number, y: number, w: number, h: number) => void): void;
+    measureLayout(node: unknown, relativeToNativeNode: unknown, onFail: () => void, onSuccess: (left: number, top: number, width: number, height: number) => void): void;
+    getViewManagerConfig(_name: string): unknown;
+    hasViewManagerConfig(_name: string): boolean;
+    setLayoutAnimationEnabledExperimental(_enabled: boolean): void;
+};
+export declare const NativeModules: Record<string, unknown>;
+export type FilePickerOptions = {
+    multiple?: boolean;
+    files?: boolean;
+    directories?: boolean;
+    prompt?: string;
+};
+declare global {
+    var __rngpui_pickPaths: ((json: string) => void) | undefined;
+    var __rngpui_filePickerDone: ((json: string) => void) | undefined;
+    var __rngpui_audioStart: (() => Promise<{
+        ok?: boolean;
+    }>) | undefined;
+    var __rngpui_audioStop: (() => Promise<{
+        base64?: string;
+        mimeType?: string;
+        durationMs?: number;
+    }>) | undefined;
+    var __rngpui_audioCancel: (() => void) | undefined;
+    var __rngpui_audioOnLevel: ((cb: (level: number) => void) => () => void) | undefined;
+}
+export declare const FilePicker: {
+    pickPaths(options?: FilePickerOptions): Promise<string[]>;
+    _parse: typeof parseFilePickerPaths;
+};
+export type VoiceRecording = {
+    base64: string;
+    mimeType: "audio/wav";
+    durationMs: number;
+};
+export declare const VoiceRecorder: {
+    isAvailable(): boolean;
+    start(): Promise<void>;
+    stop(): Promise<VoiceRecording>;
+    cancel(): void;
+    onLevel(cb: (level: number) => void): () => void;
+};
+export declare function findNodeHandle(ref: unknown): number | null;
+export declare const PanResponder: {
+    create(_config: unknown): {
+        panHandlers: Record<string, unknown>;
+    };
+};
+export declare const Vibration: {
+    vibrate(_pattern?: number | number[], _repeat?: boolean): void;
+    cancel(): void;
+};
+declare class EventEmitterStub {
+    addListener(_event: string, _cb: (...args: unknown[]) => void): Sub;
+    removeAllListeners(_event?: string): void;
+    removeSubscription(_sub: unknown): void;
+    emit(_event: string, ..._args: unknown[]): void;
+    listenerCount(_event: string): number;
+}
+export declare const DeviceEventEmitter: EventEmitterStub;
+export declare class NativeEventEmitter extends EventEmitterStub {
+    constructor(_nativeModule?: unknown);
+}
+export declare const AccessibilityInfo: {
+    addEventListener: () => Sub;
+    removeEventListener(): void;
+    isScreenReaderEnabled(): Promise<boolean>;
+    isReduceMotionEnabled(): Promise<boolean>;
+    announceForAccessibility(_message: string): void;
+    setAccessibilityFocus(_reactTag: number): void;
+};
+export declare const LogBox: {
+    ignoreAllLogs(_ignore?: boolean): void;
+    ignoreLogs(_patterns: Array<string | RegExp>): void;
+};
+export declare const TurboModuleRegistry: {
+    get<T>(_name: string): T | null;
+    getEnforcing<T>(_name: string): T;
+};
+declare function parseFilePickerPaths(value: unknown): string[];

package/dist/app-state.d.ts

@@ -0,0 +1,27 @@
+export type AppStateStatus = "active" | "inactive" | "background";
+export type WindowFocusEvent = {
+    windowId: number;
+    focused: boolean;
+};
+type AppStateListenerMap = {
+    change: (state: AppStateStatus) => void;
+    focus: () => void;
+    blur: () => void;
+    windowFocus: (event: WindowFocusEvent) => void;
+};
+export type AppStateEventType = keyof AppStateListenerMap;
+export declare const AppState: {
+    readonly currentState: AppStateStatus;
+    isAvailable: boolean;
+    readonly focusedWindowId: number | null;
+    isWindowFocused(windowId?: number): boolean;
+    addEventListener<K extends AppStateEventType>(type: K, handler: AppStateListenerMap[K]): {
+        remove: () => void;
+    };
+    removeEventListener<K extends AppStateEventType>(type: K, handler: AppStateListenerMap[K]): void;
+};
+export declare function applyAppStateEvent(state: "active" | "inactive", windowId: number | null): void;
+export declare function applyWindowFocus(windowId: number, focused: boolean): void;
+export declare function useAppState(): AppStateStatus;
+export declare function useWindowFocused(): boolean;
+export {};

package/dist/chat-list-types.d.ts

@@ -0,0 +1,136 @@
+import type { ViewProps } from "./types";
+export type ChatListTextElement = {
+    kind: "text";
+    text: string;
+    color?: string;
+    bold?: boolean;
+    italic?: boolean;
+    link?: string;
+    trailingSpace?: boolean;
+};
+export type ChatListUserElement = {
+    kind: "user";
+    text: string;
+    login: string;
+    color?: string;
+    bold?: boolean;
+    trailingSpace?: boolean;
+};
+export type ChatListEmoteElement = {
+    kind: "emote";
+    name: string;
+    url: string;
+    width: number;
+    height: number;
+    zeroWidth?: boolean;
+    tooltip?: string;
+    tooltipImage?: string;
+    link?: string;
+    trailingSpace?: boolean;
+};
+export type ChatListBadgeElement = {
+    kind: "badge";
+    name: string;
+    url: string;
+    width: number;
+    height: number;
+    background?: string;
+    tooltip?: string;
+    tooltipImage?: string;
+    trailingSpace?: boolean;
+};
+export type ChatListElement = ChatListTextElement | ChatListUserElement | ChatListEmoteElement | ChatListBadgeElement;
+export type ChatListMessage = {
+    id: string;
+    timestamp?: string;
+    elements: ChatListElement[];
+    reply?: ChatListElement[];
+    background?: string;
+    marker?: string;
+    disabled?: boolean;
+    historical?: boolean;
+    hidden?: boolean;
+};
+export type ChatListMessagePatch = {
+    id: string;
+} & Partial<Omit<ChatListMessage, "id">>;
+export type ChatListTargetKind = "user" | "link" | "emote" | "badge" | "message";
+export type ChatListPressEvent = {
+    target: ChatListTargetKind;
+    messageId: string;
+    button: "left" | "right" | "middle";
+    x: number;
+    y: number;
+    shiftKey: boolean;
+    ctrlKey: boolean;
+    altKey: boolean;
+    metaKey: boolean;
+    login?: string;
+    url?: string;
+    name?: string;
+    link?: string;
+    tooltip?: string;
+    tooltipImage?: string;
+};
+export type ChatListHoverEvent = {
+    target: Exclude<ChatListTargetKind, "message">;
+    messageId: string;
+    name?: string;
+    tooltip?: string;
+    tooltipImage?: string;
+    url?: string;
+    login?: string;
+    link?: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    pointerX: number;
+    pointerY: number;
+};
+export type ChatListScrollState = {
+    atBottom: boolean;
+    paused: boolean;
+    unseen: number;
+};
+export type ChatListProps = ViewProps & {
+    fontSize?: number;
+    fontFamily?: string;
+    textColor?: string;
+    mutedColor?: string;
+    linkColor?: string;
+    selectionColor?: string;
+    separatorColor?: string;
+    alternateBackground?: string;
+    scrollbarColor?: string;
+    disabledOpacity?: number;
+    historicalOpacity?: number;
+    showTimestamps?: boolean;
+    emoteScale?: number;
+    animateEmotes?: boolean;
+    maxMessages?: number;
+    pauseOnHover?: boolean;
+    onPress?: (event: {
+        nativeEvent: ChatListPressEvent;
+    }) => void;
+    onHover?: (event: {
+        nativeEvent: ChatListHoverEvent | null;
+    }) => void;
+    onScrollState?: (event: {
+        nativeEvent: ChatListScrollState;
+    }) => void;
+};
+export type ChatListRevealAlign = "top" | "center" | "bottom";
+export interface ChatListHandle {
+    append(messages: ChatListMessage[]): void;
+    prepend(messages: ChatListMessage[]): void;
+    update(patches: ChatListMessagePatch[]): void;
+    clear(): void;
+    scrollToBottom(): void;
+    scrollToTop(): void;
+    scrollToMessage(messageId: string, options?: {
+        align?: ChatListRevealAlign;
+    }): void;
+    pageUp(): void;
+    pageDown(): void;
+}

package/dist/colors.d.ts

@@ -0,0 +1,32 @@
+import type { ColorValue, DynamicColorIOSValue, PlatformColorValue } from "./types";
+export type ColorSchemeName = "light" | "dark" | null;
+export type DynamicColorIOSTuple = {
+    light: ColorValue;
+    dark: ColorValue;
+    highContrastLight?: ColorValue;
+    highContrastDark?: ColorValue;
+};
+type AppearanceListener = (prefs: {
+    colorScheme: ColorSchemeName;
+}) => void;
+export declare function setAppearanceUpdateSink(sink: (() => void) | undefined): void;
+/**
+ * Native pushed the system color scheme — the initial value when the window opens,
+ * then again whenever macOS toggles light/dark. Updates the system value and
+ * re-themes, unless a manual `setColorScheme` override is currently masking it.
+ */
+export declare function applyNativeColorScheme(scheme: ColorSchemeName): void;
+export declare const Appearance: {
+    getColorScheme(): ColorSchemeName;
+    setColorScheme(scheme: ColorSchemeName): void;
+    addChangeListener(listener: AppearanceListener): {
+        remove(): void;
+    };
+    removeChangeListener(listener: unknown): void;
+};
+export declare function useColorScheme(): ColorSchemeName;
+export declare function DynamicColorIOS(tuple: DynamicColorIOSTuple): DynamicColorIOSValue;
+export declare function PlatformColor(...names: string[]): PlatformColorValue;
+export declare function resolveColorValue(color: unknown): unknown;
+export declare function processColor(color: unknown): unknown;
+export {};

package/dist/commands.d.ts

@@ -0,0 +1,230 @@
+import type { ChatListMessage, ChatListMessagePatch, ChatListRevealAlign } from "./chat-list-types";
+import { type RendererProvenance } from "./runtime";
+export type AppCommandBinding = {
+    id: string;
+    key: string;
+    context?: string;
+};
+export type AppCommandMenuItem = {
+    kind: "action";
+    id: string;
+    label: string;
+} | {
+    kind: "separator";
+} | {
+    kind: "submenu";
+    label: string;
+    items: AppCommandMenuItem[];
+};
+export type NativeMenuCommandItem = {
+    kind: "action";
+    id: string;
+    label: string;
+    disabled?: boolean;
+    checked?: boolean;
+    destructive?: boolean;
+} | {
+    kind: "label";
+    label: string;
+} | {
+    kind: "separator";
+} | {
+    kind: "submenu";
+    label: string;
+    disabled?: boolean;
+    items: NativeMenuCommandItem[];
+};
+export type AppCommandMenu = {
+    label: string;
+    items: AppCommandMenuItem[];
+};
+export type AppCommandConfig = {
+    bindings: AppCommandBinding[];
+    menus: AppCommandMenu[];
+};
+export type Command = {
+    $cmd: "windowSize";
+    width: number;
+    height: number;
+} | {
+    $cmd: "eval";
+    id: number;
+    js: string;
+} | {
+    $cmd: "reload";
+    id: number;
+} | {
+    $cmd: "scrollTo";
+    id: number;
+    x?: number;
+    y?: number;
+} | {
+    $cmd: "scrollToEnd";
+    id: number;
+} | {
+    $cmd: "chatList";
+    id: number;
+    op: "append" | "prepend";
+    messages: ChatListMessage[];
+} | {
+    $cmd: "chatList";
+    id: number;
+    op: "update";
+    patches: ChatListMessagePatch[];
+} | {
+    $cmd: "chatList";
+    id: number;
+    op: "clear" | "scrollToBottom" | "scrollToTop";
+} | {
+    $cmd: "chatList";
+    id: number;
+    op: "scrollToMessage";
+    messageId: string;
+    align?: ChatListRevealAlign;
+} | {
+    $cmd: "chatList";
+    id: number;
+    op: "page";
+    direction: -1 | 1;
+} | {
+    $cmd: "nativeLayout";
+    key: string;
+    width?: number;
+    height?: number;
+    x?: number;
+    y?: number;
+    animateMs?: number;
+    clear?: boolean;
+} | {
+    $cmd: "focusInput";
+    id: number;
+} | {
+    $cmd: "clearInput";
+    id: number;
+} | {
+    $cmd: "blurInput";
+    id: number;
+} | {
+    $cmd: "dockBadge";
+    label: string;
+} | {
+    $cmd: "requestAttention";
+    critical?: boolean;
+} | {
+    $cmd: "openWindow";
+} | {
+    $cmd: "openURL";
+    url: string;
+} | {
+    $cmd: "quickLook";
+    url: string;
+    filename: string;
+} | {
+    $cmd: "appTint";
+    color: string | null;
+} | {
+    $cmd: "nativeContextMenu";
+    x: number;
+    y: number;
+    items: NativeMenuCommandItem[];
+    closeId?: string;
+} | {
+    $cmd: "clipboardWrite";
+    text: string;
+} | {
+    $cmd: "performanceHud";
+    enabled: boolean;
+} | {
+    $cmd: "rendererProvenance";
+    requestId: number;
+} | {
+    $cmd: "imagePrefetch";
+    urls: string[];
+    requestId: number;
+} | {
+    $cmd: "httpPreconnect";
+    origins: string[];
+} | ({
+    $cmd: "appCommands";
+} & AppCommandConfig);
+export declare function setCommandSink(fn: (cmd: Command) => void): void;
+export declare function sendCommand(cmd: Command): void;
+export type NativeLayoutAnimationOptions = {
+    animateMs?: number;
+};
+export declare const NativeLayout: {
+    setSize(key: string, size: {
+        width?: number;
+        height?: number;
+        x?: number;
+        y?: number;
+    }, options?: NativeLayoutAnimationOptions): void;
+    setFrame(key: string, frame: {
+        width?: number;
+        height?: number;
+        x?: number;
+        y?: number;
+    }, options?: NativeLayoutAnimationOptions): void;
+    setWidth(key: string, width: number, options?: NativeLayoutAnimationOptions): void;
+    setHeight(key: string, height: number, options?: NativeLayoutAnimationOptions): void;
+    setX(key: string, x: number, options?: NativeLayoutAnimationOptions): void;
+    animateSize(key: string, size: {
+        width?: number;
+        height?: number;
+        x?: number;
+        y?: number;
+    }, animateMs?: number): void;
+    animateFrame(key: string, frame: {
+        width?: number;
+        height?: number;
+        x?: number;
+        y?: number;
+    }, animateMs?: number): void;
+    animateWidth(key: string, width: number, animateMs?: number): void;
+    animateHeight(key: string, height: number, animateMs?: number): void;
+    animateX(key: string, x: number, animateMs?: number): void;
+    clear(key: string): void;
+};
+export declare const Dock: {
+    setBadge(label: string | null): void;
+    requestAttention(critical?: boolean): void;
+};
+export declare const NativeWindow: {
+    open(): void;
+    setTint(color: string | null): void;
+};
+export declare const NativeClipboard: {
+    setString(text: string): void;
+    read(): Promise<string>;
+};
+export declare const PerformanceHUD: {
+    setEnabled(enabled: boolean): void;
+};
+export declare const QuickLook: {
+    preview(url: string, filename: string): void;
+};
+export declare const Renderer: {
+    getProvenance(): Promise<RendererProvenance>;
+};
+export declare function resolveRendererProvenance(requestId: number, provenance: RendererProvenance): void;
+export declare const ImageCache: {
+    prefetch(urls: string | readonly string[]): Promise<boolean>;
+    preconnect(origins: string | readonly string[]): void;
+};
+export declare function resolveImagePrefetch(requestId: number, loaded: boolean): void;
+export declare const NativeMenus: {
+    showContextMenu({ x, y, items, closeId, }: {
+        x: number;
+        y: number;
+        items: NativeMenuCommandItem[];
+        closeId?: string;
+    }): void;
+    registerCallback(callback: () => void): string;
+    unregisterCallback(id: string): void;
+    _emit(id: string): boolean;
+};
+export declare const AppCommands: {
+    configure(config: AppCommandConfig): void;
+    addListener(listener: (id: string) => void): () => void;
+    _emit(id: string): void;
+};