peachsim 0.1.939 → 0.1.1399

package/kotlin/fixtures/import-animation/Animation.kt

@@ -0,0 +1,80 @@
+package dev.contrast.kotlinanimation
+
+import androidx.compose.animation.AnimatedContent
+import androidx.compose.animation.AnimatedVisibility
+import androidx.compose.animation.animateColorAsState
+import androidx.compose.animation.core.animateDp
+import androidx.compose.animation.core.animateDpAsState
+import androidx.compose.animation.core.updateTransition
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.Button
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.material3.lightColorScheme
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.runtime.withFrameNanos
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.toArgb
+import androidx.compose.ui.layout.onGloballyPositioned
+import androidx.compose.ui.platform.testTag
+import androidx.compose.ui.unit.dp
+import kotlin.math.roundToInt
+
+@Composable
+fun Animation(title: String, onStep: ((Int) -> Unit)? = null) {
+    var count by remember { mutableStateOf(0) }
+    var expanded by remember { mutableStateOf(false) }
+    var frameSeen by remember { mutableStateOf(false) }
+    var boxWidth by remember { mutableStateOf(0) }
+    var boxHeight by remember { mutableStateOf(0) }
+    val width by animateDpAsState(if (expanded) 160.dp else 80.dp, label = "width")
+    val color by animateColorAsState(if (expanded) Color(0xFF3F51B5) else Color(0xFFE91E63), label = "color")
+    val transition = updateTransition(expanded, label = "panel")
+    val height by transition.animateDp(label = "height") { if (it) 48.dp else 24.dp }
+    LaunchedEffect(expanded) {
+        frameSeen = false
+        withFrameNanos { frameSeen = true }
+    }
+    MaterialTheme(colorScheme = lightColorScheme()) {
+        Surface(Modifier.fillMaxSize()) {
+            Column(Modifier.fillMaxSize().padding(16.dp), verticalArrangement = Arrangement.spacedBy(8.dp)) {
+                Text(title, Modifier.testTag("animation-title"))
+                Text("Count: $count", Modifier.testTag("animation-count"))
+                Text(
+                    "expanded=${if (expanded) 1 else 0};width=${width.value.roundToInt()};height=${height.value.roundToInt()};color=${color.toArgb()};box=$boxWidth,$boxHeight;running=${if (transition.isRunning) 1 else 0};frame=${if (frameSeen) 1 else 0}",
+                    Modifier.testTag("animation-state"),
+                )
+                Button(onClick = { expanded = !expanded; count += 1; onStep?.invoke(count) }, modifier = Modifier.testTag("animation-toggle")) {
+                    Text(if (expanded) "Compact animation" else "Expand animation")
+                }
+                Button(onClick = { count += 1000; onStep?.invoke(count) }, enabled = false, modifier = Modifier.testTag("animation-disabled")) {
+                    Text("Disabled animation step")
+                }
+                Box(Modifier.width(width).height(height).background(color).testTag("animation-box").onGloballyPositioned {
+                    boxWidth = it.size.width
+                    boxHeight = it.size.height
+                })
+                AnimatedVisibility(expanded) {
+                    Text("Animated panel", Modifier.testTag("animation-panel"))
+                }
+                AnimatedContent(expanded, label = "content") { target ->
+                    Text(if (target) "Expanded content" else "Compact content", Modifier.testTag(if (target) "animation-expanded-content" else "animation-compact-content"))
+                }
+            }
+        }
+    }
+}

package/kotlin/fixtures/import-animation/ImportAnimation.native.tsx

@@ -0,0 +1,13 @@
+import { useState } from 'react'
+import { Text, View } from 'react-native'
+import { Animation } from './Animation.kt'
+
+export default function Index() {
+  const [step, setStep] = useState(0)
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <Animation title={`Animation step ${step}`} onStep={setStep} />
+      <Text testID="animation-react-step">React step: {step}</Text>
+    </View>
+  )
+}

package/kotlin/fixtures/import-animation/README.md

