feat!: Standalone web JS Client (#243)

- Move marine-related part into FJS repo (fixes DXJ-184)
- Move towards component-oriented architecture (fixes DXJ-183)
- Different JS Client distros for node.js and web (fixes DXJ-185)
- Update libp2p to 0.42.2 (fixes DXJ-26)
- Add JS Client API (fixes DXJ-196, fixes DXJ-177, fixes DXJ-60)
- Add Smoke test for JS Client web (fixes DXJ-253)

---------

Co-authored-by: Anatoly Laskaris <github_me@nahsi.dev>

packages/@tests/aqua/_aqua/smoke_test.aqua

@@ -0,0 +1,5 @@
+import "@fluencelabs/registry/resources-api.aqua"
+
+func smokeTest(label: string) -> ?string, *string:
+    res, errors <- createResource(label)
+    <- res, errors

packages/@tests/aqua/package.json

@@ -0,0 +1,28 @@
+{
+    "name": "@test/aqua_for_test",
+    "version": "0.1.0",
+    "description": "Shared aqua code for tests",
+    "main": "./dist/index.js",
+    "typings": "./dist/index.d.ts",
+    "engines": {
+        "node": ">=10",
+        "pnpm": ">=3"
+    },
+    "type": "module",
+    "scripts": {
+        "build": "tsc",
+        "compile-aqua": "aqua -i ./_aqua -o ./src/_aqua"
+    },
+    "repository": "https://github.com/fluencelabs/fluence-js",
+    "author": "Fluence Labs",
+    "license": "Apache-2.0",
+    "dependencies": {
+        "@fluencelabs/fluence": "workspace:0.60.0",
+        "@fluencelabs/fluence-network-environment": "1.0.13",
+        "base64-js": "1.5.1"
+    },
+    "devDependencies": {
+        "@fluencelabs/aqua": "0.9.4",
+        "@fluencelabs/registry": "0.7.0"
+    }
+}

packages/@tests/aqua/src/_aqua/smoke_test.ts

@@ -0,0 +1,284 @@
+/**
+ *
+ * This file is auto-generated. Do not edit manually: changes may be erased.
+ * Generated by Aqua compiler: https://github.com/fluencelabs/aqua/.
+ * If you find any bugs, please write an issue on GitHub: https://github.com/fluencelabs/aqua/issues
+ * Aqua version: 0.9.4
+ *
+ */
+import { FluencePeer } from '@fluencelabs/fluence';
+import type { CallParams$$ } from '@fluencelabs/fluence/dist/internal/compilerSupport/v4';
+import { callFunction$$, registerService$$ } from '@fluencelabs/fluence/dist/internal/compilerSupport/v4';
+
+// Services
+
+// Functions
+
+export type SmokeTestResult = [string | null, string[]];
+export function smokeTest(label: string, config?: { ttl?: number }): Promise<SmokeTestResult>;
+
+export function smokeTest(peer: FluencePeer, label: string, config?: { ttl?: number }): Promise<SmokeTestResult>;
+
+export function smokeTest(...args: any) {
+    let script = `
+                    (xor
+                     (seq
+                      (seq
+                       (seq
+                        (call %init_peer_id% ("getDataSrv" "-relay-") [] -relay-)
+                        (call %init_peer_id% ("getDataSrv" "label") [] label)
+                       )
+                       (new $resource_id
+                        (new $successful
+                         (seq
+                          (seq
+                           (seq
+                            (call %init_peer_id% ("peer" "timestamp_sec") [] t)
+                            (xor
+                             (seq
+                              (seq
+                               (call -relay- ("registry" "get_key_bytes") [label [] t [] ""] bytes)
+                               (xor
+                                (call %init_peer_id% ("sig" "sign") [bytes] result)
+                                (call %init_peer_id% ("errorHandlingSrv" "error") [%last_error% 1])
+                               )
+                              )
+                              (xor
+                               (match result.$.success! false
+                                (ap result.$.error.[0]! $error)
+                               )
+                               (seq
+                                (seq
+                                 (seq
+                                  (seq
+                                   (seq
+                                    (seq
+                                     (ap result.$.signature! result_flat)
+                                     (call -relay- ("registry" "get_key_id") [label %init_peer_id%] id)
+                                    )
+                                    (call -relay- ("op" "string_to_b58") [id] k)
+                                   )
+                                   (call -relay- ("kad" "neighborhood") [k [] []] nodes)
+                                  )
+                                  (par
+                                   (fold nodes n-0
+                                    (par
+                                     (seq
+                                      (xor
+                                       (xor
+                                        (seq
+                                         (seq
+                                          (seq
+                                           (call n-0 ("peer" "timestamp_sec") [] t-0)
+                                           (call n-0 ("trust-graph" "get_weight") [%init_peer_id% t-0] weight)
+                                          )
+                                          (call n-0 ("registry" "register_key") [label [] t [] "" result_flat.$.[0]! weight t-0] result-0)
+                                         )
+                                         (xor
+                                          (match result-0.$.success! true
+                                           (ap true $successful)
+                                          )
+                                          (ap result-0.$.error! $error)
+                                         )
+                                        )
+                                        (call n-0 ("op" "noop") [])
+                                       )
+                                       (seq
+                                        (call -relay- ("op" "noop") [])
+                                        (call %init_peer_id% ("errorHandlingSrv" "error") [%last_error% 2])
+                                       )
+                                      )
+                                      (call -relay- ("op" "noop") [])
+                                     )
+                                     (next n-0)
+                                    )
+                                    (never)
+                                   )
+                                   (null)
+                                  )
+                                 )
+                                 (new $status
+                                  (new $result-1
+                                   (seq
+                                    (seq
+                                     (seq
+                                      (par
+                                       (seq
+                                        (seq
+                                         (seq
+                                          (call -relay- ("math" "sub") [1 1] sub)
+                                          (new $successful_test
+                                           (seq
+                                            (seq
+                                             (seq
+                                              (call -relay- ("math" "add") [sub 1] successful_incr)
+                                              (fold $successful s
+                                               (seq
+                                                (seq
+                                                 (ap s $successful_test)
+                                                 (canon -relay- $successful_test  #successful_iter_canon)
+                                                )
+                                                (xor
+                                                 (match #successful_iter_canon.length successful_incr
+                                                  (null)
+                                                 )
+                                                 (next s)
+                                                )
+                                               )
+                                               (never)
+                                              )
+                                             )
+                                             (canon -relay- $successful_test  #successful_result_canon)
+                                            )
+                                            (ap #successful_result_canon successful_gate)
+                                           )
+                                          )
+                                         )
+                                         (call -relay- ("math" "sub") [1 1] sub-0)
+                                        )
+                                        (ap "ok" $status)
+                                       )
+                                       (call -relay- ("peer" "timeout") [6000 "timeout"] $status)
+                                      )
+                                      (new $status_test
+                                       (seq
+                                        (seq
+                                         (seq
+                                          (call -relay- ("math" "add") [0 1] status_incr)
+                                          (fold $status s
+                                           (seq
+                                            (seq
+                                             (ap s $status_test)
+                                             (canon -relay- $status_test  #status_iter_canon)
+                                            )
+                                            (xor
+                                             (match #status_iter_canon.length status_incr
+                                              (null)
+                                             )
+                                             (next s)
+                                            )
+                                           )
+                                           (never)
+                                          )
+                                         )
+                                         (canon -relay- $status_test  #status_result_canon)
+                                        )
+                                        (ap #status_result_canon status_gate)
+                                       )
+                                      )
+                                     )
+                                     (xor
+                                      (match status_gate.$.[0]! "ok"
+                                       (ap true $result-1)
+                                      )
+                                      (ap false $result-1)
+                                     )
+                                    )
+                                    (new $result-1_test
+                                     (seq
+                                      (seq
+                                       (seq
+                                        (call -relay- ("math" "add") [0 1] result-1_incr)
+                                        (fold $result-1 s
+                                         (seq
+                                          (seq
+                                           (ap s $result-1_test)
+                                           (canon -relay- $result-1_test  #result-1_iter_canon)
+                                          )
+                                          (xor
+                                           (match #result-1_iter_canon.length result-1_incr
+                                            (null)
+                                           )
+                                           (next s)
+                                          )
+                                         )
+                                         (never)
+                                        )
+                                       )
+                                       (canon -relay- $result-1_test  #result-1_result_canon)
+                                      )
+                                      (ap #result-1_result_canon result-1_gate)
+                                     )
+                                    )
+                                   )
+                                  )
+                                 )
+                                )
+                                (xor
+                                 (match result-1_gate.$.[0]! false
+                                  (ap "resource wasn't created: timeout exceeded" $error)
+                                 )
+                                 (ap id $resource_id)
+                                )
+                               )
+                              )
+                             )
+                             (call %init_peer_id% ("errorHandlingSrv" "error") [%last_error% 3])
+                            )
+                           )
+                           (canon %init_peer_id% $resource_id  #-resource_id-fix-0)
+                          )
+                          (ap #-resource_id-fix-0 -resource_id-flat-0)
+                         )
+                        )
+                       )
+                      )
+                      (xor
+                       (seq
+                        (canon %init_peer_id% $error  #error_canon)
+                        (call %init_peer_id% ("callbackSrv" "response") [-resource_id-flat-0 #error_canon])
+                       )
+                       (call %init_peer_id% ("errorHandlingSrv" "error") [%last_error% 4])
+                      )
+                     )
+                     (call %init_peer_id% ("errorHandlingSrv" "error") [%last_error% 5])
+                    )
+    `;
+    return callFunction$$(
+        args,
+        {
+            functionName: 'smokeTest',
+            arrow: {
+                tag: 'arrow',
+                domain: {
+                    tag: 'labeledProduct',
+                    fields: {
+                        label: {
+                            tag: 'scalar',
+                            name: 'string',
+                        },
+                    },
+                },
+                codomain: {
+                    tag: 'unlabeledProduct',
+                    items: [
+                        {
+                            tag: 'option',
+                            type: {
+                                tag: 'scalar',
+                                name: 'string',
+                            },
+                        },
+                        {
+                            tag: 'array',
+                            type: {
+                                tag: 'scalar',
+                                name: 'string',
+                            },
+                        },
+                    ],
+                },
+            },
+            names: {
+                relay: '-relay-',
+                getDataSrv: 'getDataSrv',
+                callbackSrv: 'callbackSrv',
+                responseSrv: 'callbackSrv',
+                responseFnName: 'response',
+                errorHandlingSrv: 'errorHandlingSrv',
+                errorFnName: 'error',
+            },
+        },
+        script,
+    );
+}

packages/@tests/aqua/src/index.ts

@@ -0,0 +1,55 @@
+import { fromByteArray } from 'base64-js';
+import { Fluence } from '@fluencelabs/fluence';
+import { krasnodar } from '@fluencelabs/fluence-network-environment';
+import { smokeTest } from './_aqua/smoke_test.js';
+
+// const relay = {
+//     multiaddr: '/ip4/127.0.0.1/tcp/4310/ws/p2p/12D3KooWKEprYXUXqoV5xSBeyqrWLpQLLH4PXfvVkDJtmcqmh5V3',
+//     peerId: '12D3KooWKEprYXUXqoV5xSBeyqrWLpQLLH4PXfvVkDJtmcqmh5V3',
+// };
+
+const relay = krasnodar[4];
+
+const rndSk = () => {
+    if (crypto.getRandomValues) {
+        return crypto.getRandomValues(new Uint8Array(32));
+    }
+
+    // @ts-ignore
+    return globalThis.crypto.webcrypto.getRandomValues(new Uint8Array(32));
+};
+
+export const main = async () => {
+    console.log('starting fluence...');
+    await Fluence.start({
+        relay: relay,
+        keyPair: {
+            type: 'Ed25519',
+            source: rndSk(),
+        },
+    });
+
+    console.log('started fluence');
+    const p = await Fluence.getPeer();
+
+    console.log('my peer id: ', p.getStatus().peerId);
+    console.log('my sk id: ', fromByteArray(p.getSk()));
+
+    console.log('running some aqua...');
+    const [res, errors] = await smokeTest('my_resource');
+    if (res === null) {
+        console.log('aqua failed, errors', errors);
+    } else {
+        console.log('aqua finished, result', res);
+    }
+
+    console.log('stopping fluence...');
+    await Fluence.stop();
+    console.log('stopped fluence...');
+};
+
+export const runMain = () => {
+    main()
+        .then(() => console.log('done!'))
+        .catch((err) => console.error('error: ', err));
+};

packages/@tests/aqua/tsconfig.json

@@ -0,0 +1,7 @@
+{
+    "extends": "../../../tsconfig.json",
+    "compilerOptions": {
+        "outDir": "./dist"
+    },
+    "exclude": ["node_modules", "dist"]
+}

packages/@tests/frameworks/cra-ts/.gitignore

@@ -21,3 +21,5 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+public/js-client.min.js

packages/@tests/frameworks/cra-ts/package.json

@@ -1,27 +1,28 @@
 {
-    "name": "@test/react",
+    "name": "cra-ts",
     "version": "0.1.0",
     "private": true,
     "dependencies": {
-        "@fluencelabs/fluence": "workspace:*",
-        "@fluencelabs/fluence-network-environment": "^1.0.13",
-        "@testing-library/jest-dom": "^5.16.5",
-        "@testing-library/react": "^13.4.0",
-        "@testing-library/user-event": "^13.5.0",
-        "@types/jest": "^27.5.2",
-        "@types/node": "^16.11.56",
-        "@types/react": "^18.0.18",
-        "@types/react-dom": "^18.0.6",
+        "@fluencelabs/fluence": "workspace:0.60.0",
+        "@test/aqua_for_test": "workspace:*",
+        "@testing-library/jest-dom": "5.16.5",
+        "@testing-library/react": "13.4.0",
+        "@testing-library/user-event": "13.5.0",
+        "@types/jest": "27.5.2",
+        "@types/node": "16.18.12",
+        "@types/react": "18.0.27",
+        "@types/react-dom": "18.0.10",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-scripts": "5.0.1",
-        "typescript": "^4.8.2",
-        "web-vitals": "^2.1.4"
+        "typescript": "4.9.5",
+        "web-vitals": "2.1.4"
     },
+    "devDependencies": {},
     "scripts": {
         "start": "react-scripts start",
         "build": "react-scripts build",
-        "test": "react-scripts test",
+        "_test": "react-scripts test",
         "eject": "react-scripts eject"
     },
     "eslintConfig": {

packages/@tests/frameworks/cra-ts/public/index.html

@@ -1,14 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+
+<head>
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
+    <meta name="description" content="Web site created using create-react-app" />
+    <script src='http://localhost:8765/js-client.min.js' async></script>
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
@@ -25,8 +24,9 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
     <title>React App</title>
-  </head>
-  <body>
+</head>
+
+<body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--
@@ -39,5 +39,6 @@
       To begin the development, run `npm start` or `yarn start`.
       To create a production bundle, use `npm run build` or `yarn build`.
     -->
-  </body>
-</html>
+</body>
+
+</html>

packages/@tests/frameworks/cra-ts/src/App.test.tsx_

@@ -0,0 +1,9 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import App from './App';
+
+test('renders learn react link', () => {
+    render(<App />);
+    const linkElement = screen.getByText(/learn react/i);
+    expect(linkElement).toBeInTheDocument();
+});

packages/@tests/frameworks/cra-ts/src/App.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import logo from './logo.svg';
+import './App.css';
+
+function App() {
+  return (
+    <div className="App">
+      <header className="App-header">
+        <img src={logo} className="App-logo" alt="logo" />
+        <p>
+          Edit <code>src/App.tsx</code> and save to reload.
+        </p>
+        <a
+          className="App-link"
+          href="https://reactjs.org"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Learn React
+        </a>
+      </header>
+    </div>
+  );
+}
+
+export default App;

packages/@tests/frameworks/cra-ts/src/index.tsx

@@ -3,17 +3,18 @@ import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
+import { runMain } from '@test/aqua_for_test';
 
-const root = ReactDOM.createRoot(
-  document.getElementById('root') as HTMLElement
-);
+const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
 root.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>
+    <React.StrictMode>
+        <App />
+    </React.StrictMode>,
 );
 
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))
 // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
 reportWebVitals();
