Antidote.FormStudio 0.0.1

There is a newer version of this package available.
See the version list below for details.
dotnet add package Antidote.FormStudio --version 0.0.1                
NuGet\Install-Package Antidote.FormStudio -Version 0.0.1                
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="Antidote.FormStudio" Version="0.0.1" />                
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add Antidote.FormStudio --version 0.0.1                
#r "nuget: Antidote.FormStudio, 0.0.1"                
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install Antidote.FormStudio as a Cake Addin
#addin nuget:?package=Antidote.FormStudio&version=0.0.1

// Install Antidote.FormStudio as a Cake Tool
#tool nuget:?package=Antidote.FormStudio&version=0.0.1                

Antidote.FormStudio ๐Ÿ”ฅ

Antidote.FormStudio is a powerful drag-and-drop form builder library built on top of Fable.Form, designed to simplify the creation of dynamic forms for web applications developed with Fable.js.

Status

We have been using this tool in production for a while now, but we've recently decoupled it from our solution to be able to share it with you. That said, this tool as a stand-alone package still has some rough edges and considered a pre-release. We are planning on fixing issues and will keep adding features to it for the forseable future.

Features

  • ๐Ÿซณ Intuitive Drag-and-Drop Interface: Easily design forms by dragging various field types onto a canvas.
  • ๐Ÿ› ๏ธ Versatile Field Support: Supports a wide range of HTML fields and custom field types including signatures, images, and more.
  • โš™๏ธ Form Customization: Allows users to define steps, calculate field values, and perform validations based on field types.
  • ๐Ÿ—ฃ๏ธ Special Text To Speech field: There's a special text-area field with support for voice dictation.
  • ๐Ÿค– AI transcription cleanup: The same TTS field above has support for transcription evaluation using ChatGPT. You must provid your own API key.
  • ๐Ÿ‘๏ธ Preview Functionality: Provides a preview/playground feature to visualize and test the generated form.
  • ๐Ÿงพ Result Output: The result can be either a sophisticated, type-safe schema based on the supporting Antidote.FormStudioSpec, or a simple json result ready. This output can be easily customizable to your specific needs.
  • ๐Ÿค Compatible with Fable.js: Seamlessly integrates with Fable.js for efficient web application development. - it should be compatible with any react app, because fablejs ๐Ÿคฉ, but I don't currently have the time tinker with that atm.
  • ๐ŸŒ Multi-lingual support (wip): We have added a support for english, spanish and french for the UI, and can leverage external translations for your domain's questions and answers. It's somewhat incomplete, but but we're trying to improve on this front and we have auto-translation through external APIs.
  • โฌ‡๏ธ Option generation: Fields that support multiple choices can be easily provided to the field via a simple csv file upload.

Roadmap

  • Package Stabilization: Our first priority is to make sure the package can be used with confidence

  • Test Suite: In making the avove possible, we wish to add 100% test coverage. There's none atm ๐Ÿ˜ข

  • Plugin Support: We want to make it easy for the developers to add their own custom fields in the form of plugins

  • Complete Multi-Lingual support: Full support for languages in the entire UI, and generic support for external translation resources to the form's questions and answers.

Getting Started

The package is available in two forms:

  • Simply clone the repo and make it accessible to your project
  • Add a package reference using paket/nuget

To integrate Antidote.FormStudio into your Fable.js project using, follow these steps:

  1. Install the Antidote.FormStudio library via paket/nuget and use femto to resolve dependencies:

    dotnet paket install Antidote.FormStudio
    dotnet femto --resolve
    
  2. Import the library into your Fable.js project:

    open Antidote.FormStudio.DynamicFormDesigner
    
  3. Create an instance of the component

    DynamicFormDesigner StandAlone
    

Sample App

Explore the Antidote.FormStudio Sample App repository to see a working example of Antidote.FormStudio in action. This sample app showcases how the library can be integrated into a Fable.js project and utilized to build dynamic forms. The basic Feliz app template was used to generate this sample

Contributing

PRs are welcome!

Thanks

We want to express our gratitude to everyone who has contributed to the development of the Fable ecosystem and hope that Antidote.FormStudio is as useful and valuable to the community and feedback is ALWAYS greatly appreciated.

There are countless souls that have contributed and helped through out our journey, and the plethora of tools in the React ecosystem as well, since the project depends on a number of OSS projects! Thank you all!...

Special thanks go out to: @mangelmaxime has been a tremendous source of inspiration and a great mentor to our team, THANK YOU!! ๐Ÿป (... and let's not forget, without Fable.Form, Thoth.Json, Glutinum bindings, etc, etc, etc this tool would probably not exist!)

@tpetricek we've gotten through TOUGH problems with his knowledge, wisom and advice ๐Ÿค“

@zaid-ajaj for his many contributions to the community... we โค๏ธ Feliz!

@alfonsogarciacaro for fablejs, what an amazing library! ๐Ÿ‘

@dsyme goes without saying... we rekindled our love with programming only because F# ๐Ÿ™

Your support is greatly appreciated

Whether through code contributions, bug reports, feature suggestions, or feedback. Your support is invaluable in making this project better for the community.

License

This library is licensed under the MIT License.

Thank you for using Antidote.FormStudio! We hope it simplifies your form-building experience in Fable.js projects.

Product Compatible and additional computed target framework versions.
.NET net5.0 was computed.  net5.0-windows was computed.  net6.0 was computed.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 was computed.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 was computed.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed. 
.NET Core netcoreapp2.0 was computed.  netcoreapp2.1 was computed.  netcoreapp2.2 was computed.  netcoreapp3.0 was computed.  netcoreapp3.1 was computed. 
.NET Standard netstandard2.0 is compatible.  netstandard2.1 was computed. 
.NET Framework net461 was computed.  net462 was computed.  net463 was computed.  net47 was computed.  net471 was computed.  net472 was computed.  net48 was computed.  net481 was computed. 
MonoAndroid monoandroid was computed. 
MonoMac monomac was computed. 
MonoTouch monotouch was computed. 
Tizen tizen40 was computed.  tizen60 was computed. 
Xamarin.iOS xamarinios was computed. 
Xamarin.Mac xamarinmac was computed. 
Xamarin.TVOS xamarintvos was computed. 
Xamarin.WatchOS xamarinwatchos was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
0.0.3 183 1/10/2024
0.0.2 112 1/10/2024
0.0.1 114 1/10/2024