1243129 - Integrate React to pontoon

Status: RESOLVED FIXED

(Webtools Graveyard :: Pontoon, defect, P2)

Description

[Matjaz Horvat [:mathjazz]]

Osmose has already done some work we can try to reuse or get inspiration from.

Comment 1

[[github robot]]

Commit pushed to master at https://github.com/mozilla/pontoon

https://github.com/mozilla/pontoon/commit/e4a3758e59887e435f85e54612d736c309ce7064
Touch Bug 1243129: Es6 webpack support

- Add django-webpack-loader to requirements
- Update settings to include webpack
- Add babel and webpack to package.json
- Dont use system node in docker as its too old
- Add webpack configuration
- Add es6 placeholder
- Add a webpack run to travis
- Add babel configuration

Comment 2

[GitHub Bugzilla PR Linker]

Attachment: Link to GitHub pull-request: https://github.com/mozilla/pontoon/pull/803

Comment 3

[[github robot]]

Commit pushed to master at https://github.com/mozilla/pontoon

https://github.com/mozilla/pontoon/commit/6ac3152213f666f06ac3275dbaa3b9eaa81875cf
Touch Bug 1243129: Js testing and linting #804

- Add test dependencies for react testing and set up jest
- Add placeholder js test
- Add jest to travis run
- Add eslintrc
- Add eslintignore

Comment 4

[GitHub Bugzilla PR Linker]

Attachment: Link to GitHub pull-request: https://github.com/mozilla/pontoon/pull/813

Comment 5

[[github robot]]

Commit pushed to master at https://github.com/mozilla/pontoon

https://github.com/mozilla/pontoon/commit/81508bc74f4cbb1c8cf01ee50d9042c94e5d042d
Touch Bug 1243129: Heroku webpack support #813

- Bump node version
- Add webpack to heroku post_compile
- Install/update npm packages at deploy time

Comment 6

[[github robot]]

Commit pushed to master at https://github.com/mozilla/pontoon

https://github.com/mozilla/pontoon/commit/81037cb08ea173f038f212290eb03d0c6af03bc1
Touch Bug 1243129: Heroku webpack part 2

- Update heroku post_compile for webpack
  - run webpack with -p for compression/optimization
  - run collectstatic after
- Add assets folder to staticfiles_dirs in settings
- Build webpack assets in assets folder
- Also updates the bundle dir away from path('static') which should
  be left for collectstatic's use only
- Run webpack before collectstatic in travis

Comment 7

[[github robot]]

Commit pushed to master at https://github.com/mozilla/pontoon

https://github.com/mozilla/pontoon/commit/ecfb41ce8c1b256e5f2a13a45db66839c5685cdb
Touch Bug 1243129: Add Dockerwebpack makefile target #817

- Let dockershell take commands
- Add dockerwebpack command to Makefile

Comment 8

[[github robot]]

Commit pushed to master at https://github.com/mozilla/pontoon

https://github.com/mozilla/pontoon/commit/aa53cd132774e48731f5bd9f791c50c827c63a89
Touch Bug 1243129: React utils and widgets #803

- Add/update npm deps
  - add identity-obj-proxy to prevent jest failing on css loaders
- Add tests for js utils
- Add tests for react columns widget
- Add pontoon/django ajax util
- Add js string strip util
- Add react columns widget

Comment 9

[GitHub Bugzilla PR Linker]

Attachment: Link to GitHub pull-request: https://github.com/mozilla/pontoon/pull/818

Comment 10

[[github robot]]

Commit pushed to master at https://github.com/mozilla/pontoon

https://github.com/mozilla/pontoon/commit/30cb4c1a60933dcf16dcef9e5a529f4880e87d79
Touch Bug 1243129: linting, react env and a widget #818

- Update travis linting
  - Make travis eslint fail for pontoon/static and tests/js
  - Add pylama for tests dir
- Update eslint to handle ecma 2017
- Add a checkbox widget with indeterminate functionality
- Remove placeholder test
- Fix pylama and eslint errors in tests and pontoon/static
- Add test for checkbox widget
- Add assets folder to eslintignore

Comment 11

[[github robot]]

Commits pushed to master at https://github.com/mozilla/pontoon

https://github.com/mozilla/pontoon/commit/3abd82cb7038200747b0c848d894b85b3776665f
Bug 1243129: Add package-lock.json

https://github.com/mozilla/pontoon/commit/a2d1f2ae98f7c887f98fb5b986458210aea20dc5
Bug 1243129: Add webpack to gitignore

https://github.com/mozilla/pontoon/commit/0ef4e74334ceff7a2d33d32b82f67088153c603c
Bug 1243129: Update dev install docs

Comment 12

[GitHub Bugzilla PR Linker]

Attachment: Link to GitHub pull-request: https://github.com/mozilla/pontoon/pull/825

Comment 13

[GitHub Bugzilla PR Linker]

Attachment: Link to GitHub pull-request: https://github.com/mozilla/pontoon/pull/826

Comment 14

[[github robot]]

Commit pushed to master at https://github.com/mozilla/pontoon

https://github.com/mozilla/pontoon/commit/a036c3db22ac205e04fef9fad1f073f44a29ce9e
Touch Bug 1243129: React errors widget #825

- Add ErrorList widget
- Add test for ErrorList widget
  - also some cleanups in the test file
- Add ignorePureComponents flag to eslintrc prefer-stateless
- Use PureComponent for column widget

Comment 15

[[github robot]]

Commit pushed to master at https://github.com/mozilla/pontoon

https://github.com/mozilla/pontoon/commit/3e2a0c59442b978dc12e2bc739d4872b20594b97
Touch Bug 1243129: Mixed bag of JS cleanups/updates #854

- Fix for js container widget test
- Separate js widget tests
- Separate js utils test suites
- Add js NotImplementedError
- Add js datetime formatter util
- Add js datetime util tests

Comment 16

[GitHub Bugzilla PR Linker]

Attachment: Link to GitHub pull-request: https://github.com/mozilla/pontoon/pull/876

Comment 17

[[github robot]]

Commit pushed to master at https://github.com/mozilla/pontoon

https://github.com/mozilla/pontoon/commit/f03c1ccd9b4e683e751d61564428a2847cbc550e
Touch Bug 1243129: React data manager #857

- Add base data managers
- Make Columns widget a PureComponent
  and use props.columns not this.columns
- Adjust columns widget test
- Separate csrf getter from ajax util
  and make getCSRFToken a function
- Add tests for data widgets
- Add babel-eslint

Comment 18

[[DEACTIVATED] Adrian Gaudebert]

This is too large, and we have slightly different plans now. Closing this in favor of new bugs.