@@ -0,0 +1,24 @@
+# Imported Compose animation fixture
+
+A typed React import drives AnimatedVisibility, AnimatedContent, animateDpAsState,
+animateColorAsState and updateTransition. Real toggles update the React callback
+and title while retaining Compose state. A disabled action preserves both.
+
+RAN: fresh One Android, then Peach, then an actual Contrast import passed six
+states: initial0, expanded1, disabled1, compact2, again3 and reset4. Compact states
+settle at width80/height24, ARGB -1499549 and measured box210x63; expanded states
+at width160/height48, ARGB -12627531 and box420x126. Every state delivers a frame,
+settles the transition and shows the matching panel and exclusive content.
+
+[Proof and captures](https://r2.sootsim.com/kotlin-evidence/import-animation/badd8e7d78b5327501b5223bd3bc6903e5376b592b077de2073781bdc0faa5c0/proof.json)
+bind source commit `67b7bd59e0c84377574dc4f3cde348c76008b7e2`, Kotlin SHA256
+`5275bda78f9f82a6df9ce807c5d95f2296d8e14d5d015b23b1c8aa0eeccac381`,
+and rebuilt runtime SHA256
+`129e6fa055dd4fcabf03386e5b811af59590c96b92f1a7594bd3413ed25df2d7`.
+All 64 objects passed hash readback. Negative controls reject a wrong animated
+width and a callback from the disabled action.
+
+Native proof uses debug Android API37 and One canary
+`2.0.0-0.canary.1791729656331`. This fixture does not establish intermediate
+frames, easing, motion duration, frame rate, text glyph or full-frame pixel
+parity. Contrast shell chrome and production delivery are outside this receipt.

package/kotlin/fixtures/import-animation/app/_layout.tsx

@@ -0,0 +1,4 @@
+import { Slot } from 'one'
+export default function Layout() {
+  return <Slot />
+}

package/kotlin/fixtures/import-animation/app/index+spa.tsx

@@ -0,0 +1 @@
+export { default } from '../ImportAnimation.native'

package/kotlin/fixtures/import-animation/app/routes.d.ts

@@ -0,0 +1,18 @@
+// deno-lint-ignore-file
+/* eslint-disable */
+// biome-ignore: needed import
+import type { OneRouter } from 'one'
+
+declare module 'one' {
+  export namespace OneRouter {
+    export interface __routes<T extends string = string> extends Record<string, unknown> {
+      StaticRoutes:
+        | `/`
+        | `/_sitemap`
+      DynamicRoutes: never
+      DynamicRouteTemplate: never
+      IsTyped: true
+      
+    }
+  }
+}

package/kotlin/fixtures/import-animation/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "peach-kotlin-import-animation-fixture",
+  "private": true,
+  "type": "module",
+  "targets": [
+    "native"
+  ],
+  "dependencies": {
+    "@react-navigation/core": "catalog:",
+    "@react-navigation/native": "catalog:",
+    "one": "catalog:",
+    "react": "catalog:",
+    "react-native": "catalog:",
+    "react-native-reanimated": "catalog:",
+    "react-native-screens": "catalog:",
+    "react-native-worklets": "catalog:"
+  },
+  "devDependencies": {
+    "@react-native-community/template": "catalog:",
+    "peachsim": "workspace:*",
+    "vite": "catalog:"
+  }
+}

package/kotlin/fixtures/import-animation/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "~/*": ["./*"]
+    },
+    "strict": true,
+    "allowArbitraryExtensions": true,
+    "rootDir": ".",
+    "module": "Preserve",
+    // allows react-native style imports without path extensions, for compat with platform-specific files
+    "moduleResolution": "Bundler",
+    "preserveSymlinks": true,
+    "skipLibCheck": true,
+    "jsx": "react-jsx",
+    "noImplicitAny": false,
+    "types": ["node", "react", "vite/client"],
+    "lib": ["dom", "esnext"]
+  },
+  "exclude": ["node_modules", "**/test", "**/dist", "**/types", "**/__tests__"]
+}

package/kotlin/fixtures/import-animation/vite.config.ts

