rearrange files a little bit

client/src/app/constants.ts

@@ -12,3 +12,5 @@ export const historyServiceId = '7fb57031-1d3d-4391-9a9f-da40a6c4963d';
 
 export const userListNodePid = dev[2].peerId;
 export const historyNodePid = dev[2].peerId;
+
+export const relayNode = dev[0];

client/src/components/App.tsx

@@ -1,12 +1,12 @@
 import { createClient, FluenceClient } from '@fluencelabs/fluence';
-import { dev } from '@fluencelabs/fluence-network-environment';
 import React, { useEffect, useState } from 'react';
 
 import './App.scss';
-import { FluenceClientContext } from './FluenceClientContext';
+import { FluenceClientContext } from '../app/FluenceClientContext';
 import { UserList } from './UserList';
-import * as calls from 'src/fluence/calls';
+import * as calls from 'src/app/api';
 import { CollaborativeEditor } from './CollaborativeEditor';
+import { relayNode } from 'src/app/constants';
 
 const App = () => {
     const [client, setClient] = useState<FluenceClient | null>(null);
@@ -15,7 +15,7 @@ const App = () => {
 
     useEffect(() => {
         const fn = async () => {
-            const c = await createClient(dev[0]);
+            const c = await createClient(relayNode);
 
             setClient(c);
         };

client/src/components/CollaborativeEditor.tsx

@@ -2,10 +2,10 @@ import _ from 'lodash';
 import { useEffect, useState } from 'react';
 import { subscribeToEvent } from '@fluencelabs/fluence';
 
-import { fluentPadServiceId, notifyTextUpdateFnName } from 'src/fluence/constants';
-import { useFluenceClient } from './FluenceClientContext';
-import { getUpdatedDocFromText, initDoc, SyncClient } from './sync';
-import * as calls from 'src/fluence/calls';
+import { fluentPadServiceId, notifyTextUpdateFnName } from 'src/app/constants';
+import { useFluenceClient } from '../app/FluenceClientContext';
+import { getUpdatedDocFromText, initDoc, SyncClient } from '../app/sync';
+import * as calls from 'src/app/api';
 
 const broadcastUpdates = _.debounce((text: string, syncClient: SyncClient) => {
     let doc = syncClient.getDoc();

client/src/components/UserList.tsx

@@ -4,9 +4,9 @@ import {
     notifyOnlineFnName,
     notifyUserAddedFnName,
     notifyUserRemovedFnName,
-} from 'src/fluence/constants';
-import { useFluenceClient } from './FluenceClientContext';
-import * as calls from 'src/fluence/calls';
+} from 'src/app/constants';
+import { useFluenceClient } from '../app/FluenceClientContext';
+import * as calls from 'src/app/api';
 import { subscribeToEvent } from '@fluencelabs/fluence';
 
 interface User {

client/src/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import './index.scss';
-import App from './app/App';
+import App from './components/App';
 import log from 'loglevel';
 
 // log.setLevel('trace');