PRD-1609: Add new imports for modules

README.md

@@ -41,7 +41,7 @@ A component for granular control of safe area edges on each screen. The differen
 **Example:**
 
 ```jsx
-import { AppSafeAreaView } from '@ronas-it/react-native-common-modules/src/ui/safe-area-view';
+import { AppSafeAreaView } from '@ronas-it/react-native-common-modules/safe-area-view';
 
 <AppSafeAreaView edges={['top', 'bottom']} style={styles.container}>
   <Text>Content goes here</Text>
@@ -84,7 +84,7 @@ Used in the root `App` component.
 
 ```ts
 // Somewhere in a root component of your app:
-import { usePushNotifications } from '@ronas-it/react-native-common-modules/src/data-access/push-notifications';
+import { usePushNotifications } from '@ronas-it/react-native-common-modules/push-notifications';
 
 ...
 const authToken = useSelector(authSelectors.token);
@@ -121,7 +121,7 @@ Public methods:
 Pick image and send request:
 
 ```ts
-import { imagePickerService, ImagePickerSource } from '@ronas-it/react-native-common-modules/src/data-access/image-picker';
+import { imagePickerService, ImagePickerSource } from '@ronas-it/react-native-common-modules/image-picker';
 
 const handlePickImage = async (source: ImagePickerSource) => {
   const image = await imagePickerService.getImage(source);
@@ -166,7 +166,7 @@ Options for `WebSocketService` constructor:
 **Example:**
 
 ```ts
-import { WebSocketService } from '@ronas-it/react-native-common-modules/src/data-access/websocket';
+import { WebSocketService } from '@ronas-it/react-native-common-modules/websocket';
 
 // Create a service instance
 type ChannelName = `private-conversations.${number}` | `private-users.${number}`;
