@lynx-js/types 0.0.1 → 3.2.0

package/types/background-thread/lynx.d.ts

@@ -0,0 +1,144 @@
+// Copyright 2024 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+
+import { CommonLynx, GlobalProps } from '../common';
+import { AnimationElement } from './animation';
+import { BeforePublishEvent, GlobalEventEmitter, IntersectionObserver } from './event';
+import { SelectorQuery } from './nodes-ref';
+import { Performance } from './performance';
+import { Response } from './fetch';
+
+export * from './fetch';
+
+export interface LoadDynamicComponentSuccessResult {
+  code: 0;
+  detail?: {
+    schema: string;
+    errMsg: '';
+    cache: boolean;
+  };
+}
+
+export interface LoadDynamicComponentFailedResult {
+  // E_DYNAMIC_COMPONENT_LOAD_BAD_RESPONSE = 160102,
+  // E_DYNAMIC_COMPONENT_LOAD_EMPTY_FILE = 160102,
+  // E_DYNAMIC_COMPONENT_LOAD_DECODE_FAIL = 160103,
+  code: 160101 | 160102 | 160103;
+  detail?: {
+    url: string;
+    errMsg: string;
+  };
+}
+
+export type LoadDynamicComponentFunc = {
+  (url: string, options?: Record<string, any>): Promise<LoadDynamicComponentSuccessResult | LoadDynamicComponentFailedResult>;
+  (id: string | string[], url: string, options?: Record<string, any>): Promise<LoadDynamicComponentSuccessResult | LoadDynamicComponentFailedResult>;
+};
+
+//TODO(liyanbo.monster): migrate component type.
+export type CreateIntersectionObserverFunc = (
+  component: unknown,
+  options?: {
+    thresholds?: [];
+    initialRatio?: number;
+    observeAll?: boolean;
+  }
+) => IntersectionObserver;
+
+export interface ResourcePrefetchData {
+  data: {
+    uri: string;
+    type: 'image' | 'video';
+    param?: {
+      priority?: 'high' | 'medium' | 'low';
+      cacheTarget?: 'disk' | 'bitmap';
+      preloadKey?: string;
+      size: number;
+    };
+  }[];
+}
+
+export interface ResourcePrefetchResult {
+  code: number;
+  msg: string;
+  details: {
+    code: number;
+    msg: string;
+    uri: string;
+    type: 'image' | 'video';
+  }[];
+}
+
+export type GetElementByIdFunc = (id: string) => AnimationElement;
+
+/**
+ * Lynx provide `background-thread lynx` public api.
+ */
+export interface Lynx extends CommonLynx {
+  /**
+   * @description Properties inside `lynx.__globalProps` is NOT managed by Lynx, so you MUST extends this interface yourself
+   * @see https://www.typescriptlang.org/docs/handbook/declaration-merging.html
+   */
+  __globalProps: GlobalProps;
+  __presetData: Record<string, unknown>; // readonly data injected by client via LynxBackgroundRuntimeOptions
+
+  performance: Performance;
+
+  beforePublishEvent: BeforePublishEvent;
+
+  getElementById: GetElementByIdFunc;
+
+  // cancelAnimationFrame(animationId: number): void;
+
+  // requestAnimationFrame(callback: () => void): number;
+
+  cancelResourcePrefetch(data: ResourcePrefetchData, callback: (res: ResourcePrefetchResult) => void): void;
+
+  createIntersectionObserver: CreateIntersectionObserverFunc;
+
+  createSelectorQuery(): SelectorQuery;
+
+  getJSModule<Module = unknown>(name: string): Module;
+
+  getJSModule(name: 'GlobalEventEmitter'): GlobalEventEmitter;
+
+  setSharedData<T>(dataKey: string, dataVal: T): void;
+  getSharedData<T = unknown>(dataKey: string): T;
+
+  loadDynamicComponent: LoadDynamicComponentFunc;
+
+  registerModule<Module extends object>(name: string, module: Module): void;
+
+  registerSharedDataObserver<T>(callback: (data: T) => void): void;
+
+  removeSharedDataObserver<T>(callback: (data: T) => void): void;
+
+  reload(value: object, callback: () => void): void;
+
+  requestResourcePrefetch(data: ResourcePrefetchData, callback: (res: ResourcePrefetchResult) => void): void;
+
+  requireModuleAsync<T>(path: string, callback: (error: Error | null, exports?: T) => void): void;
+
+  requireModule<T>(path: string, entryName?: string): T;
+
+  resumeExposure(): void;
+  stopExposure(options?: { sendEvent: boolean }): void;
+
+  setObserverFrameRate(options?: { forPageRect?: number; forExposureCheck?: number }): void;
+
+  /**
+   * @description subset of Fetch API
+   * @see https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
+   * @since 2.18
+   */
+  fetch(input: RequestInfo, init?: RequestInit): Promise<Response>;
+
+  /**
+   * @description queue microtask
+   * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/queueMicrotask
+   * @since 3.1
+   */ 
+  queueMicrotask(callback: () => void): void;
+
+}