+
+runMain();

packages/@tests/marine/node/.gitignore

@@ -0,0 +1,19 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+bundle/
+/dist/
+/worker/dist/
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+.idea

packages/@tests/marine/node/jest.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+    preset: 'ts-jest',
+    testEnvironment: 'node',
+    testPathIgnorePatterns: ['dist'],
+};

packages/@tests/marine/node/package.json.skip

@@ -0,0 +1,19 @@
+{
+    "name": "@test/marine_node",
+    "scripts": {
+        "build": "tsc",
+        "test": "jest"
+    },
+    "devDependencies": {
+        "@types/node": "16.11.59",
+        "typescript": "^4.0.0",
+        "@types/jest": "28.1.0",
+        "jest": "28.1.0",
+        "ts-jest": "28.0.2"
+    },
+    "dependencies": {
+        "@fluencelabs/avm": "0.32.1",
+        "@fluencelabs/marine.background-runner": "0.1.0",
+        "@fluencelabs/marine.deps-loader.node": "0.1.0"
+    }
+}

packages/@tests/marine/node/src/test.spec.ts

@@ -0,0 +1,54 @@
+import { MarineBackgroundRunner } from '@fluencelabs/marine.background-runner';
+import { InlinedWorkerLoader, WasmNpmLoader } from '@fluencelabs/marine.deps-loader.node';
+import { callAvm, JSONArray, JSONObject } from '@fluencelabs/avm';
+
+const vmPeerId = '12D3KooWNzutuy8WHXDKFqFsATvCR6j9cj2FijYbnd47geRKaQZS';
+
+describe('Nodejs integration tests', () => {
+    it('Smoke test', async () => {
+        let runner: MarineBackgroundRunner | undefined = undefined;
+        try {
+            // arrange
+            const avm = new WasmNpmLoader('@fluencelabs/avm', 'avm.wasm');
+            const control = new WasmNpmLoader('@fluencelabs/marine-js', 'marine-js.wasm');
+            const worker = new InlinedWorkerLoader();
+            runner = new MarineBackgroundRunner(worker, control, () => {});
+
+            await avm.start();
+
+            await runner.start();
+            await runner.createService(avm.getValue(), 'avm');
+
+            const s = `(seq
+            (par 
+                (call "${vmPeerId}" ("local_service_id" "local_fn_name") [] result_1)
+                (call "remote_peer_id" ("service_id" "fn_name") [] g)
+            )
+            (call "${vmPeerId}" ("local_service_id" "local_fn_name") [] result_2)
+        )`;
+
+            // act
+            const res = await callAvm(
+                (args: JSONArray | JSONObject) => runner!.callService('avm', 'invoke', args, undefined),
+                {
+                    currentPeerId: vmPeerId,
+                    initPeerId: vmPeerId,
+                    timestamp: Date.now(),
+                    ttl: 10000,
+                },
+                s,
+                Buffer.from(''),
+                Buffer.from(''),
+                [],
+            );
+
+            // assert
+            expect(res).toMatchObject({
+                retCode: 0,
+                errorMessage: '',
+            });
+        } finally {
+            runner?.stop();
+        }
+    });
+});

