Repository files navigation

Home of the NativeScript documentation content that lives athttp://docs.nativescript.org. Startcontributing today!

• Contributing 🍺
• About Jekyll 🔩
• Configuration ⚙️
• Local Setup 💻
• Contributors ❤️

The NativeScript documentation is completely open-source and we love contributions. Whether you want to fix a typo or write an entire article, the NativeScript documentation is a great way to get started contributing to an open-source project.

Don’t know where to start? Check out thelist of issues with the “help wanted” label. New to git or GitHub?Join our community Slack chat and we’ll be happy to help get you up and running.

Themaster branch contains the most up-to-date version of the NativeScript documentation and its contents are uploaded todocs.nativescript.org. When contributing to the documentation, always create a branch for your work frommaster as this will facilitate easier pull request management.

No, my friend. There are many other code repositories in the NativeScript world you might also be interested in contributing to:

• nativescript-cli - This repo contains the NativeScript command-line interface, which lets you create, build, and run apps using the NativeScript framework. The CLI is written in TypeScript.

• nativescript-angular - This repository contains the TypeScript code that integrates Angular with NativeScript.

• nativescript-vue - This community-run project allows NativeScript to integrate with Vue.js.

• ios-runtime - This repo contains the NativeScript iOS runtime — the code that hosts NativeScript iOS apps, and allows JavaScript code to be executed on iOS devices. The iOS runtime is written in a fun mix of C++, Objective-C, and more.

• android-runtime - This repo contains the NativeScript Android — the code that hosts NativeScript Android apps, and allows JavaScript code to be executed on Android devices. The Android runtime is written in a fun mix of C++ and Java.

You can go check them out and help to expand their docs, add plugins to it and even fix bugs.

This documentation is built usingJekyll. More info on how to control the template, table of content and the project structure, in general, can be found in theBuild README

There are two versions of the NativeScript documentation that generate similar output:nativescript andangular. The former builds the vanilla NativeScript docs atdocs.nativescript.org/start/introduction, while the latter discusses Angular-specific topics atdocs.nativescript.org/angular/start/introduction.

Most of the content in this repository is shared between the two environments, but occasionally you may need to add environment-specific content. When you have this need you have a few options.

1. If you would like a page to appear in a single environment, add anenvironment: angular orenvironment: nativescript property to that page's front matter. Pages marked with anenvironment property will appear in a single environment, and pagesnot marked with anenvironment property will be shared across all environments.

2. If you have a page that should appear in both environments but has different content for certain sections, you can use our built-in environment block tags. The blocks are namedangular andnativescript, respectively, and can be used like this:

{% nativescript %}This paragraph appears only in the vanilla NativeScript documentation{% endnativescript %}This paragraph appears in both environments.{% angular %}This appears only in the Angular NativeScript documentation{% endangular %}

If you plan to work on a non-trivial change, you will most probably want to run the documentation locally in order to give your change a try before submitting a pull request. To provide you with this opportunity without installing a ton of libraries and loose time in configuration, we have prepared a virtual environment based on a docker image, where everything is prepared for you in advance.

Docker should be installed on your machine:

• Open theofficial Docker install page and follow the instructions.

The NativeScript documentation is composed from multiple repositories:

• NativeScript Docs
• NativeScript Modules
• NativeScript Angular
• NativeScript JavaScript SDK examples
• NativeScript Angular SDK examples

Start by cloning all required git repositories in some local folder (ns-docs in the following examples):

Open a console box (Windows users should run a Git bash session!) and clone the required git repositories:

mkdir ns-docscd ns-docsgit clone https://github.com/NativeScript/docs.gitgit clone https://github.com/NativeScript/nativescript-angular.git

Optional:

git clone https://github.com/NativeScript/NativeScript.gitgit clone https://github.com/NativeScript/nativescript-sdk-examples-js.gitgit clone https://github.com/NativeScript/nativescript-sdk-examples-ng.gitgit clone https://github.com/NativeScript/nativescript-cli.gitgit clone https://github.com/NativeScript/nativescript-ui-samples.gitgit clone https://github.com/NativeScript/nativescript-ui-samples-angular.gitgit clone https://github.com/NativeScript/nativescript-ui-samples-vue.git

NOTE:nativescript-ui-... are private repositories used for building the API Reference for the NativeScript UI components.
NOTE: If you have these repositories locally from previous work with the documentation, be sure to delete them and start from scratch as some old files can cause problems with the current setup.

Then, build the docker image by using the following command from thens-docs folder:

sudo docker build -t ns-docs:1.0 docs/build

NOTE: If you received some unauthorized error, make sure you are logged into docker from the CLI. Just executedocker login and follow the instruction. One thing to have in mind is that docker username is your email, but docker ID is what you see on the top right when you log in tohttps://hub.docker.com. When executingdocker login you need to enter your Docker ID.

Start the docker image created in the previous step from thens-docs folder:

sudo docker run --rm -t -i -v$(pwd):/root -p 9192:9192 -t ns-docs:1.0

Due to thepoor performance of mounted volumes on Mac OS you may use thedelegated mount strategy:

sudo docker run --rm -t -i -v$(pwd):/root:delegated -p 9192:9192 -t ns-docs:1.0

Edit an article in some of the repositories and navigate tohttp://localhost:9192 on the host machine. Notice that it might take some time for the changes to be reflected in the browser.

• Edit some files.
• Refresh your browser (depending on which files have been modified, it might take more or less time for the changes to take effect).

The following is a list of all the people that have contributed to the NativeScript documentation. Thanks for your contributions!