package/types/background-thread/native-modules.d.ts

@@ -0,0 +1,21 @@
+// Copyright 2024 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+
+import { AnyObject } from '../common';
+import { NODE_REF_INVOKE_ERROR_CODE } from './nodes-ref';
+
+export interface NativeModules {
+  LynxUIMethodModule?: {
+    invokeUIMethod?(componentId: string, ancestors: string[], method: string, params: AnyObject, callback: (res: { code: NODE_REF_INVOKE_ERROR_CODE }) => void): void;
+  };
+  NetworkingModule?: any;
+  LynxTestModule?: any;
+
+  [key: string]: any;
+
+  bridge: {
+    call: (name: string, params: Record<string, unknown>, cb: (...args: unknown[]) => void) => void;
+    on: (name: string, cb: (...args: unknown[]) => void) => void;
+  };
+}

package/types/background-thread/nodes-ref.d.ts

@@ -0,0 +1,110 @@
+// Copyright 2024 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+
+import { AnyObject } from '../common';
+
+export enum NODE_REF_INVOKE_ERROR_CODE {
+  SUCCESS = 0,
+  UNKNOWN = 1,
+  NODE_NOT_FOUND = 2,
+  METHOD_NOT_FOUND = 3,
+  PARAM_INVALID = 4, // Determined by the implementer of the component.
+  SELECTOR_NOT_SUPPORTED = 5, // Currently only supports ID selectors.
+}
+
+export interface uiMethodOptions {
+  method: string;
+  params?: AnyObject;
+  success?(res: any): void;
+  fail?(res: { code: NODE_REF_INVOKE_ERROR_CODE; data?: any }): void;
+}
+
+export interface uiFieldsOptions {
+  id?: boolean;
+  dataset?: boolean;
+  tag?: boolean;
+  query?: boolean;
+  unique_id?: boolean;
+}
+
+export interface PathData {
+  data: Array<{
+    tag: string;
+    id: string;
+    class: string[];
+    dataSet: Record<string, unknown>;
+    // index of parent's children
+    index: number;
+  }>;
+}
+
+export interface FieldsParams {
+  id?: boolean;
+  dataset?: boolean;
+  tag?: boolean;
+  index?: boolean;
+  class?: boolean;
+  attribute?: boolean;
+}
+
+export interface FieldsData {
+  id: string;
+  tag: string;
+  dataset: Record<string, unknown>;
+  index: number;
+  class: Array<string>;
+  attribute: Record<string, unknown>;
+}
+
+export type PathCallback = (data: PathData, status: { data: string; code: number }) => void;
+
+export interface NodesRef {
+  invoke(options: uiMethodOptions): SelectorQuery;
+
+  path(callback: PathCallback): SelectorQuery;
+
+  fields<T extends FieldsParams>(
+    fields: Required<FieldsParams> extends Record<keyof T, boolean> ? T : FieldsParams,
+    callback: (
+      data: {
+        [K in keyof Required<FieldsParams> as T[K] extends true ? K : never]: FieldsData[K];
+      },
+      status: { data: string; code: number }
+    ) => void
+  ): SelectorQuery;
+
+  setNativeProps(nativeProps: Record<string, any>): SelectorQuery;
+}
+
+export interface SelectorQuery {
+  /**
+   * Selects a single node by CSS selector.
+   * @param selector CSS selector
+   */
+  select(selector: string): NodesRef;
+
+  /**
+   * Selects all nodes satisfying CSS selector.
+   * @param selector CSS selector
+   */
+  selectAll(selector: string): NodesRef;
+
+  /**
+   * Select root node of the component.
+   */
+  selectRoot(): NodesRef;
+
+  // /**
+  //  * Selects a single node by element id.
+  //  * When a touch event is triggered, the element id of the node is passed to the event handler as 'uid',
+  //  * by which can a node be selected in its event handler.
+  //  */
+  // selectUniqueID(uniqueId: string | number): NodesRef;
+
+  /**
+   * Execute all tasks in the task queue.
+   * When `this._fire_immediately` is set to true, this method is called automatically.
+   */
+  exec(): void;
+}

