Add Type Safety to Expo config plugins

readme.md

Typesafe Expo Config Plugins

Add typesafety when applying Config Plugins in your Expo app config.

TypeScript_.TS.Playground.-.An.online.editor.for.exploring.TypeScript.and.JavaScript.-.29.September.2022.mp4

Example app.config.ts file:

// app.config.ts
import { withPodfileProperties } from '@expo/config-plugins'
import { makePlugin } from './make-plugin'

export default {
  plugins: [
    makePlugin(withPodfileProperties, (config) => {
      config.modResults = config.modResults || {}
      config.modResults = {
        ...config.modResults,
        'ios.deploymentTarget': '14.0',
      }
      return config
    })
  ]
}

make-plugin.ts

import { ConfigPlugin } from '@expo/config-plugins'

export const makePlugin = <F extends ConfigPlugin<any>, A extends Parameters<F>[1]>(
  f: F,
  a: A
): [F, A] => {
  return [f, a]
}

Type '[ConfigPlugin<Mod<Record<string, string>>>, (config: any) => any]' is not assignable to type 'string | [] | [string] | [string, any]'.
  Type '[ConfigPlugin<Mod<Record<string, string>>>, (config: any) => any]' is not assignable to type '[string, any]'.
    Type at position 0 in source is not compatible with type at position 0 in target.
      Type 'ConfigPlugin<Mod<Record<string, string>>>' is not assignable to type 'string'.ts(2322)