react-native-nitro-list 0.1.2 → 0.1.3

package/lib/typescript/src/native/NitroRecyclerView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NitroRecyclerView.d.ts","sourceRoot":"","sources":["../../../../src/native/NitroRecyclerView.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,iBAAiB,8DACuC,CAAA"}

package/lib/typescript/src/recycler/RecyclerList.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { RecyclerListProps } from '../types/recycler';
-export declare function RecyclerList<T>(props: RecyclerListProps<T>): React.ReactElement;
-//# sourceMappingURL=RecyclerList.d.ts.map

package/lib/typescript/src/recycler/RecyclerList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RecyclerList.d.ts","sourceRoot":"","sources":["../../../../src/recycler/RecyclerList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAU1D,OAAO,KAAK,EAEV,iBAAiB,EAClB,MAAM,mBAAmB,CAAA;AAmB1B,wBAAgB,YAAY,CAAC,CAAC,EAC5B,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAC1B,KAAK,CAAC,YAAY,CAmQpB"}

package/lib/typescript/src/specs/nitro-layout-engine.nitro.d.ts

@@ -1,14 +0,0 @@
-import type { HybridObject } from 'react-native-nitro-modules';
-export interface LayoutRect {
-    readonly x: number;
-    readonly y: number;
-    readonly width: number;
-    readonly height: number;
-}
-export interface NitroLayoutEngine extends HybridObject<{
-    ios: 'swift';
-    android: 'kotlin';
-}> {
-    computeLayout(containerWidth: number, itemHeights: readonly number[]): readonly LayoutRect[];
-}
-//# sourceMappingURL=nitro-layout-engine.nitro.d.ts.map

package/lib/typescript/src/specs/nitro-layout-engine.nitro.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"nitro-layout-engine.nitro.d.ts","sourceRoot":"","sources":["../../../../src/specs/nitro-layout-engine.nitro.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAE9D,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CACxB;AAED,MAAM,WAAW,iBACf,SAAQ,YAAY,CAAC;IAAE,GAAG,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,QAAQ,CAAA;CAAE,CAAC;IAEzD,aAAa,CACX,cAAc,EAAE,MAAM,EACtB,WAAW,EAAE,SAAS,MAAM,EAAE,GAC7B,SAAS,UAAU,EAAE,CAAA;CACzB"}

package/lib/typescript/src/types/recycler/RecyclerCellInstance.d.ts

@@ -1,37 +0,0 @@
-import type { CellKey } from "../CellKey";
-import type { CellType } from "../CellType";
-/**
- * Physical reusable cell instance.
- *
- * Represents a single mounted view that can be rebound
- * to different data items as scrolling occurs.
- *
- * Cross-platform equivalent:
- * - Flutter: Element / RenderObject
- * - Android: ViewHolder
- * - iOS: UICollectionViewCell
- */
-export interface RecyclerCellInstance {
-    /**
-     * Stable physical identity.
-     *
-     * Used as React key.
-     * MUST remain constant for the lifetime of the instance.
-     */
-    readonly key: CellKey;
-    /**
-     * Logical data index currently bound to this instance.
-     *
-     * This value changes as the cell is recycled.
-     * - -1 may be used to indicate "unbound".
-     */
-    index: number;
-    /**
-     * Logical compatibility type.
-     *
-     * Determines which instances can be reused together.
-     * Instances with different types MUST NOT be reused.
-     */
-    readonly type: CellType;
-}
-//# sourceMappingURL=RecyclerCellInstance.d.ts.map

package/lib/typescript/src/types/recycler/RecyclerCellInstance.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RecyclerCellInstance.d.ts","sourceRoot":"","sources":["../../../../../src/types/recycler/RecyclerCellInstance.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAG3C;;;;;;;;;;GAUG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;;;OAKG;IACH,QAAQ,CAAC,GAAG,EAAE,OAAO,CAAA;IAErB;;;;;OAKG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;;;OAKG;IACH,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAA;CACxB"}

package/lib/typescript/src/types/recycler/RecyclerListProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RecyclerListProps.d.ts","sourceRoot":"","sources":["../../../../../src/types/recycler/RecyclerListProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAElE;;;;;GAKG;AACH,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,IAAI,CAAA;IAE/B;;;;;;OAMG;IACH,QAAQ,CAAC,sBAAsB,EAAE,MAAM,CAAA;IAEvC;;;OAGG;IACH,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,CAAA;IAE3B;;;;;;OAMG;IACH,QAAQ,CAAC,iBAAiB,EAAE,SAAS,MAAM,EAAE,CAAA;IAE7C;;;;OAIG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,eAAe,CAAA;IAElC;;;;OAIG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAE7B;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAE7B;;;OAGG;IACH,QAAQ,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,QAAQ,CAAA;IAE1D;;;OAGG;IACH,QAAQ,CAAC,UAAU,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAA;CAC7C"}

