Content translation/CX3

Content Translation version 3 or CX3 is a fresh version of Content translation tool. This version will be implmented using Vue.js. Section Translation(SX) will be a new feature.

Technology
CX3 uses vuejs as the javascript framework. A new UI library developed using Vuejs and as per Wikimedia Style Guidelines will be used as the foundation. CX3 is be 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 targetted 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