@@ -202,7 +202,7 @@ Install the [Reactotron app](https://github.com/infinitered/reactotron/releases?
 **Example:**
 
 ```ts
-import { setupReactotron } from '@ronas-it/react-native-common-modules/src/data-access/store/utils/reactotron';
+import { setupReactotron } from '@ronas-it/react-native-common-modules/reactotron';
 import { createStoreInitializer } from '@ronas-it/rtkq-entity-api';
 import Reactotron from 'reactotron-react-native';
 import mmkvPlugin from 'reactotron-react-native-mmkv';
@@ -233,7 +233,7 @@ Provides functions to set language and use translations using [i18n-js](https://
 root layout:
 
 ```ts
-import { setLanguage } from '@ronas-it/react-native-common-modules/src/utils/i18n';
+import { setLanguage } from '@ronas-it/react-native-common-modules/i18n';
 
 const translations = {
   en: {
@@ -277,8 +277,8 @@ export default function RootLayout(): ReactElement | null {
 screen:
 
 ```ts
-import { AppSafeAreaView } from '@ronas-it/react-native-common-modules/src/ui/safe-area-view';
-import { useTranslation } from '@ronas-it/react-native-common-modules/src/utils/i18n';
+import { AppSafeAreaView } from '@ronas-it/react-native-common-modules/safe-area-view';
+import { useTranslation } from '@ronas-it/react-native-common-modules/i18n';
 import { ReactElement, useContext } from 'react';
 import { View, Text, Alert, Pressable } from 'react-native';
 import { LanguageContext } from './_layout';
@@ -350,7 +350,7 @@ Returned Object:
 ```ts
 import React, { useState } from 'react';
 import { View, TextInput, Button } from 'react-native';
-import { useAuthWithIdentifier } from '@ronas-it/react-native-common-modules/src/features/clerk';
+import { useAuthWithIdentifier } from '@ronas-it/react-native-common-modules/clerk';
 
 export const AuthWithIdentifierComponent = () => {
   const [identifier, setIdentifier] = useState('');

apps/example/app/_layout.tsx

@@ -1,4 +1,4 @@
-import { setLanguage } from '@ronas-it/react-native-common-modules/src/utils/i18n';
+import { setLanguage } from '@ronas-it/react-native-common-modules/i18n';
 import { Stack } from 'expo-router';
 import { ReactElement, createContext, useState } from 'react';
 

apps/example/app/index.tsx

@@ -1,5 +1,5 @@
-import { AppSafeAreaView } from '@ronas-it/react-native-common-modules/src/ui/safe-area-view';
-import { useTranslation } from '@ronas-it/react-native-common-modules/src/utils/i18n';
+import { AppSafeAreaView } from '@ronas-it/react-native-common-modules/safe-area-view';
+import { useTranslation } from '@ronas-it/react-native-common-modules/i18n';
 import { ReactElement, useContext } from 'react';
 import { View, Text, StyleSheet, Alert, Pressable } from 'react-native';
 import { LanguageContext } from './_layout';

src/lib/README.md

@@ -25,7 +25,7 @@ A component for granular control of safe area edges on each screen. The differen
 **Example:**
 
 ```jsx
-import { AppSafeAreaView } from '@ronas-it/react-native-common-modules/src/ui/safe-area-view';
+import { AppSafeAreaView } from '@ronas-it/react-native-common-modules/safe-area-view';
 
 <AppSafeAreaView edges={['top', 'bottom']} style={styles.container}>
   <Text>Content goes here</Text>
@@ -68,7 +68,7 @@ Used in the root `App` component.
 
 ```ts
 // Somewhere in a root component of your app:
-import { usePushNotifications } from '@ronas-it/react-native-common-modules/src/data-access/push-notifications';
+import { usePushNotifications } from '@ronas-it/react-native-common-modules/push-notifications';
 
 ...
 const authToken = useSelector(authSelectors.token);
@@ -104,7 +104,7 @@ Public methods:
 Pick image and send request:
 
 ```ts
-import { imagePickerService, ImagePickerSource } from '@ronas-it/react-native-common-modules/src/data-access/image-picker';
+import { imagePickerService, ImagePickerSource } from '@ronas-it/react-native-common-modules/image-picker';
 
 const handlePickImage = async (source: ImagePickerSource) => {
   const image = await imagePickerService.getImage(source);
@@ -149,7 +149,7 @@ Options for `WebSocketService` constructor:
 **Example:**
 
 ```ts
-import { WebSocketService } from '@ronas-it/react-native-common-modules/src/data-access/websocket';
+import { WebSocketService } from '@ronas-it/react-native-common-modules/websocket';
 
 // Create a service instance
 type ChannelName = `private-conversations.${number}` | `private-users.${number}`;
@@ -185,7 +185,7 @@ Install the [Reactotron app](https://github.com/infinitered/reactotron/releases?
 **Example:**
 
 ```ts
-import { setupReactotron } from '@ronas-it/react-native-common-modules/src/data-access/store/utils/reactotron';
+import { setupReactotron } from '@ronas-it/react-native-common-modules/reactotron';
 import { createStoreInitializer } from '@ronas-it/rtkq-entity-api';
 import Reactotron from 'reactotron-react-native';
 import mmkvPlugin from 'reactotron-react-native-mmkv';
@@ -216,7 +216,7 @@ Provides functions to set language and use translations using [i18n-js](https://
 root layout:
 
 ```ts
-import { setLanguage } from '@ronas-it/react-native-common-modules/src/utils/i18n';
+import { setLanguage } from '@ronas-it/react-native-common-modules/i18n';
 
 const translations = {
   en: {
@@ -260,8 +260,8 @@ export default function RootLayout(): ReactElement | null {
 screen:
 
 ```ts
-import { AppSafeAreaView } from '@ronas-it/react-native-common-modules/src/ui/safe-area-view';
-import { useTranslation } from '@ronas-it/react-native-common-modules/src/utils/i18n';
+import { AppSafeAreaView } from '@ronas-it/react-native-common-modules/safe-area-view';
+import { useTranslation } from '@ronas-it/react-native-common-modules/i18n';
 import { ReactElement, useContext } from 'react';
 import { View, Text, Alert, Pressable } from 'react-native';
 import { LanguageContext } from './_layout';
@@ -333,7 +333,7 @@ Returned Object:
 ```ts
 import React, { useState } from 'react';
 import { View, TextInput, Button } from 'react-native';
-import { useAuthWithIdentifier } from '@ronas-it/react-native-common-modules/src/features/clerk';
+import { useAuthWithIdentifier } from '@ronas-it/react-native-common-modules/clerk';
 
 export const AuthWithIdentifierComponent = () => {
   const [identifier, setIdentifier] = useState('');

src/lib/package.json

@@ -20,6 +20,15 @@
     "access": "public"
   },
   "main": "src/index.ts",
+  "exports": {
+    "./safe-area-view": "./src/ui/safe-area-view/index.ts",
+    "./push-notifications": "./src/data-access/push-notifications/index.ts",
+    "./image-picker": "./src/data-access/image-picker/index.ts",
+    "./websocket": "./src/data-access/websocket/index.ts",
+    "./reactotron": "./src/data-access/store/utils/reactotron/index.ts",
+    "./i18n": "./src/utils/i18n/index.ts",
+    "./clerk": "./src/features/clerk/index.ts"
+  },
   "files": [
     "src"
   ],

src/lib/src/index.ts

@@ -0,0 +1,6 @@
+// Required stub file
+// This package uses subpath exports
+// Import specific modules like:
+// import { AppSafeAreaView } from '@ronas-it/react-native-common-modules/safe-area-view';
+
+export {};

tsconfig.base.json

@@ -23,19 +23,19 @@
     "skipDefaultLibCheck": true,
     "baseUrl": ".",
     "paths": {
-      "@ronas-it/react-native-common-modules/src/data-access/image-picker": [
+      "@ronas-it/react-native-common-modules/image-picker": [
         "src/lib/src/data-access/image-picker/index.ts"
       ],
-      "@ronas-it/react-native-common-modules/src/data-access/push-notifications": [
+      "@ronas-it/react-native-common-modules/push-notifications": [
         "src/lib/src/data-access/push-notifications/index.ts"
       ],
-      "@ronas-it/react-native-common-modules/src/data-access/storage": ["src/lib/src/data-access/storage/index.ts"],
-      "@ronas-it/react-native-common-modules/src/data-access/store/utils/reactotron": [
+      "@ronas-it/react-native-common-modules/reactotron": [
         "src/lib/src/data-access/store/utils/reactotron/index.ts"
       ],
-      "@ronas-it/react-native-common-modules/src/data-access/websocket": ["src/lib/src/data-access/websocket/index.ts"],
-      "@ronas-it/react-native-common-modules/src/ui/safe-area-view": ["src/lib/src/ui/safe-area-view/index.ts"],
-      "@ronas-it/react-native-common-modules/src/utils/i18n": ["src/lib/src/utils/i18n/index.ts"]
+      "@ronas-it/react-native-common-modules/websocket": ["src/lib/src/data-access/websocket/index.ts"],
+      "@ronas-it/react-native-common-modules/safe-area-view": ["src/lib/src/ui/safe-area-view/index.ts"],
+      "@ronas-it/react-native-common-modules/i18n": ["src/lib/src/utils/i18n/index.ts"],
+      "@ronas-it/react-native-common-modules/clerk": ["src/lib/src/features/clerk/index.ts"]
     }
   },
   "exclude": ["node_modules", "tmp"]