open-index/open-npm huggingface dataset:
npm package: @iteria-app/vite-plugin-lowcode
Description: ## Usage
Latest version: 0.3.0

# @iteria-app/vite-plugin-lowcode [![npm](https://img.shields.io/npm/v/@iteria-app/vite-plugin-lowcode.svg)](https://www.npmjs.com/package/@iteria-app/vite-plugin-lowcode)

## Usage

```ts
//vite.config.ts
import iteriaLowcode from '@iteria-app/vite-plugin-lowcode'

export default {
  plugins: [
    iteriaLowcode({
      graphQLEndpoint: 'https://your.endpoint.com/graphql',
      injectMode: 'jamstack',
    }),
  ],
}
```

## Options

```ts
export interface Options {
  graphQLEndpoint: string
  injectMode?: 'jamstack' | 'devsever'
  version?: number
  features?: {
    tippy?: boolean
    generator?: boolean
    addFields?: boolean
    translations?: boolean
    themeEditor?: boolean
    graphQLEndpoint?: boolean
    floatingButton?: boolean
    erd?: boolean
    commit?: boolean
    save?: boolean
  }
  whitelistedEnvs?: string[]
  development?: boolean
}
```

## Examples for passing options to plugin

```ts
export default {
  plugins: [
    iteriaLowcode({
      graphQLEndpoint: 'https://your.endpoint.com/graphql',
      injectMode: 'jamstack', //enabling transpilation and bundling in browser with virtual file system
      features: {
        tippy: true, //explicitly enables tippy feature
        translations: false, //turns off translation sheet feature in floating action button
        themeEditor: true, //turns off themeEditor feature
      },
      whitelistedEnvs: ['VITE_HASURA_GRAPHQL_ENDPOINT'], //envs exposed to lowcode (user can use import.meta.env.VARIABLE_NAME which is replaced during transpilation)
    }),
  ],
}
```