format ts files and update layout of ws commands section

Author: eshaben

.snippets/code/reference/tools/chopsticks/connect-to-fork.ts

@@ -1,12 +1,12 @@
 import { ApiPromise, WsProvider } from '@polkadot/api';
 
 async function connectToFork() {
-    const wsProvider = new WsProvider('ws://localhost:8000');
-    const api = await ApiPromise.create({ provider: wsProvider });
-    await api.isReady;
+  const wsProvider = new WsProvider('ws://localhost:8000');
+  const api = await ApiPromise.create({ provider: wsProvider });
+  await api.isReady;
 
-    // Now you can use 'api' to interact with your fork
-    console.log(`Connected to chain: ${await api.rpc.system.chain()}`);
+  // Now you can use 'api' to interact with your fork
+  console.log(`Connected to chain: ${await api.rpc.system.chain()}`);
 }
 
-connectToFork();
+connectToFork();

.snippets/code/reference/tools/chopsticks/dev-new-block-example.ts

@@ -1,10 +1,10 @@
 import { ApiPromise, WsProvider } from '@polkadot/api';
 
 async function main() {
-    const wsProvider = new WsProvider('ws://localhost:8000');
-    const api = await ApiPromise.create({ provider: wsProvider });
-    await api.isReady;
-    await api.rpc('dev_newBlock', { count: 1 });
+  const wsProvider = new WsProvider('ws://localhost:8000');
+  const api = await ApiPromise.create({ provider: wsProvider });
+  await api.isReady;
+  await api.rpc('dev_newBlock', { count: 1 });
 }
 
-main();
+main();

.snippets/code/reference/tools/chopsticks/dev-setBlockBuildMode-example.ts

@@ -1,10 +1,10 @@
 import { ApiPromise, WsProvider } from '@polkadot/api';
 
 async function main() {
-    const wsProvider = new WsProvider('ws://localhost:8000');
-    const api = await ApiPromise.create({ provider: wsProvider });
-    await api.isReady;
-    await api.rpc('dev_setBlockBuildMode', 'Instant');
+  const wsProvider = new WsProvider('ws://localhost:8000');
+  const api = await ApiPromise.create({ provider: wsProvider });
+  await api.isReady;
+  await api.rpc('dev_setBlockBuildMode', 'Instant');
 }
 
-main();
+main();

.snippets/code/reference/tools/chopsticks/dev-setHead-example.ts

@@ -1,10 +1,10 @@
 import { ApiPromise, WsProvider } from '@polkadot/api';
 
 async function main() {
-    const wsProvider = new WsProvider('ws://localhost:8000');
-    const api = await ApiPromise.create({ provider: wsProvider });
-    await api.isReady;
-    await api.rpc('dev_setHead', 500);
+  const wsProvider = new WsProvider('ws://localhost:8000');
+  const api = await ApiPromise.create({ provider: wsProvider });
+  await api.isReady;
+  await api.rpc('dev_setHead', 500);
 }
 
-main();
+main();

.snippets/code/reference/tools/chopsticks/dev-setRuntimeLogLevel-example.ts

@@ -1,10 +1,10 @@
 import { ApiPromise, WsProvider } from '@polkadot/api';
 
 async function main() {
-    const wsProvider = new WsProvider('ws://localhost:8000');
-    const api = await ApiPromise.create({ provider: wsProvider });
-    await api.isReady;
-    await api.rpc('dev_setRuntimeLogLevel', 1);
+  const wsProvider = new WsProvider('ws://localhost:8000');
+  const api = await ApiPromise.create({ provider: wsProvider });
+  await api.isReady;
+  await api.rpc('dev_setRuntimeLogLevel', 1);
 }
 
-main();
+main();

.snippets/code/reference/tools/chopsticks/dev-setStorage-example.ts

