changed the database keys to enums

src/appStart/StartHelper.tsx

@@ -20,7 +20,7 @@ import {initKey} from '@caj/helper/storage/bdm/encryption';
 import UserManager from '@caj/user/UserManager';
 import MyUserManager from '@caj/user/MyUserManager';
 import DBSchemas from '@caj/helper/storage/bdm/schemas';
-import {chatTags, chatType} from '@caj/components/chat/types';
+import {chatTags} from '@caj/components/chat/types';
 
 const AnimationView = animated(View);
 
@@ -31,41 +31,26 @@ function onAppStart() {
     BigDataManager.initDatabase()
       .then(async () => {
         console.log('finish');
+        const usrDBKeys = BigDataManager.databases.users.keys;
         await BigDataManager.databases.users.setEntry({
-          UserId: 'test',
+          [usrDBKeys.UserId]: 'test',
-          AccountName: '#845613',
+          [usrDBKeys.AccountName]: '#845613',
-          Username: 'TestGroupVirtual',
+          [usrDBKeys.Username]: 'TestGroupVirtual',
-          Description: 'This is a test account that is not real. ^^',
+          [usrDBKeys.Description]:
-          FollowersCount: 2,
+            'This is a test account that is not real. ^^',
-          FollowingCount: 24,
+          [usrDBKeys.FollowersCount]: 2,
-          lastUpdateTimestamp: 412341234,
+          [usrDBKeys.FollowingCount]: 24,
-          ProfilePicture: '',
+          [usrDBKeys.lastUpdateTimestamp]: 412341234,
-          ProfilePictureBinaryHQ: new ArrayBuffer(0),
+          [usrDBKeys.ProfilePicture]: '',
-          ProfilePictureBinaryLQ: new ArrayBuffer(0),
+          [usrDBKeys.ProfilePictureBinaryHQ]: new ArrayBuffer(0),
-          XpLevel: 0,
+          [usrDBKeys.ProfilePictureBinaryLQ]: new ArrayBuffer(0),
-          XpPoints: 0,
+          [usrDBKeys.XpLevel]: 0,
+          [usrDBKeys.XpPoints]: 0,
         });
 
         store.dispatch(
           appNonSaveVarActions.setAppStatus(appStatus.APP_RUNNING),
         );
-
-        store.dispatch(
-          appNonSaveVarActions.setChatEntity({
-            id: MyUserManager.getSelectedUserId(),
-            type: chatType.User,
-            tags: [chatTags.GOOD_FRIEND],
-            unreadMessages: 1234,
-          }),
-        );
-        store.dispatch(
-          appNonSaveVarActions.setChatEntity({
-            id: 'test',
-            type: chatType.User,
-            tags: [chatTags.GROUP, chatTags.GOOD_FRIEND, chatTags.FRIEND],
-            unreadMessages: 0,
-          }),
-        );
       })
       .catch(err => {
         console.error("Database Error! Can't start App :(", err);

src/caj/components/NotLoggedIn.tsx

@@ -980,7 +980,7 @@ function StepFinal() {
                 icon={
                   <MaterialIcons
                     size={20}
-                    color={colors.white[200]}
+                    color={colors.white[600]}
                     name={showPassword ? 'visibility' : 'visibility-off'}
                   />
                 }
@@ -1413,7 +1413,7 @@ function Login() {
                 icon={
                   <MaterialIcons
                     size={20}
-                    color={colors.white[200]}
+                    color={colors.white[600]}
                     name={showPassword ? 'visibility' : 'visibility-off'}
                   />
                 }

src/caj/components/chat/initChatDatabase.ts

@@ -0,0 +1,18 @@
+import {appNonSaveVarActions} from '@caj/configs/appNonSaveVarReducer';
+import BigDataManager from '@caj/helper/storage/BigDataManager';
+import {store} from '@caj/redux/store';
+import {chatEntity} from './types';
+
+async function initChatDatabase(chat: chatEntity) {
+  const keys = BigDataManager.databases.chatRoomInfos.keys;
+  await BigDataManager.databases.chatRoomInfos.setEntry({
+    [keys.RoomId]: chat.roomId,
+    [keys.initSyncId]: chat.initSyncId,
+    [keys.syncId]: chat.syncId,
+    [keys.unreadMessages]: chat.unreadMessages,
+    [keys.users]: chat.users,
+  });
+  store.dispatch(appNonSaveVarActions.setChatEntity(chat));
+}
+
+export default initChatDatabase;

src/caj/components/chat/listChats.tsx

@@ -1,9 +1,11 @@
 import {appNonSaveVarActions} from '@caj/configs/appNonSaveVarReducer';
+import {ThemeMode} from '@caj/configs/appVar';
 import {
   darkThemeStyle,
   getBackgroundColor,
   themeSelector,
 } from '@caj/configs/colors';
+import LangFormat from '@caj/lang/default';
 import {HomeScreenNavigationProp} from '@caj/Navigation';
 import {RootState, store} from '@caj/redux/store';
 import {ChatScreenNavigationProp} from '@caj/tabs/main/ChatTab';
@@ -14,7 +16,149 @@ import {useSelector} from 'react-redux';
 import {start} from 'repl';
 import {ProfilePicture} from '../ProfilePicture';
 import {TextSkeleton} from '../simple/Skeleton';
-import {chatType, getTagUI} from './types';
+import {chatEntity, getTagUI} from './types';
+
+function ChatItem(props: {
+  chat: chatEntity;
+  navigation: HomeScreenNavigationProp;
+  theme: ThemeMode;
+  ppSize: number;
+  tagSize: number;
+  space: number;
+  lang: LangFormat;
+}) {
+  const chat = props.chat;
+  const navigation = props.navigation;
+  const theme = props.theme;
+  const ppSize = props.ppSize;
+  const tagSize = props.tagSize;
+  const space = props.space;
+  const lang = props.lang;
+
+  const roomId = chat.roomId;
+  const user = UserManager.getUserSelector(chat.users[0]);
+
+  return (
+    <Pressable
+      onPress={() => {
+        store.dispatch(appNonSaveVarActions.setSelectedChat(roomId));
+        navigation.navigate('ChatList', {screen: 'Chat'});
+        //navigation.navigate('Register', {screen: 'RegStepOne'});
+      }}>
+      {({isHovered, isFocused, isPressed}) => {
+        return (
+          <Box
+            bg={isHovered ? 'black.200' : 'blackBG.400'}
+            {...darkThemeStyle(theme, 'black.400')}
+            borderRadius={ppSize / 2 + 'px'}
+            borderTopRightRadius={
+              chat.unreadMessages !== 0 ? tagSize / 2 + 'px' : ppSize / 2 + 'px'
+            }
+            borderBottomLeftRadius={
+              chat.tags.length > 0 ? tagSize / 2 + 'px' : ppSize / 2 + 'px'
+            }
+            marginX={space + 'px'}
+            padding={space + 'px'}>
+            <HStack
+              position={'absolute'}
+              space={space * 2 + 'px'}
+              right={space + 'px'}
+              top={-tagSize * 0.3 + 'px'}>
+              <Box
+                height={tagSize + 'px'}
+                paddingX={tagSize / 3 + 'px'}
+                borderRadius={tagSize / 2}
+                bg={'#666'}>
+                <TextSkeleton
+                  color={'#eee'}
+                  SkeletonProps={{
+                    lines: 1,
+                    width: '75px',
+                  }}
+                  lineHeight={tagSize + 'px'}
+                  fontSize={tagSize / 1.75 + 'px'}>
+                  {user.AccountName.data}
+                </TextSkeleton>
+              </Box>
+              <Box
+                alignItems={'center'}
+                height={tagSize + 'px'}
+                paddingX={tagSize / 2.75 + 'px'}
+                mt={tagSize * 0.3 + space + 'px'}
+                borderRadius={tagSize / 2}
+                bg={'primary.600'}
+                opacity={chat.unreadMessages === 0 ? 0 : 1}>
+                <TextSkeleton
+                  color={'#fff'}
+                  SkeletonProps={{
+                    lines: 1,
+                    width: '75px',
+                  }}
+                  lineHeight={tagSize + 'px'}
+                  fontSize={tagSize / 1.75 + 'px'}>
+                  {chat.unreadMessages}
+                </TextSkeleton>
+              </Box>
+            </HStack>
+            <VStack>
+              <HStack space={space + 'px'}>
+                <ProfilePicture UserId={roomId} size={ppSize}></ProfilePicture>
+                <VStack mt={ppSize / 6 + 'px'}>
+                  <TextSkeleton
+                    lineHeight={ppSize / 3 + 'px'}
+                    numberOfLines={1}
+                    SkeletonProps={{
+                      lines: 1,
+                      width: '160px',
+                    }}
+                    color="primary.400">
+                    {user.Username.data}
+                  </TextSkeleton>
+                  <TextSkeleton
+                    lineHeight={ppSize / 3 + 'px'}
+                    numberOfLines={1}
+                    SkeletonProps={{
+                      lines: 1,
+                      width: '160px',
+                    }}
+                    color="white.700">
+                    {'I love Chicken McNuggets von Burgerking'}
+                  </TextSkeleton>
+                </VStack>
+              </HStack>
+              {chat.tags.length > 0 ? (
+                <HStack flexWrap={'wrap'}>
+                  {chat.tags.map((tag, i) => {
+                    const tagObj = getTagUI(tag, lang);
+
+                    let tagName = tagObj.name;
+                    return (
+                      <Box
+                        key={'tag' + i + tag + chat.roomId}
+                        height={tagSize + 'px'}
+                        mr={space + 'px'}
+                        mt={space + 'px'}
+                        paddingX={tagSize / 3 + 'px'}
+                        borderRadius={tagSize / 2}
+                        bg={tagObj.background}>
+                        <Text
+                          color={tagObj.textColor}
+                          lineHeight={tagSize + 'px'}
+                          fontSize={tagSize / 1.75 + 'px'}>
+                          {tagName}
+                        </Text>
+                      </Box>
+                    );
+                  })}
+                </HStack>
+              ) : null}
+            </VStack>
+          </Box>
+        );
+      }}
+    </Pressable>
+  );
+}
 
 export function ListChats() {
   const theme = themeSelector();
@@ -42,139 +186,21 @@ export function ListChats() {
       space={tagSize * 0.3 + space + 'px'}
       width="100%"
       marginY={space + 'px'}>
-      {chatActivity.map((chatId, i) => {
+      {chatActivity.map((roomId, i) => {
-        const chat = chats[chatId];
+        const chat = chats[roomId];
-        if (chat.type === chatType.User) {
-          const user = UserManager.getUserSelector(chatId);
 
-          return (
+        return (
-            <Pressable
+          <ChatItem
-              key={'chatList_i' + i + chatId}
+            key={'chatList_i' + i + roomId}
-              onPress={() => {
+            navigation={navigation}
-                store.dispatch(appNonSaveVarActions.setSelectedChat(chatId));
+            chat={chat}
-                navigation.navigate('ChatList', {screen: 'Chat'});
+            theme={theme}
-                //navigation.navigate('Register', {screen: 'RegStepOne'});
+            space={space}
-              }}>
+            ppSize={ppSize}
-              {({isHovered, isFocused, isPressed}) => {
+            tagSize={tagSize}
-                return (
+            lang={lang}
-                  <Box
+          />
-                    bg={isHovered ? 'black.200' : 'blackBG.400'}
+        );
-                    {...darkThemeStyle(theme, 'black.400')}
-                    borderRadius={ppSize / 2 + 'px'}
-                    borderTopRightRadius={
-                      chat.unreadMessages !== 0
-                        ? tagSize / 2 + 'px'
-                        : ppSize / 2 + 'px'
-                    }
-                    borderBottomLeftRadius={
-                      chat.tags.length > 0
-                        ? tagSize / 2 + 'px'
-                        : ppSize / 2 + 'px'
-                    }
-                    marginX={space + 'px'}
-                    padding={space + 'px'}>
-                    <HStack
-                      position={'absolute'}
-                      space={space * 2 + 'px'}
-                      right={space + 'px'}
-                      top={-tagSize * 0.3 + 'px'}>
-                      <Box
-                        height={tagSize + 'px'}
-                        paddingX={tagSize / 3 + 'px'}
-                        borderRadius={tagSize / 2}
-                        bg={'#666'}>
-                        <TextSkeleton
-                          color={'#eee'}
-                          SkeletonProps={{
-                            lines: 1,
-                            width: '75px',
-                          }}
-                          lineHeight={tagSize + 'px'}
-                          fontSize={tagSize / 1.75 + 'px'}>
-                          {user.AccountName.data}
-                        </TextSkeleton>
-                      </Box>
-                      <Box
-                        alignItems={'center'}
-                        height={tagSize + 'px'}
-                        paddingX={tagSize / 2.75 + 'px'}
-                        mt={tagSize * 0.3 + space + 'px'}
-                        borderRadius={tagSize / 2}
-                        bg={'primary.600'}
-                        opacity={chat.unreadMessages === 0 ? 0 : 1}>
-                        <TextSkeleton
-                          color={'#fff'}
-                          SkeletonProps={{
-                            lines: 1,
-                            width: '75px',
-                          }}
-                          lineHeight={tagSize + 'px'}
-                          fontSize={tagSize / 1.75 + 'px'}>
-                          {chat.unreadMessages}
-                        </TextSkeleton>
-                      </Box>
-                    </HStack>
-                    <VStack>
-                      <HStack space={space + 'px'}>
-                        <ProfilePicture
-                          UserId={chatId}
-                          size={ppSize}></ProfilePicture>
-                        <VStack mt={ppSize / 6 + 'px'}>
-                          <TextSkeleton
-                            lineHeight={ppSize / 3 + 'px'}
-                            numberOfLines={1}
-                            SkeletonProps={{
-                              lines: 1,
-                              width: '160px',
-                            }}
-                            color="primary.400">
-                            {user.Username.data}
-                          </TextSkeleton>
-                          <TextSkeleton
-                            lineHeight={ppSize / 3 + 'px'}
-                            numberOfLines={1}
-                            SkeletonProps={{
-                              lines: 1,
-                              width: '160px',
-                            }}
-                            color="white.700">
-                            {'I love Chicken McNuggets von Burgerking'}
-                          </TextSkeleton>
-                        </VStack>
-                      </HStack>
-                      {chat.tags.length > 0 ? (
-                        <HStack flexWrap={'wrap'}>
-                          {chat.tags.map((tag, i) => {
-                            const tagObj = getTagUI(tag, lang);
-
-                            let tagName = tagObj.name;
-                            return (
-                              <Box
-                                key={'tag' + i + tag + chat.id}
-                                height={tagSize + 'px'}
-                                mr={space + 'px'}
-                                mt={space + 'px'}
-                                paddingX={tagSize / 3 + 'px'}
-                                borderRadius={tagSize / 2}
-                                bg={tagObj.background}>
-                                <Text
-                                  color={tagObj.textColor}
-                                  lineHeight={tagSize + 'px'}
-                                  fontSize={tagSize / 1.75 + 'px'}>
-                                  {tagName}
-                                </Text>
-                              </Box>
-                            );
-                          })}
-                        </HStack>
-                      ) : null}
-                    </VStack>
-                  </Box>
-                );
-              }}
-            </Pressable>
-          );
-        }
       })}
     </VStack>
   );

src/caj/components/chat/types.ts

@@ -1,13 +1,6 @@
 import {UserId} from '@caj/configs/types';
 import LangFormat from '@caj/lang/default';
 
-type GroupId = string;
-
-export enum chatType {
-  User = 0,
-  Group = 1,
-}
-
 export enum chatTags {
   GROUP = 0,
   FRIEND = 1,
@@ -52,12 +45,20 @@ export function getTagUI(tagKey: chatTags, lang?: LangFormat): tagUITypeFinal {
   return tag as tagUITypeFinal;
 }
 
-export type chatId = UserId | GroupId;
+export type roomId = string;
+type syncId = number;
 
 export interface chatEntity {
-  type: chatType;
+  roomId: roomId;
-  id: chatId;
+
+  
+  syncId: syncId;
+  initSyncId: syncId;
+  
+
+  users: [UserId, ...UserId[]];
   title?: string;
   unreadMessages: number;
+
   tags: chatTags[];
-}
+}

src/caj/configs/appNonSaveVar.ts

@@ -1,6 +1,6 @@
 //these variables should not changed by the user and will not be saved in storage
 
-import {chatEntity, chatId} from '@caj/components/chat/types';
+import {chatEntity, roomId} from '@caj/components/chat/types';
 import {getVersionByNum, VersionType} from '@caj/helper/version';
 import {User} from '@caj/user/types';
 import {UserId} from './types';
@@ -26,9 +26,9 @@ export interface NON_SAVE_VARS {
   appStatus: appStatus;
   connectionStatus: connectionStatus;
   cachedUsers: {[key: UserId]: User};
-  chats: {[key: chatId]: chatEntity};
+  chats: {[key: roomId]: chatEntity};
-  chatActivity: chatId[];
+  chatActivity: roomId[];
-  selectedChat: chatId | 'none';
+  selectedChat: roomId | 'none';
 }
 
 export const non_save_vars: NON_SAVE_VARS = {

src/caj/configs/appNonSaveVarReducer.ts

@@ -4,7 +4,7 @@ import type {PayloadAction} from '@reduxjs/toolkit';
 import {appStatus, non_save_vars} from './appNonSaveVar';
 import {User} from '@caj/user/types';
 import {UserId} from './types';
-import {chatEntity, chatId} from '@caj/components/chat/types';
+import {chatEntity, roomId} from '@caj/components/chat/types';
 
 export const appNonSaveVariablesSlice = createSlice({
   name: 'non_save_vars',
@@ -19,29 +19,29 @@ export const appNonSaveVariablesSlice = createSlice({
     removeCachedUser: (state, action: PayloadAction<UserId>) => {
       delete state.cachedUsers[action.payload];
     },
-    setSelectedChat: (state, action: PayloadAction<chatId>) => {
+    setSelectedChat: (state, action: PayloadAction<roomId>) => {
       state.selectedChat = action.payload;
     },
     setChatEntity: (state, action: PayloadAction<chatEntity>) => {
-      const chatId = action.payload.id;
+      const roomId = action.payload.roomId;
 
-      state.chats[chatId] = action.payload;
+      state.chats[roomId] = action.payload;
 
-      if (state.chatActivity.includes(chatId) === false)
+      if (state.chatActivity.includes(roomId) === false)
-        state.chatActivity.unshift(chatId);
+        state.chatActivity.unshift(roomId);
     },
     changeChatEntity: (state, action: PayloadAction<chatEntity>) => {
-      const chatId = action.payload.id;
+      const roomId = action.payload.roomId;
 
-      state.chats[chatId] = action.payload;
+      state.chats[roomId] = action.payload;
 
-      if (state.chatActivity.includes(chatId) === false)
+      if (state.chatActivity.includes(roomId) === false)
-        state.chatActivity.unshift(chatId);
+        state.chatActivity.unshift(roomId);
       state.chatActivity.sort(function (x, y) {
-        return x == chatId ? -1 : y == chatId ? 1 : 0;
+        return x == roomId ? -1 : y == roomId ? 1 : 0;
       });
     },
-    removeChatEntity: (state, action: PayloadAction<chatId>) => {
+    removeChatEntity: (state, action: PayloadAction<roomId>) => {
       delete state.chats[action.payload];
 
       state.chatActivity = state.chatActivity.filter(function (ele) {

src/caj/helper/storage/bdm/get.ts

@@ -1,7 +1,7 @@
 import {getDatabase} from './getDB';
 import {databaseConf, possibleDBKeys} from './types';
 
-export const getEntry = async <T2 extends databaseConf<T>, T>(
+export const getEntry = async <T2 extends databaseConf<T, any>, T>(
   schema: T2,
   key: possibleDBKeys,
 ): Promise<null | T> => {

src/caj/helper/storage/bdm/get.web.ts

@@ -1,7 +1,7 @@
 import {getDatabase} from './getDB.web';
 import {databaseConf, possibleDBKeys} from './types';
 
-export const getEntry = async <T2 extends databaseConf<T>, T>(
+export const getEntry = async <T2 extends databaseConf<T, any>, T>(
   schema: T2,
   key: possibleDBKeys,
 ): Promise<null | T> => {

src/caj/helper/storage/bdm/getDB.ts

@@ -5,6 +5,7 @@ import {getKey} from './encryption';
 import {databaseConf, databaseNames} from './types';
 
 import RNFS from 'react-native-fs';
+import {databaseConfType} from './schemas';
 
 const closeTimeout = 5; // in seconds // when DB read/writes is too long in idle it will be closed
 
@@ -12,7 +13,7 @@ type DBType = Realm;
 
 export interface DBObject {
   name: databaseNames;
-  schema: databaseConf<{[key: string]: string}>;
+  schema: databaseConfType;
   db: DBType | undefined;
   lastUsedTimestamp?: timestamp; // when timeout is undefined then db is closed
 }
@@ -53,7 +54,7 @@ export function closeAllDatabases() {
 }
 
 export async function openMyDatabase(
-  schema: databaseConf<{[key: string]: string}>,
+  schema: databaseConfType,
 ): Promise<DBType> {
   const folderPath = MyUserManager.getSelectedUserId();
   const path = folderPath + '/' + schema.filePath;

src/caj/helper/storage/bdm/getDB.web.ts

@@ -1,6 +1,7 @@
 import {timestamp} from '@caj/configs/types';
 import MyUserManager from '@caj/user/MyUserManager';
 import {IDBPDatabase, openDB} from 'idb';
+import {databaseConfType} from './schemas';
 import {databaseConf, databaseNames} from './types';
 
 const closeTimeout = 5; // in seconds // when DB read/writes is too long in idle it will be closed
@@ -9,7 +10,7 @@ type DBType = IDBPDatabase<unknown>;
 
 export interface DBObject {
   name: databaseNames;
-  schema: databaseConf<{[key: string]: string}>;
+  schema: databaseConfType;
   db: DBType | undefined;
   lastUsedTimestamp?: timestamp; // when timeout is undefined then db is closed
 }
@@ -50,7 +51,7 @@ export function closeAllDatabases() {
 }
 
 export async function openMyDatabase(
-  schema: databaseConf<{[key: string]: string}>,
+  schema: databaseConfType,
   init?: boolean,
 ): Promise<DBType> {
   const db = await openDB(

src/caj/helper/storage/bdm/init.ts

@@ -1,6 +1,7 @@
 import {openDB, deleteDB, wrap, unwrap} from 'idb';
 import {closeAllDatabases, databases, DBObject, getDatabase} from './getDB';
 import DBSchemas from './schemas';
+import {databaseConf} from './types';
 
 export const initDatabase = (): Promise<void> => {
   return new Promise(async (resolve, reject) => {

src/caj/helper/storage/bdm/migration.ts

@@ -3,7 +3,7 @@ import DBSchemas from './schemas';
 import {databaseConf, databaseNames} from './types';
 
 export const DBMigration: {[key in databaseNames]: any} = {
-  users: (Schema: databaseConf<typeof DBSchemas.users.defaultProps>) => {
+  users: (Schema: typeof DBSchemas.users) => {
     const callback: MigrationCallback = (oldRealm, newRealm) => {
       /*// only apply this change if upgrading to schemaVersion 2
         if (oldRealm.schemaVersion < 2) {
@@ -20,7 +20,7 @@ export const DBMigration: {[key in databaseNames]: any} = {
 
     return callback;
   },
-  chat: (Schema: databaseConf<typeof DBSchemas.chat.defaultProps>) => {
+  chat: (Schema: typeof DBSchemas.chat) => {
     const callback: MigrationCallback = (oldRealm, newRealm) => {
       /*// only apply this change if upgrading to schemaVersion 2
         if (oldRealm.schemaVersion < 2) {
@@ -35,6 +35,11 @@ export const DBMigration: {[key in databaseNames]: any} = {
         }*/
     };
 
+    return callback;
+  },
+  chatRoomInfos: (Schema: typeof DBSchemas.chatRoomInfos) => {
+    const callback: MigrationCallback = (oldRealm, newRealm) => {};
+
     return callback;
   },
 };

src/caj/helper/storage/bdm/migration.web.ts

@@ -21,7 +21,7 @@ type upgradeFunc = (
 ) => void;
 
 export const DBMigration: {[key in databaseNames]: any} = {
-  users: (Schema: databaseConf<typeof DBSchemas.users.defaultProps>) => {
+  users: (Schema: typeof DBSchemas.users) => {
     const callback: upgradeFunc = (
       db,
       oldVersion,
@@ -47,7 +47,33 @@ export const DBMigration: {[key in databaseNames]: any} = {
 
     return callback;
   },
-  chat: (Schema: databaseConf<typeof DBSchemas.chat.defaultProps>) => {
+  chat: (Schema: typeof DBSchemas.chat) => {
+    const callback: upgradeFunc = (
+      db,
+      oldVersion,
+      newVersion,
+      transaction,
+      event,
+    ) => {
+      if (oldVersion == 0) {
+        // perform the initialization
+        db.createObjectStore(Schema.details.name, {
+          keyPath: Schema.details.primaryKey,
+        });
+      } else if (newVersion !== null) {
+        let ver = oldVersion;
+
+        while (ver < newVersion) {
+          console.log('upgrade from v', ver, ' to v', ver + 1);
+
+          ver++;
+        }
+      }
+    };
+
+    return callback;
+  },
+  chatRoomInfos: (Schema: typeof DBSchemas.chatRoomInfos) => {
     const callback: upgradeFunc = (
       db,
       oldVersion,

src/caj/helper/storage/bdm/schemas.ts

@@ -1,5 +1,7 @@
 import chat from './schemas/chat';
 import users from './schemas/users';
+import chatRoomInfos from './schemas/chatRoomInfos';
 
-const DBSchemas = {users, chat};
+const DBSchemas = {users, chat, chatRoomInfos};
 export default DBSchemas;
+export type databaseConfType = typeof DBSchemas[keyof typeof DBSchemas];

src/caj/helper/storage/bdm/schemas/chat.ts

@@ -4,22 +4,28 @@ import {setEntry} from '../set';
 
 import {databaseConf, possibleDBKeys} from '../types';
 
+enum keys {
+  UserId = 'a',
+  msg = 'b',
+}
+
 const name = 'chat';
-const primaryKey: keyof typeof propsDefault = 'UserId';
+const primaryKey: keyof typeof propsDefault = keys.UserId;
 
 const propsType: {[key in keyof typeof propsDefault]: string} = {
-  UserId: 'string',
+  [keys.UserId]: 'string',
-  msg: 'string',
+  [keys.msg]: 'string',
 };
 
 const propsDefault = {
-  UserId: 'test',
+  [keys.UserId]: 'test',
-  msg: 'test',
+  [keys.msg]: 'test',
 };
 
-const thisSchema: databaseConf<typeof propsDefault> = {
+const thisSchema: databaseConf<typeof propsDefault, typeof keys> = {
   filePath: name,
   version: 1,
+  keys,
   migration: () => {
     return DBMigration[name](thisSchema);
   },

src/caj/helper/storage/bdm/schemas/chatRoomInfos.ts

@@ -0,0 +1,61 @@
+import {getEntry} from '../get';
+import {DBMigration} from '../migration';
+import {setEntry} from '../set';
+
+import {databaseConf, possibleDBKeys} from '../types';
+
+enum keys {
+  RoomId = 'a',
+  syncId = 'b',
+  initSyncId = 'c',
+  unreadMessages = 'd',
+  users = 'e',
+}
+
+const name = 'chatRoomInfos';
+const primaryKey: keyof typeof propsDefault = keys.RoomId;
+
+const propsType: {[key in keyof typeof propsDefault]: string} = {
+  [keys.RoomId]: 'string',
+  [keys.syncId]: 'int',
+  [keys.initSyncId]: 'int',
+  [keys.unreadMessages]: 'int',
+  [keys.users]: 'string[]',
+};
+
+const propsDefault = {
+  [keys.RoomId]: '',
+  [keys.syncId]: 0,
+  [keys.initSyncId]: 0,
+  [keys.unreadMessages]: 0,
+  [keys.users]: ['none'],
+};
+
+const thisSchema: databaseConf<typeof propsDefault, typeof keys> = {
+  filePath: name,
+  version: 1,
+  keys,
+  migration: () => {
+    return DBMigration[name](thisSchema);
+  },
+  setEntry: (val: typeof thisSchema.defaultProps) => {
+    return setEntry<typeof thisSchema, typeof thisSchema.defaultProps>(
+      thisSchema,
+      val,
+    );
+  },
+  getEntry: (key: possibleDBKeys) => {
+    return getEntry<typeof thisSchema, typeof thisSchema.defaultProps>(
+      thisSchema,
+      key,
+    );
+  },
+  defaultProps: propsDefault,
+  details: {
+    name,
+    properties: propsType,
+    primaryKey,
+  },
+};
+
+export default thisSchema;

src/caj/helper/storage/bdm/schemas/users.ts

@@ -4,43 +4,60 @@ import {setEntry} from '../set';
 
 import {databaseConf, possibleDBKeys} from '../types';
 
+enum keys {
+  UserId = 'a',
+  AccountName = 'b',
+  Username = 'c',
+  Description = 'd',
+  FollowersCount = 'e',
+  FollowingCount = 'f',
+  lastUpdateTimestamp = 'g',
+  ProfilePicture = 'h',
+  ProfilePictureBinaryLQ = 'i',
+  ProfilePictureBinaryHQ = 'j',
+
+  XpLevel = 'k',
+  XpPoints = 'l',
+}
+
 const name = 'users';
-const primaryKey: keyof typeof propsDefault = 'UserId';
+const primaryKey: keyof typeof propsDefault = keys.UserId;
 
 const propsType: {[key in keyof typeof propsDefault]: string} = {
-  UserId: 'string',
+  [keys.UserId]: 'string',
-  AccountName: 'string',
+  [keys.AccountName]: 'string',
-  Username: 'string',
+  [keys.Username]: 'string',
-  Description: 'string',
+  [keys.Description]: 'string',
-  FollowersCount: 'int',
+  [keys.FollowersCount]: 'int',
-  FollowingCount: 'int',
+  [keys.FollowingCount]: 'int',
-  lastUpdateTimestamp: 'int',
+  [keys.lastUpdateTimestamp]: 'int',
-  ProfilePicture: 'string', //URL
+  [keys.ProfilePicture]: 'string', //URL
-  ProfilePictureBinaryLQ: 'data',
+  [keys.ProfilePictureBinaryLQ]: 'data',
-  ProfilePictureBinaryHQ: 'data',
+  [keys.ProfilePictureBinaryHQ]: 'data',
 
-  XpLevel: 'int',
+  [keys.XpLevel]: 'int',
-  XpPoints: 'int',
+  [keys.XpPoints]: 'int',
 };
 
 const propsDefault = {
-  UserId: '',
+  [keys.UserId]: '',
-  AccountName: '',
+  [keys.AccountName]: '',
-  Username: '',
+  [keys.Username]: '',
-  Description: '',
+  [keys.Description]: '',
-  FollowersCount: 0,
+  [keys.FollowersCount]: 0,
-  FollowingCount: 0,
+  [keys.FollowingCount]: 0,
-  lastUpdateTimestamp: 0,
+  [keys.lastUpdateTimestamp]: 0,
-  ProfilePicture: '', //URL
+  [keys.ProfilePicture]: '', //URL
-  ProfilePictureBinaryLQ: new ArrayBuffer(0),
+  [keys.ProfilePictureBinaryLQ]: new ArrayBuffer(0),
-  ProfilePictureBinaryHQ: new ArrayBuffer(0),
+  [keys.ProfilePictureBinaryHQ]: new ArrayBuffer(0),
-  XpLevel: 0,
+  [keys.XpLevel]: 0,
-  XpPoints: 0,
+  [keys.XpPoints]: 0,
 };
 
-const thisSchema: databaseConf<typeof propsDefault> = {
+const thisSchema: databaseConf<typeof propsDefault, typeof keys> = {
   filePath: name,
   version: 1,
+  keys,
   migration: () => {
     return DBMigration[name](thisSchema);
   },

src/caj/helper/storage/bdm/set.ts

@@ -1,7 +1,7 @@
 import {getDatabase} from './getDB';
 import {databaseConf} from './types';
 
-export const setEntry = async <T2 extends databaseConf<T>, T>(
+export const setEntry = async <T2 extends databaseConf<T, any>, T>(
   schema: T2,
   value: T,
 ) => {

src/caj/helper/storage/bdm/set.web.ts

@@ -1,7 +1,7 @@
 import {getDatabase} from './getDB.web';
 import {databaseConf} from './types';
 
-export const setEntry = async <T2 extends databaseConf<T>, T>(
+export const setEntry = async <T2 extends databaseConf<T, any>, T>(
   schema: T2,
   value: T,
 ) => {

src/caj/helper/storage/bdm/types.ts

@@ -1,10 +1,11 @@
-export type databaseNames = 'users' | 'chat';
+export type databaseNames = 'users' | 'chat' | 'chatRoomInfos';
 export type possibleDBKeys = string;
 
-export interface databaseConf<props> {
+export interface databaseConf<props, enums> {
   filePath: string;
   version: number;
   migration?: any;
+  keys: enums;
   getEntry: (key: possibleDBKeys) => Promise<props | null>;
   setEntry: (val: props) => Promise<void>;
   defaultProps: props;

src/caj/tabs/main/AccountTab.tsx

@@ -10,8 +10,11 @@ import {
   createNativeStackNavigator,
   NativeStackNavigationProp,
 } from '@react-navigation/native-stack';
-import {Box, Center, Container, Text} from 'native-base';
+import {Box, Button, Center, Container, Text} from 'native-base';
 import {useSelector} from 'react-redux';
+import initChatDatabase from '@caj/components/chat/initChatDatabase';
+import MyUserManager from '@caj/user/MyUserManager';
+import {chatTags} from '@caj/components/chat/types';
 
 export const AccountTabName = 'Account';
 
@@ -66,6 +69,35 @@ function AccountScreen() {
         <MyUserAccountInfoBanner />
       </Box>
       <NotLoggedIn />
+      <Center mt={100}>
+        <Button
+          w="72"
+          colorScheme="primary"
+          rounded="xl"
+          _text={{fontSize: 'xl'}}
+          onPress={() => {
+            initChatDatabase({
+              roomId: MyUserManager.getSelectedUserId(),
+              users: [MyUserManager.getSelectedUserId()],
+              initSyncId: 0,
+              syncId: 10,
+
+              tags: [chatTags.GOOD_FRIEND],
+              unreadMessages: 1234,
+            });
+
+            initChatDatabase({
+              roomId: 'test',
+              users: ['test'],
+              initSyncId: 0,
+              syncId: 0,
+              tags: [chatTags.GROUP, chatTags.GOOD_FRIEND, chatTags.FRIEND],
+              unreadMessages: 0,
+            });
+          }}>
+          Init Chats
+        </Button>
+      </Center>
     </>
   );
 }

src/caj/user/UserManager.ts

@@ -57,37 +57,58 @@ async function getUser(
   }
 
   if (user === undefined) {
+    const usrDBKeys = BigDataManager.databases.users.keys;
     const usr = await BigDataManager.databases.users.getEntry(UserId);
 
     if (usr !== undefined && usr !== null) {
       let ProfilePicture = {
         lq:
-          usr.ProfilePictureBinaryLQ.byteLength !== 0
+          usr[usrDBKeys.ProfilePictureBinaryLQ].byteLength !== 0
             ? createUserProp(
                 SourceProp.offline,
-                new Blob([usr.ProfilePictureBinaryLQ]),
+                new Blob([usr[usrDBKeys.ProfilePictureBinaryLQ]]),
               )
-            : createUserProp(SourceProp.online, undefined, usr.ProfilePicture),
+            : createUserProp(
+                SourceProp.online,
+                undefined,
+                usr[usrDBKeys.ProfilePicture],
+              ),
         hq:
-          usr.ProfilePictureBinaryHQ.byteLength !== 0
+          usr[usrDBKeys.ProfilePictureBinaryHQ].byteLength !== 0
             ? createUserProp(
                 SourceProp.offline,
-                new Blob([usr.ProfilePictureBinaryHQ]),
+                new Blob([usr[usrDBKeys.ProfilePictureBinaryHQ]]),
               )
-            : createUserProp(SourceProp.online, undefined, usr.ProfilePicture),
+            : createUserProp(
+                SourceProp.online,
+                undefined,
+                usr[usrDBKeys.ProfilePicture],
+              ),
       };
 
       user = {
-        AccountName: createUserProp(SourceProp.offline, usr.AccountName),
+        AccountName: createUserProp(
-        Description: createUserProp(SourceProp.offline, usr.Description),
+          SourceProp.offline,
-        FollowersCount: createUserProp(SourceProp.offline, usr.FollowersCount),
+          usr[usrDBKeys.AccountName],
-        FollowingCount: createUserProp(SourceProp.offline, usr.FollowingCount),
+        ),
-        lastUpdateTimestamp: usr.lastUpdateTimestamp,
+        Description: createUserProp(
+          SourceProp.offline,
+          usr[usrDBKeys.Description],
+        ),
+        FollowersCount: createUserProp(
+          SourceProp.offline,
+          usr[usrDBKeys.FollowersCount],
+        ),
+        FollowingCount: createUserProp(
+          SourceProp.offline,
+          usr[usrDBKeys.FollowingCount],
+        ),
+        lastUpdateTimestamp: usr[usrDBKeys.lastUpdateTimestamp],
         ProfilePicture,
         UserId,
-        Username: createUserProp(SourceProp.offline, usr.Username),
+        Username: createUserProp(SourceProp.offline, usr[usrDBKeys.Username]),
-        XpLevel: createUserProp(SourceProp.offline, usr.XpLevel),
+        XpLevel: createUserProp(SourceProp.offline, usr[usrDBKeys.XpLevel]),
-        XpPoints: createUserProp(SourceProp.offline, usr.XpPoints),
+        XpPoints: createUserProp(SourceProp.offline, usr[usrDBKeys.XpPoints]),
       };
     }
   }

tsconfig.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "outDir": "./dist",
     "baseUrl": ".",
     "paths" : {
       "@caj/*": ["src/caj/*"]