Welcome to the Nextcloud News App developer documentation.
News is open for contributions, if you plan to implement a new feature make sure to open a discussion. Describe the feature that you are planing and your first idea how to implement it. This ensures that you don't start working on something which collides with the targets of the maintainers.
For small fixes and improvements feel free to directly create a PR, the maintainers are happy to review your code.
News offers an API that can be used by clients to synchronize with the server. There are two API declarations, so far only V1 has been fully implemented. Work on V2 has started with low priority.
Coding Style Guidelines
The PHP code should all adhere to PSR-2.
Note that this is a different codestyle than Nextcloud itself uses.
To test the codestyle you can run
The application Front End uses Vue 2.7 and the Nextcloud Libraries Vue Components for building the Application running inside your Nextcloud instance. For linting these files, we are using eslint, see the config file. We also have Unit Tests for the components that run with Jest, please ensure these pass when adding new features/fixing bugs.
General Developer setup
Check the Nextcloud documentation to learn how to setup a developer environment, alternatively to a proper web server you can also use the builtin php server on demand, it is enough for development purposes.
When your setup is running, clone the news repository in the
apps/ directory inside the server.
Change into the news directory and run
make to build the app, you will need php, composer, node, npm and maybe more.
Now you can basically use the news app and test any changes you make on your local development environment. Check out the
appinfo/routes.php file and
lib/controller/ directory for details on API controllers. Or check out
package.json for npm scripts and the
src/ directory for the front end Vue Application.
- We use the Nextcloud Vue component library for most of the form controls and navigation
- Vuex is used for state management, this is similar to Redux and has Actions/Mutations and Getters
- We are using the Nextcloud Webpack Vue configuration and have enabled Typescript support and importing in the Vue components
- We use ESLint and StyleLint for ensuring correct formatting of the Scripts and HTML
Please make sure to run all tests before submitting any pull requests.
Frontend Unit Tests
Frontend unit tests are written with Jest and can be run with
npm run test.
API and CLI Integration Tests
We use bats to run integration tests against the API and the cli.
Check how to install bats on your system in the official documentation.
You also need to pull the submodules of the news repo.
git submodules update --init
The cli tests expect that the feeds are reachable at
http://localhost:8090, to achieve that you can use
make feed-server & the
& means it'll run in the background.
Now the test feeds will be reachable for bats.
Run the tests by executing
bats tests/command you can also only run specific tests for example
For the API tests you need to run a second php server or have another web server that provides Nextcloud and the News App.
The tests expect to find Nextcloud at
You can do this by running
The bats tests can be executed like this