[List] Issues with JsonForms

[dzikoysk]

List of various issues we have with JsonForms library for Vue 3 in reposilite-frontend module. Most of them lead to worse/bugged user experience, but unfortunately it's slightly hard for me to properly address those issues. Any kind of help would be appreciated ❤️

[dzikoysk]

Issue 1

Switching storage provider in UI does not change the 'type' of provider, so either frontend or backend are not properly handling it. Currently "fixed" with:

reposilite/reposilite-backend/src/main/kotlin/com/reposilite/storage/StorageProviderSerdes.kt

Line 39 in 338fbf9

?: if (json?.contains("bucketName") == true) "s3" else "fs" // currently jsonforms doesn't send 'type' when oneOf is changed in UI, so we have to guess

[dzikoysk]

Issue 2

Storage provider tab doesn't detect currently selected type, so it's always using 0 index which points to fs storage. Currently fixed with yet another dumb fix:

reposilite/reposilite-frontend/src/components/renderers/OneOfRenderer.vue

Line 90 in 338fbf9

const selectedIndex = ref(input?.control?.value?.data?.type == 's3' ? 1 : (input.control.indexOfFittingSchema || 0)) // well...

[dzikoysk]

Issue 3
Default implementation of vue-vanilla is slightly limited and we have to extend default behaviors through fork to make user friendly scheme without a need to copy half of the sources from lib module.
Fork: https://github.com/reposilite-playground/jsonforms

Associated issues:

• Make ControlWrapper configurable in vue-vanilla eclipsesource/jsonforms#1927

[dzikoysk]

Issue 4

Fortunately, we're not using this component currently, but it would be great to solve this issue. Diagnosed in:

• Exception in 'Maven' settings tab in JsonScheme component #1319

Reproducer:

    // Adding:
    // @Doc(title = "Authorization", description = "The authorization information of the proxied repository.")
    // Results in converting 'authorization` property into 'allOf` component that is currently broken
    val authorization: ProxiedCredentials? = null,

It might be also associated with changes in JsonForms library:

JsonForms 3.0.0-beta.2 removed resolveSubSchemas, so we need to replace it somehow. Changes:

eclipsesource/jsonforms@v3.0.0-beta.1...v3.0.0-beta.2

Originally posted by @dzikoysk in #1081 (comment)

And changes I've made to adapt to those changes:

• db6bfdc

Could you someday take a look at this @Minecraftschurli? It's not urgent atm as we don't really use this render yet, but would be great to have it fixed one day :)

[dzikoysk]

Issue 5

• Quota throws Exception #1522

[dzikoysk]

Note 6

• Settings tab is empty #1718 - SettingsView dynamically loads JsonForms that contain invalid UTF-8 sequences

[dzikoysk]

Issue 7

Array element label is hardcoded and it forces people to use id/reference property in their objects to properly display tab names in UI.

reposilite/reposilite-frontend/src/components/renderers/ArrayListRenderer.vue

Line 21 in 171f1dd

:label="element.id || element?.reference?.replace('https://', 'http://')?.replace('http://', '') || '<new>'"

[dzikoysk]

Closing & pinning this as it's a list of several other issues that require standalone threads.

[dzikoysk]

• UI Sizing issue with a large amount of mirrors #1883