package/types/background-thread/performance.d.ts

@@ -0,0 +1,100 @@
+// Copyright 2024 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+
+import { CommonPerformance } from "../common/performance";
+import { PerformanceEntry } from "./lynx-performance-entry";
+
+export interface SetupTimingInfo {
+  create_lynx_start: number;
+  create_lynx_end: number;
+  load_core_start: number;
+  load_core_end: number;
+  load_app_start: number;
+  load_app_end: number;
+  load_template_start: number;
+  load_template_end: number;
+  decode_start: number;
+  decode_end: number;
+  lepus_excute_start: number;
+  lepus_excute_end: number;
+  set_init_data_start: number;
+  set_init_data_end: number;
+  data_processor_start: number;
+  data_processor_end: number;
+  create_vdom_start: number;
+  create_vdom_end: number;
+  dispatch_start: number;
+  dispatch_end: number;
+  layout_start: number;
+  layout_end: number;
+  ui_operation_flush_start: number;
+  ui_operation_flush_end: number;
+  draw_end: number;
+  [key: string]: unknown;
+}
+export interface UpdateTimingInfo {
+  set_state_trigger?: number;
+  create_vdom_start?: number;
+  create_vdom_end?: number;
+  dispatch_start?: number;
+  dispatch_end?: number;
+  layout_start?: number;
+  layout_end?: number;
+  ui_operation_flush_start?: number;
+  ui_operation_flush_end?: number;
+  draw_end: number;
+  [key: string]: unknown;
+}
+export interface ExtraTimingInfo {
+  prepare_template_start?: number;
+  prepare_template_end?: number;
+  container_init_start?: number;
+  container_init_end?: number;
+  open_time?: number;
+  [key: string]: unknown;
+}
+
+export interface MetricsTimingInfo {
+  tti?: number;
+  lynx_tti?: number;
+  total_tti?: number;
+  fcp?: number;
+  lynx_fcp?: number;
+  total_fcp?: number;
+  actual_fmp?: number;
+  lynx_actual_fmp?: number;
+  total_actual_fmp?: number;
+  [key: string]: unknown;
+}
+export interface TimingInfo {
+  extra_timing: ExtraTimingInfo;
+  setup_timing: SetupTimingInfo;
+  update_timings: {
+    [key: string]: UpdateTimingInfo;
+  };
+  metrics: MetricsTimingInfo;
+  has_reload: boolean;
+  thread_strategy: number;
+  url: string;
+  [key: string]: unknown;
+}
+export interface TimingListener {
+  onSetup: (info: TimingInfo) => void;
+  onUpdate: (info: TimingInfo) => void;
+}
+
+export interface Performance extends CommonPerformance {
+  addTimingListener(listener: TimingListener): void;
+  removeTimingListener(listener: TimingListener): void;
+  removeAllTimingListener(): void;
+  createObserver(callback: PerformanceCallback): PerformanceObserver;
+}
+
+
+export type PerformanceCallback = (entry: PerformanceEntry) => void;
+export interface PerformanceObserver {
+  observe(name: string[]): void;
+  disconnect(): void;
+  onPerformanceEvent(entry: PerformanceEntry): void
+}