@@ -2,17 +2,17 @@ import { ApiPromise, WsProvider } from '@polkadot/api';
 import { Keyring } from '@polkadot/keyring';
 
 async function main() {
-    const wsProvider = new WsProvider('ws://localhost:8000');
-    const api = await ApiPromise.create({ provider: wsProvider });
-    await api.isReady;
-    const keyring = new Keyring({ type: 'ed25519' });
-    const bob = keyring.addFromUri('//Bob');
-    const storage = {
-        System: {
-        Account: [[[bob.address], { data: { free: 100000 }, nonce: 1 }]],
-        },
-    };
-    await api.rpc('dev_setStorage', storage);
+  const wsProvider = new WsProvider('ws://localhost:8000');
+  const api = await ApiPromise.create({ provider: wsProvider });
+  await api.isReady;
+  const keyring = new Keyring({ type: 'ed25519' });
+  const bob = keyring.addFromUri('//Bob');
+  const storage = {
+    System: {
+      Account: [[[bob.address], { data: { free: 100000 }, nonce: 1 }]],
+    },
+  };
+  await api.rpc('dev_setStorage', storage);
 }
 
-main();
+main();

.snippets/code/reference/tools/chopsticks/dev-timeTravel-example.ts

@@ -1,10 +1,10 @@
 import { ApiPromise, WsProvider } from '@polkadot/api';
 
 async function main() {
-    const wsProvider = new WsProvider('ws://localhost:8000');
-    const api = await ApiPromise.create({ provider: wsProvider });
-    await api.isReady;
-    await api.rpc('dev_timeTravel', '2030-08-15T00:00:00');
+  const wsProvider = new WsProvider('ws://localhost:8000');
+  const api = await ApiPromise.create({ provider: wsProvider });
+  await api.isReady;
+  await api.rpc('dev_timeTravel', '2030-08-15T00:00:00');
 }
 
-main();
+main();

reference/tools/chopsticks.md

@@ -244,7 +244,7 @@ Now you can interact with your forked chains using the ports specified in the ou
 
 Chopstick's internal WebSocket server has special endpoints that allow the manipulation of the local Polkadot SDK chain.
 
-=== "dev_newBlock"
+???+ interface "dev_newBlock"
 
     Generates one or more new blocks.
 
@@ -265,7 +265,7 @@ Chopstick's internal WebSocket server has special endpoints that allow the manip
     --8<-- 'code/reference/tools/chopsticks/dev-new-block-example.ts'
     ```
 
-=== "dev_setBlockBuildMode"
+??? interface "dev_setBlockBuildMode"
 
     Sets block build mode.
 
@@ -282,7 +282,7 @@ Chopstick's internal WebSocket server has special endpoints that allow the manip
     --8<-- 'code/reference/tools/chopsticks/dev-setBlockBuildMode-example.ts'
     ```
 
-=== "dev_setHead"
+??? interface "dev_setHead"
 
     Sets the head of the blockchain to a specific hash or number.
 
@@ -296,7 +296,7 @@ Chopstick's internal WebSocket server has special endpoints that allow the manip
     --8<-- 'code/reference/tools/chopsticks/dev-setHead-example.ts'
     ```
 
-=== "dev_setRuntimeLogLevel"
+??? interface "dev_setRuntimeLogLevel"
 
     Sets the runtime log level.
 
@@ -310,7 +310,7 @@ Chopstick's internal WebSocket server has special endpoints that allow the manip
     --8<-- 'code/reference/tools/chopsticks/dev-setRuntimeLogLevel-example.ts'
     ```
 
-=== "dev_setStorage"
+??? interface "dev_setStorage"
 
     Creates or overwrites the value of any storage.
 
@@ -325,7 +325,7 @@ Chopstick's internal WebSocket server has special endpoints that allow the manip
     --8<-- 'code/reference/tools/chopsticks/dev-setStorage-example.ts'
     ```
 
-=== "dev_timeTravel"
+??? interface "dev_timeTravel"
 
     Sets the timestamp of the block to a specific date. All future blocks will be sequentially created after this point in time.