TrueChartsClone/docs/manual/development/getting-started.md

203 lines
11 KiB
Markdown
Raw Normal View History

# Getting Started
This is a step by step guide for people who want to contribute but have no idea how to get started.
If you get lost at any point in this guide, don't be afraid to ask. There are tons of friendly dudes and dudettes who will answer all your questions.
***
### First thing first
You will need these to start your journey:
- A [GitHub account](https://github.com/).
- You'll also need to download Git from this link https://git-scm.com/, this is different from GitHub and will allow you to download and upload TrueCharts and your personal changes
### Setting up your dev environment
If you already know what you're doing, go to our [GitHub](https://github.com/truecharts/apps) and fork. Otherwise, look at this picture, from now on this will be the **contribution cycle**. This is how our workflow will look at the end of the tutorial.
<img src="https://i.imgur.com/qPg9XmQ.png" alt="Contribution cycle" style="zoom:120%;" />
What's that? You have no idea what any of that means? Worry not, my fellow contributor! I will guide you step by step.
First, you did your [GitHub account](https://github.com/) account as suggested, right? Good. We will now visit the [TrueCharts Repository in GitHub](https://github.com/truecharts/apps) and click this little button located at the top right corner of the page:
![Fork button](https://i.imgur.com/lw1XYPS.png)
As the hint suggests, this will create your very own copy of TrueCharts under your account. This copy is yours and you can do whatever you want with it, but in order to contribute, you will need to comply with some good practices I'll tell you in a second.
Good, now we just need GIT. You don't know what a GIT is? Well, GIT is a [Version Control Software](https://en.wikipedia.org/wiki/Version_control) designed to deal with the problem of having multiple people modifying the same files at the same time. In other words, we need it. If we don't use it, the project would descend into chaos.
At this point, you have a very important decision to make. It is like the type of Pokémon you choose to start your adventure... You want [GIT with GUI](https://desktop.github.com/) or [CLI](https://gitforwindows.org/)? I will describe the starting steps for both now, so you can make your mind. (OSX and Linux come with GIT CLI installed!)
At a later stage you might also want to pick your own GUI, like [GitKraken](https://www.gitkraken.com/) or [SourceTree](https://www.sourcetreeapp.com/)
##### Downloading GIT and Dependencies
First of all, you need to download Git from this link https://git-scm.com/, this is also a great stage to install [GIT with GUI](https://desktop.github.com/) or your own GIT GUI.
**Optionally**
_With TrueCharts we use some custom tools to make sure you have the least amount of work possible when working on the project._
_However, this means you need some custom tools before you can start working on TrueCharts:_
- _Git (git client optional)_
- _Python (including Pip, added to path on windows)_
- _Pre-Commit (prefered)_
_When on Windows install Python3 with the installer available here: (https://www.python.org/downloads/), Be sure to check "Add to Path" during installation._
After that's finished installing, restart your computer then you can continue with setting up the project.
##### Cloning from your GitHub
**You are here**: <img src="https://i.imgur.com/jLPqKL9.png" alt="cloning" style="zoom: 80%;" />
After **Forking** from TrueCharts central repo (**upstream**), we need to **clone** from our fork so we get the files into your computer (**Local repo**).
| GitHub Desktop | Git Bash |
| :----------------------------------------------------------: | :----------------------------------------------------------: |
| ![desk1](https://i.imgur.com/a0LNXEG.png)<br /><img src="https://i.imgur.com/mVoz1Kp.pnghttps://i.imgur.com/QYUSgJQ.png" alt="desk2" style="zoom:80%;" /> | Navigate to the folder where you want to save the files<br />``git clone https://github.com/YourUser/YourRepo.git`` |
##### Adding the central repo as a remote
Are you done downloading? Awesome! Now your local repo is automagically soul-linked with your remote repo in GitHub (remember we call this **origin**). We're going to also link the central repo and name it **upstream**
| GitHub Desktop | Git Bash |
| :------------------------: | :----------------------------------------------------------: |
| This is automagically done | Navigate to the folder where your local repo is<br />``git remote add upstream https://github.com/truecharts/apps.git``<br />Now to make sure everything is in order, we do<br />``git remote -v``<br />and it should show both repos, yours in **origin** and central in **upstream** |
##### Setting up Pre-Commit
Pre-Commit makes sure to fix small warnings that might prevent us from merging your changes into our repo. For now it isn't really important why, how and what. But realise it does so in each step called "commit" in the future.
2021-05-30 11:14:37 +00:00
To setup Pre-Commit on windows, simply double click `tools/pre-commit-install.bat`, on Linux you can install pre-commit by using `pip install pre-commit` and `pre-commit install` from the project top-most directory
### Opening the project and editing the project
By now you would have a complete copy of TrueCharts to play with.
Use your favorite editor to edit them and/or follow other guides to make the changes you want!
What follows in this guide is how to get your changes into the TrueCharts official catalog
### Final step in your setup!
After some playing around you might notice it created changes you don't want to keep. Said files **should not be committed** when you request your other changes to be integrated into the TrueCharts. Let's go and discard all of them...
| GitHub Desktop | Git Bash |
| :----------------------------------------------------------: | :----------------------------------------------------------: |
| Go to the **changes** tab. In my case, I have 2 changes<br />![changes](https://i.imgur.com/0Vpe3MA.png)<br /> Now right-click in the amount of changes and discard all![discard](https://i.imgur.com/dlXn3k0.png) | ``git status`` will show you all the unstaged changes you currently have.<br />``git checkout .`` and ``git clean -f`` to get rid of all of them. |
You will be doing this **a lot** so make sure to learn it!
Now that our **master** branch is completely clean we will create a new branch from it. Try to always have a **feature branch** you can play with and keep **master** pristine.
What's a branch? Well, let's say it is like having a multiverse in your folder. In **branch A** you have a file called "greeting.txt" and its content is "hello world", while in **branch B** you have the same file but now its content is "hello universe". You can see how this is useful for us, so we have a version of the game that is common to everyone and you have your own version with the feature you're adding. We can later **merge** both branches and GIT will try its best to do it smoothly.
So how do I create a new branch?
| GitHub Desktop | Git Bash |
| :----------------------------------------------------------: | :----------------------------------------------------------: |
| Click the current branch button<br />![create branch 1](https://i.imgur.com/RxIZcYG.png)<br />![create new branch 2]()<br />All that's missing is to publish the new branch so your remote in GitHub (**origin**) is up to date<br />![publish](https://i.imgur.com/1wCOCAB.png) | <br />``git branch mybranch``<br />Where "mybranch" is the name you chose for your branch (be more creative than this, please).<br />Then we do ``git checkout mybranch`` to change the current branch to **mybranch** instead of **master**<br />Finally we publish our new branch doing ``git push`` |
### Contribute to the central repo
#### Committing and pushing your changes
You are here: ![committing and pushin](https://i.imgur.com/co15IxT.png)
I strongly suggest you handle your changes in your IDE or GitHub Desktop. Remember to only commit those files you intended to change.
In the case of GitHub Desktop, all you got to do is to select the files you wish to commit and click the commit button
![committing changes](https://i.imgur.com/uih3SIN.png)
Now all that is missing is publishing your commits to your remote (**origin**)
| GitHub Desktop | Git Bash |
| :------------------------------------------------: | :-----------------: |
| ![push to origin](https://i.imgur.com/WYbI8zO.png) | ``git push origin`` |
#### Making a PR
A **P**ull **R**equest is the only way to get your changes into the central version of the game. You do a PR by **committing** your changes and **pushing them** to your remote repo (**origin**). Then, visit the [TrueCharts Repository in GitHub](https://github.com/truecharts/apps) and click this green button:
![make a pr button](https://i.imgur.com/yt2QJd4.png)
You will see a page where you can name your PR and fill a little form with the relevant information. Your PR will be tested and reviewed and once you answered all questions and processed all feedback, it will be accepted into TrueCharts!
#### Updating your repo
This is a chaotic project and stuff happens almost **every day** so it is very important that you keep your repo up-to-date, especially when mapping.
| GitHub Desktop | Git Bash |
| :------------------------------------------------: | :-----------------------------------------------------: |
| Click the current branch tab<br />![update 1](https://i.imgur.com/mo72LEm.png)<br />In the list find ``upstream/master``<br /><img src="https://i.imgur.com/7ifC4MQ.png" /> | ``git fetch --all``<br />``git merge upstream/master`` |
You did it, you completed the tutorial! Now go back to the first time I showed you the **Contribution cycle** picture and see how you understand it a little better now!
Here is a little resume of what we just saw:
**Set up**
1. Fork from the central repo (upstream)
2. Clone from your remote repo (origin) to your local
3. Create a feature branch
**Working**
0. Update your repo from the central (upstream)
1. Start working in your feature
2. Commit to your local repo
3. Push from your local to your remote (origin)
4. Make a PR
***
## Now what?
Well, feeling confused after messing around with the scenes and all? well, it's now time to actually learn to work on TrueCharts and TrueNAS SCALE Apps!
##### Reading other TrueCharts wikis
Take a look at [other wiki pages we have](https://wiki.truecharts.org)
##### Downloading a code editor
There is a lot you can accomplish through simple text editors like notepad and notepad++, but if you plan on contributing seriously to the code/scripts, you'll do better if you have a good coding environment set-up.
##### Getting help
There is no shame in asking questions.
Anyone would be glad to answer your questions, just ask!
##### License
This specific file is licensed under GNU AGPL v3
`SPDX-License-Identifier: AGPL-3.0-only`