createapp.ts

function createJsCode(view) {
  return [
    {
      fileName: 'main/state.js',
      code: `
export default {
  isLoadingPosts: false
} 
      `,
    },
    {
      fileName: 'main/index.js',
      code: `
import state from './state'

export { state }
      `,
    },
    {
      fileName: 'app.js',
      code: `
import App from '${view}'
import * as main from './main'

const app = new App(main)

export default app
        `,
    },
  ]
}

function createTsCode(view) {
  return [
    {
      fileName: 'main/state.ts',
      code: `
type State = {
  isLoadingPosts: boolean
}

const state: State = {
  isLoadingPosts: false
}

export default state
      `,
    },
    {
      fileName: 'main/index.ts',
      code: `
import state from './state'

export { state }
      `,
    },
    {
      fileName: 'app.ts',
      code: `
import App, {
  TModule,
  TAction,
  TDerive,
  TCompute,
  TReaction,
  TOperation,
  TConnect
} from '${view}'
import * as main from './main'

type Module = TModule<typeof main>

export type Action<Value = void> = TAction<Value, Module>
export type Derive = TDerive<Module>
export type Compute<Value> = TCompute<Value, Module>
export type Reaction = TReaction<Module>

export type Do<Value = any> = TOperation.Do<Value, Module>
export type Filter<Value = any> = TOperation.Filter<Value, Module>
export type When<Value = any> = TOperation.When<Value, Module>
export type Fork<Value = any> = TOperation.Fork<Value, Module>
export type Mutation<Value = any> = TOperation.Mutation<Value, Module>
export type Map<Value, ReturnValue> =
  TOperation.Map<Value, ReturnValue, Module>
export type Try<Value, ReturnValue> =
  TOperation.Try<Value, ReturnValue, Module>

const app = new App(main)

export type Connect = TConnect<typeof app>

export default app
        `,
    },
  ]
}

export const react = createJsCode('react-overmind')

export const reactTs = createTsCode('react-overmind')

export const vue = createJsCode('vue-overmind')

export const vueTs = createTsCode('vue-overmind')