chore(docs): update relay and lib

Author: 0x77dev

docs/docs/deploy-relay.mdx

@@ -3,7 +3,7 @@ title: Deploy Relay
 sidebar_position: 1
 ---
 
-Relay provides DStack peer with [`libp2p-webrtc-star`](https://github.com/libp2p/js-libp2p-webrtc-star) compatible signaling server written with multi-tenancy support using redis
+Relay provides DStack peer with `@dstack-js/transport` compatible signaling server written with multi-tenancy support using redis
 
 ## Public Relay
 

docs/docs/intro.mdx

@@ -2,8 +2,8 @@
 title: Quick Look
 sidebar_position: 1
 ---
-
-import Flowchart from '../src/components/Flowchart';
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
 
 _DStack is under heavy development, currently some docs is not finished yet_
 
@@ -21,87 +21,37 @@ For example, you can create a collaborative real-time WYSIWYG editor with file p
 
 ![Demo](https://i.imgur.com/cKjBrge.gif)
 
-### Architecture
-
-<Flowchart
-  snapToGrid={true}
-  elements={[
-    {
-      id: 'ipfs',
-      type: 'input',
-      data: { label: 'IPFS' },
-      position: { x: 400, y: 25 },
-    },
-    {
-      id: 'stack',
-      data: { label: 'Stack' },
-      position: { x: 400, y: 100 },
-    },
-    {
-      id: 'pubsub',
-      type: 'output',
-      data: { label: 'PubSub' },
-      style: { borderColor: '#000' },
-      position: { x: 200, y: 300 },
-    },
-    {
-      id: 'store',
-      data: { label: 'Store' },
-      position: { x: 500, y: 250 },
-    },
-    {
-      id: 'shard',
-      type: 'output',
-      style: { borderColor: '#000' },
-      data: { label: 'Shard' },
-      position: { x: 500, y: 350 },
-    },
-    // animated edge
-    { id: 'e1-2', source: 'ipfs', target: 'stack', animated: true },
-    { id: 'e2-3', source: 'stack', target: 'pubsub' },
-    { id: 'e3-4', source: 'stack', target: 'store' },
-    {
-      id: 'e4-5',
-      source: 'store',
-      target: 'shard',
-      animated: true,
-    },
-  ]}
-/>
-
 ## Play with DStack in browser console
 
 https://explorer.dstack.dev/
 
 ## Add DStack to your project
 
-Using Yarn:
+<Tabs>
+  <TabItem value="yarn" label="Yarn">
 
 ```shell
 yarn add @dstack-js/lib
 ```
 
-Using NPM:
+  </TabItem>
+  <TabItem value="npm" label="NPM">
 
 ```shell
 npm i -S @dstack-js/lib
 ```
 
-You also need IPFS, can use `@dstack-js/ipfs` or `ipfs-core@^0.13.0`, `@dstack-js/ipfs` provides zero configuration package for DStack.
+  </TabItem>
+</Tabs>
 
 ### Initialize Stack
 
 ```javascript
-import { create } from '@dstack-js/ipfs';
 import { Stack } from '@dstack-js/lib';
-
-// Browser:
-const ipfs = await create();
-// In Node.js environment you need to provide WebRTC implementation
-// const wrtc = require('@dstack-js/wrtc');
-// const ipfs = await create({}, wrtc);
-
-const stack = await Stack.create('namespace', ipfs);
+// In non-browser environment you need to provide WebRTC implementation
+// import wrtc from '@dstack-js/wrtc';
+// const stack = await Stack.create({ namespace: 'namespace', wrtc });
+const stack = await Stack.create({ namespace: 'namespace' });
 
 console.log('My Peer ID is:', stack.id);
 ```

docs/docs/relay.mdx

@@ -6,7 +6,7 @@ sidebar_position: 1
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
-Relay provides [`libp2p-webrtc-star`](https://github.com/libp2p/js-libp2p-webrtc-star) compatible scalable signaling server and GraphQL API
+Relay provides `@dstack-js/transport` compatible scalable signaling server and GraphQL API
 
 ## Public Relay
 
@@ -20,6 +20,23 @@ You can check status and uptime here: https://status.dstack.dev
 
 ## Getting Bootstrap data
 
+As of version v0.2.46 no need to bootstrap
+
+you can provide an GraphQL endpoint to your relay directly in `@dstack-js/lib`
+
+```javascript
+import { Stack } from '@dstack-js/lib';
+
+const stack = await Stack.create({
+  namespace: 'namespace',
+  relay: 'https://relay.dstack.dev:443/graphql'
+});
+```
+
+<details>
+
+<summary> How to get bootstrap data </summary>
+
 Relay provides necessary GraphQL resolvers for initializing the [Stack instance](./stack.md)
 
 <Tabs>
@@ -87,16 +104,14 @@ export const createStack = async () => {
       Bootstrap: peers
     }
   });
-
-  const stack = await Stack.create('namespace', ipfs);
 };
 ```
 
   </TabItem>
 </Tabs>
 
 
-
+</details>
 
 ## Endpoints
 

package.json

@@ -70,7 +70,7 @@
     "yaml-crypt": "0.7.6",
     "zx": "6.0.7"
   },
-  "license": "GPl-3.0",
+  "license": "GPL-3.0",
   "lint-staged": {
     "*.{yaml,json,md}": "prettier --write",
     "*.{js,jsx,tsx,ts,css}": [