supabase/packages/ui-patterns/lib/transformSource.tsx

import { StoryContext } from '@storybook/react'

export function transformSourceForm(code: string, StoryContext: StoryContext) {
  let _code = code
  // _code = _code.replace('<FormProvider', '<Form')
  _code = _code.replace(
    `<FormProvider
  clearErrors={() => {}}
  control={{
    _defaultValues: {
      username: ''
    },
    _executeSchema: () => {},
    _fields: {},
    _formState: {
      dirtyFields: {},
      errors: {},
      isDirty: false,
      isLoading: false,
      isSubmitSuccessful: false,
      isSubmitted: false,
      isSubmitting: false,
      isValid: false,
      isValidating: false,
      submitCount: 0,
      touchedFields: {}
    },
    _formValues: {
      username: ''
    },
    _getDirty: () => {},
    _getFieldArray: () => {},
    _getWatch: () => {},
    _names: {
      array: {},
      mount: {},
      unMount: {},
      watch: {}
    },
    _options: {
      defaultValues: {
        username: ''
      },
      mode: 'onSubmit',
      reValidateMode: 'onChange',
      resolver: () => {},
      shouldFocusError: true
    },
    _proxyFormState: {
      dirtyFields: false,
      errors: false,
      isDirty: false,
      isValid: false,
      isValidating: false,
      touchedFields: false
    },
    _removeUnmounted: () => {},
    _reset: () => {},
    _resetDefaultValues: () => {},
    _state: {
      action: false,
      mount: false,
      watch: false
    },
    _subjects: {
      array: {
        next: () => {},
        observers: [],
        subscribe: () => {},
        unsubscribe: () => {}
      },
      state: {
        next: () => {},
        observers: [],
        subscribe: () => {},
        unsubscribe: () => {}
      },
      values: {
        next: () => {},
        observers: [],
        subscribe: () => {},
        unsubscribe: () => {}
      }
    },
    _updateDisabledField: () => {},
    _updateFieldArray: () => {},
    _updateFormState: () => {},
    _updateValid: () => {},
    getFieldState: () => {},
    handleSubmit: () => {},
    register: () => {},
    setError: () => {},
    unregister: () => {}
  }}
  formState={{
    defaultValues: {
      username: ''
    }
  }}
  getFieldState={() => {}}
  getValues={() => {}}
  handleSubmit={() => {}}
  register={() => {}}
  reset={() => {}}
  resetField={() => {}}
  setError={() => {}}
  setFocus={() => {}}
  setValue={() => {}}
  trigger={() => {}}
  unregister={() => {}}
  watch={() => {}}
>`,
    `<Form_shadcn_ {...form}>`
  )
  _code = _code.replace(
    `
      control={{
        _defaultValues: {
          username: ''
        },
        _executeSchema: () => {},
        _fields: {},
        _formState: {
          dirtyFields: {},
          errors: {},
          isDirty: false,
          isLoading: false,
          isSubmitSuccessful: false,
          isSubmitted: false,
          isSubmitting: false,
          isValid: false,
          isValidating: false,
          submitCount: 0,
          touchedFields: {}
        },
        _formValues: {
          username: ''
        },
        _getDirty: () => {},
        _getFieldArray: () => {},
        _getWatch: () => {},
        _names: {
          array: {},
          mount: {},
          unMount: {},
          watch: {}
        },
        _options: {
          defaultValues: {
            username: ''
          },
          mode: 'onSubmit',
          reValidateMode: 'onChange',
          resolver: () => {},
          shouldFocusError: true
        },
        _proxyFormState: {
          defaultValues: 'all',
          dirtyFields: false,
          errors: false,
          isDirty: false,
          isValid: false,
          isValidating: false,
          touchedFields: false
        },
        _removeUnmounted: () => {},
        _reset: () => {},
        _resetDefaultValues: () => {},
        _state: {
          action: false,
          mount: false,
          watch: false
        },
        _subjects: {
          array: {
            next: () => {},
            observers: [],
            subscribe: () => {},
            unsubscribe: () => {}
          },
          state: {
            next: () => {},
            observers: [],
            subscribe: () => {},
            unsubscribe: () => {}
          },
          values: {
            next: () => {},
            observers: [],
            subscribe: () => {},
            unsubscribe: () => {}
          }
        },
        _updateDisabledField: () => {},
        _updateFieldArray: () => {},
        _updateFormState: () => {},
        _updateValid: () => {},
        getFieldState: () => {},
        handleSubmit: () => {},
        register: () => {},
        setError: () => {},
        unregister: () => {}
      }}`,
    `
      control={form.control}`
  )

  _code = _code.replace('</FormProvider>', '</Form_Shadcn_>')
  return _code
}