packages/@tests/marine/node/tsconfig.json

@@ -0,0 +1,7 @@
+{
+    "extends": "../../../../tsconfig.json",
+    "compilerOptions": {
+        "outDir": "./dist"
+    },
+    "exclude": ["node_modules", "dist"]
+}

packages/@tests/marine/web/.gitignore

@@ -0,0 +1,22 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+build/
+public/*.*
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+bundle/
+/dist/
+/worker/dist/
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+.idea

packages/@tests/marine/web/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <title>Webpack App</title>
+    </head>
+    <body>
+        <h1>Hello world!</h1>
+        <h2>Tip: Check your console</h2>
+    </body>
+    
+</html>

packages/@tests/marine/web/jest.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+    preset: 'jest-puppeteer',
+    testMatch: ['**/?(*.)+(spec|test).[t]s'],
+    testPathIgnorePatterns: ['/node_modules/', 'dist'],
+    testMatch: ['**/test/*.spec.ts'],
+    transform: {
+        '^.+\\.ts?$': 'ts-jest',
+    },
+};

packages/@tests/marine/web/package.json.skip

@@ -0,0 +1,37 @@
+{
+    "name": "@test/marine_web",
+    "version": "0.1.0",
+    "scripts": {
+        "start": "webpack serve",
+        "test": "jest",
+        "build": "webpack --mode=production --node-env=production",
+        "build:dev": "webpack --mode=development",
+        "build:prod": "webpack --mode=production --node-env=production",
+        "watch": "webpack --watch",
+        "serve": "webpack serve"
+    },
+    "devDependencies": {
+        "@webpack-cli/generators": "^2.4.1",
+        "css-loader": "^6.5.1",
+        "html-webpack-plugin": "^5.5.0",
+        "install-local": "^3.0.1",
+        "style-loader": "^3.3.1",
+        "ts-loader": "^8.3.0",
+        "typescript": "^4.5.4",
+        "util": "^0.12.4",
+        "webpack": "^5.65.0",
+        "webpack-cli": "^4.9.1",
+        "webpack-dev-server": "^4.6.0",
+        "@types/jest": "^27.0.3",
+        "@types/jest-environment-puppeteer": "^4.4.1",
+        "@types/puppeteer": "^5.4.4",
+        "jest": "28.1.0",
+        "jest-puppeteer": "^6.0.2",
+        "ts-jest": "28.0.2"
+    },
+    "dependencies": {
+        "@fluencelabs/avm": "0.34.4",
+        "js-base64": "^3.7.2",
+        "buffer": "6.0.3"
+    }
+}

