📦 ❗️Vue 3 Migration - NC33 Roadmap

[sorbaugh]

Apps in server repository

• Prepare Vue 3 migration by having 2 build processes one for Vue 2 and one for migrated Vue 3 apps
  • Migrate to ESLint v9 to make linting on Vue 3 work ( chore: use ESLint v9 for linting #55495 )
  • Prepare migration by splitting the build process ( refactor: prepare Vue 3 migration #55432 )
• Moving forward with necessary migrations to Vue3, the following apps should be migrated.
  (names in parenthesis are respective app maintainers)
  • dav ( refactor(dav): migrate frontend to Typescript and Vue 3 #55951 )
  • federatedfilesharing ( refactor(federatedfilesharing): migrate to Typescript and Vue 3 #56942 )
  • files_reminders ( refactor(files_reminders): migrate app to Vue 3 #56694 )
  • files_trashbin ( refactor(files_trashbin): migrate app to Vue 3 #56439 )
  • files_versions ( refactor(files_versions): Migrate to Vue3 #55965 )
  • oauth2 ( refactor(oauth2): migrate to Typescript and Vue 3 #57012 )
  • sharebymail ( refactor: prepare Vue 3 migration #55432 )
  • theming (refactor(theming): migrate to Typescript and Vue 3 #57163)
  • twofactor_backupcodes ( refactor(twofactor_backupcodes): migrate to Typescript and Vue 3 #56067 )
  • user_ldap (refactor(user_ldap): Migrate to Vue3 #56570)
  • user_status ( refactor(user_status): migrate to Vue 3 #56544 )
  • comments ( @edward-ly )
  • dashboard ( @julien-nc )
  • files (📁 team)
  • files_external (📁 team)
  • files_sharing (📁 team)
  • profile (📁 team)
  • systemtags ( @Antreesy )
  • updatenotification ( @JuliaKirschenheuter )
  • weather_status ( @julien-nc )
  • workflowengine ( @blizzz )
  • core (this should be done close before or after the files app)
  • settings
    • QUESTION: shall we for simplicity split this app into a new appstore app + separate settings ?

Ideally all files apps in "one go". Maintaining both Vue versions duplicates dependencies which has a performance impact.

External applications

• Migrate end_to_end_encryption to Vue 3 ( refactor: migrate to Vue 3 and Vue 3 based dependencies end_to_end_encryption#1149 )
• Migrate files_antivirus to Vue 3
• Migrate Teamfolders to Vue 3
  • This one would add a bulk of improvements, such as being able to get rid of pagination, which doesn't work well with Search.

---

How to migrate apps?

1. Migrate the code to Vue 3
2. Remove symlink from build/frontend-legacy/apps
3. Remove entry from build/frontend-legacy/webpack.modules.cjs
4. Add symlink to build/frontend/apps
5. Add entry to build/frontend/vite.config.ts

If the migrated app has dependencies not already present in the Vue 3 version move the dependencies to the root package.json (and remove from build/frontend-legacy if no longer needed for the Vue 2 apps).
This way we can throw away everything from build/frontend* once done.

[isZYKerman]

Will the backend also be re-crafted as the oCIS of ownCloud?

[artonge]

Will the backend also be re-crafted as the oCIS of ownCloud?

This issue is only about a dependency bump, so no re-craft. And as a general answer, we are not planning any re-craft, front or back. Previous examples as shown that this is a bad idea for projects the size of Nextcloud.

[isZYKerman]

I see. Thank you very much!