package/nitrogen/generated/ios/swift/HybridNitroLayoutEngineSpec.swift

@@ -1,56 +0,0 @@
-///
-/// HybridNitroLayoutEngineSpec.swift
-/// This file was generated by nitrogen. DO NOT MODIFY THIS FILE.
-/// https://github.com/mrousavy/nitro
-/// Copyright © 2025 Marc Rousavy @ Margelo
-///
-
-import Foundation
-import NitroModules
-
-/// See ``HybridNitroLayoutEngineSpec``
-public protocol HybridNitroLayoutEngineSpec_protocol: HybridObject {
-  // Properties
-  
-
-  // Methods
-  func computeLayout(containerWidth: Double, itemHeights: [Double]) throws -> [LayoutRect]
-}
-
-public extension HybridNitroLayoutEngineSpec_protocol {
-  /// Default implementation of ``HybridObject.toString``
-  func toString() -> String {
-    return "[HybridObject NitroLayoutEngine]"
-  }
-}
-
-/// See ``HybridNitroLayoutEngineSpec``
-open class HybridNitroLayoutEngineSpec_base {
-  private weak var cxxWrapper: HybridNitroLayoutEngineSpec_cxx? = nil
-  public init() { }
-  public func getCxxWrapper() -> HybridNitroLayoutEngineSpec_cxx {
-  #if DEBUG
-    guard self is HybridNitroLayoutEngineSpec else {
-      fatalError("`self` is not a `HybridNitroLayoutEngineSpec`! Did you accidentally inherit from `HybridNitroLayoutEngineSpec_base` instead of `HybridNitroLayoutEngineSpec`?")
-    }
-  #endif
-    if let cxxWrapper = self.cxxWrapper {
-      return cxxWrapper
-    } else {
-      let cxxWrapper = HybridNitroLayoutEngineSpec_cxx(self as! HybridNitroLayoutEngineSpec)
-      self.cxxWrapper = cxxWrapper
-      return cxxWrapper
-    }
-  }
-}
-
-/**
- * A Swift base-protocol representing the NitroLayoutEngine HybridObject.
- * Implement this protocol to create Swift-based instances of NitroLayoutEngine.
- * ```swift
- * class HybridNitroLayoutEngine : HybridNitroLayoutEngineSpec {
- *   // ...
- * }
- * ```
- */
-public typealias HybridNitroLayoutEngineSpec = HybridNitroLayoutEngineSpec_protocol & HybridNitroLayoutEngineSpec_base

package/src/NitroList.ts

@@ -1,8 +0,0 @@
-import { requireNativeComponent } from 'react-native'
-
-export type NitroRecyclerViewProps = {
-  itemCount: number
-}
-
-export const NitroRecyclerView =
-  requireNativeComponent<NitroRecyclerViewProps>('NitroRecyclerView')

package/src/native/NitroLayoutEngine.ts

@@ -1,7 +0,0 @@
-import { NitroModules } from 'react-native-nitro-modules'
-import type { NitroLayoutEngine as NitroLayoutEngineSpec } from '../specs/nitro-layout-engine.nitro'
-
-export const NitroLayoutEngine =
-  NitroModules.createHybridObject<NitroLayoutEngineSpec>(
-    'NitroLayoutEngine'
-  )

package/src/native/NitroList.types.ts

@@ -1,13 +0,0 @@
-import type { LayoutRect } from "../types/layout";
-
-
-/**
- * JS runtime interface backed by Nitro (JSI).
- * Must match native HybridNitroList exactly.
- */
-export interface NitroList {
-  computeLayout(
-    containerWidth: number,
-    itemHeights: readonly number[]
-  ): readonly LayoutRect[]
-}

package/src/native/NitroRecyclerView.ts

@@ -1,8 +0,0 @@
-import { requireNativeComponent } from 'react-native'
-
-export type NitroRecyclerViewProps = {
-  itemCount: number
-}
-
-export const NitroRecyclerView =
-  requireNativeComponent<NitroRecyclerViewProps>('NitroRecyclerView')

package/src/recycler/RecyclerList.tsx