@@ -0,0 +1,20 @@
+import { one } from 'one/vite'
+import { peachPlugin } from 'peachsim/vite'
+export default {
+  root: import.meta.dirname,
+  plugins: [
+    one({
+      web: { defaultRenderMode: 'spa' },
+      native: {
+        bundler: 'vite',
+        app: {
+          name: 'KotlinAnimation',
+          scheme: 'kotlinanimation',
+          android: { applicationId: 'dev.contrast.kotlinanimation' },
+        },
+      },
+    }),
+    peachPlugin(),
+  ],
+  server: { host: '0.0.0.0' },
+}

package/kotlin/fixtures/import-editor/Editor.d.kt.ts

@@ -0,0 +1,7 @@
+// generated by one typegen; edits will be replaced
+import type { ReactElement } from 'react'
+
+export declare function Editor(props: {
+  title: string
+  onEdit?: ((value0: string, value1: boolean) => void) | null
+}): ReactElement

package/kotlin/fixtures/import-editor/Editor.kt

@@ -0,0 +1,59 @@
+package dev.contrast.kotlineditor
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.text.KeyboardActions
+import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.OutlinedTextField
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.material3.lightColorScheme
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.focus.onFocusChanged
+import androidx.compose.ui.platform.testTag
+import androidx.compose.ui.semantics.contentDescription
+import androidx.compose.ui.semantics.semantics
+import androidx.compose.ui.text.input.ImeAction
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun Editor(title: String, onEdit: ((String, Boolean) -> Unit)? = null) {
+    var value by remember { mutableStateOf("") }
+    var focused by remember { mutableStateOf(false) }
+    var done by remember { mutableStateOf(0) }
+    MaterialTheme(colorScheme = lightColorScheme()) {
+        Surface(Modifier.fillMaxSize()) {
+            Column(
+                Modifier.fillMaxSize().padding(24.dp),
+                verticalArrangement = Arrangement.spacedBy(16.dp),
+            ) {
+                Text(title, style = MaterialTheme.typography.headlineSmall)
+                Text("$title|$value|$focused|$done", Modifier.testTag("editor-state"))
+                OutlinedTextField(
+                    value = value,
+                    onValueChange = { value = it; onEdit?.invoke(it, false) },
+                    label = { Text("Name") },
+                    singleLine = true,
+                    keyboardOptions = KeyboardOptions(imeAction = ImeAction.Done),
+                    keyboardActions = KeyboardActions(onDone = {
+                        done += 1
+                        onEdit?.invoke(value, true)
+                        defaultKeyboardAction(ImeAction.Done)
+                    }),
+                    modifier = Modifier.fillMaxWidth().testTag("editor-input")
+                        .semantics { contentDescription = "editor-input" }
+                        .onFocusChanged { focused = it.isFocused },
+                )
+            }
+        }
+    }
+}

package/kotlin/fixtures/import-editor/ImportEditor.native.tsx

@@ -0,0 +1,23 @@
+import { useState } from 'react'
+import { Text, View } from 'react-native'
+import { Editor } from './Editor.kt'
+
+type EditEvent = [string, boolean]
+
+export default function Index() {
+  const [events, setEvents] = useState<EditEvent[]>([])
+  return (
+    <View style={{ flex: 1, paddingTop: 48, backgroundColor: '#fff' }}>
+      <View style={{ flex: 1 }}>
+        <Editor
+          title="Imported editor"
+          onEdit={(value, done) => setEvents((previous) => [...previous, [value, done]])}
+        />
+      </View>
+      <View style={{ height: 160, padding: 24 }}>
+        <Text>Editor callbacks</Text>
+        <Text testID="editor-events">{JSON.stringify(events)}</Text>
+      </View>
+    </View>
+  )
+}

package/kotlin/fixtures/import-editor/README.md

