Skip to main content

Localhost

Iteria Low-code is integrated in Vite dev server via @iteria-app/vite-plugin-lowcode, which:

  • injects necessary HTML/Javascript/CSS into the web app (site)
  • exposes filesystem to the browser
Limitations
  • Limited security (file system access via HTTP)

Usage​

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

...
export default ({command, mode}) => {
  return defineConfig({
    plugins: [
       iteriaLowcode({
         command,
         mode,
         graphQLEndpoint: 'https://your-endpoint-url.com',
         injectLowcode: true
       })
    ]
  })
}

Options​

Lowcode can be configured to work as you want by specifying input parameters to the vite-plugin-lowcode. 

interface Options {
  injectLowcode?: boolean
  graphQLEndpoint: string
  graphQLSecret: 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[]
}

Vite​

Lowcode is not injected to your project by default in production environment. Production environment means if you build your project in production mode: vite build or vite build --mode production. You can explicitly inject Lowcode to your production bundle by setting injectLowcode option to true.

In development, staging, etc. environment Lowcode is injected to your project by default. Setting injectLowcode option to false prevents the injection.