packages/@tests/marine/web/src/index.ts

@@ -0,0 +1,56 @@
+import { Buffer } from 'buffer';
+
+// @ts-ignore
+window.Buffer = Buffer;
+
+import { MarineBackgroundRunner } from '@fluencelabs/marine.background-runner';
+import { InlinedWorkerLoader, WasmWebLoader } from '@fluencelabs/marine.deps-loader.web';
+import { callAvm, JSONArray, JSONObject } from '@fluencelabs/avm';
+import { toUint8Array } from 'js-base64';
+
+const vmPeerId = '12D3KooWNzutuy8WHXDKFqFsATvCR6j9cj2FijYbnd47geRKaQZS';
+
+const b = (s: string) => {
+    return toUint8Array(s);
+};
+
+const main = async () => {
+    const avm = new WasmWebLoader('avm.wasm');
+    const control = new WasmWebLoader('marine-js.wasm');
+    const worker = new InlinedWorkerLoader();
+    const runner = new MarineBackgroundRunner(worker, control, () => {});
+
+    await runner.start();
+    await avm.start();
+    const avmVal = await avm.getValue();
+    await runner.createService(avmVal, 'avm');
+
+    const s = `(seq
+            (par 
+                (call "${vmPeerId}" ("local_service_id" "local_fn_name") [] result_1)
+                (call "remote_peer_id" ("service_id" "fn_name") [] g)
+            )
+            (call "${vmPeerId}" ("local_service_id" "local_fn_name") [] result_2)
+        )`;
+
+    // act
+    const res = await callAvm(
+        (args: JSONArray | JSONObject) => runner.callService('avm', 'invoke', args, undefined),
+        {
+            currentPeerId: vmPeerId,
+            initPeerId: vmPeerId,
+            timestamp: Date.now(),
+            ttl: 10000,
+        },
+        s,
+        b(''),
+        b(''),
+        [],
+    );
+    await runner.stop();
+
+    return res;
+};
+
+// @ts-ignore
+window.MAIN = main;

