Skip to content
This repository was archived by the owner on Apr 13, 2025. It is now read-only.

Commit a0df3ef

Browse files
committed
Revise try_sample_bundle.md
- Revise try_sample_bundle.md because the CLI does not work as expected - Move how to install services from try_sample_bundle.md to install.md - Fix typo in mkdocs.yml Tim Signed-off-by: Tim_Tech_Dev <[email protected]>
1 parent 842c050 commit a0df3ef

File tree

3 files changed

+152
-92
lines changed

3 files changed

+152
-92
lines changed

docs/getting_started/install.md

Lines changed: 127 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,8 @@
22

33
## Prerequisites
44

5-
In order to download necessary tools and to install nodecg-io using the CLI you need network access.
5+
In order to download necessary tools and to install nodecg-io using the CLI you
6+
need network access.
67

78
### Required Applications
89

@@ -15,34 +16,43 @@ You'll need the following tools:
1516

1617
### Native Build Tools
1718

18-
Some services depend on packages that require native build tools. You _ONLY_ need to install these if you want to use a service that depends on native modules or if you want to install a development version.
19+
Some services depend on packages that require native build tools. You _ONLY_
20+
need to install these if you want to use a service that depends on native
21+
modules or if you want to install a development version.
1922

20-
The services that require these include StreamDeck, Midi and Serial. Please note that this list might not be up-to-date.
23+
The services that require these include StreamDeck, Midi and Serial. Please note
24+
that this list might not be up-to-date.
2125

22-
Here's how to install the native build tools on the most popular operating systems, if you need them:
26+
Here's how to install the native build tools on the most popular operating
27+
systems, if you need them:
2328

2429
#### Windows
2530

26-
For Windows, you'll need the Visual Studio Build Tools, if you have Visual Studio installed you should already have them.
27-
If you don't have Visual Studio just install the Visual Studio Build Tools by running the following command as an **Administrator**:
31+
For Windows, you'll need the Visual Studio Build Tools, if you have Visual
32+
Studio installed you should already have them. If you don't have Visual Studio
33+
just install the Visual Studio Build Tools by running the following command as
34+
an **Administrator**:
2835

2936
```shell
3037
npm install -g windows-build-tools
3138
```
3239

3340
#### Linux
3441

35-
For Linux, you'll need a C++ compiler and some other packages. On Ubuntu/Debian based operating systems run the following command:
42+
For Linux, you'll need a C++ compiler and some other packages. On Ubuntu/Debian
43+
based operating systems run the following command:
3644

3745
```shell
3846
sudo apt install build-essential libusb-1.0-0-dev libasound2-dev libudev-dev
3947
```
4048

41-
For other Linux distros you'll need the corresponding packages, just search on the internet how the packages are named for your specific distro.
49+
For other Linux distros you'll need the corresponding packages, just search on
50+
the internet how the packages are named for your specific distro.
4251

4352
#### macOS
4453

45-
For macOS, you'll need the Xcode command line tools. To install them run the following command:
54+
For macOS, you'll need the Xcode command line tools. To install them run the
55+
following command:
4656

4757
```shell
4858
xcode-select --install
@@ -56,38 +66,119 @@ Install the nodecg-io CLI using the following command:
5666
npm install -g nodecg-io-cli
5767
```
5868

