MapComplete/src/UI/Studio/SchemaBasedTranslationInput.svelte

<script lang="ts">
  import EditLayerState from "./EditLayerState"
  import type { ConfigMeta } from "./configMeta"
  import { UIEventSource } from "../../Logic/UIEventSource"
  import TranslationInput from "../InputElement/Helpers/TranslationInput.svelte"

  export let state: EditLayerState
  export let path: (string | number)[] = []
  export let schema: ConfigMeta

  let value = new UIEventSource<string>({})
  console.log("Registering translation to path", path)
  state.register(
    path,
    value.mapD((v) => JSON.parse(value.data))
  )
</script>

<TranslationInput {value} />