clox-view-switcher 0.1.1

package/.eslintrc.js

@@ -0,0 +1,2 @@
+// @generated by expo-module-scripts
+module.exports = require('expo-module-scripts/eslintrc.base.js');

package/README.md

@@ -0,0 +1,35 @@
+# clox-view-switcher
+
+A native Expo module for view switching animations
+
+# API documentation
+
+- [Documentation for the latest stable release](https://docs.expo.dev/versions/latest/sdk/clox-view-switcher/)
+- [Documentation for the main branch](https://docs.expo.dev/versions/unversioned/sdk/clox-view-switcher/)
+
+# Installation in managed Expo projects
+
+For [managed](https://docs.expo.dev/archive/managed-vs-bare/) Expo projects, please follow the installation instructions in the [API documentation for the latest stable release](#api-documentation). If you follow the link and there is no documentation available then this library is not yet usable within managed projects — it is likely to be included in an upcoming Expo SDK release.
+
+# Installation in bare React Native projects
+
+For bare React Native projects, you must ensure that you have [installed and configured the `expo` package](https://docs.expo.dev/bare/installing-expo-modules/) before continuing.
+
+### Add the package to your npm dependencies
+
+```
+npm install clox-view-switcher
+```
+
+### Configure for Android
+
+
+
+
+### Configure for iOS
+
+Run `npx pod-install` after installing the npm package.
+
+# Contributing
+
+Contributions are very welcome! Please refer to guidelines described in the [contributing guide]( https://github.com/expo/expo#contributing).

package/android/build.gradle

@@ -0,0 +1,42 @@
+apply plugin: 'com.android.library'
+apply plugin: 'kotlin-android'
+
+group = 'expo.modules.cloxviewswitcher'
+version = '1.0.0'
+
+def expoModulesCorePlugin = new File(project(":expo-modules-core").projectDir.absolutePath, "ExpoModulesCorePlugin.gradle")
+apply from: expoModulesCorePlugin
+applyKotlinExpoModulesCorePlugin()
+useExpoPublishing()
+
+android {
+  namespace "expo.modules.cloxviewswitcher"
+  compileSdkVersion 36
+  
+  defaultConfig {
+    minSdkVersion 24
+    targetSdkVersion 36
+    versionCode 1
+    versionName "1.0.0"
+  }
+  
+  buildTypes {
+    release {
+      minifyEnabled false
+    }
+  }
+  
+  compileOptions {
+    sourceCompatibility JavaVersion.VERSION_17
+    targetCompatibility JavaVersion.VERSION_17
+  }
+  
+  kotlinOptions {
+    jvmTarget = "17"
+  }
+}
+
+dependencies {
+  implementation project(':expo-modules-core')
+  implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk8:1.9.23"
+}

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,2 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+</manifest>

package/android/src/main/java/expo/modules/cloxviewswitcher/CloxViewSwitcherModule.kt

@@ -0,0 +1,21 @@
+package expo.modules.cloxviewswitcher
+
+import expo.modules.kotlin.modules.Module
+import expo.modules.kotlin.modules.ModuleDefinition
+
+class CloxViewSwitcherModule : Module() {
+    override fun definition() = ModuleDefinition {
+        Name("CloxViewSwitcher")
+
+        Events("onChange")
+
+        Function("hello") {
+            "Hello World! 👋"
+        }
+
+        // Enables the module to be used as a native view.
+        View(CloxViewSwitcherView::class) {
+            // Props will be added here
+        }
+    }
+}

package/android/src/main/java/expo/modules/cloxviewswitcher/CloxViewSwitcherView.kt

@@ -0,0 +1,34 @@
+package expo.modules.cloxviewswitcher
+
+import android.content.Context
+import android.graphics.Color
+import android.view.Gravity
+import android.widget.FrameLayout
+import android.widget.TextView
+import expo.modules.kotlin.AppContext
+import expo.modules.kotlin.views.ExpoView
+
+class CloxViewSwitcherView(context: Context, appContext: AppContext) : ExpoView(context, appContext) {
+    
+    private var textView: TextView? = null
+    
+    init {
+        // Set transparent background
+        setBackgroundColor(Color.TRANSPARENT)
+        
+        // Create and configure the text view
+        val tv = TextView(context).apply {
+            text = "Hello World!"
+            textSize = 32f
+            setTextColor(Color.WHITE)
+            gravity = Gravity.CENTER
+        }
+        textView = tv
+        
+        // Add text view to the container with proper FrameLayout params
+        addView(tv, FrameLayout.LayoutParams(
+            FrameLayout.LayoutParams.MATCH_PARENT,
+            FrameLayout.LayoutParams.MATCH_PARENT
+        ))
+    }
+}

package/build/CloxViewSwitcher.types.d.ts

@@ -0,0 +1,48 @@
+import type { StyleProp, ViewStyle, ImageSourcePropType } from 'react-native';
+export interface ViewSwitcherItem {
+    /** Unique identifier for the item */
+    id: string;
+    /** Title displayed below the app icon */
+    title: string;
+    /** Main image/screenshot for the app card */
+    image: ImageSourcePropType;
+    /** Small icon displayed above the card */
+    icon: ImageSourcePropType;
+}
+export interface CloxViewSwitcherViewProps {
+    /** Style for the view container */
+    style?: StyleProp<ViewStyle>;
+    /** List of items to display in the switcher */
+    items: ViewSwitcherItem[];
+    /** Callback when an item is pressed */
+    onItemPress?: (id: string) => void;
+    /** Callback when a new card comes into view (title becomes visible) */
+    onCardChange?: (id: string) => void;
+    /** Spring animation response (duration) - default 0.5. Lower = faster */
+    springResponse?: number;
+    /** Spring animation damping fraction - default 0.85. Lower = more bounce */
+    springDamping?: number;
+    /** Scroll speed multiplier - default 1.0. Lower = less sensitive (0.5), Higher = more sensitive (2.0) */
+    scrollSpeed?: number;
+    /** Background color for cards before images load - default #FFFFFF */
+    cardBackgroundColor?: string;
+    /** Border radius for the cards - default 20 */
+    cardBorderRadius?: number;
+    /** Font color for the card title - default #FFFFFF */
+    titleFontColor?: string;
+    /** Font size for the card title - default 14 */
+    titleFontSize?: number;
+    /** Font weight for the card title - default 'bold'. Options: 'regular', 'medium', 'semibold', 'bold', 'heavy' */
+    titleFontWeight?: 'regular' | 'medium' | 'semibold' | 'bold' | 'heavy';
+}
+export type CloxViewSwitcherModuleEvents = {
+    onChange: (params: ChangeEventPayload) => void;
+    onItemPress: (params: ItemPressEventPayload) => void;
+};
+export type ChangeEventPayload = {
+    value: string;
+};
+export type ItemPressEventPayload = {
+    id: string;
+};
+//# sourceMappingURL=CloxViewSwitcher.types.d.ts.map

package/build/CloxViewSwitcher.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloxViewSwitcher.types.d.ts","sourceRoot":"","sources":["../src/CloxViewSwitcher.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAG9E,MAAM,WAAW,gBAAgB;IAC/B,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,KAAK,EAAE,mBAAmB,CAAC;IAC3B,0CAA0C;IAC1C,IAAI,EAAE,mBAAmB,CAAC;CAC3B;AAGD,MAAM,WAAW,yBAAyB;IACxC,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,+CAA+C;IAC/C,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,uCAAuC;IACvC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,uEAAuE;IACvE,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,yEAAyE;IACzE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yGAAyG;IACzG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sDAAsD;IACtD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iHAAiH;IACjH,eAAe,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;CACxE;AAGD,MAAM,MAAM,4BAA4B,GAAG;IACzC,QAAQ,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,WAAW,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACtD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC"}

package/build/CloxViewSwitcher.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CloxViewSwitcher.types.js.map

package/build/CloxViewSwitcher.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloxViewSwitcher.types.js","sourceRoot":"","sources":["../src/CloxViewSwitcher.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { StyleProp, ViewStyle, ImageSourcePropType } from 'react-native';\n\n// Item in the view switcher\nexport interface ViewSwitcherItem {\n  /** Unique identifier for the item */\n  id: string;\n  /** Title displayed below the app icon */\n  title: string;\n  /** Main image/screenshot for the app card */\n  image: ImageSourcePropType;\n  /** Small icon displayed above the card */\n  icon: ImageSourcePropType;\n}\n\n// View Props\nexport interface CloxViewSwitcherViewProps {\n  /** Style for the view container */\n  style?: StyleProp<ViewStyle>;\n  /** List of items to display in the switcher */\n  items: ViewSwitcherItem[];\n  /** Callback when an item is pressed */\n  onItemPress?: (id: string) => void;\n  /** Callback when a new card comes into view (title becomes visible) */\n  onCardChange?: (id: string) => void;\n  /** Spring animation response (duration) - default 0.5. Lower = faster */\n  springResponse?: number;\n  /** Spring animation damping fraction - default 0.85. Lower = more bounce */\n  springDamping?: number;\n  /** Scroll speed multiplier - default 1.0. Lower = less sensitive (0.5), Higher = more sensitive (2.0) */\n  scrollSpeed?: number;\n  /** Background color for cards before images load - default #FFFFFF */\n  cardBackgroundColor?: string;\n  /** Border radius for the cards - default 20 */\n  cardBorderRadius?: number;\n  /** Font color for the card title - default #FFFFFF */\n  titleFontColor?: string;\n  /** Font size for the card title - default 14 */\n  titleFontSize?: number;\n  /** Font weight for the card title - default 'bold'. Options: 'regular', 'medium', 'semibold', 'bold', 'heavy' */\n  titleFontWeight?: 'regular' | 'medium' | 'semibold' | 'bold' | 'heavy';\n}\n\n// Module Events\nexport type CloxViewSwitcherModuleEvents = {\n  onChange: (params: ChangeEventPayload) => void;\n  onItemPress: (params: ItemPressEventPayload) => void;\n};\n\nexport type ChangeEventPayload = {\n  value: string;\n};\n\nexport type ItemPressEventPayload = {\n  id: string;\n};\n"]}

package/build/CloxViewSwitcherModule.d.ts

@@ -0,0 +1,8 @@
+import { NativeModule } from 'expo';
+import { CloxViewSwitcherModuleEvents } from './CloxViewSwitcher.types';
+declare class CloxViewSwitcherModule extends NativeModule<CloxViewSwitcherModuleEvents> {
+    hello(): string;
+}
+declare const _default: CloxViewSwitcherModule;
+export default _default;
+//# sourceMappingURL=CloxViewSwitcherModule.d.ts.map

package/build/CloxViewSwitcherModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloxViewSwitcherModule.d.ts","sourceRoot":"","sources":["../src/CloxViewSwitcherModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAuB,MAAM,MAAM,CAAC;AAEzD,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AAExE,OAAO,OAAO,sBAAuB,SAAQ,YAAY,CAAC,4BAA4B,CAAC;IACrF,KAAK,IAAI,MAAM;CAChB;;AAGD,wBAA+E"}

package/build/CloxViewSwitcherModule.js

@@ -0,0 +1,4 @@
+import { requireNativeModule } from 'expo';
+// This call loads the native module object from the JSI.
+export default requireNativeModule('CloxViewSwitcher');
+//# sourceMappingURL=CloxViewSwitcherModule.js.map

package/build/CloxViewSwitcherModule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloxViewSwitcherModule.js","sourceRoot":"","sources":["../src/CloxViewSwitcherModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,mBAAmB,EAAE,MAAM,MAAM,CAAC;AAQzD,yDAAyD;AACzD,eAAe,mBAAmB,CAAyB,kBAAkB,CAAC,CAAC","sourcesContent":["import { NativeModule, requireNativeModule } from 'expo';\n\nimport { CloxViewSwitcherModuleEvents } from './CloxViewSwitcher.types';\n\ndeclare class CloxViewSwitcherModule extends NativeModule<CloxViewSwitcherModuleEvents> {\n  hello(): string;\n}\n\n// This call loads the native module object from the JSI.\nexport default requireNativeModule<CloxViewSwitcherModule>('CloxViewSwitcher');\n"]}

package/build/CloxViewSwitcherView.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { CloxViewSwitcherViewProps } from './CloxViewSwitcher.types';
+export default function CloxViewSwitcherView(props: CloxViewSwitcherViewProps): React.JSX.Element;
+//# sourceMappingURL=CloxViewSwitcherView.d.ts.map

package/build/CloxViewSwitcherView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloxViewSwitcherView.d.ts","sourceRoot":"","sources":["../src/CloxViewSwitcherView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAIrE,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,qBAmC5E"}

package/build/CloxViewSwitcherView.js

@@ -0,0 +1,22 @@
+import { requireNativeView } from 'expo';
+import * as React from 'react';
+import { Image } from 'react-native';
+const NativeView = requireNativeView('CloxViewSwitcher');
+export default function CloxViewSwitcherView(props) {
+    const { items, onItemPress, onCardChange, springResponse = 0.5, springDamping = 0.85, scrollSpeed = 1.0, cardBackgroundColor = '#FFFFFF', cardBorderRadius = 20, titleFontColor = '#FFFFFF', titleFontSize = 14, titleFontWeight = 'bold', ...rest } = props;
+    // Resolve image sources to URIs for native
+    const resolvedItems = items.map((item) => ({
+        id: item.id,
+        title: item.title,
+        image: Image.resolveAssetSource(item.image)?.uri ?? '',
+        icon: Image.resolveAssetSource(item.icon)?.uri ?? '',
+    }));
+    const handleItemPress = (event) => {
+        onItemPress?.(event.nativeEvent.id);
+    };
+    const handleCardChange = (event) => {
+        onCardChange?.(event.nativeEvent.id);
+    };
+    return (<NativeView items={resolvedItems} onItemPress={handleItemPress} onCardChange={handleCardChange} springResponse={springResponse} springDamping={springDamping} scrollSpeed={scrollSpeed} cardBackgroundColor={cardBackgroundColor} cardBorderRadius={cardBorderRadius} titleFontColor={titleFontColor} titleFontSize={titleFontSize} titleFontWeight={titleFontWeight} {...rest}/>);
+}
+//# sourceMappingURL=CloxViewSwitcherView.js.map

package/build/CloxViewSwitcherView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloxViewSwitcherView.js","sourceRoot":"","sources":["../src/CloxViewSwitcherView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAIrC,MAAM,UAAU,GAA6B,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;AAEnF,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAgC;IAC3E,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,GAAG,GAAG,EAAE,aAAa,GAAG,IAAI,EAAE,WAAW,GAAG,GAAG,EAAE,mBAAmB,GAAG,SAAS,EAAE,gBAAgB,GAAG,EAAE,EAAE,cAAc,GAAG,SAAS,EAAE,aAAa,GAAG,EAAE,EAAE,eAAe,GAAG,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE7P,2CAA2C;IAC3C,MAAM,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACzC,EAAE,EAAE,IAAI,CAAC,EAAE;QACX,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,KAAK,EAAE,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,EAAE;QACtD,IAAI,EAAE,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,EAAE;KACrD,CAAC,CAAC,CAAC;IAEJ,MAAM,eAAe,GAAG,CAAC,KAAsC,EAAE,EAAE;QACjE,WAAW,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,KAAsC,EAAE,EAAE;QAClE,YAAY,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,UAAU,CACT,KAAK,CAAC,CAAC,aAAa,CAAC,CACrB,WAAW,CAAC,CAAC,eAAe,CAAC,CAC7B,YAAY,CAAC,CAAC,gBAAgB,CAAC,CAC/B,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,CACzC,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,IAAI,IAAI,CAAC,EACT,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { requireNativeView } from 'expo';\nimport * as React from 'react';\nimport { Image } from 'react-native';\n\nimport { CloxViewSwitcherViewProps } from './CloxViewSwitcher.types';\n\nconst NativeView: React.ComponentType<any> = requireNativeView('CloxViewSwitcher');\n\nexport default function CloxViewSwitcherView(props: CloxViewSwitcherViewProps) {\n  const { items, onItemPress, onCardChange, springResponse = 0.5, springDamping = 0.85, scrollSpeed = 1.0, cardBackgroundColor = '#FFFFFF', cardBorderRadius = 20, titleFontColor = '#FFFFFF', titleFontSize = 14, titleFontWeight = 'bold', ...rest } = props;\n\n  // Resolve image sources to URIs for native\n  const resolvedItems = items.map((item) => ({\n    id: item.id,\n    title: item.title,\n    image: Image.resolveAssetSource(item.image)?.uri ?? '',\n    icon: Image.resolveAssetSource(item.icon)?.uri ?? '',\n  }));\n\n  const handleItemPress = (event: { nativeEvent: { id: string } }) => {\n    onItemPress?.(event.nativeEvent.id);\n  };\n\n  const handleCardChange = (event: { nativeEvent: { id: string } }) => {\n    onCardChange?.(event.nativeEvent.id);\n  };\n\n  return (\n    <NativeView\n      items={resolvedItems}\n      onItemPress={handleItemPress}\n      onCardChange={handleCardChange}\n      springResponse={springResponse}\n      springDamping={springDamping}\n      scrollSpeed={scrollSpeed}\n      cardBackgroundColor={cardBackgroundColor}\n      cardBorderRadius={cardBorderRadius}\n      titleFontColor={titleFontColor}\n      titleFontSize={titleFontSize}\n      titleFontWeight={titleFontWeight}\n      {...rest}\n    />\n  );\n}\n"]}

package/build/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from './CloxViewSwitcherModule';
+export { default as CloxViewSwitcherView } from './CloxViewSwitcherView';
+export * from './CloxViewSwitcher.types';
+export declare function hello(): string;
+//# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,0BAA0B,CAAC;AAKzC,wBAAgB,KAAK,IAAI,MAAM,CAE9B"}

package/build/index.js

@@ -0,0 +1,10 @@
+// Reexport the native module
+export { default } from './CloxViewSwitcherModule';
+export { default as CloxViewSwitcherView } from './CloxViewSwitcherView';
+export * from './CloxViewSwitcher.types';
+// Export module functions
+import CloxViewSwitcherModule from './CloxViewSwitcherModule';
+export function hello() {
+    return CloxViewSwitcherModule.hello();
+}
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,cAAc,0BAA0B,CAAC;AAEzC,0BAA0B;AAC1B,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAE9D,MAAM,UAAU,KAAK;IACnB,OAAO,sBAAsB,CAAC,KAAK,EAAE,CAAC;AACxC,CAAC","sourcesContent":["// Reexport the native module\nexport { default } from './CloxViewSwitcherModule';\nexport { default as CloxViewSwitcherView } from './CloxViewSwitcherView';\nexport * from './CloxViewSwitcher.types';\n\n// Export module functions\nimport CloxViewSwitcherModule from './CloxViewSwitcherModule';\n\nexport function hello(): string {\n  return CloxViewSwitcherModule.hello();\n}\n"]}

package/example/App.tsx

@@ -0,0 +1,89 @@
+import { StatusBar } from 'expo-status-bar';
+import { StyleSheet, View, Alert } from 'react-native';
+import { CloxViewSwitcherView, ViewSwitcherItem } from 'clox-view-switcher';
+
+// Sample items for the view switcher
+const sampleItems: ViewSwitcherItem[] = [
+  {
+    id: '1',
+    title: 'Messages',
+    image: { uri: 'https://picsum.photos/260/540?random=1' },
+    icon: { uri: 'https://picsum.photos/60/60?random=11' },
+  },
+  {
+    id: '2',
+    title: 'Photos',
+    image: { uri: 'https://picsum.photos/260/540?random=2' },
+    icon: { uri: 'https://picsum.photos/60/60?random=12' },
+  },
+  {
+    id: '3',
+    title: 'Safari',
+    image: { uri: 'https://picsum.photos/260/540?random=3' },
+    icon: { uri: 'https://picsum.photos/60/60?random=13' },
+  },
+  {
+    id: '4',
+    title: 'Mail',
+    image: { uri: 'https://picsum.photos/260/540?random=4' },
+    icon: { uri: 'https://picsum.photos/60/60?random=14' },
+  },
+  {
+    id: '5',
+    title: 'Music',
+    image: { uri: 'https://picsum.photos/260/540?random=5' },
+    icon: { uri: 'https://picsum.photos/60/60?random=15' },
+  },
+  {
+    id: '6',
+    title: 'Settings',
+    image: { uri: 'https://picsum.photos/260/540?random=6' },
+    icon: { uri: 'https://picsum.photos/60/60?random=16' },
+  },
+  {
+    id: '7',
+    title: 'Calendar',
+    image: { uri: 'https://picsum.photos/260/540?random=7' },
+    icon: { uri: 'https://picsum.photos/60/60?random=17' },
+  },
+];
+
+export default function App() {
+  const handleItemPress = (id: string) => {
+    const item = sampleItems.find(i => i.id === id);
+    Alert.alert('Item Pressed', `You pressed: ${item?.title ?? id}`);
+  };
+
+  const handleChange = (id: string) => {
+    console.log('Card changed:', id);
+  };
+
+  return (
+    <View style={styles.container}>
+      <StatusBar style="light" />
+      <CloxViewSwitcherView
+        style={styles.switcher}
+        items={sampleItems}
+        onItemPress={handleItemPress}
+        springResponse={0.1}
+        springDamping={2}
+        scrollSpeed={0.3}
+        cardBorderRadius={40}
+        titleFontColor='#22c1ee'
+        titleFontSize={20}
+        titleFontWeight={'regular'}
+        onCardChange={handleChange}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#1a1a2e',
+  },
+  switcher: {
+    flex: 1,
+  },
+});

package/example/android/app/build.gradle

@@ -0,0 +1,182 @@
+apply plugin: "com.android.application"
+apply plugin: "org.jetbrains.kotlin.android"
+apply plugin: "com.facebook.react"
+
+def projectRoot = rootDir.getAbsoluteFile().getParentFile().getAbsolutePath()
+
+/**
+ * This is the configuration block to customize your React Native Android app.
+ * By default you don't need to apply any configuration, just uncomment the lines you need.
+ */
+react {
+    entryFile = file(["node", "-e", "require('expo/scripts/resolveAppEntry')", projectRoot, "android", "absolute"].execute(null, rootDir).text.trim())
+    reactNativeDir = new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim()).getParentFile().getAbsoluteFile()
+    hermesCommand = new File(["node", "--print", "require.resolve('react-native/package.json')"].execute(null, rootDir).text.trim()).getParentFile().getAbsolutePath() + "/sdks/hermesc/%OS-BIN%/hermesc"
+    codegenDir = new File(["node", "--print", "require.resolve('@react-native/codegen/package.json', { paths: [require.resolve('react-native/package.json')] })"].execute(null, rootDir).text.trim()).getParentFile().getAbsoluteFile()
+
+    enableBundleCompression = (findProperty('android.enableBundleCompression') ?: false).toBoolean()
+    // Use Expo CLI to bundle the app, this ensures the Metro config
+    // works correctly with Expo projects.
+    cliFile = new File(["node", "--print", "require.resolve('@expo/cli', { paths: [require.resolve('expo/package.json')] })"].execute(null, rootDir).text.trim())
+    bundleCommand = "export:embed"
+
+    /* Folders */
+     //   The root of your project, i.e. where "package.json" lives. Default is '../..'
+    // root = file("../../")
+    //   The folder where the react-native NPM package is. Default is ../../node_modules/react-native
+    // reactNativeDir = file("../../node_modules/react-native")
+    //   The folder where the react-native Codegen package is. Default is ../../node_modules/@react-native/codegen
+    // codegenDir = file("../../node_modules/@react-native/codegen")
+
+    /* Variants */
+    //   The list of variants to that are debuggable. For those we're going to
+    //   skip the bundling of the JS bundle and the assets. By default is just 'debug'.
+    //   If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
+    // debuggableVariants = ["liteDebug", "prodDebug"]
+
+    /* Bundling */
+    //   A list containing the node command and its flags. Default is just 'node'.
+    // nodeExecutableAndArgs = ["node"]
+
+    //
+    //   The path to the CLI configuration file. Default is empty.
+    // bundleConfig = file(../rn-cli.config.js)
+    //
+    //   The name of the generated asset file containing your JS bundle
+    // bundleAssetName = "MyApplication.android.bundle"
+    //
+    //   The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
+    // entryFile = file("../js/MyApplication.android.js")
+    //
+    //   A list of extra flags to pass to the 'bundle' commands.
+    //   See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle
+    // extraPackagerArgs = []
+
+    /* Hermes Commands */
+    //   The hermes compiler command to run. By default it is 'hermesc'
+    // hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc"
+    //
+    //   The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
+    // hermesFlags = ["-O", "-output-source-map"]
+
+    /* Autolinking */
+    autolinkLibrariesWithApp()
+}
+
+/**
+ * Set this to true in release builds to optimize the app using [R8](https://developer.android.com/topic/performance/app-optimization/enable-app-optimization).
+ */
+def enableMinifyInReleaseBuilds = (findProperty('android.enableMinifyInReleaseBuilds') ?: false).toBoolean()
+
+/**
+ * The preferred build flavor of JavaScriptCore (JSC)
+ *
+ * For example, to use the international variant, you can use:
+ * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
+ *
+ * The international variant includes ICU i18n library and necessary data
+ * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
+ * give correct results when using with locales other than en-US. Note that
+ * this variant is about 6MiB larger per architecture than default.
+ */
+def jscFlavor = 'io.github.react-native-community:jsc-android:2026004.+'
+
+android {
+    ndkVersion rootProject.ext.ndkVersion
+
+    buildToolsVersion rootProject.ext.buildToolsVersion
+    compileSdk rootProject.ext.compileSdkVersion
+
+    namespace 'expo.modules.cloxviewswitcher.example'
+    defaultConfig {
+        applicationId 'expo.modules.cloxviewswitcher.example'
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
+        versionCode 1
+        versionName "1.0.0"
+
+        buildConfigField "String", "REACT_NATIVE_RELEASE_LEVEL", "\"${findProperty('reactNativeReleaseLevel') ?: 'stable'}\""
+    }
+    signingConfigs {
+        debug {
+            storeFile file('debug.keystore')
+            storePassword 'android'
+            keyAlias 'androiddebugkey'
+            keyPassword 'android'
+        }
+    }
+    buildTypes {
+        debug {
+            signingConfig signingConfigs.debug
+        }
+        release {
+            // Caution! In production, you need to generate your own keystore file.
+            // see https://reactnative.dev/docs/signed-apk-android.
+            signingConfig signingConfigs.debug
+            def enableShrinkResources = findProperty('android.enableShrinkResourcesInReleaseBuilds') ?: 'false'
+            shrinkResources enableShrinkResources.toBoolean()
+            minifyEnabled enableMinifyInReleaseBuilds
+            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
+            def enablePngCrunchInRelease = findProperty('android.enablePngCrunchInReleaseBuilds') ?: 'true'
+            crunchPngs enablePngCrunchInRelease.toBoolean()
+        }
+    }
+    packagingOptions {
+        jniLibs {
+            def enableLegacyPackaging = findProperty('expo.useLegacyPackaging') ?: 'false'
+            useLegacyPackaging enableLegacyPackaging.toBoolean()
+        }
+    }
+    androidResources {
+        ignoreAssetsPattern '!.svn:!.git:!.ds_store:!*.scc:!CVS:!thumbs.db:!picasa.ini:!*~'
+    }
+}
+
+// Apply static values from `gradle.properties` to the `android.packagingOptions`
+// Accepts values in comma delimited lists, example:
+// android.packagingOptions.pickFirsts=/LICENSE,**/picasa.ini
+["pickFirsts", "excludes", "merges", "doNotStrip"].each { prop ->
+    // Split option: 'foo,bar' -> ['foo', 'bar']
+    def options = (findProperty("android.packagingOptions.$prop") ?: "").split(",");
+    // Trim all elements in place.
+    for (i in 0..<options.size()) options[i] = options[i].trim();
+    // `[] - ""` is essentially `[""].filter(Boolean)` removing all empty strings.
+    options -= ""
+
+    if (options.length > 0) {
+        println "android.packagingOptions.$prop += $options ($options.length)"
+        // Ex: android.packagingOptions.pickFirsts += '**/SCCS/**'
+        options.each {
+            android.packagingOptions[prop] += it
+        }
+    }
+}
+
+dependencies {
+    // The version of react-native is set by the React Native Gradle Plugin
+    implementation("com.facebook.react:react-android")
+
+    def isGifEnabled = (findProperty('expo.gif.enabled') ?: "") == "true";
+    def isWebpEnabled = (findProperty('expo.webp.enabled') ?: "") == "true";
+    def isWebpAnimatedEnabled = (findProperty('expo.webp.animated') ?: "") == "true";
+
+    if (isGifEnabled) {
+        // For animated gif support
+        implementation("com.facebook.fresco:animated-gif:${expoLibs.versions.fresco.get()}")
+    }
+
+    if (isWebpEnabled) {
+        // For webp support
+        implementation("com.facebook.fresco:webpsupport:${expoLibs.versions.fresco.get()}")
+        if (isWebpAnimatedEnabled) {
+            // Animated webp support
+            implementation("com.facebook.fresco:animated-webp:${expoLibs.versions.fresco.get()}")
+        }
+    }
+
+    if (hermesEnabled.toBoolean()) {
+        implementation("com.facebook.react:hermes-android")
+    } else {
+        implementation jscFlavor
+    }
+}

package/example/android/app/proguard-rules.pro

@@ -0,0 +1,14 @@
+# Add project specific ProGuard rules here.
+# By default, the flags in this file are appended to flags specified
+# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
+# You can edit the include path and order by changing the proguardFiles
+# directive in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# react-native-reanimated
+-keep class com.swmansion.reanimated.** { *; }
+-keep class com.facebook.react.turbomodule.** { *; }
+
+# Add any project specific keep options here:

package/example/android/app/src/debug/AndroidManifest.xml

@@ -0,0 +1,7 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
+
+    <application android:usesCleartextTraffic="true" tools:targetApi="28" tools:ignore="GoogleAppIndexingWarning" tools:replace="android:usesCleartextTraffic" />
+</manifest>

package/example/android/app/src/debugOptimized/AndroidManifest.xml

@@ -0,0 +1,7 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
+
+    <application android:usesCleartextTraffic="true" tools:targetApi="28" tools:ignore="GoogleAppIndexingWarning" tools:replace="android:usesCleartextTraffic" />
+</manifest>

package/example/android/app/src/main/AndroidManifest.xml

@@ -0,0 +1,31 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+  <uses-permission android:name="android.permission.INTERNET"/>
+  <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
+  <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
+  <uses-permission android:name="android.permission.VIBRATE"/>
+  <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
+  <queries>
+    <intent>
+      <action android:name="android.intent.action.VIEW"/>
+      <category android:name="android.intent.category.BROWSABLE"/>
+      <data android:scheme="https"/>
+    </intent>
+  </queries>
+  <application android:name=".MainApplication" android:label="@string/app_name" android:icon="@mipmap/ic_launcher" android:roundIcon="@mipmap/ic_launcher_round" android:allowBackup="true" android:theme="@style/AppTheme" android:supportsRtl="true" android:enableOnBackInvokedCallback="false">
+    <meta-data android:name="expo.modules.updates.ENABLED" android:value="false"/>
+    <meta-data android:name="expo.modules.updates.EXPO_UPDATES_CHECK_ON_LAUNCH" android:value="ALWAYS"/>
+    <meta-data android:name="expo.modules.updates.EXPO_UPDATES_LAUNCH_WAIT_MS" android:value="0"/>
+    <activity android:name=".MainActivity" android:configChanges="keyboard|keyboardHidden|orientation|screenSize|screenLayout|uiMode" android:launchMode="singleTask" android:windowSoftInputMode="adjustResize" android:theme="@style/Theme.App.SplashScreen" android:exported="true" android:screenOrientation="portrait">
+      <intent-filter>
+        <action android:name="android.intent.action.MAIN"/>
+        <category android:name="android.intent.category.LAUNCHER"/>
+      </intent-filter>
+      <intent-filter>
+        <action android:name="android.intent.action.VIEW"/>
+        <category android:name="android.intent.category.DEFAULT"/>
+        <category android:name="android.intent.category.BROWSABLE"/>
+        <data android:scheme="exp+clox-view-switcher-example"/>
+      </intent-filter>
+    </activity>
+  </application>
+</manifest>