packages/@tests/marine/web/test/test.spec.ts

@@ -0,0 +1,115 @@
+import Webpack from 'webpack';
+import WebpackDevServer from 'webpack-dev-server';
+import webpackConfig from '../webpack.config.js';
+import process from 'process';
+import path from 'path';
+import fs from 'fs';
+
+// change directory to the location to the test-project.
+// run all the subsequent Webpack scripts in that directory
+process.chdir(path.join(__dirname, '..'));
+
+let server;
+const port = 8080;
+
+jest.setTimeout(10000);
+
+const startServer = async (modifyConfig?) => {
+    const loadInBrowserToDebug = false;
+    // const loadInBrowserToDebug = true; // use this line to debug
+
+    modifyConfig = modifyConfig || ((_) => {});
+
+    const config: any = webpackConfig();
+    modifyConfig(config);
+    config.devServer.open = loadInBrowserToDebug;
+    server = await makeServer(config);
+};
+
+// https://stackoverflow.com/questions/42940550/wait-until-webpack-dev-server-is-ready
+function makeServer(config) {
+    return new Promise((resolve, reject) => {
+        const compiler = Webpack(config);
+
+        let compiled = false;
+        let listening = false;
+
+        compiler.hooks.done.tap('tap_name', () => {
+            // console.log('compiled');
+
+            if (listening) resolve(server);
+            else compiled = true;
+        });
+
+        const server = new WebpackDevServer(compiler, config.devServer);
+
+        server.listen(port, '0.0.0.0', (err) => {
+            if (err) return reject(err);
+
+            // console.log('listening');
+
+            if (compiled) {
+                resolve(server);
+            } else {
+                listening = true;
+            }
+        });
+    });
+}
+
+const stopServer = async () => {
+    console.log('test: stopping server');
+    await server.stop();
+};
+
+const publicDir = 'public';
+
+const copyFile = async (packageName: string, fileName: string) => {
+    const modulePath = require.resolve(packageName);
+    const source = path.join(path.dirname(modulePath), fileName);
+    const dest = path.join(publicDir, fileName);
+
+    return fs.promises.copyFile(source, dest);
+};
+
+const copyPublicDeps = async () => {
+    await fs.promises.mkdir(publicDir, { recursive: true });
+    return Promise.all([
+        copyFile('@fluencelabs/marine-js', 'marine-js.wasm'),
+        copyFile('@fluencelabs/avm', 'avm.wasm'),
+    ]);
+};
+
+const cleanPublicDeps = () => {
+    return fs.promises.rm(publicDir, { recursive: true, force: true });
+};
+
+describe('Browser integration tests', () => {
+    beforeEach(async () => {
+        await copyPublicDeps();
+    });
+
+    afterEach(async () => {
+        await stopServer();
+        await cleanPublicDeps();
+    });
+
+    it('Some test', async () => {
+        console.log('test: starting server...');
+        await startServer();
+        console.log('test: navigating to page...');
+        await page.goto('http://localhost:8080/');
+
+        console.log('test: running script in browser...');
+        const res = await page.evaluate(() => {
+            // @ts-ignore
+            return window.MAIN();
+        });
+
+        console.log('test: checking expectations...');
+        await expect(res).toMatchObject({
+            retCode: 0,
+            errorMessage: '',
+        });
+    });
+});

