@symbiote-native/components 0.2.0 → 0.2.1

package/build/bootstrap.js

@@ -6,7 +6,7 @@
 // importing it directly must stay unreachable from the tested main index.ts.
 import { processColor, DeviceEventEmitter, Image } from 'react-native';
 import { setColorProcessor, setDeviceEventSource, setNativeViewConfigSource, } from '@symbiote-native/engine';
-import { setImageSourceResolver } from './view/render-image';
+import { setImageSourceResolver } from './view/render-image.js';
 // @ts-expect-error react-native ships no types for this internal path (plain .js) — the
 // try/catch below is what actually proves the shape, not TS.
 import * as ReactNativeViewConfigRegistry from 'react-native/Libraries/Renderer/shims/ReactNativeViewConfigRegistry';

package/build/component-names/index.android.js

@@ -2,7 +2,7 @@
 // Each name is the ViewManager's REACT_CLASS in react-native/ReactAndroid/.../views/**.
 // device-verify-pending: source-confirmed from RN's Android ViewManagers, proven on a
 // real host by the absence of a "Can't find ViewManager '<name>'" red box.
-import { buildDescriptors, makeDescriptorFor } from './shared';
+import { buildDescriptors, makeDescriptorFor } from './shared.js';
 const ANDROID_NAMES = {
     'symbiote-view': 'RCTView',
     'symbiote-text': 'RCTText',

package/build/component-names/index.ios.js

@@ -2,7 +2,7 @@
 // (component-names.ts re-exports it) for headless tsx / tsc / web fallback. See ADR 0020.
 // Fabric names are the codegen spec's registered name (the new-arch name), not the legacy
 // paperComponentName (RCTSwitch, …).
-import { buildDescriptors, makeDescriptorFor } from './shared';
+import { buildDescriptors, makeDescriptorFor } from './shared.js';
 const IOS_NAMES = {
     'symbiote-view': 'RCTView',
     'symbiote-text': 'RCTText',

package/build/component-names/index.js

@@ -2,4 +2,4 @@
 // with component-names.ios.ts / component-names.android.ts on a real host; under tsx /
 // tsc / web (no Metro) the host config resolves here. Filename is the selector, no
 // Platform.OS read. See ADR 0020.
-export * from './index.ios';
+export * from './index.ios.js';

package/build/index.js

@@ -2,62 +2,62 @@
 // (`state/`) and render functions (`view/`) that paint `Descriptor` trees; every adapter
 // wires state→render with ITS lifecycle (React hooks / Vue reactivity) and maps the
 // Descriptor onto its own element. See CLAUDE.md <components_split_logic_view_lifecycle>.
-export { el, txt } from './descriptor';
+export { el, txt } from './descriptor.js';
 // Accessibility folding: the web-alias (aria-*/role) → canonical accessibility* transform
 // and its types. Framework-agnostic (ADR 0024), so React, Vue, and the next adapter all fold
 // identically; moved here from @symbiote-native/react. RefreshControl/SafeAreaView/ScrollView consume it.
-export { resolveAccessibilityProps } from './accessibility-props';
+export { resolveAccessibilityProps } from './accessibility-props.js';
 // Intrinsic (`symbiote-*`) → Fabric view-name resolution. Shared by every adapter so the
 // names CANNOT drift between them (one engine, one Fabric). The name tables are
 // Metro-split (.ios/.android, filename selects, no Platform.OS read, ADR 0020); the base
 // re-exports iOS for headless. descriptorFor is the per-platform-bound resolver.
-export { descriptorFor, COMPONENT_DESCRIPTORS } from './component-names';
-export { buildDescriptors, makeDescriptorFor } from './component-names/shared';
-export { renderActivityIndicator } from './view/render-activity-indicator';
-export { renderSwitch } from './view/render-switch';
+export { descriptorFor, COMPONENT_DESCRIPTORS } from './component-names/index.js';
+export { buildDescriptors, makeDescriptorFor } from './component-names/shared.js';
+export { renderActivityIndicator } from './view/render-activity-indicator.js';
+export { renderSwitch } from './view/render-switch.js';
 // Switch is the first STATE machine off this layer (ActivityIndicator was render-only):
 // the reducer + the two pure predicates are the logic half, the adapter supplies the hook.
-export { switchReducer, createInitialSwitchState, shouldSnapBack, valueFromChange, } from './state/switch';
+export { switchReducer, createInitialSwitchState, shouldSnapBack, valueFromChange, } from './state/switch.js';
 // ScrollView: pure render/command helpers (no state machine, no 3-layer split). The adapter
 // owns the refs/effects/element assembly and the sticky-header component; these supply the
 // platform-invariant math and plumbing every adapter shares (ADR 0024).
-export { resolveDecelerationRate, selectScrollIntrinsics, readLayoutDimension, didContentSizeChange, SCROLL_VIEW_BASE_HORIZONTAL, SCROLL_VIEW_BASE_VERTICAL, } from './view/render-scroll-view';
-export { buildScrollViewHandle, splitLayoutProps, attachStickyScroll, isSymbioteEvent, forwardScrollEvent, } from './scroll-view-commands';
-export { computeStickyInterpolation, nextStickyHeaderY, stickyDebounceMs, readLayoutNumber, STICKY_HEADER_Z_INDEX, } from './view/render-scroll-sticky';
-export { renderImage, imageStatics, setImageSourceResolver } from './view/render-image';
+export { resolveDecelerationRate, selectScrollIntrinsics, readLayoutDimension, didContentSizeChange, SCROLL_VIEW_BASE_HORIZONTAL, SCROLL_VIEW_BASE_VERTICAL, } from './view/render-scroll-view.js';
+export { buildScrollViewHandle, splitLayoutProps, attachStickyScroll, isSymbioteEvent, forwardScrollEvent, } from './scroll-view-commands.js';
+export { computeStickyInterpolation, nextStickyHeaderY, stickyDebounceMs, readLayoutNumber, STICKY_HEADER_Z_INDEX, } from './view/render-scroll-sticky.js';
+export { renderImage, imageStatics, setImageSourceResolver } from './view/render-image.js';
 // ImageBackground: render-only composition (absolute-fill image behind, children on top).
-export { renderImageBackground } from './view/render-image-background';
+export { renderImageBackground } from './view/render-image-background.js';
 // InputAccessoryView: render-only host assembly (nativeID/backgroundColor).
-export { renderInputAccessoryView } from './view/render-input-accessory-view';
+export { renderInputAccessoryView } from './view/render-input-accessory-view.js';
 // Modal: full 3-layer split (state machine gates the iOS keep-alive frame).
-export { renderModal } from './view/render-modal';
-export { modalReducer, createInitialModalState, shouldRenderModal } from './state/modal';
+export { renderModal } from './view/render-modal.js';
+export { modalReducer, createInitialModalState, shouldRenderModal } from './state/modal.js';
 // KeyboardAvoidingView: pure inset/behavior math; the adapter owns the Keyboard subscription.
-export { computeInset, readKeyboardFrame, readLayoutFrame, resolveKeyboardAvoidingLayout, DEFAULT_VERTICAL_OFFSET, } from './view/render-keyboard-avoiding-view';
+export { computeInset, readKeyboardFrame, readLayoutFrame, resolveKeyboardAvoidingLayout, DEFAULT_VERTICAL_OFFSET, } from './view/render-keyboard-avoiding-view.js';
 // Pressable: the press state machine (logic) + render decisions. The pure lifecycle (timers,
 // geometry, drift test, suppression flags) lives in state/pressable; the responder-listener +
 // accessibilityState + ripple render decisions in view/render-pressable. Every adapter supplies
 // only its reactive `pressed` cell + the View's measure handle (see the 3-layer split).
-export { createPressHandlers, createPressRuntime, normalizeRect, maxEdge, isTouchWithinRegion, readPoint, computeRegion, rippleProps, DEFAULT_DELAY_LONG_PRESS_MS, DEFAULT_PRESS_RECT_OFFSETS, } from './state/pressable';
-export { buildPressableListeners, resolveDisabledAccessibilityState, noteHoverNoop, } from './view/render-pressable';
+export { createPressHandlers, createPressRuntime, normalizeRect, maxEdge, isTouchWithinRegion, readPoint, computeRegion, rippleProps, DEFAULT_DELAY_LONG_PRESS_MS, DEFAULT_PRESS_RECT_OFFSETS, } from './state/pressable.js';
+export { buildPressableListeners, resolveDisabledAccessibilityState, noteHoverNoop, } from './view/render-pressable.js';
 // Touchable*: shared press-timing constants + the deactivation-floor math (the Animated feedback
 // itself stays per-adapter), and TouchableNativeFeedback's pure static factories + background map.
-export { computePressOutWait, DEFAULT_ACTIVE_OPACITY, OPACITY_ACTIVE_DURATION_MS, OPACITY_INACTIVE_DURATION_MS, RESTING_OPACITY, DEFAULT_HIGHLIGHT_CHILD_OPACITY, DEFAULT_UNDERLAY_COLOR, DEFAULT_MIN_PRESS_DURATION_MS, } from './state/touchable';
-export { backgroundProps, canUseNativeForeground, selectableBackground, selectableBackgroundBorderless, rippleBackground, } from './view/render-touchable-native-feedback';
+export { computePressOutWait, DEFAULT_ACTIVE_OPACITY, OPACITY_ACTIVE_DURATION_MS, OPACITY_INACTIVE_DURATION_MS, RESTING_OPACITY, DEFAULT_HIGHLIGHT_CHILD_OPACITY, DEFAULT_UNDERLAY_COLOR, DEFAULT_MIN_PRESS_DURATION_MS, } from './state/touchable.js';
+export { backgroundProps, canUseNativeForeground, selectableBackground, selectableBackgroundBorderless, rippleBackground, } from './view/render-touchable-native-feedback.js';
 // Button: shared base text style, role constant, and color fold (the adapter composes its own
 // TouchableOpacity + Text).
-export { BUTTON_ACCESSIBILITY_ROLE, buttonTextStyle, resolveButtonTextStyle, } from './view/render-button';
+export { BUTTON_ACCESSIBILITY_ROLE, buttonTextStyle, resolveButtonTextStyle, } from './view/render-button.js';
 // TextInput: the controlled-value / event-count handshake. The logic half is the pure
 // folds/maps + the controlled-write predicate (not a single reducer: count must re-render the
 // imperative handle, lastNativeText must not); the view half picks the intrinsic and maps the
 // resolved native props. Both shared verbatim across React and Vue; the adapter owns only the
 // hooks/reactivity + the imperative handle.
-export { resolveTextInputProps, foldText, foldAutoComplete, foldSubmitBehavior, mapAutoComplete, textFromChange, eventCountFromChange, shouldCommandText, INITIAL_EVENT_COUNT, SELECTION_NONE, } from './state/text-input';
-export { renderTextInput } from './view/render-text-input';
+export { resolveTextInputProps, foldText, foldAutoComplete, foldSubmitBehavior, mapAutoComplete, textFromChange, eventCountFromChange, shouldCommandText, INITIAL_EVENT_COUNT, SELECTION_NONE, } from './state/text-input.js';
+export { renderTextInput } from './view/render-text-input.js';
 // VirtualizedList family: the framework-agnostic windowing engine + data shapes. Lists
 // have NO view/render-*.ts (the cell content is the framework's own children, so there is
 // no Descriptor render fn) — the shared layer for lists is this STATE/logic, reused
 // verbatim by React and Vue. See core/components/.docs-note-lists.md.
-export { DEFAULT_WINDOW_SIZE, DEFAULT_INITIAL_NUM_TO_RENDER, DEFAULT_END_REACHED_THRESHOLD, DEFAULT_MAX_TO_RENDER_PER_BATCH, DEFAULT_UPDATE_CELLS_BATCHING_PERIOD, DEFAULT_VIEW_AREA_COVERAGE_PERCENT_THRESHOLD, DEFAULT_START_REACHED_THRESHOLD, FIRST_INDEX, EMPTY_OFFSET, NO_INDEX, NO_CONTENT_LENGTH_SENT, INVERTED_Y_STYLE, INVERTED_X_STYLE, readScrollOffset, readLayoutLength, buildOffsets, computeWindow, throttleWindow, visiblePercent, isCellViewable, offsetForIndex, averageMeasuredLength, highestMeasuredIndex, computeEndReached, computeStartReached, buildViewabilityPairs, computeViewableSet, diffViewable, maxMinimumViewTime, buildListPlan, } from './state/virtualized-list';
-export { SINGLE_COLUMN, chunkIntoRows, rowKeyExtractor, expandRowToken, expandRowViewability, lastItemOfRow, firstItemOfRow, } from './state/flat-list';
-export { flattenSections, unwrapEntryItem, sectionEntryKey, scrollLocationToFlatIndex, } from './state/section-list';
+export { DEFAULT_WINDOW_SIZE, DEFAULT_INITIAL_NUM_TO_RENDER, DEFAULT_END_REACHED_THRESHOLD, DEFAULT_MAX_TO_RENDER_PER_BATCH, DEFAULT_UPDATE_CELLS_BATCHING_PERIOD, DEFAULT_VIEW_AREA_COVERAGE_PERCENT_THRESHOLD, DEFAULT_START_REACHED_THRESHOLD, FIRST_INDEX, EMPTY_OFFSET, NO_INDEX, NO_CONTENT_LENGTH_SENT, INVERTED_Y_STYLE, INVERTED_X_STYLE, readScrollOffset, readLayoutLength, buildOffsets, computeWindow, throttleWindow, visiblePercent, isCellViewable, offsetForIndex, averageMeasuredLength, highestMeasuredIndex, computeEndReached, computeStartReached, buildViewabilityPairs, computeViewableSet, diffViewable, maxMinimumViewTime, buildListPlan, } from './state/virtualized-list.js';
+export { SINGLE_COLUMN, chunkIntoRows, rowKeyExtractor, expandRowToken, expandRowViewability, lastItemOfRow, firstItemOfRow, } from './state/flat-list.js';
+export { flattenSections, unwrapEntryItem, sectionEntryKey, scrollLocationToFlatIndex, } from './state/section-list.js';

package/build/view/render-activity-indicator.js

@@ -9,7 +9,7 @@
 // iOS's ActivityIndicatorView takes neither and defaults to GRAY. The adapter's per-host
 // file supplies those bits via `platform`.
 import { dlog } from '@symbiote-native/engine';
-import { el } from '../descriptor';
+import { el } from '../descriptor.js';
 // Fixed pixel boxes RN gives the two named sizes (styles.sizeSmall/sizeLarge).
 const SIZE_SMALL_PX = 20;
 const SIZE_LARGE_PX = 36;

package/build/view/render-image-background.js

@@ -9,8 +9,8 @@
 // fight the wrapper's explicit dimensions, so we proxy them back onto the Image so it fills
 // the box. `imageStyle` wins last.
 import { dlog, flattenStyle, } from '@symbiote-native/engine';
-import { el } from '../descriptor';
-import { renderImage } from './render-image';
+import { el } from '../descriptor.js';
+import { renderImage } from './render-image.js';
 // The inner Image's positioning: absolute-fill behind the wrapper's children.
 const IMAGE_BACKGROUND_ABSOLUTE_FILL = {
     position: 'absolute',

package/build/view/render-image.js

@@ -1,5 +1,5 @@
 import { dlog, flattenStyle, getNativeModule, Platform, } from '@symbiote-native/engine';
-import { el } from '../descriptor';
+import { el } from '../descriptor.js';
 // Default resolver: identity. RN's resolveAssetSource (which turns a require()
 // number into {uri, scale, width, height}) is wired in by the app at startup.
 let resolveSource = source => source;

package/build/view/render-input-accessory-view.js

@@ -5,7 +5,7 @@
 // onto the intrinsic and the user children (injected by the adapter) nest under it. Shared
 // verbatim across adapters: React and Vue both bridge this Descriptor.
 import { dlog } from '@symbiote-native/engine';
-import { el } from '../descriptor';
+import { el } from '../descriptor.js';
 export function renderInputAccessoryView(view) {
     const props = { ...view.passthrough, style: view.style };
     if (view.nativeID !== undefined)

package/build/view/render-modal.js

@@ -6,7 +6,7 @@
 // full-screen container View that holds the user children (injected by the adapter). Shared
 // verbatim: React and Vue both bridge this Descriptor; the keep-alive state lives in state/modal.ts.
 import { dlog } from '@symbiote-native/engine';
-import { el } from '../descriptor';
+import { el } from '../descriptor.js';
 // The full-screen box RN anchors the modal content in (Modal.js styles.container: [side]:0,
 // top:0, flex:1, backgroundColor:'white'). It is NOT position:absolute, it is a flex child that
 // fills the ModalHostView, whose shadow node self-sizes to the screen

package/build/view/render-switch.js

@@ -5,7 +5,7 @@
 // ios_backgroundColor folds into the style as the pill that shows through the shrunken track.
 // Pure and prop-driven; no hooks, no events. The adapter owns those.
 import { dlog } from '@symbiote-native/engine';
-import { el } from '../descriptor';
+import { el } from '../descriptor.js';
 // RN rounds the iOS background pill to this radius when ios_backgroundColor is set.
 const IOS_BACKGROUND_BORDER_RADIUS = 16;
 // Fold ios_backgroundColor into the style, matching RN's iOS branch: it paints the

package/build/view/render-text-input.js

@@ -5,7 +5,7 @@
 // remaining native events) arrive folded into `passthrough` and land on the host untouched.
 // Pure and prop-driven; no hooks, no events. The adapter owns those.
 import { dlog } from '@symbiote-native/engine';
-import { el } from '../descriptor';
+import { el } from '../descriptor.js';
 // One host element per native input class. Text carries the only non-trivial nesting elsewhere;
 // here the choice is binary and runtime (the `multiline` prop), so the module stays flat.
 const SINGLELINE_INTRINSIC = 'symbiote-text-input';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbiote-native/components",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Framework-agnostic component logic (state machines + render functions) for SymbioteNative — written once, inherited by every adapter (React, Vue, Angular, ...).",
   "repository": {
     "type": "git",
@@ -33,7 +33,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@symbiote-native/engine": "0.1.1"
+    "@symbiote-native/engine": "0.1.2"
   },
   "peerDependencies": {
     "react-native": ">=0.86"