Content translation/CX3

Content Translation version 3 or CX3 is a fresh version of Content translation tool. This version will be implemented using Vue.js. Better mobile support and Section Translation (SX) will be major new features.

Technology
CX3 uses Vue.js as the JavaScript framework. A new UI library developed using Vue.js and as per Wikimedia Style Guidelines will be used as the foundation. CX3 is a Single Page Application (SPA) built using vue-cli. The assets built are then served as a ResourceLoader module. For a user, the Special:ContentTranslation page will act as an SPA. The application is designed and developed as mobile-first application.


 * Vue.js 2.x is used as base JavaScript framework
 * Vuex 3.x is used as Vue Store
 * Vue CLI 4.x is used as the build tool
 * Banana-i18n is used as i18n framework with vue binding. This makes the application less MediaWiki dependent and jQuery independent.
 * Visual Editor is used as section editor

The application is primarily targeted mobile devices running Modern (grade A) browsers.

Setup
Check out content translation code and install documented in the Extension:ContentTranslation page. Content translation need the cxserver running and configured. Enable the CX3 using the configuration: $wgContentTranslationVueDashboard=true;

Development
In the source code of Content translation extension, go to app folder and install dependencies Start the development server which gives features like hot module reloading, access to Vue dev tools. To test the application, run: To build the assets for production, run The application comes with a UI library and illustrated using a storybook. The current storybook is available here. To run storybook locally, run