packages/@tests/marine/web/tsconfig.json

@@ -0,0 +1,7 @@
+{
+    "extends": "../../../../tsconfig.json",
+    "compilerOptions": {
+        "outDir": "./dist"
+    },
+    "exclude": ["node_modules", "dist"]
+}

packages/@tests/marine/web/webpack.config.js

@@ -0,0 +1,65 @@
+// Generated using webpack-cli https://github.com/webpack/webpack-cli
+
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+
+const isProduction = process.env.NODE_ENV == 'production';
+
+const stylesHandler = 'style-loader';
+
+const config = {
+    entry: './src/index.ts',
+    output: {
+        path: path.resolve(__dirname, 'dist'),
+    },
+    devServer: {
+        open: true,
+        host: 'localhost',
+        static: {
+            directory: path.join(__dirname, 'public'),
+        },
+    },
+    plugins: [
+        new HtmlWebpackPlugin({
+            template: 'index.html',
+        }),
+
+        // Add your plugins here
+        // Learn more about plugins from https://webpack.js.org/configuration/plugins/
+    ],
+    module: {
+        rules: [
+            {
+                test: /\.(ts|tsx)$/i,
+                loader: 'ts-loader',
+                exclude: ['/node_modules/'],
+            },
+            {
+                test: /\.css$/i,
+                use: [stylesHandler, 'css-loader'],
+            },
+            {
+                test: /\.(eot|svg|ttf|woff|woff2|png|jpg|gif)$/i,
+                type: 'asset',
+            },
+
+            // Add your rules for custom modules here
+            // Learn more about loaders from https://webpack.js.org/loaders/
+        ],
+    },
+    resolve: {
+        extensions: ['.tsx', '.ts', '.js'],
+        fallback: {
+            buffer: require.resolve('buffer/'),
+        },
+    },
+};
+
+module.exports = () => {
+    if (isProduction) {
+        config.mode = 'production';
+    } else {
+        config.mode = 'development';
+    }
+    return config;
+};