@@ -0,0 +1,27 @@
+# Imported Compose editor
+
+This fixture imports a named public composable into a React Native app. It
+extends the existing pure Kotlin Form fixture to cover text editing and an IME
+Done action across the source-import bridge. Its field retains focus after Done,
+hides the keyboard, and reports typed edit and completion callbacks to React.
+
+Run One here with `bunx one dev --port 8081`, then open that port with
+`peach open 8081 --device pixel-8`. Generate native Android with
+`bunx one prebuild --platform android`; build `android/` with
+`./gradlew assembleDebug` on the repository's remote builder.
+
+Focus `editor-input`, type `H` then `i`, and press Done. The Compose state must
+read `Imported editor|Hi|true|1`; `editor-events` must contain
+`[["H",false],["Hi",false],["Hi",true]]`. A successful compile or a static
+screen alone does not establish editing acceptance. Compare the same interaction
+in One Android, Peach, and the Contrast native bundle producer.
+
+RAN 2026-10-11: Android debug and Kotlin/Wasm builds passed, followed in order
+by One Android, Peach, and Contrast's native bundle producer. All three produced
+the same five states (initial, focused, H, Hi, Done) and callback tuples above.
+Peach and Contrast reported no preview errors, exposed a Done return key while
+editing, and hid the keyboard after Done with focus retained. Contrast compiled
+`Editor.kt` through its Kotlin import route and produced a complete bundle graph.
+These runs establish import and interaction behavior; they do not grade pixels
+or the signed-in editor. Source and artifact hashes, captures and run receipts
+are retained in task `t-mv3tuag4-17xu0`.

package/kotlin/fixtures/import-editor/app/_layout.tsx

@@ -0,0 +1,4 @@
+import { Slot } from 'one'
+export default function Layout() {
+  return <Slot />
+}

package/kotlin/fixtures/import-editor/app/index+spa.tsx

@@ -0,0 +1 @@
+export { default } from '../ImportEditor.native'

package/kotlin/fixtures/import-editor/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "peach-kotlin-import-editor-fixture",
+  "private": true,
+  "type": "module",
+  "targets": [
+    "native"
+  ],
+  "dependencies": {
+    "@react-navigation/core": "catalog:",
+    "@react-navigation/native": "catalog:",
+    "one": "catalog:",
+    "react": "catalog:",
+    "react-native": "catalog:",
+    "react-native-reanimated": "catalog:",
+    "react-native-screens": "catalog:",
+    "react-native-worklets": "catalog:"
+  },
+  "devDependencies": {
+    "@react-native-community/template": "catalog:",
+    "peachsim": "workspace:*",
+    "vite": "catalog:"
+  }
+}

package/kotlin/fixtures/import-editor/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "~/*": ["./*"]
+    },
+    "strict": true,
+    "allowArbitraryExtensions": true,
+    "rootDir": ".",
+    "module": "Preserve",
+    // allows react-native style imports without path extensions, for compat with platform-specific files
+    "moduleResolution": "Bundler",
+    "preserveSymlinks": true,
+    "skipLibCheck": true,
+    "jsx": "react-jsx",
+    "noImplicitAny": false,
+    "types": ["node", "react", "vite/client"],
+    "lib": ["dom", "esnext"]
+  },
+  "exclude": ["node_modules", "**/test", "**/dist", "**/types", "**/__tests__"]
+}

package/kotlin/fixtures/import-editor/vite.config.ts

@@ -0,0 +1,20 @@
+import { one } from 'one/vite'
+import { peachPlugin } from 'peachsim/vite'
+export default {
+  root: import.meta.dirname,
+  plugins: [
+    one({
+      web: { defaultRenderMode: 'spa' },
+      native: {
+        bundler: 'vite',
+        app: {
+          name: 'KotlinEditor',
+          scheme: 'kotlineditor',
+          android: { applicationId: 'dev.contrast.kotlineditor' },
+        },
+      },
+    }),
+    peachPlugin(),
+  ],
+  server: { host: '0.0.0.0' },
+}

package/kotlin/fixtures/import-effects/Effects.d.kt.ts

@@ -0,0 +1,7 @@
+// generated by one typegen; edits will be replaced
+import type { ReactElement } from 'react'
+
+export declare function Effects(props: {
+  title: string
+  onStep?: ((value0: number) => void) | null
+}): ReactElement

