Giter Club home page Giter Club logo

wire-webapp's Introduction

Wire™

We are hiring

This repository is part of the source code of Wire. You can find more information at wire.com or by contacting [email protected].

You can find the published source code at github.com/wireapp/wire.

For licensing information, see the attached LICENSE file and the list of third-party licenses at wire.com/legal/licenses/.

If you compile the open source software that we make available from time to time to develop your own mobile, desktop or web application, and cause that application to connect to our servers for any purposes, we refer to that resulting application as an “Open Source App”. All Open Source Apps are subject to, and may only be used and/or commercialized in accordance with, the Terms of Use applicable to the Wire Application, which can be found at https://wire.com/legal/#terms. Additionally, if you choose to build an Open Source App, certain restrictions apply, as follows:

a. You agree not to change the way the Open Source App connects and interacts with our servers; b. You agree not to weaken any of the security features of the Open Source App; c. You agree not to use our servers to store data for purposes other than the intended and original functionality of the Open Source App; d. You acknowledge that you are solely responsible for any and all updates to your Open Source App.

For clarity, if you compile the open source software that we make available from time to time to develop your own mobile, desktop or web application, and do not cause that application to connect to our servers for any purposes, then that application will not be deemed an Open Source App and the foregoing will not apply to that application.

No license is granted to the Wire trademark and its associated logos, all of which will continue to be owned exclusively by Wire Swiss GmbH. Any use of the Wire trademark and/or its associated logos is expressly prohibited without the express prior written consent of Wire Swiss GmbH.

How to build the open source client

Build

Installation

  1. Install Node.js
  2. Install Yarn
  3. Run yarn
  4. Rename .env.localhost to .env in order to run the app in a local environment
  5. Use a browser with disabled web security (−−disable−web−security in Chrome) to circumvent CORS issues when connecting to our backend from localhost

Execution

Run yarn start and Wire's web app will be available at: https://localhost:8081/auth/

Testing

To launch the full test suite (types check + linting + server tests + app tests), simply run:

yarn test

Alternatively, you can test specific parts of the app:

yarn test:(server|types|app)

Development

Bypass Chrome's security restrictions for local development:

  1. Add the following entries to your hosts file: 127.0.0.1 local.wire.com (to connect with production backend) and 127.0.0.1 local.zinfra.io (to connect with staging backend)
  2. Restart your Chrome browser with flags: --disable-web-security --ignore-certificate-errors --user-data-dir=...
  3. Run yarn start

Host file location:

  • On macOS / Linux the hosts file can be found at: /etc/hosts
  • On Windows 10 the hosts file can be found at: %WINDIR%\system32\drivers\etc\hosts

Optional: If your browser does not trust the certificate from "local.wire.com" or "local.zinfra.io":

  1. Download mkcert
  2. Set CAROOT env variable to ./server/certificate
  3. Run mkcert -install

Deployment

General workflow

Stage Branch Action Environment Backend
1 (Feature development) edge commit wire-webapp-edge Staging
2 (Nightly test automation) dev commit or squash merge from edge wire-webapp-dev Staging
3 (Internal release) dev tag (format: YYYY-MM-DD-staging.X) wire-webapp-staging Production
4 (RC testing) master merge (don't squash) from "dev"; afterwards generate release notes wire-webapp-master Staging
5 (Production release) master tag (format: YYYY-MM-DD-production.X) wire-webapp-prod Production

Staging Bumps for internal releases

Actions

  1. Get commit ID which has been approved by QA team
  2. run yarn release:staging <commitId> (if the commit ID is omitted, the latest commit from dev will be used).
  3. Example:
    yarn release:staging 90fda951916f0d60a5bffce69a7267830e313391
    
  4. Enter "yes"

If everything is done right, you will see a Travis CI job in the build pipeline based on the new tag:

Staging Release

RC testing

Before RC testing we create a merge commit (don't squash!) from "dev" to "master" branch, so that our QA team can run tests on the latest version of our app.

Production Release

Similar to "Staging Bumps" with the exception that you need to run yarn release:production <commitId> (if the commit ID is omitted, the latest commit from master will be used).

Example:

yarn release:production 90fda951916f0d60a5bffce69a7267830e313391
Release notes

Release notes need to be generated with yarn changelog after merging to "master" and before creating the new production release tag. Release notes will be locally available (not committed to the repository) in CHANGELOG.md and sent to our marketing team to create release notes on Medium.

Manual Deployments

Based on the git branch, builds get deployed automatically by Travis CI. In case Travis CI is not working, a manual deployment can be triggered using yarn deploy.

A manual deployment requires the local setup of the Elastic Beanstalk Command Line Interface (EB CLI). Manual deployments are also based on branch defaults which are configured here.

Status

Build Status styled with prettier

Translations

All Wire translations are crowdsourced via Crowdin.

Add new strings

Info:

  • To download translations we use Crowdin API v1, and you need to setup your username and api_key (Account API key).
  • To upload translations we use Crowdin CLI v3, and you will need to setup project_identifier and api_token (Personal Access Token).

Setup:

Create a keys/crowdin.yaml in this repository and add the following entries:

api_key: your-account-api-key
api_token: your-personal-access-token
project_identifier: wire-webapp
username: your-username

Usage:

  1. Add string variable to "src/script/strings.ts" (source for the React part of our app) and text to "i18n/en-US.json" (source for the Knockout part of our app)
  2. Create a PR and merge it after approval. When the PR gets merged, our CI will take care of uploading the english texts to Crowdin.

If our CI pipeline is broken, you still have the option to upload new strings manually. For this case do the following:

  1. Install Crowdin CLI v3
  2. Verify you have a keys/crowdin.yaml in place
  3. Run yarn translate:upload

Once translations are uploaded on Crowdin, our (and external) translators can translate the new strings on Crowdin. There is a script that will run to create PRs with translation updates. As an alternative, translations can be downloaded the following way:

  1. Verify your string shows up on Crowdin project: wire-webapp
  2. Add translation on Crowdin
  3. Approve translation on Crowdin
  4. Run yarn translate:download

Contributing

Contributions are welcome! Feel free to check our issues page.

The following commits will help you getting started quickly with our code base:

wire-webapp's People

Contributors

andylnd avatar atomrc avatar backspac avatar balping avatar bardiawire avatar bennycode avatar buildog avatar d4l3k avatar dependabot-preview[bot] avatar dependabot-support avatar dependabot[bot] avatar ffflorian avatar greenkeeper[bot] avatar greenkeeperio-bot avatar gregor avatar herrmannplatz avatar infotexture avatar jschaul avatar lipis avatar lucendio avatar markesaaremets avatar maximbaz avatar mohammadrafigh avatar mythsunwind avatar otto-the-bot avatar siimteller avatar thisisamir98 avatar tiago-loureiro avatar wireswiss avatar yserz avatar

Watchers

 avatar  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.