rollup-plugin-formml v0.1.1

A Rollup and Vite compatible plugin for importing FormML files (.fml or .formml) into JavaScript files.

Installation

npm install rollup-plugin-formml --save-dev

Usage

Rollup

// rollup.config.mjs
import formml from 'rollup-plugin-formml'

export default {
  plugins: [formml()],
}

Vite

// vite.config.ts
import { defineConfig } from 'vite'
import formml from 'rollup-plugin-formml'

export default defineConfig({
  plugins: [formml()],
})

Then you can import .fml files directly in your code:

// sign-up.fml
form SignUp {
  @required("Let me know your cool name!")
  text     name
  @required @email
  text     email
  @required @minLength(8)
  text     password
  datetime birthday
}

// SignUpForm.tsx
import SignUpModel from './sign-up.fml'
import { useFormML } from '@formml/react'

export default function SignUpForm() {
  const { $form } = useFormML(SignUpModel)
  // ...
}

Documentation

For more information about FormML and how to use it in your project, please refer to:

• FormML Documentation

License

MIT © Jindong Zhang