Admin apps with a
real architecture

import 'reflect-metadata'
import { BaseArdorApplication, CoreBindings, DefaultRestDataProvider } from '@venizia/ardor'
import { useInjectable, useTranslate } from '@venizia/ardor'

class Application extends BaseArdorApplication {
  bindContext() {
    this.bind({ key: CoreBindings.REST_DATA_PROVIDER_OPTIONS })
      .toValue({ url: '/api', noAuthPaths: ['/auth/login'] })
    this.bind({ key: CoreBindings.DEFAULT_REST_DATA_PROVIDER })
      .toProvider(DefaultRestDataProvider)
    this.service(ProductApi)   // -> services.ProductApi
  }
}

const ProductList = () => {
  const productApi = useInjectable<ProductApi>({ key: 'services.ProductApi' })
  const translate = useTranslate()
  return <h1>{translate('resources.product.name')}</h1>
}