Flat ServerSide DataProvider

import { CFlatServerDataProvider } from '@katlux/providers/data'
import { RequestProvider } from '@katlux/providers/request'

const requestProvider = new RequestProvider()

// Extend to build custom Server APIs
class CustomServerProvider extends CFlatServerDataProvider {
    async refresh(hardRefresh: boolean = false) {
        this.loading.value = true
        try {
            // Construct strict URL queries from internal state
            // Outgoing format constructed: ?pageNumber=1&pageSize=10&sortList=[...]
            const query = new URLSearchParams({
                pageNumber: String(this.page.value),
                pageSize: String(this.pageSize.value),
                sortList: JSON.stringify(this.sortList.value)
            })

            const result = await requestProvider.registerRequest(`/api/my-data?${query}`)

            // Reconcile response correctly
            // Expected HTTP JSON response format arriving: { rows: Array<any>, rowCount: number }
            this.setData(result.rows)
            this.totalRecords.value = result.rowCount
        } finally {
            this.loading.value = false
        }
    }
}

const provider = new CustomServerProvider()
await provider.refresh(true)