Tips for localizing the rich text editor in Sanity.io using a custom localeBlock type.

import Tabs from 'sanity-plugin-tabs'
import { languages } from '../../supportedLanguages'

export default {
  name: 'localeBlock',
  type: 'object',
  inputComponent: Tabs,
  fieldsets: languages.map(lang => ({
    title: lang.title,
    name: lang.id
  })),

  options: {
    layout: 'object'
  },

  fields: languages.map(lang => ({
    title: ' ',
    name: lang.id,
    type: 'array',
    of: [
      {
        type: 'block',
        styles: [{ title: 'Normal', value: 'normal' }],
        lists: [],
        marks: {
          decorators: [
            { title: 'Strong', value: 'strong' },
            { title: 'Emphasis', value: 'em' }
          ]
        }
      }
    ],
    fieldset: lang.id
  })),

  preview: {
    select: {
      title: 'title'
      // media: 'logo',
    }
  }
}

const supportedLanguages = [    
    {id: 'nb', title: 'Norwegian', isDefault: true},
    {id: 'en', title: 'English'}
  ]
  
  export default {
    name: 'localeBlock',
    type: 'object',
    fieldsets: [
      {
        title: 'Oversettelser',
        name: 'translations',
        options: {collapsible: true}
      }
    ],
    fields: supportedLanguages.map(lang => (
      {
        title: lang.title,
        name: lang.id,
        type: 'block',
        //fieldset: lang.isDefault ? null : 'translations'
      }
    ))
  }