[TODO] Adjust to breaking changes in the Files frontend API in NC 33

[julien-nc]

Issues are disabled in this project so here I am with a fake PR 😁

cc @artonge

There are breaking changes in the Files frontend API that break the file actions and the file sidebar in this app on NC >= 33.

The file actions

This one should be simple to adjust.
See how it's been done in the approval app: nextcloud/approval#350
You need @nextcloud/files 4.0.0-beta.x (currently beta.9).

The file sidebar tab

It's been done in the approval app as well: nextcloud/approval#355
Approval has been migrated to Vue 3, I don't know how different is the custom element stuff in Vue 2.

This is a slightly deeper change. The sidebar tab is now registered as a custom DOM element made out of a Vue component. The component will get the current selected file as a prop.

[github-actions]

JS Code Coverage

Coverage after merging fix/noid/files-frontend-api-33 into master will be

90.99%

Coverage Report

File	Stmts	Branches	Funcs	Lines	Uncovered Lines
src
adminSettings.js	0%	0%	0%	0%	1, 1, 10–19, 2–9
bootstrap.js	0%	0%	0%	0%	1, 1, 10–12, 2–9
dashboard.js	0%	0%	0%	0%	1, 1, 10–19, 2–9
fileActions.js	0%	0%	0%	0%	1, 1, 10–19, 2, 20–23, 3–9
personalSettings.js	0%	0%	0%	0%	1, 1, 10–19, 2–9
projectTab.js	0%	0%	0%	0%	1, 1, 10–19, 2, 20–29, 3, 30–39, 4, 40–49, 5, 50, 6–9
reference.js	0%	0%	0%	0%	1, 1, 10–19, 2, 20–29, 3, 30–39, 4, 40–45, 5–9
utils.js	85.92%	33.33%	50%	87.59%	12–20, 23–32
src/api
endpoints.js	100%	100%	100%	100%
settings.js	64.71%	100%	0%	73.33%	10–11, 14–15
src/components
AdminSettings.vue	96.06%	94.74%	97.10%	96.19%	1003–1005, 1025–1028, 568, 568–569, 569, 606–612, 715–716, 720–721, 724–725, 729–730, 740–745, 788–790, 802–805, 818–820, 842–844, 927–929, 964–967
ErrorLabel.vue	100%	100%	100%	100%
OAuthConnectButton.vue	85.82%	63.64%	100%	87.39%	49–56, 64–69, 72–76
PersonalSettings.vue	92.02%	95.65%	90%	91.71%	133–134, 144–149, 152–161
src/components/admin
FieldValue.vue	100%	100%	100%	100%
FormAuthMethod.vue	98.12%	96.88%	100%	98.12%	222–224, 247–250
FormHeading.vue	100%	100%	100%	100%
FormOpenProjectHost.vue	98.87%	94.74%	100%	99.34%	167–169, 279
FormSSOSettings.vue	98.57%	97.18%	96.55%	98.91%	231–233, 242–243, 358–359
TermsOfServiceUnsigned.vue	100%	100%	100%	100%
TextInput.vue	100%	100%	100%	100%
src/components/icons
ClippyIcon.vue	100%	100%	100%	100%
OpenProjectIcon.vue	100%	100%	100%	100%
src/components/settings
CheckBox.vue	100%	100%	100%	100%
ErrorNote.vue	100%	100%	100%	100%
SettingsTitle.vue	94.74%	80%	100%	95.35%	49–53
src/components/tab
EmptyContent.vue	97.49%	91.30%	100%	98.24%	107–111
SearchInput.vue	95.32%	92.96%	94.74%	95.79%	139–140, 193, 204–209, 268–270, 286–288, 292–297
WorkPackage.vue	86.22%	72.50%	93.33%	87.62%	107–116, 129–131, 142–146, 156–158, 176–182, 220, 220–225, 225, 225–236, 81–82
src/constants
appID.js	100%	100%	100%	100%
links.js	100%	100%	100%	100%
messages.js	100%	100%	100%	100%
src/filesPlugin
filesPlugin.js	0%	0%	0%	0%	1, 1, 10, 100, 11–19, 2, 20–29, 3, 30–39, 4, 40–49, 5, 50–59, 6, 60–69, 7, 70–79, 8, 80–89, 9, 90–99
filesPluginLessThan28.js	0%	0%	0%	0%	1, 1, 10–19, 2, 20–29, 3, 30–39, 4, 40–49, 5, 50–59, 6, 60–69, 7, 70, 8–9
src/utils
workpackageHelper.js	89.84%	82.14%	88.89%	92.15%	100–102, 156–157, 23–27, 34, 34, 36, 36, 50–52, 54, 54, 54–56, 97–99
src/views
CreateWorkPackageModal.vue	94.12%	86.21%	90.48%	95.38%	374–379, 382, 398, 499–502, 507–512, 517–522, 528–531, 534, 550, 550, 591–595, 605–607, 630–631, 639–641, 670–672, 694–696, 705–709
Dashboard.vue	92.96%	92.86%	82.61%	93.77%	120–125, 134, 144, 147, 158–160, 214–217, 220–221, 228–232, 67
LinkMultipleFilesModal.vue	99.14%	97.56%	100%	99.32%	157–159
ProjectsTab.vue	94.06%	92.45%	93.33%	94.33%	100–101, 107–109, 129, 140–141, 175–185, 234–236, 98–99

[saw-jan]

I have created the respective work-package: https://community.openproject.org/wp/70612