package/types/common/console.d.ts

@@ -0,0 +1,14 @@
+// Copyright 2024 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+
+export interface Console {
+  debug(...args: any[]): void;
+  error(...args: any[]): void;
+  group(label?: string): void;
+  groupEnd(): void;
+  info(...args: any[]): void;
+  log(...args: any[]): void;
+  alog(...args: any[]): void;
+  warn(...args: any[]): void;
+}

package/types/common/csstype.d.ts

@@ -0,0 +1,99 @@
+// Copyright 2024 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+
+import * as CSS from 'csstype';
+
+export type Modify<T, R> = Omit<T, keyof R> & R;
+
+export type CSSProperties = Modify<
+  CSS.Properties<string | number>,
+  {
+    position?: 'absolute' | 'relative' | 'fixed' | 'sticky';
+    boxSizing?: 'border-box' | 'content-box' | 'auto';
+    display?: 'none' | 'flex' | 'grid' | 'linear' | 'relative' | 'block' | 'auto';
+    overflow?: 'hidden' | 'visible' | (string & {});
+    whiteSpace?: 'normal' | 'nowrap';
+    textAlign?: 'left' | 'center' | 'right' | 'start' | 'end';
+    textOverflow?: 'clip' | 'ellipsis';
+    fontWeight?: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+    flexDirection?: 'column' | 'row' | 'row-reverse' | 'column-reverse';
+    flexWrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
+    alignContent?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around' | 'start' | 'end';
+    justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'start' | 'end';
+    fontStyle?: 'normal' | 'italic' | 'oblique';
+    transform?:
+      | 'translate'
+      | 'translateX'
+      | 'translateY'
+      | 'translateZ'
+      | 'translate'
+      | 'translate3d'
+      | 'translate3D'
+      | 'rotate'
+      | 'rotateX'
+      | 'rotateY'
+      | 'rotateZ'
+      | 'scale'
+      | 'scaleX'
+      | 'scaleY'
+      | (string & {});
+    animationTimingFunction?: 'linear' | 'ease-in' | 'ease-out' | 'ease-in-ease-out' | 'ease' | 'ease-in-out' | 'square-bezier' | 'cubic-bezier' | (string & {});
+    borderStyle?: 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | 'hidden' | 'none' | (string & {});
+    transformOrigin?: 'left' | 'right' | 'top' | 'bottom' | 'center' | (string & {});
+    linearOrientation?: 'horizontal' | 'vertical' | 'horizontal-reverse' | 'vertical-reverse';
+    linearGravity?: 'none' | 'top' | 'bottom' | 'left' | 'right' | 'center-vertical' | 'center-horizontal' | 'space-between' | 'start' | 'end' | 'center';
+    linearLayoutGravity?:
+      | 'none'
+      | 'top'
+      | 'bottom'
+      | 'left'
+      | 'right'
+      | 'center-vertical'
+      | 'center-horizontal'
+      | 'fill-vertical'
+      | 'fill-horizontal'
+      | 'center'
+      | 'stretch'
+      | 'start'
+      | 'end';
+    layoutAnimationCreateTimingFunction?: 'linear' | 'ease-in' | 'ease-out' | 'ease-in-ease-out' | 'ease' | 'ease-in-out' | 'square-bezier' | 'cubic-bezier' | (string & {});
+    layoutAnimationCreateProperty?: 'opacity' | 'scaleX' | 'scaleY' | 'scaleXY' | (string & {});
+    layoutAnimationDeleteTimingFunction?: 'linear' | 'ease-in' | 'ease-out' | 'ease-in-ease-out' | 'ease' | 'ease-in-out' | 'square-bezier' | 'cubic-bezier' | (string & {});
+    layoutAnimationDeleteProperty?: 'opacity' | 'scaleX' | 'scaleY' | 'scaleXY' | (string & {});
+    layoutAnimationUpdateTimingFunction?: 'linear' | 'ease-in' | 'ease-out' | 'ease-in-ease-out' | 'ease' | 'ease-in-out' | 'square-bezier' | 'cubic-bezier' | (string & {});
+    textDecoration?: 'none' | 'underline' | 'line-through' | (string & {});
+    visibility?: 'hidden' | 'visible' | 'none' | 'collapse';
+    transitionProperty?:
+      | 'none'
+      | 'opacity'
+      | 'scaleX'
+      | 'scaleY'
+      | 'scaleXY'
+      | 'width'
+      | 'height'
+      | 'background-color'
+      | 'visibility'
+      | 'left'
+      | 'top'
+      | 'right'
+      | 'bottom'
+      | 'transform'
+      | 'all'
+      | (string & {});
+    transitionTimingFunction?: 'linear' | 'ease-in' | 'ease-out' | 'ease-in-ease-out' | 'ease' | 'ease-in-out' | 'square-bezier' | 'cubic-bezier' | (string & {});
+    borderLeftStyle?: 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | 'hidden' | 'none' | (string & {});
+    borderRightStyle?: 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | 'hidden' | 'none' | (string & {});
+    borderTopStyle?: 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | 'hidden' | 'none' | (string & {});
+    borderBottomStyle?: 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | 'hidden' | 'none' | (string & {});
+    overflowX?: 'hidden' | 'visible' | (string & {});
+    overflowY?: 'hidden' | 'visible' | (string & {});
+    wordBreak?: 'normal' | 'break-all' | 'keep-all';
+    outlineStyle?: 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | 'hidden' | 'none' | (string & {});
+    verticalAlign?: 'baseline' | 'sub' | 'super' | 'top' | 'text-top' | 'middle' | 'bottom' | 'text-bottom' | (string & {});
+    direction?: 'normal' | 'lynx-rtl' | 'rtl' | 'ltr';
+    relativeCenter?: 'none' | 'vertical' | 'horizontal' | 'both';
+    linearCrossGravity?: 'none' | 'start' | 'end' | 'center' | 'stretch';
+    listMainAxisGap?: 'grayscale' | (string & {});
+  }
+>;