@@ -1,304 +0,0 @@
-import React, { useRef, useEffect, useState } from 'react'
-import {
-  ScrollView,
-  View,
-  StyleSheet,
-  type NativeSyntheticEvent,
-  type NativeScrollEvent,
-} from 'react-native'
-
-import type { LayoutRect, VisibleRange } from '../types'
-import type {
-  RecyclerCellInstance,
-  RecyclerListProps,
-} from '../types/recycler'
-import type { CellType } from '../types/CellType'
-
-import { MutableLinearLayout } from '../layout/MutableLinearLayout'
-import { computeVisibleItemRange } from '../windowing'
-import { CellPool } from './CellPool'
-
-/* =========================================================
- * Constants
- * =======================================================*/
-
-const DEFAULT_VIEWPORT_SIZE = 800
-const DEFAULT_ITEM_SIZE = 60
-const SCROLL_EVENT_THROTTLE = 16
-
-/* =========================================================
- * RecyclerList
- * =======================================================*/
-
-export function RecyclerList<T>(
-  props: RecyclerListProps<T>
-): React.ReactElement {
-  const {
-    scrollDirection = 'vertical',
-    containerCrossAxisSize,
-    data,
-    itemMainAxisSizes,
-    padding = { start: 0, end: 0 },
-    itemSpacing,
-    bufferRatio = 1.3,
-    getCellType,
-    renderItem,
-  } = props
-
-  const isVertical = scrollDirection === 'vertical'
-  const itemCount = data.length
-
-  /* -------------------------------------------------------
-   * Controlled render
-   * -----------------------------------------------------*/
-
-  const [, forceRender] = useState(0)
-
-  /* -------------------------------------------------------
-   * Layout engine
-   * -----------------------------------------------------*/
-
-  const layoutEngineRef = useRef<MutableLinearLayout | null>(null)
-  const layoutSignatureRef = useRef('')
-
-  const layoutSignature = [
-    scrollDirection,
-    containerCrossAxisSize,
-    itemCount,
-    itemMainAxisSizes,
-    padding.start,
-    padding.end,
-    itemSpacing ?? 'default',
-  ].join('|')
-
-  if (
-    !layoutEngineRef.current ||
-    layoutSignatureRef.current !== layoutSignature
-  ) {
-    const engine = new MutableLinearLayout(scrollDirection)
-    engine.compute({
-      crossAxisSize: containerCrossAxisSize,
-      itemMainAxisSizes,
-      padding,
-      itemSpacing,
-    })
-    layoutEngineRef.current = engine
-    layoutSignatureRef.current = layoutSignature
-  }
-
-  const layouts: readonly LayoutRect[] =
-    layoutEngineRef.current.getLayouts()
-
-  const contentSize =
-    layoutEngineRef.current.getContentSize()
-
-  /* -------------------------------------------------------
-   * Scroll metrics
-   * -----------------------------------------------------*/
-
-  const scrollOffsetRef = useRef(0)
-  const viewportSizeRef = useRef(DEFAULT_VIEWPORT_SIZE)
-
-  /* -------------------------------------------------------
-   * Cell pool + physical cells
-   * -----------------------------------------------------*/
-
-  const cellPoolRef = useRef(new CellPool())
-  const activeCellsRef = useRef<RecyclerCellInstance[]>([])
-  const nextCellKeyRef = useRef(0)
-
-  const createCell = (type: CellType): RecyclerCellInstance => ({
-    key: nextCellKeyRef.current++,
-    index: -1,
-    type,
-  })
-
-  const MAX_CELLS = Math.ceil(
-    (viewportSizeRef.current / DEFAULT_ITEM_SIZE) *
-      bufferRatio
-  ) + 2
-
-  /* -------------------------------------------------------
-   * Visible cell coordinator
-   * -----------------------------------------------------*/
-
-  const updateVisibleCells = (): void => {
-    const offset = scrollOffsetRef.current
-    const viewportSize = viewportSizeRef.current
-    const buffer = viewportSize * bufferRatio
-
-    const range: VisibleRange | null =
-      computeVisibleItemRange({
-        layouts,
-        offset,
-        viewportSize,
-        buffer,
-        isVertical,
-      })
-
-    if (!range) return
-
-    const nextCells: RecyclerCellInstance[] = []
-    const used = new Set<RecyclerCellInstance>()
-
-    for (
-      let index = range.startIndex;
-      index <= range.endIndex;
-      index++
-    ) {
-      const item = data[index]
-      if (item === undefined) continue
-
-      const type = getCellType(item, index)
-
-      // Register type once, with hard cap
-      if (!cellPoolRef.current.hasType(type)) {
-        cellPoolRef.current.registerType(type, MAX_CELLS)
-        for (let i = 0; i < MAX_CELLS; i++) {
-          cellPoolRef.current.release(createCell(type))
-        }
-      }
-
-      let cell = cellPoolRef.current.acquire(type)
-
-      if (!cell) {
-        const reuseIndex =
-          activeCellsRef.current.findIndex(
-            c => c.type === type
-          )
-
-        if (reuseIndex === -1) continue
-
-        cell =
-          activeCellsRef.current.splice(
-            reuseIndex,
-            1
-          )[0]!
-      }
-
-      cell.index = index
-      nextCells.push(cell)
-      used.add(cell)
-    }
-
-    for (const cell of activeCellsRef.current) {
-      if (!used.has(cell)) {
-        cellPoolRef.current.release(cell)
-      }
-    }
-
-    let changed =
-      nextCells.length !== activeCellsRef.current.length
-
-    if (!changed) {
-      for (let i = 0; i < nextCells.length; i++) {
-        if (nextCells[i] !== activeCellsRef.current[i]) {
-          changed = true
-          break
-        }
-      }
-    }
-
-    if (changed) {
-      activeCellsRef.current = nextCells
-      forceRender(v => v + 1)
-    }
-  }
-
-  /* -------------------------------------------------------
-   * Scroll handlers
-   * -----------------------------------------------------*/
-
-  const frameScheduledRef = useRef(false)
-
-  const onScroll = (
-    e: NativeSyntheticEvent<NativeScrollEvent>
-  ): void => {
-    scrollOffsetRef.current = isVertical
-      ? e.nativeEvent.contentOffset.y
-      : e.nativeEvent.contentOffset.x
-
-    if (frameScheduledRef.current) return
-    frameScheduledRef.current = true
-
-    requestAnimationFrame(() => {
-      frameScheduledRef.current = false
-      updateVisibleCells()
-    })
-  }
-
-  const onLayout = (e: any): void => {
-    viewportSizeRef.current = isVertical
-      ? e.nativeEvent.layout.height
-      : e.nativeEvent.layout.width
-
-    updateVisibleCells()
-  }
-
-  useEffect(() => {
-    updateVisibleCells()
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [])
-
-  /* -------------------------------------------------------
-   * Render
-   * -----------------------------------------------------*/
-
-  return (
-    <ScrollView
-      onScroll={onScroll}
-      onLayout={onLayout}
-      horizontal={!isVertical}
-      scrollEventThrottle={SCROLL_EVENT_THROTTLE}
-      removeClippedSubviews
-    >
-      <View
-        style={
-          isVertical
-            ? { height: contentSize }
-            : { width: contentSize }
-        }
-      >
-        {activeCellsRef.current.map(cell => {
-          const index = cell.index
-          const layout = layouts[index]
-          const item = data[index]
-
-          if (!layout || item === undefined) return null
-
-          return (
-            <View
-              key={cell.key}
-              style={[
-                styles.cell,
-                isVertical
-                  ? {
-                      top: layout.y,
-                      height: layout.height,
-                      width: layout.width,
-                    }
-                  : {
-                      left: layout.x,
-                      width: layout.width,
-                      height: layout.height,
-                    },
-              ]}
-            >
-              {renderItem({ item, index, cell })}
-            </View>
-          )
-        })}
-      </View>
-    </ScrollView>
-  )
-}
-
-/* =========================================================
- * Styles
- * =======================================================*/
-
-const styles = StyleSheet.create({
-  cell: {
-    position: 'absolute',
-  },
-})

package/src/specs/nitro-layout-engine.nitro.ts

@@ -1,17 +0,0 @@
-import type { HybridObject } from 'react-native-nitro-modules'
-
-export interface LayoutRect {
-  readonly x: number
-  readonly y: number
-  readonly width: number
-  readonly height: number
-}
-
-export interface NitroLayoutEngine
-  extends HybridObject<{ ios: 'swift'; android: 'kotlin' }> {
-
-  computeLayout(
-    containerWidth: number,
-    itemHeights: readonly number[]
-  ): readonly LayoutRect[]
-}

package/src/types/recycler/RecyclerCellInstance.ts

@@ -1,40 +0,0 @@
-import type { CellKey } from "../CellKey"
-import type { CellType } from "../CellType"
-
-
-/**
- * Physical reusable cell instance.
- *
- * Represents a single mounted view that can be rebound
- * to different data items as scrolling occurs.
- *
- * Cross-platform equivalent:
- * - Flutter: Element / RenderObject
- * - Android: ViewHolder
- * - iOS: UICollectionViewCell
- */
-export interface RecyclerCellInstance {
-  /**
-   * Stable physical identity.
-   *
-   * Used as React key.
-   * MUST remain constant for the lifetime of the instance.
-   */
-  readonly key: CellKey
-
-  /**
-   * Logical data index currently bound to this instance.
-   *
-   * This value changes as the cell is recycled.
-   * - -1 may be used to indicate "unbound".
-   */
-  index: number
-
-  /**
-   * Logical compatibility type.
-   *
-   * Determines which instances can be reused together.
-   * Instances with different types MUST NOT be reused.
-   */
-  readonly type: CellType
-}