package/kotlin/fixtures/import-effects/Effects.kt

@@ -0,0 +1,87 @@
+package dev.contrast.kotlineffects
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.Button
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.material3.lightColorScheme
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.DisposableEffect
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.testTag
+import androidx.compose.ui.unit.dp
+import kotlinx.coroutines.awaitCancellation
+import kotlinx.coroutines.launch
+
+private class EffectEvents {
+    var entered by mutableStateOf(0)
+    var launched by mutableStateOf(0)
+    var disposed by mutableStateOf(0)
+    var cancelled by mutableStateOf(0)
+    var scoped by mutableStateOf(0)
+    var scopeCancelled by mutableStateOf(0)
+}
+
+@Composable
+private fun LifecycleChild(events: EffectEvents, onStart: () -> Unit) {
+    val scope = rememberCoroutineScope()
+    DisposableEffect(Unit) {
+        events.entered += 1
+        onDispose { events.disposed += 1 }
+    }
+    LaunchedEffect(Unit) {
+        events.launched += 1
+        try { awaitCancellation() } finally { events.cancelled += 1 }
+    }
+    Column(verticalArrangement = Arrangement.spacedBy(8.dp)) {
+        Text("Effect child", Modifier.testTag("effects-child"))
+        Button(
+            onClick = {
+                scope.launch {
+                    events.scoped += 1
+                    try { awaitCancellation() } finally { events.scopeCancelled += 1 }
+                }
+                onStart()
+            },
+            modifier = Modifier.testTag("effects-start"),
+        ) { Text("Start scoped job") }
+    }
+}
+
+@Composable
+fun Effects(title: String, onStep: ((Int) -> Unit)? = null) {
+    var count by remember { mutableStateOf(0) }
+    var visible by remember { mutableStateOf(true) }
+    val events = remember { EffectEvents() }
+    MaterialTheme(colorScheme = lightColorScheme()) {
+        Surface(Modifier.fillMaxSize()) {
+            Column(Modifier.fillMaxSize().padding(16.dp), verticalArrangement = Arrangement.spacedBy(8.dp)) {
+                Text(title, Modifier.testTag("effects-title"))
+                Text("Count: $count", Modifier.testTag("effects-count"))
+                Text(
+                    "visible=${if (visible) 1 else 0};entered=${events.entered};launched=${events.launched};disposed=${events.disposed};cancelled=${events.cancelled};scoped=${events.scoped};scopeCancelled=${events.scopeCancelled}",
+                    Modifier.testTag("effects-state"),
+                )
+                Button(onClick = { visible = !visible; count += 1; onStep?.invoke(count) }, modifier = Modifier.testTag("effects-toggle")) {
+                    Text(if (visible) "Hide child" else "Show child")
+                }
+                Button(onClick = { count += 1000; onStep?.invoke(count) }, enabled = false, modifier = Modifier.testTag("effects-disabled")) {
+                    Text("Disabled effects step")
+                }
+                if (visible) {
+                    LifecycleChild(events) { count += 1; onStep?.invoke(count) }
+                }
+            }
+        }
+    }
+}

package/kotlin/fixtures/import-effects/ImportEffects.native.tsx

@@ -0,0 +1,13 @@
+import { useState } from 'react'
+import { Text, View } from 'react-native'
+import { Effects } from './Effects.kt'
+
+export default function Index() {
+  const [step, setStep] = useState(0)
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <Effects title={`Effects step ${step}`} onStep={setStep} />
+      <Text testID="effects-react-step">React step: {step}</Text>
+    </View>
+  )
+}

package/kotlin/fixtures/import-effects/README.md