package/types/common/element/attributes.d.ts

@@ -0,0 +1,59 @@
+// Copyright 2024 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+
+import { CSSProperties } from '../csstype';
+
+/**
+ * IntrinsicAttributes specifies extra properties used by the JSX framework
+ * which are not generally used by the components’ props or arguments.
+ * @see https://www.typescriptlang.org/docs/handbook/jsx.html#attribute-type-checking
+ *
+ * But in Lynx, we use this interface to specify the extra attributes
+ * just for Lynx components.
+ * @see Lynx/tasm/component_attributes.cc
+ */
+export interface IntrinsicAttributes {
+  /**
+   * A type helper for Lynx, DO NOT SET THIS.
+   */
+  __empty?: false;
+
+  /**
+   * The name of the component
+   */
+  name?: string;
+
+  /**
+   * The style set to the view of component.
+   *
+   * Has no effect when `removeComponentElement` enabled.
+   */
+  style?: string | CSSProperties;
+
+  // /**
+  //  * The CSS classes set to the view of component.
+  //  *
+  //  * Has no effect when `removeComponentElement` enabled.
+  //  */
+  // className?: string;
+  class?: string;
+
+  /**
+   * Set to `true` to enable overlapping rendering
+   */
+  overlap?: boolean;
+}
+
+type LynxIntrinsicAttributes = IntrinsicAttributes;
+
+declare global {
+  namespace JSX {
+    interface IntrinsicAttributes extends LynxIntrinsicAttributes {
+      /**
+       * A type helper for Lynx, DO NOT SET THIS.
+       */
+      __empty?: never;
+    }
+  }
+}

package/types/common/element/common.d.ts