packages/@tests/react_test/src/App.tsx

@@ -1,45 +0,0 @@
-import React, { useEffect, useState } from "react";
-import logo from "./logo.svg";
-import "./App.css";
-
-import { Fluence } from "@fluencelabs/fluence";
-import { krasnodar } from "@fluencelabs/fluence-network-environment";
-
-const relayNode = krasnodar[4];
-
-function App() {
-    const [connected, setConnected] = useState<boolean>(false);
-
-    useEffect(() => {
-        Fluence.start({ connectTo: relayNode })
-            .then(() => {
-                setConnected(true);
-            })
-            .catch((err) => {
-                console.log("Client initialization failed", err);
-                setConnected(false);
-            });
-    }, []);
-
-    return (
-        <div className="App">
-            <header className="App-header">
-                <img src={logo} className="App-logo" alt="logo" />
-                <p>Connected: ${connected}</p>
-                <p>
-                    Edit <code>src/App.tsx</code> and save to reload.
-                </p>
-                <a
-                    className="App-link"
-                    href="https://reactjs.org"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                >
-                    Learn React
-                </a>
-            </header>
-        </div>
-    );
-}
-
-export default App;

packages/@tests/smoke/src/index.ts

@@ -1,22 +0,0 @@
-import { FluencePeer } from "@fluencelabs/fluence";
-
-const peer = new FluencePeer();
-
-const main = async () => {
-    await peer.start({});
-    const peerId = peer.getStatus().peerId;
-    if (!peerId) {
-        throw new Error("Peer id is null");
-    }
-    console.log("peer id is: ", peerId);
-    await peer.stop();
-};
-
-main()
-    .then(() => console.log("done"))
-    .catch((err) => console.error(err))
-    .finally(() => {
-        if (peer) {
-            peer.stop();
-        }
-    });

packages/@tests/smoke/tsconfig.json

@@ -1,12 +0,0 @@
-{
-    "compilerOptions": {
-        "outDir": "./dist/",
-        "module": "commonjs",
-        "moduleResolution": "node",
-        "sourceMap": true,
-        "declaration": true,
-        "skipDefaultLibCheck": true
-   },
-    "exclude": ["node_modules", "dist"],
-    "include": ["src/**/*"]
-}

packages/@tests/smoke_node/.gitignore

@@ -0,0 +1,21 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+bundle/
+
+dist
+esm
+types
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+.idea

packages/@tests/smoke_node/package.json

@@ -8,19 +8,18 @@
         "node": ">=10",
         "pnpm": ">=3"
     },
+    "type": "module",
     "scripts": {
         "build": "tsc",
-        "test": "ts-node src/index.ts"
+        "_test": "node --loader ts-node/esm ./src/index.ts"
     },
     "repository": "https://github.com/fluencelabs/fluence-js",
     "author": "Fluence Labs",
     "license": "Apache-2.0",
     "dependencies": {
-        "@fluencelabs/fluence": "workspace:*",
-        "ts-node": "^10.9.1"
+        "@fluencelabs/fluence": "workspace:0.60.0",
+        "@fluencelabs/js-client.node": "0.1.0",
+        "@test/aqua_for_test": "workspace:*"
     },
-    "devDependencies": {
-        "@types/node": "^18.7.13",
-        "typescript": "^4.6.4"
-    }
+    "devDependencies": {}
 }

packages/@tests/smoke_node/src/index.ts

@@ -0,0 +1,4 @@
+import '@fluencelabs/js-client.node';
+import { runMain } from '@test/aqua_for_test';
+
+runMain();

packages/@tests/smoke_node/tsconfig.json