@@ -0,0 +1,19 @@
+# Imported Compose effects
+
+Run One in this fixture, then open its Android bundle in Peach on Pixel 8.
+Build the native Android target on a remote builder. Import the same files in
+Contrast with catalog versions materialized.
+
+Start a scoped job, hide the child, try the disabled button, show the child,
+start another scoped job and hide it again. Capture all seven states. Removing
+the child must dispose its DisposableEffect and cancel both its LaunchedEffect
+and remembered-scope job. Remounting starts each effect once more. Callback
+updates to React and the imported title must preserve effect identity.
+Compare exact lifecycle counters and actual child semantics across all hosts.
+This fixture claims child composition lifecycle, without whole React-root
+unmount, frame timing or full-frame pixel fidelity.
+
+RAN 2026-10-11: all seven states match in One Android, Peach and Contrast.
+Each removal increments disposal and both cancellation counters once; remount
+starts fresh effects. Disabled input preserves state two.
+[Receipts and captures](https://r2.sootsim.com/kotlin-evidence/import-effects/c151fca7d8e1a2067ee4517160db511aa6178ddfde1dc39b8ec130701e68ecb9/proof.json) include changed-output controls for missing scope cancellation and an unexpected disabled callback.

package/kotlin/fixtures/import-effects/app/_layout.tsx

@@ -0,0 +1,4 @@
+import { Slot } from 'one'
+export default function Layout() {
+  return <Slot />
+}

package/kotlin/fixtures/import-effects/app/index+spa.tsx

@@ -0,0 +1 @@
+export { default } from '../ImportEffects.native'

package/kotlin/fixtures/import-effects/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "peach-kotlin-import-effects-fixture",
+  "private": true,
+  "type": "module",
+  "targets": [
+    "native"
+  ],
+  "dependencies": {
+    "@react-navigation/core": "catalog:",
+    "@react-navigation/native": "catalog:",
+    "one": "catalog:",
+    "react": "catalog:",
+    "react-native": "catalog:",
+    "react-native-reanimated": "catalog:",
+    "react-native-screens": "catalog:",
+    "react-native-worklets": "catalog:"
+  },
+  "devDependencies": {
+    "@react-native-community/template": "catalog:",
+    "peachsim": "workspace:*",
+    "vite": "catalog:"
+  }
+}

package/kotlin/fixtures/import-effects/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "~/*": ["./*"]
+    },
+    "strict": true,
+    "allowArbitraryExtensions": true,
+    "rootDir": ".",
+    "module": "Preserve",
+    // allows react-native style imports without path extensions, for compat with platform-specific files
+    "moduleResolution": "Bundler",
+    "preserveSymlinks": true,
+    "skipLibCheck": true,
+    "jsx": "react-jsx",
+    "noImplicitAny": false,
+    "types": ["node", "react", "vite/client"],
+    "lib": ["dom", "esnext"]
+  },
+  "exclude": ["node_modules", "**/test", "**/dist", "**/types", "**/__tests__"]
+}

package/kotlin/fixtures/import-effects/vite.config.ts

@@ -0,0 +1,20 @@
+import { one } from 'one/vite'
+import { peachPlugin } from 'peachsim/vite'
+export default {
+  root: import.meta.dirname,
+  plugins: [
+    one({
+      web: { defaultRenderMode: 'spa' },
+      native: {
+        bundler: 'vite',
+        app: {
+          name: 'KotlinEffects',
+          scheme: 'kotlineffects',
+          android: { applicationId: 'dev.contrast.kotlineffects' },
+        },
+      },
+    }),
+    peachPlugin(),
+  ],
+  server: { host: '0.0.0.0' },
+}

package/kotlin/fixtures/import-layout/ImportLayout.native.tsx

@@ -0,0 +1,13 @@
+import { useState } from 'react'
+import { Text, View } from 'react-native'
+import { Layout } from './Layout.kt'
+
+export default function Index() {
+  const [step, setStep] = useState(0)
+  return (
+    <View style={{ flex: 1, backgroundColor: '#fff' }}>
+      <Layout title={`Layout step ${step}`} onStep={setStep} />
+      <Text testID="layout-react-step">React step: {step}</Text>
+    </View>
+  )
+}

package/kotlin/fixtures/import-layout/Layout.d.kt.ts

@@ -0,0 +1,7 @@
+// generated by one typegen; edits will be replaced
+import type { ReactElement } from 'react'
+
+export declare function Layout(props: {
+  title: string
+  onStep?: ((value0: number) => void) | null
+}): ReactElement