import {
  Decoder,
  object,
  optional,
  string,
  dict,
  array,
  lazy,
  withDefault,
  number,
  union,
  boolean,
  anyJson,
} from '@mojotech/json-type-validation'
import {
  VUIDLGlobalProjectValues,
  WebManifest,
  VProjectUIDL,
  UIDLResources,
  UIDLForms,
} from '@teleporthq/teleport-types'
import {
  globalAssetsDecoder,
  resourceItemDecoder,
  resourceMapperDecoder,
  dependencyDecoder,
  elementNodeDecoder,
  staticValueDecoder,
  formsDecoder,
  dataSourcesDecoder,
} from './utils'
import { componentUIDLDecoder, rootComponentUIDLDecoder } from './component-decoder'

export const webManifestDecoder: Decoder<WebManifest> = object({
  short_name: optional(string()),
  name: optional(string()),
  icons: optional(array(object({ src: string(), type: string(), sizes: string() }))),
  start_url: optional(string()),
  background_color: optional(string()),
  display: optional(string()),
  orientation: optional(string()),
  scope: optional(string()),
  theme_color: optional(string()),
})

export const globalProjectValuesDecoder: Decoder<VUIDLGlobalProjectValues> = object({
  settings: object({
    title: string(),
    language: string(),
  }),
  customCode: optional(
    object({
      head: optional(string()),
      body: optional(string()),
    })
  ),
  env: optional(dict(string())),
  meta: array(dict(string())),
  assets: array(globalAssetsDecoder),
  manifest: optional(webManifestDecoder),
  variables: optional(dict(string())),
})

export const resourcesDecoder: Decoder<UIDLResources> = object({
  resourceMappers: optional(dict(lazy(() => resourceMapperDecoder))),
  items: optional(dict(lazy(() => resourceItemDecoder))),
  cache: withDefault(
    {
      revalidate: 60,
      webhook: null,
    },
    object({
      revalidate: optional(number()),
      webhook: optional(
        object({
          name: string(),
          dependency: lazy(() => dependencyDecoder),
        })
      ),
    })
  ),
})

export const projectUIDLDecoder: Decoder<VProjectUIDL> = object({
  name: string(),
  globals: globalProjectValuesDecoder,
  root: rootComponentUIDLDecoder,
  components: optional(dict(componentUIDLDecoder)),
  resources: optional(resourcesDecoder),
  dataSources: optional(dataSourcesDecoder),
  forms: optional(formsDecoder) as Decoder<UIDLForms | undefined>,
  authentication: optional(anyJson()),
  internationalization: optional(
    object({
      main: object({
        name: string(),
        locale: string(),
      }),
      ignoreBrowserLanguage: optional(boolean()),
      languages: dict(string()),
      translations: dict(dict(union(elementNodeDecoder, staticValueDecoder))),
    })
  ),
  workflows: optional(anyJson()),
  // These top-level project-level settings are consumed by downstream generator
  // plugins (NextEcommerceProjectPlugin, NextAIChatProjectPlugin, the invoice
  // sub-plugin of the workflows project plugin, NextGlobalStateProjectPlugin).
  // They were previously dropped here because they were not declared — which
  // silently disabled e-commerce API routes, the AI chat library/routes, the
  // invoice templates, and the global-state store. Passing them through as
  // anyJson keeps validation permissive while letting the plugins see them.
  globalStateDefinitions: optional(anyJson()),
  invoiceSettings: optional(anyJson()),
  ecommerceSettings: optional(anyJson()),
  aiAssistantChat: optional(anyJson()),
  // Growth visitor analytics flag (`{ enabled: true }`). Consumed by
  // NextAnalyticsProjectPlugin to inject the first-party tracker; must be
  // declared here or the decoder strips it and the tracker is never injected.
  analytics: optional(anyJson()),
}) as Decoder<VProjectUIDL>