59-
_Note:_ If you are running on Linux, you may need to use `sudo` if your npm installation uses a non-writeable path (default on Ubuntu apt packages, usually does not apply to packages installed using [nvm](https://github.com/nvm-sh/nvm))
69+
_Note:_ If you are running on Linux, you may need to use `sudo` if your npm
70+
installation uses a non-writeable path (default on Ubuntu apt packages, usually
71+
does not apply to packages installed using [nvm](https://github.com/nvm-sh/nvm))
6072

6173
## Install nodecg-io using the nodecg-io CLI
6274

63-
With the nodecg-io CLI installed you can run this command inside a NodeCG installation to install nodecg-io:
75+
> nodecg-io will always be installed into a `nodecg-io/` directory inside your
76+
> NodeCG installation so that your bundles and all bundles from nodecg-io are
77+
> separated. The CLI will add this path to the loaded bundles in your NodeCG
78+
> configuration automatically, you don't need to worry about it.
79+
80+
With the nodecg-io CLI installed you can run this command inside a NodeCG
81+
installation to install nodecg-io:
6482

6583
```shell
66-
nodecg-io install
84+
$ nodecg-io install
85+
Installing nodecg-io...
6786
```
6887

69-
You will get a prompt which asks you which version you want to install.
70-
71-
- By selecting an actual version (e.g., `0.1`) you create a production install that downloads the required packages from npm and setups a npm workspace to install all dependencies. Here you can choose which services you want to install.
72-
73-
- By selecting `development` you create a development install that clones the nodecg-io git repo and builds everything from scratch. We only recommend a dev install if you are sure that you want to contribute to nodecg-io. Here you always must install all services.
74-
75-
For starters, we recommend using the latest non-development version.
76-
77-
nodecg-io will always be installed into a `nodecg-io/` directory inside your NodeCG installation so that your bundles and all bundles from nodecg-io are separated. The CLI will add this path to the loaded bundles in your NodeCG configuration automatically, you don't need to worry about it.
78-
79-
If you want to every change your nodecg-io installation to add/remove a service or change the version, you can always re-run `nodecg-io install`. If a nodecg-io installation is found, its options will be preselected in the prompt. Re-running `nodecg-io install` will also update all packages to the latest patch version, if you have a production installation, and pull the repository and rebuild, if you have a development installation.
80-
81-
## Start NodeCG
82-
83-
When starting NodeCG you should see that all nodecg-io related bundles should be loaded and that you can now access nodecg-io in your NodeCG dashboard.
84-
85-
There are many example bundles premade for most services, so you may take a
86-
look at the [“Try an included sample”](../getting_started/try_example_bundle.md)-Guide (It
87-
will also tell you how to log in and how to use the GUI).
88-
Or you could directly take a deep dive into our framework and either [create a new bundle](./create_new_bundle.md)
89-
or [integrate an existing bundle](./existing_bundle.md). There are other bundles
90-
using nodecg-io, witch you could try, so may take a look around GitHub or GitLab.
88+
You will get a prompt which asks you which version you want to install:
89+
90+
<pre><b><span style="color:#1cdc9a">user@computer</span>:<span style="color:#3daee9">~/nodecg</span></b>$ nodecg-io install
91+
Installing nodecg-io...
92+
Detected nodecg installation at /home/user/nodecg.
93+
<span style="color:#11d116">?</span> <b>Which version do you want to install?</b> (Use arrow keys)
94+
development
95+
<span style="color:#1abc9c">❯ 0.1</span></pre>
96+
97+
There are two possible installation types:
98+
99+
- By selecting an actual version (e.g., `0.1`) you create a production install
100+
that downloads the required packages from npm and setups a npm workspace to
101+
install all dependencies. Here you can choose which services you want to
102+
install. Here you can not easily install our premade examples.
103+
104+
- By selecting `development` you create a development install that clones the
105+
nodecg-io git repo and builds everything from scratch. We only recommend a
106+
development install if you are sure that you want to contribute to nodecg-io
107+
or want to try an included example. Here you always must install all
108+
services and examples.
109+
110+
For starters, we recommend using the development version, so you may try our
111+
premade examples.
112+
113+
### Production install
114+
115+
<details>
116+
<summary>Click to see more!</summary>
117+
118+
Because you selected a production install you may select the services to be
119+
included in this next step:
120+
121+
<pre><b><span style="color:#1cdc9a">user@computer</span>:<span style="color:#3daee9">~/nodecg</span></b>$ nodecg-io install
122+
Installing nodecg-io...
123+
Detected nodecg installation at /home/user/nodecg.
124+
<span style="color:#11d116">?</span> <b>Which version do you want to install?</b> <span style="color:#1abc9c">0.1</span>
125+
<span style="color:#11d116">?</span> <b>Which services do you want to use?</b> (Press <span style="color:#16a085">&lt;space&gt;</span> to select, <span style="color:#16a085">&lt;a&gt;</span> to toggle all,
126+
<span style="color:#16a085">&lt;i&gt;</span> to invert selection, and <span style="color:#16a085">&lt;enter&gt;</span> to proceed)
127+
<span style="color:#1abc9c">❯◯ ahk</span>
128+
◯ android
129+
◯ curseforge
130+
◯ discord
131+
◯ intellij
132+
◯ irc
133+
◯ midi-input
134+
(Move up and down to reveal more choices)</pre>
135+
136+
If you want to every change your nodecg-io installation to add/remove a service
137+
or change the version, you can always re-run `nodecg-io install`. If a nodecg-io
138+
installation is found, its options will be preselected in the prompt. Re-running
139+
`nodecg-io install` will also update all packages to the latest patch version.
140+
141+
</details>
142+
143+
### Development install
144+
145+
<details>
146+
<summary>Click to see more!</summary>
147+
148+
Because you selected a production install you may select to use the samples and
149+
documentation to be included in these next steps:
150+
151+
<pre><b><span style="color:#1cdc9a">user@computer</span>:<span style="color:#3daee9">~/nodecg</span></b>$ nodecg-io install
152+
Installing nodecg-io...
153+
Detected nodecg installation at /home/user/nodecg.
154+
<span style="color:#11d116">?</span> <b>Which version do you want to install?</b> <span style="color:#1abc9c">development</span>
155+
<span style="color:#11d116">?</span> <b>Would you like to use the provided samples?</b> (y/N) </pre>
156+
157+
<pre><b><span style="color:#1cdc9a">user@computer</span>:<span style="color:#3daee9">~/nodecg</span></b>$ nodecg-io install
158+
Installing nodecg-io...
159+
Detected nodecg installation at /home/user/nodecg.
160+
<span style="color:#11d116">?</span> <b>Which version do you want to install?</b> <span style="color:#1abc9c">development</span>
161+
<span style="color:#11d116">?</span> <b>Would you like to use the provided samples?</b> <span style="color:#1abc9c">No</span>
162+
<span style="color:#11d116">?</span> <b>Would you like to clone the documentation?</b> (y/N) </pre>
163+
164+
If you want to every change your nodecg-io installation to add/remove a service
165+
or change the version, you can always re-run `nodecg-io install`. If a nodecg-io
166+
installation is found, its options will be preselected in the prompt. Re-running
167+
`nodecg-io install` will also pull the repository and rebuild it.
168+
169+
</details>
170+
171+
### Continue reading
172+
173+
There are many example bundles premade for most services, so you may take a look
174+
at the
175+
[“Try an included sample”](../getting_started/try_example_bundle.md)-Guide (It
176+
will also tell you how to start NodeCG, log in and how to use the GUI). Or you
177+
could directly take a deep dive into our framework and either
178+
[create a new bundle](./create_new_bundle.md) or
179+
[integrate an existing bundle](./existing_bundle.md). There are other bundles
180+
using nodecg-io, witch you could try, so may take a look around GitHub or
181+
GitLab.
91182

92183
## Uninstall nodecg-io
93184

@@ -97,4 +188,5 @@ If you want to uninstall nodecg-io you can run the following command:
97188
nodecg-io uninstall
98189
```
99190

100-
This will remove the `nodecg-io` directory inside your NodeCG installation and also will remove it from the loaded bundle paths in your NodeCG configuration.
191+
This will remove the `nodecg-io` directory inside your NodeCG installation and
192+
also will remove it from the loaded bundle paths in your NodeCG configuration.

docs/getting_started/try_example_bundle.md

Lines changed: 24 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -3,50 +3,17 @@
33
Trying one of the premade example bundles is a good way to get to know the
44
framework and especially the selected service.
55

6-
## Step 1: Installing the Sample
7-
8-
If you installed **dev** branch or cloned nodecg-io directly from GitHub all the
9-
samples should be already installed (you can move to step 2). In case you
10-
installed the **production** branch of nodecg-io, you may have to download the
11-
sample before you can use it. Installing and uninstalling of sample bundles can be done with the nodecg-io
12-
CLI. This can be done as follows.
13-
14-
Run this command inside your NodeCG folder:
15-
16-
```shell
17-
$ nodecg-io install
18-
Installing nodecg-io...
19-
```
20-
21-
You will be presented with a pair of options:
22-
23-
<!-- prettier-ignore-start -->
24-
25-
1. You can select the version of nodecg-io to install. **Select the version that is already installed here.** (Since this is not the migration guide)
26-
<pre><b><span style="color:#1cdc9a">user@computer</span>:<span style="color:#3daee9">~/nodecg</span></b>$ nodecg-io install
27-
Installing nodecg-io...
28-
Detected nodecg installation at /home/user/nodecg.
29-
<span style="color:#11d116">?</span> <b>Which version do you want to install?</b> (Use arrow keys)
30-
development
31-
<span style="color:#1abc9c">❯ 0.1</span></pre>
32-
2. You can select the sample bundles to be included. **Select the sample(s) you want to try here.**
33-
<pre><b><span style="color:#1cdc9a">user@computer</span>:<span style="color:#3daee9">~/nodecg</span></b>$ nodecg-io install
34-
Installing nodecg-io...
35-
Detected nodecg installation at /home/user/nodecg.
36-
<span style="color:#11d116">?</span> <b>Which version do you want to install?</b> <span style="color:#1abc9c">0.1</span>
37-
<span style="color:#11d116">?</span> <b>Which services do you want to use?</b> (Press <span style="color:#16a085">&lt;space&gt;</span> to select, <span style="color:#16a085">&lt;a&gt;</span> to toggle all, <span style="color:#16a085">&lt;i&gt;</span> to invert selection, and <span style="color:#16a085">&lt;enter&gt;</span> to proceed)
38-
<span style="color:#1abc9c">❯◯ ahk</span>
39-
◯ android
40-
◯ curseforge
41-
◯ discord
42-
◯ intellij
43-
◯ irc
44-
◯ midi-input
45-
(Move up and down to reveal more choices)</pre>
46-
47-
<!-- prettier-ignore-end -->
48-
49-
## Step 2: Run NodeCG
6+
> In case you installed the **production** branch of nodecg-io, you are out of
7+
> luck. Because the build process will cause problems if you just take one of
8+
> the samples and rebuild elsewhere.
9+
10+
If you installed **dev** branch via the `nodecg-io-cli` and did not select the
11+
“use the samples”-option run `nodecg-io install` and select it.
12+
13+
In case you cloned the repository directly from GitHub, everything should be
14+
included. But you may want to pull recent changes and rebuild the project.
15+
16+
## Step 1: Run NodeCG
5017

5118
Now you need to start NodeCG. There are a couple of different ways to do this:
5219

@@ -73,9 +40,10 @@ info: [nodecg-io-core] Minzig!
7340

7441
info: [nodecg/lib/server] NodeCG running on http://localhost:9090</pre>
7542

76-
Now you can open the NodeCG dashboard (by default) under <http://localhost:9090>.
43+
Now you can open the NodeCG dashboard (by default) under
44+
<http://localhost:9090>.
7745

78-
## Step 3: Log in to nodecg-io
46+
## Step 2: Log in to nodecg-io
7947

8048
Now navigate to the `nodecg-io` tab in the NodeCG dashboard.
8149

@@ -89,7 +57,7 @@ Now you are looking at the `nodecg-io` config menu. It should look like this:
8957

9058
![`nodcg-io` config menu](../assets/nodcg-io-dashboard.png)
9159

92-
## Step 4: Learning how to use the GUI
60+
## Step 3: Learning how to use the GUI
9361

9462
The current GUI is just intended to make the project usable, but it is not very
9563
user-friendly. As a more long term solution, a new GUI will be developed that
@@ -100,9 +68,8 @@ to arrange yourself with this one. So, to get started:
10068

10169
### In <span style="color:#b06770">pink</span>: NodeCG Tabs
10270

103-
Here you will find every NodeCG-bundle that has a dashboard. Here you may
104-
select the [`nodecg-io-debug`](../samples/debug.md)-dashboard, if it is
105-
installed.
71+
Here you will find every NodeCG-bundle that has a dashboard. Here you may select
72+
the [`nodecg-io-debug`](../samples/debug.md)-dashboard, if it is installed.
10673

10774
### In <span style="color:#b6b61c">yellow</span>: Monaco editor
10875

@@ -119,8 +86,8 @@ _Creating a new service instance_:
11986

12087
This can be accomplished by selecting the item `'New'`. Then a new dropdown will
12188
be revealed, in witch you may select the service type. Additionally, you must
122-
select an instance name. Then click `'Create'`. The newly created instance should
123-
be selected.
89+
select an instance name. Then click `'Create'`. The newly created instance
90+
should be selected.
12491

12592
_Configure a service instance_:
12693

@@ -149,8 +116,9 @@ to none, effectively removing the access to every service from all bundles.
149116
**Caution**: This can not be undone, and you will have to set up all the bundles
150117
again. _The service instances will be unaffected._
151118

152-
## Step 5: Configure the sample
119+
## Step 4: Configure the sample
153120

154-
The configurations for every sample bundle differ too greatly from each other to be included here,
155-
so you have to take a look at the documentation for your sample bundle. You will
156-
find it on the left-hand side of this page in the category `Services`.
121+
The configurations for every sample bundle differ too greatly from each other to
122+
be included here, so you have to take a look at the documentation for your
123+
sample bundle. You will find it on the left-hand side of this page in the
124+
category `Services`.

mkdocs.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ nav:
3838
- Home: index.md
3939
- Getting Started:
4040
- Installation: getting_started/install.md
41-
- Using a sample bunndle: getting_started/try_example_bundle.md
41+
- Using a sample bundle: getting_started/try_example_bundle.md
4242
- Your first bundle: getting_started/create_new_bundle.md
4343
- Migrating an existing bundle: getting_started/existing_bundle.md
4444
- Configuration: getting_started/configuration.md

0 commit comments

Comments
 (0)