The current javascript is available at:
Add the script to your code:
<!DOCTYPE html>
<html>
<head>
<script
defer
src="https://js.syfr.app/2.4.1-beta.29/formCipher.min.js"
crossorigin="anonymous"
integrity="sha256-...[use values from assets manifest]"
></script>
</head>
<body>
...
</body>
</html>Add the Syfr form UUID to your form
<form data-syfr-id="aaaa-bbbb-ccc-dddd">...</form>yarn install syfr-js
import { SyfrClass } from "syfr-js";
window.addEventListener("DOMContentLoaded", () => {
let formsCollection = document.forms; // https://developer.mozilla.org/en-US/docs/Web/API/Document/forms
Array.from(formsCollection).forEach((form) => {
new SyfrClass(form);
return;
});
});Add the Syfr form UUID to your form
<form data-syfr-id="aaaa-bbbb-ccc-dddd">...</form>yarn install syfr-js
import { SyfrForm } from "syfr-js";
function myForm(props){
return <SyfrForm id="aaaa-bbbb-ccc-dddd" Form={<form>...</form>}>
}- Commits adhere to Conventional Commits v1.0.0
- Releases adhere to Semantic Versioning v2.0.0
do not push your changes to master directly
-
Each push to master triggers a new website build on Vercel
-
create
.envsimilar to.env.exampleENV How To Why SYFR_FORM_IDget the UUID from syfr.app use webpack HTML plugin to test form locally GITHUB_TOKENcreate Github token to push changes and releases -
run
yarn developand make changes to the./src- webpack will watch and build to the
./.cachedirectory (git-ignored) - test the code locally be enabling the webpack HTML plugin in
webpack.config.js
- webpack will watch and build to the
-
commit your changes using angular conventional commit messages and see our release-it config
Example Commit Message Semver Level Example fix: small bugfixpatch 1.2.3~>1.2.4feat: my new featureminor 1.2.3~>1.3.0huge /n /n BREAKING CHANGE: bewaremajor 1.2.3~>2.0.0- REMEMBER: Do not push your changes to master directly (see commands below)
-
run
yarn checkReleaseto perform a dry-run- Check the release number is what you expect
- check the release link to confirm the changelog is as expected
-
run
yarn releaseto perform the release (this is set to prepare the bundle, commit, push to github, etc) -
for pre-release, use pre-release commands, such as
yarn checkRelease minor --preRelease=betaoryarn release major --preRelease