Security News
Research
Data Theft Repackaged: A Case Study in Malicious Wrapper Packages on npm
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
@open-formulieren/formio-builder
Advanced tools
This library implements the builder to build Form.io 4.13.x forms supporting the Open Forms extensions.
:construction: This library is currently under heavy development :construction:
The Storybook documentation is available online.
The shared types library documentation is available online.
It aims to improve the developer experience for the Open Formulieren development team, both by making the builder form definition more declarative/direct and obvious, and by using techniques absolving the need to reason about when to re-render state in the DOM.
Open Forms adds a number of extensions directly in the builder, parts of which are derived from earlier inputs and require synchronization of certain state. Historically, this has proven to cause a large number of bugs, annoyances and extremely complex code where we were essentially fighting Form.io itself.
This library is NOT intended to be a competing library of Form.io's own form builder:
Contributions that do not provide a direct benefit to the Open Forms project will unfortunately be rejected, as we do not have the ambition nor resources to maintain these.
For (code) contributions that do fit the goals of this library, please follow these guidelines:
nvm use
npm run compilemessages
npm start
Make code changes, check in Storybook, add tests... etc.
Run the tests (Storybook needs to be running still!)
npm test
npm run build:esm
Any user-facing literals should be defined as being translatable in the code.
To extract these messages, there are utility scripts, intended to be run from the root of the repository.
./bin/makemessages.sh
- responsible for extracting translations from the code./bin/find_untranslated_messages.py
- useful to check if you missed any translationsTranslations are shipped as assets in the NPM package, in the i18n
folder. Downstream projects can
include them
from there.
Compilation
You can compile the messages using:
npm run compilemessages
This is required for Storybook, as the message catalog is loaded dynamically depending on the active locale.
The builder form is the form + preview shown in the edit component modal.
textfield
textarea
checkbox
selectboxes
select
radio
number
currency
email
date
datetime
time
phoneNumber
postcode
file
iban
licenseplate
bsn
npFamilyMembers
signature
coSign
map
editgrid
content
fieldset
columns
Formio used tooltip.js, which used to be popper.js (?), which points to tippy.js. That seems to point to Floating UI, however there is a https://github.com/atomiks/tippyjs-react.
Figure out component-specific documentation/instructions
FAQs
An opinionated Formio webform builder for Open Forms
We found that @open-formulieren/formio-builder demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
Research
Security News
Attackers used a malicious npm package typosquatting a popular ESLint plugin to steal sensitive data, execute commands, and exploit developer systems.
Security News
The Ultralytics' PyPI Package was compromised four times in one weekend through GitHub Actions cache poisoning and failure to rotate previously compromised API tokens.