@@ -0,0 +1,7 @@
+{
+    "extends": "../../../tsconfig.json",
+    "compilerOptions": {
+        "outDir": "./dist"
+    },
+    "exclude": ["node_modules", "dist"]
+}

packages/@tests/smoke_web/.gitignore

@@ -0,0 +1,21 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+dist
+
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+.idea
+
+public/js-client.min.js

packages/@tests/smoke_web/package.json

@@ -0,0 +1,24 @@
+{
+    "name": "@tests/smoke_web",
+    "version": "0.1.0",
+    "description": "Smoke test web",
+    "main": "./dist/index.js",
+    "typings": "./dist/index.d.ts",
+    "engines": {
+        "node": ">=10",
+        "pnpm": ">=3"
+    },
+    "scripts": {
+        "build": "pnpm copy-script",
+        "serve": "http-server public",
+        "copy-script": "cp ../../client/js-client.web.standalone/dist/js-client.min.js ./public"
+    },
+    "repository": "https://github.com/fluencelabs/fluence-js",
+    "author": "Fluence Labs",
+    "license": "Apache-2.0",
+    "dependencies": {},
+    "devDependencies": {
+        "@fluencelabs/js-client.web.standalone": "workspace:*",
+        "http-server": "14.1.1"
+    }
+}

packages/@tests/smoke_web/public/index.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Smoke test for web</title>
+    <script src="./js-client.min.js"></script>
+    <script src="./index.js"></script>
+
+</head>
+
+<body>
+    <main>
+        <h1>Open console f12</h1>
+    </main>
+</body>
+
+</html>

packages/@tests/smoke_web/public/index.js

@@ -0,0 +1,103 @@
+const peer = globalThis.defaultPeer;
+
+const relay = {
+    multiaddr: '/ip4/127.0.0.1/tcp/4310/ws/p2p/12D3KooWKEprYXUXqoV5xSBeyqrWLpQLLH4PXfvVkDJtmcqmh5V3',
+    peerId: '12D3KooWKEprYXUXqoV5xSBeyqrWLpQLLH4PXfvVkDJtmcqmh5V3',
+};
+
+const getRelayTime = (relayPeerId) => {
+    const script = `
+                    (xor
+                     (seq
+                      (seq
+                       (seq
+                        (seq
+                         (call %init_peer_id% ("getDataSrv" "-relay-") [] -relay-)
+                         (call %init_peer_id% ("getDataSrv" "relayPeerId") [] relayPeerId)
+                        )
+                        (call -relay- ("op" "noop") [])
+                       )
+                       (xor
+                        (seq
+                         (call relayPeerId ("peer" "timestamp_ms") [] ts)
+                         (call -relay- ("op" "noop") [])
+                        )
+                        (seq
+                         (call -relay- ("op" "noop") [])
+                         (call %init_peer_id% ("errorHandlingSrv" "error") [%last_error% 1])
+                        )
+                       )
+                      )
+                      (xor
+                       (call %init_peer_id% ("callbackSrv" "response") [ts])
+                       (call %init_peer_id% ("errorHandlingSrv" "error") [%last_error% 2])
+                      )
+                     )
+                     (call %init_peer_id% ("errorHandlingSrv" "error") [%last_error% 3])
+                    )
+    `;
+
+    const def = {
+        functionName: 'getRelayTime',
+        arrow: {
+            tag: 'arrow',
+            domain: {
+                tag: 'labeledProduct',
+                fields: {
+                    relayPeerId: {
+                        tag: 'scalar',
+                        name: 'string',
+                    },
+                },
+            },
+            codomain: {
+                tag: 'unlabeledProduct',
+                items: [
+                    {
+                        tag: 'scalar',
+                        name: 'u64',
+                    },
+                ],
+            },
+        },
+        names: {
+            relay: '-relay-',
+            getDataSrv: 'getDataSrv',
+            callbackSrv: 'callbackSrv',
+            responseSrv: 'callbackSrv',
+            responseFnName: 'response',
+            errorHandlingSrv: 'errorHandlingSrv',
+            errorFnName: 'error',
+        },
+    };
+
+    const config = {};
+
+    const args = {};
+    return peer.compilerSupport.callFunction({
+        args,
+        def,
+        config,
+        script,
+    });
+};
+
+const main = async () => {
+    console.log('starting fluence...');
+    await peer.start({
+        connectTo: relay,
+    });
+    console.log('started fluence');
+
+    console.log('getting relay time...');
+    const res = await getRelayTime(relay.peerId);
+    console.log('got relay time, ', res);
+
+    console.log('stopping fluence...');
+    await peer.stop();
+    console.log('stopped fluence...');
+};
+
+main()
+    .then(() => console.log('done!'))
+    .catch((err) => console.error('error: ', err));