feat(idea/frontend): sails support (#1576)

idea/frontend/package.json

@@ -39,6 +39,7 @@
     "react-number-format": "5.3.1",
     "react-router-dom": "6.16.0",
     "react-transition-group": "4.4.5",
+    "sails-js": "0.1.5",
     "simplebar-react": "3.2.4",
     "yup": "1.3.2",
     "zod": "3.22.4"
@@ -70,19 +71,5 @@
     "vite-plugin-checker": "0.6.2",
     "vite-plugin-node-polyfills": "0.15.0",
     "vite-plugin-svgr": "4.1.0"
-  },
-  "browserslist": {
-    "production": [
-      "chrome >= 67",
-      "edge >= 79",
-      "firefox >= 68",
-      "opera >= 54",
-      "safari >= 14"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
   }
 }

idea/frontend/src/api/message/requests.ts

@@ -1,6 +1,6 @@
 import { RpcMethods } from '@/shared/config';
 import { rpcService } from '@/shared/services/rpcService';
-import { IMessage } from '@/entities/message';
+import { Message } from '@/features/message';
 
 import { PaginationModel } from '../types';
 import { MessagePaginationModel } from './types';
@@ -9,6 +9,6 @@ const fetchMessages = (params: PaginationModel & { withPrograms?: boolean }) =>
   rpcService.callRPC<MessagePaginationModel>(RpcMethods.GetAllMessages, { ...params });
 
 const fetchMessage = (params: { id: string; withMetahash: boolean }) =>
-  rpcService.callRPC<IMessage>(RpcMethods.GetMessage, params);
+  rpcService.callRPC<Message>(RpcMethods.GetMessage, params);
 
 export { fetchMessage, fetchMessages };

idea/frontend/src/api/message/types.ts

@@ -1,10 +1,10 @@
 import { HexString } from '@gear-js/api';
 
-import { IMessage } from '@/entities/message';
+import { Message } from '@/features/message';
 
 type MessagePaginationModel = {
   count: number;
-  messages: IMessage[];
+  messages: Message[];
   programNames?: Record<HexString, string>;
 };
 

idea/frontend/src/app/providers/query/index.tsx

@@ -6,6 +6,8 @@ const queryClient = new QueryClient({
     queries: {
       gcTime: 0,
       staleTime: Infinity,
+      refetchOnWindowFocus: false,
+      retry: false,
     },
   },
 });

idea/frontend/src/app/providers/withProviders.tsx

@@ -18,10 +18,10 @@ const providers = [
   AccountProvider,
   OnboardingProvider,
   ChainProvider,
-  ModalProvider,
   EventsProvider,
   BlocksProvider,
   QueryProvider,
+  ModalProvider,
 ];
 
 const withProviders = (Component: ComponentType) => () =>

idea/frontend/src/features/code/hooks/use-wasm-file.tsx

@@ -17,7 +17,9 @@ function useWasmFile(type: WasmFileType = WASM_FILE_TYPE.PROGRAM) {
   const { state } = useLocation() as Location;
 
   const [file, setFile] = useState(state?.file);
-  const [buffer, setBuffer] = useState(state?.buffer);
+
+  // browser's history api serizalizes Buffer instance, therefore we need to convert it
+  const [buffer, setBuffer] = useState(state?.buffer ? Buffer.from(state.buffer) : undefined);
 
   const handleFileChange = useWasmFileHandler(type, (value, bufferValue) => {
     setFile(value);

idea/frontend/src/features/formPayload/ui/arrayItem/ArrayItem.tsx

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 
-import { Fieldset } from '@/shared/ui/fieldset';
+import { Fieldset } from '@/shared/ui';
 
 import { PayloadItemProps } from '../../model';
 import { getItemLabel, getNextLevelName } from '../../helpers';

idea/frontend/src/features/formPayload/ui/enumItem/EnumItem.tsx

@@ -3,7 +3,7 @@ import { Select } from '@gear-js/ui';
 import { useFormContext } from 'react-hook-form';
 
 import { useChangeEffect } from '@/hooks';
-import { Fieldset } from '@/shared/ui/fieldset';
+import { Fieldset } from '@/shared/ui';
 
 import { PayloadItemProps } from '../../model';
 import { getItemLabel, getNextLevelName, getPayloadValue } from '../../helpers';

idea/frontend/src/features/formPayload/ui/optionItem/OptionItem.tsx

@@ -3,7 +3,7 @@ import { useState, ChangeEvent, useMemo } from 'react';
 import { useFormContext } from 'react-hook-form';
 
 import { useChangeEffect } from '@/hooks';
-import { Fieldset } from '@/shared/ui/fieldset';
+import { Fieldset } from '@/shared/ui';
 
 import { getItemLabel, getPayloadValue } from '../../helpers';
 import { PayloadItemProps, OPTION_ITEM_OPTIONS, DEFAULT_OPTION_VALUE } from '../../model';

idea/frontend/src/features/formPayload/ui/structItem/StructItem.tsx

@@ -1,4 +1,4 @@
-import { Fieldset } from '@/shared/ui/fieldset';
+import { Fieldset } from '@/shared/ui';
 
 import { PayloadItemProps } from '../../model';
 import { getItemLabel, getNextLevelName } from '../../helpers';

idea/frontend/src/features/formPayload/ui/tupleItem/TupleItem.tsx

@@ -1,4 +1,4 @@
-import { Fieldset } from '@/shared/ui/fieldset';
+import { Fieldset } from '@/shared/ui';
 
 import { PayloadItemProps } from '../../model';
 import { getItemLabel, getNextLevelName } from '../../helpers';

idea/frontend/src/features/message/consts.ts

@@ -0,0 +1,18 @@
+const MESSAGE_TYPE = {
+  MESSAGE_QUEUED: 'MessageQueued',
+  USER_MESSAGE_SENT: 'UserMessageSent',
+} as const;
+
+const MESSAGE_READ_REASON = {
+  OUT_OF_RENT: 'OutOfRent',
+  CLAIMED: 'Claimed',
+  REPLIED: 'Replied',
+} as const;
+
+const MESSAGE_ENTRY_POINT = {
+  INIT: 'init',
+  HANDLE: 'handle',
+  REPLY: 'reply',
+} as const;
+
+export { MESSAGE_TYPE, MESSAGE_READ_REASON, MESSAGE_ENTRY_POINT };