News: Frontend is outdated

[BernhardPosselt]

The frontend is outdated in various ways and is therefore way harder to maintain then needed:

• Building the js bundle should be done with a few lines of webpack
• After webpack is set up we can move to modularizing the code and use es6 module loading
• Minification should be done with babili since uglifyjs doesnt work with anything remotely ES6 nor newer
• Thirdparty libs should be pulled in entire from npm
• Frontend should probably be migrated to a newer Angular or different technology

For an example webpack file with typescript see https://github.com/nextcloud/appstore/blob/master/webpack.config.js and https://github.com/nextcloud/appstore/blob/master/karma.conf.js for integration with karma

---

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

[schaal]

Thirdparty libs should be pulled in entire from npm

Was actually already working on that. Just opened #197 to move all dependencies to npm and remove bower.

[georgehrke]

In the calendar we are currently considering migrating to Vue.js

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

[SMillerDev]

@georgehrke did anything ever come of that?

[danopz]

Some apps are already migrated to Vue. On my personal todo list I have a task trying to rewrite the frontend with Vue.js, but don't know when I'm able to start.
In general I would like to see a new maintainable frontend. :grinning:

[georgehrke]

@SMillerDev Not yet, but @skjnldsv is already working on migrating the Contacts app to Vue.js.
We will do the same for the Calendar app once we successfully moved the Contacts app.

[skjnldsv]

@danopz We already have a lot of components ready-to-use for vue. If you want to upgrade the news app, we'll help you with a great joy ;)

[JonathanTreffler]

I would be glad to help migrating this app to vue.js.

_I migrated the flowupload app to vue (from angular) a month ago (the frontend of this app is obviously more complicated)_

[jancborchardt]

@Grotax @JonathanTreffler @schaal @SMillerDev @danopz @BernhardPosselt we have a Nextcloud Talk instance also with e.g. a channel for Vue discussions, as well as a "News team" channel – it’s not very active yet but we do have @David-Development @stefan-niedermann and @phedlund already in! :)

I can add you there with your email address and name if you like, then you can disuss about updating it to the Vue components?

[jancborchardt]

And another thing: We are working on a new "Dashboard" at the moment and it would be quite cool if there would be a News app widget for it? :slightly_smiling_face: – see details at https://github.com/nextcloud/server/issues/20930

[SMillerDev]

Pull requests are welcome 🤷‍♂️

[JonathanTreffler]

I can add you there with your email address and name if you like, then you can disuss about updating it to the Vue components?

My email adress is [email protected] 😀

[jancborchardt]

@SMillerDev @Grotax (and others) should I also add you? :)

[SMillerDev]

@SMillerDev @Grotax (and others) should I also add you? :)

I'm not really gonna spend any time on the vue migration, but if you want you can invite me with <username>@me.com

[Grotax]

Yea sure but I'm not very active at the moment [email protected]

[JonathanTreffler]

I can add you there with your email address and name if you like, then you can disuss about updating it to the Vue components?

How can we get access ? Is it the instance at cloud.nextcloud.com ?

[jancborchardt]

Just invited the 3 of you, you should get an invitation mail. :) Yes it is the instance at cloud.nextcloud.com – and you will also be able to e.g. use the mobile apps for convenience. (You can change your names and also set avatars, but file upload is restricted for guest users.)

[JonathanTreffler]

_(i changed my github username to JonathanTreffler and updated comments mentioning my old username. I wanted to change it for a while and the number of mentions i then need to update only increases)_