update readme

README.md

@@ -2,7 +2,7 @@
 
 This is a template for using any external editor for Bitburner. This Template supports JSX, TS and TSX out of the box.
 
-## How to use
+## How to get started
 
 1. If you dont already have it installed, install [NodeJS](https://nodejs.org)
 1. Clone this repository
@@ -17,3 +17,96 @@ Now any changes made to scripts inside the server folders will automatically be
 To upload new scripts steps 5-7 will have to be repeated after their creation. (I plan on improving that)
 
 For more in-depth details have a look at the [plugin](https://github.com/NilsRamstoeck/esbuild-bitburner-plugin) powering this template!
+
+## Features
+
+### esbuild
+
+This template uses [esbuild](https://esbuild.github.io/) to bundle your scripts.
+
+### Using React
+
+This template allows you to use the ingame instances of `React` and `ReactDOM` simply by importing them as ESModule as you usually would.
+
+```jsx
+import React, {useState} from 'react';
+
+export MyComponent(){
+  const [count, setCount] = useState(0);
+
+  return <div>Count {count} <button onClick={() => setCount(count + 1)}>Add to count</button></div>;
+}
+
+```
+
+### Developing on multiple servers
+
+Simply create a new folder with the name of the server you want in the 'servers' directory to develop on to start developing on that server!
+
+### Bidirectional Mirroring
+
+You can enable mirroring like this  
+
+```js
+const createContext = async () => await context({
+  entryPoints: [
+    'servers/**/*.js',
+    'servers/**/*.jsx',
+    'servers/**/*.ts',
+    'servers/**/*.tsx',
+  ],
+  outbase: "./servers",
+  outdir: "./build",
+  plugins: [BitburnerPlugin({
+    port: 12525,
+    types: 'NetscriptDefinitions.d.ts',
+    mirror: {
+      'local/path': ['home', 'and/or other servers']
+    }
+  })],
+  bundle: true,
+  format: 'esm',
+  platform: 'browser',
+  logLevel: 'info'
+});
+
+let ctx = await createContext();
+ctx.watch();
+```
+
+This will mirror all listed servers for a path to a specified location.
+While mirroring, all changes in the game will be synced with your editor and vice versa.
+
+### Automatic Distribution
+
+You can specify folders with a list of servers to automatically distribute your files to these servers like this:
+
+```js
+const createContext = async () => await context({
+  entryPoints: [
+    'servers/**/*.js',
+    'servers/**/*.jsx',
+    'servers/**/*.ts',
+    'servers/**/*.tsx',
+  ],
+  outbase: "./servers",
+  outdir: "./build",
+  plugins: [BitburnerPlugin({
+    port: 12525,
+    types: 'NetscriptDefinitions.d.ts',
+    distribute: {
+      'build/home/dist': ['server-1', 'server-2', 'server-3']
+    }
+  })],
+  bundle: true,
+  format: 'esm',
+  platform: 'browser',
+  logLevel: 'info'
+});
+
+let ctx = await createContext();
+ctx.watch();
+
+```
+
+In this example all files that are developed in 'servers/home/dist' will not only be uploaded to 'home' but also 'server-1', 'server-2' and 'server-3'.

build.mjs

@@ -15,8 +15,8 @@ const createContext = async () => await context({
       port: 12525,
       types: 'NetscriptDefinitions.d.ts',
       mirror: {
-        'mirror/own': ['home', 'grindr-1', 'grindr-2', 'non'],
-        'mirror/other': ['n00dles', 'foodnstuff']
+      },
+      distribute: {
       }
     })
   ],
@@ -27,4 +27,4 @@ const createContext = async () => await context({
 });
 
 let ctx = await createContext();
-ctx.watch();
+ctx.watch();