Giter VIP home page Giter VIP logo

outline's Introduction

An open, extensible, wiki for your team built using React and Node.js.
Try out Outline using our hosted version at www.getoutline.com.

Outline

Join the community on Spectrum

This is the source code that runs Outline and all the associated services. If you want to use Outline then you don't need to run this code, we offer a hosted version of the app at getoutline.com.

If you'd like to run your own copy of Outline or contribute to development then this is the place for you.

Installation

Outline requires the following dependencies:

  • Postgres >=9.5
  • Redis
  • Slack developer application

In development you can quickly get an environment running using Docker by following these steps:

  1. Install Docker for Desktop if you don't already have it.
  2. Register a Slack app at https://api.slack.com/apps
  3. Copy the file .env.sample to .env and fill out the Slack keys, everything else should work well for development.
  4. Run make up. This will download dependencies, build and launch a development version of Outline.

Development

Server

To enable debugging statements, set the following env vars:

DEBUG=sql,cache,presenters,events

Migrations

Sequelize is used to create and run migrations, for example:

yarn sequelize migration:create
yarn sequelize db:migrate

Or to run migrations on test database:

yarn sequelize db:migrate --env test

Structure

Outline is composed of separate backend and frontend application which are both driven by the same Node process. As both are written in Javascript, they share some code but are mostly separate. We utilize latest language features, including async/await, and Flow typing. Prettier and ESLint are ran as pre-commit hooks.

Frontend

Outline's frontend is a React application compiled with Webpack. It uses Mobx for state management and Styled Components for component styles. Unless global, state logic and styles are always co-located with React components together with their subcomponents to make the component tree easier to manage. The editor is driven by Slate with several plugins.

  • app/ - Frontend React application
  • app/scenes - Full page views
  • app/components - Reusable React components
  • app/components/Editor - Text editor and its plugins
  • app/stores - Global state stores
  • app/models - State models
  • app/types - Flow types for non-models

Backend

Backend is driven by Koa (API, web server), Sequelize (database) and React for public pages and emails.

  • server/api - API endpoints
  • server/emails - React rendered email templates
  • server/models - Database models (Sequelize)
  • server/pages - Server-side rendered public pages (React)
  • server/presenters - API responses for database models
  • shared - Code shared between frontend and backend applications

Tests

We aim to have sufficient test coverage for critical parts of the application and aren't aiming for 100% unit test coverage. All API endpoints and anything authentication related should be thoroughly tested, and it's generally good to add tests for backend features and code.

To add new tests, write your tests with Jest and add a file with .test.js extension next to the tested code.

# To run all tests
yarn test

# To run backend tests
yarn test:server

# To run frontend tests
yarn test:app

Contributing

Outline is still built and maintained by a small team โ€“ we'd love your help to fix bugs and add features!

However, before working on a pull request please let the core team know by creating or commenting in an issue on GitHub, and we'd also love to hear from you in our Spectrum community. This way we can ensure that an approach is agreed on before code is written and will hopefully help to get your contributions integrated faster!

If you're looking for ways to get started, here's a list of ways to help us improve Outline:

  • Issues with good first issue label
  • Performance improvements, both on server and frontend
  • Developer happiness and documentation
  • Bugs and other issues listed on GitHub
  • Helping others on Spectrum

License

Outline is BSD licensed.

outline's People

Contributors

jorilallo avatar tommoor avatar lex111 avatar a--hoang avatar ganes1410 avatar iamsaso avatar anchepiece avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.