@@ -0,0 +1,41 @@
+// Copyright 2024 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+
+import { BaseEvent } from '../events';
+export interface BaseScrollInfo {
+  /**
+   * scroll top from start
+   */
+  scrollTop: number;
+  /**
+   * scroll left from start
+   */
+  scrollLeft: number;
+  /**
+   * scroll content height
+   */
+  scrollHeight: number;
+  /**
+   * scroll content width
+   */
+  scrollWidth: number;
+  /**
+   * X-axis scroll delta for this scroll. It's always 0 in some non-scroll related events.
+   */
+  deltaX: number;
+  /**
+   * Y-axis scroll delta for this scroll. It's always 0 in some non-scroll related events.
+   */
+  deltaY: number;
+}
+
+export interface ScrollToLowerEvent extends BaseEvent<'scrolltolower', BaseScrollInfo> {}
+export interface ScrollToUpperEvent extends BaseEvent<'scrolltoupper', BaseScrollInfo> {}
+export interface ScrollEvent extends BaseEvent<'scroll', BaseScrollInfo> {}
+export interface ScrollEndEvent extends BaseEvent<'scrollend', BaseScrollInfo> {}
+export interface ContentSizeChangedEvent extends BaseEvent<'contentsizechanged', BaseScrollInfo> {}
+export interface ScrollToUpperEdgeEvent extends BaseEvent<'scrolltoupperedge', BaseScrollInfo> {}
+export interface ScrollToLowerEdgeEvent extends BaseEvent<'scrolltoloweredge', BaseScrollInfo> {}
+export interface ScrollToNormalStateEvent extends BaseEvent<'scrolltonormalstate', BaseScrollInfo> {}
+export interface ScrollToNormalStateEvent extends BaseEvent<'scrolltonormalstate', BaseScrollInfo> {}

package/types/common/element/component.d.ts

@@ -0,0 +1,17 @@
+// Copyright 2024 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+
+import { StandardProps } from '../props';
+
+/**
+ * Dynamic Component
+ */
+export interface ComponentProps extends StandardProps {
+  /**
+   * Component name
+   */
+  'is'?: string;
+
+  [key: string]: any;
+}

package/types/common/element/element.d.ts

@@ -0,0 +1,59 @@
+// Copyright 2024 The Lynx Authors. All rights reserved.
+// Licensed under the Apache License Version 2.0 that can be found in the
+// LICENSE file in the root directory of this source tree.
+
+import { StandardProps } from '../props';
+import { NoProps } from '../props';
+import { ComponentProps } from './component';
+import { FilterImageProps } from './filter-image';
+import { ImageProps } from './image';
+import { ListItemProps, ListProps, ListRowProps, ListUIMethods } from './list';
+import { PageProps } from './page';
+import { ScrollViewProps, ScrollViewUIMethods } from './scroll-view';
+import { TextProps } from './text';
+import { ViewProps } from './view';
+
+export interface UIMethods {
+  'list': ListUIMethods;
+  'scroll-view': ScrollViewUIMethods;
+}
+
+// add also to global.JSX.IntrinsicElements
+export interface IntrinsicElements {
+  'component': ComponentProps;
+  'filter-image': FilterImageProps;
+  'image': ImageProps;
+  'inline-image': ImageProps;
+  'inline-text': TextProps;
+  'inline-truncation': NoProps;
+  'list': ListProps;
+  'list-item': ListItemProps;
+  'list-row': ListRowProps;
+  'page': PageProps;
+  'scroll-view': ScrollViewProps;
+  'text': TextProps;
+  'view': ViewProps;
+  'raw-text': StandardProps & { text: number | string };
+}
+
+declare module 'react' {
+  namespace JSX {
+    // Should copy from above IntrinsicElements
+    interface IntrinsicElements {
+      'component': ComponentProps;
+      'filter-image': FilterImageProps;
+      'image': ImageProps;
+      'inline-image': ImageProps;
+      'inline-text': TextProps;
+      'inline-truncation': NoProps;
+      'list': ListProps;
+      'list-item': ListItemProps;
+      'list-row': ListRowProps;
+      'page': PageProps;
+      'scroll-view': ScrollViewProps;
+      'text': TextProps;
+      'view': ViewProps;
+      'raw-text': StandardProps & { text: number | string };
+    }
+  }
+}