@polar/plugin-draw/src/store/createInteractions/modifyTextStyle.ts

Draw plugin for POLAR that adds draw interactions to the map, allowing users to place various shapes and texts.

import { PolarActionContext } from '@polar/lib-custom-types'
import { Style } from 'ol/style'
import { DrawGetters, DrawState } from '../../types'

export default function (
  { commit, getters }: PolarActionContext<DrawState, DrawGetters>,
  featureStyle: Style
): void {
  const featureText = featureStyle.getText()?.getText()
  const font = featureStyle.getText()?.getFont() as string
  // set selectedSize of feature to prevent unintentional size change
  const fontSize = font.match(/\b\d+(?:.\d+)?/)
  commit('setSelectedSize', getters.fontSizes.indexOf(Number(fontSize)))
  commit('setTextInput', featureText)
}