Hello everybody!
I'm sorry: I thought this would have sent you an invitation only, but you got directly subscribed.
I appologize for the inconvenience.
Feel free to unsubscribe if you want.
I created this channel for announcements regarding my open source library SmarkForm.
More info at https://smarkform.bitifet.net
I promise I won't spam you so much (I don't even have enough time to do so 😜).
For those who have questions, suggestions, etc... I will open a public Telegram Group too (but won't subscribe anyone 😉).
I'll post the link here as soon as it is ready.
Welcome to everybody who want to stay here and, again, my apologies to those who don't.
Cheers!
I'm sorry: I thought this would have sent you an invitation only, but you got directly subscribed.
I appologize for the inconvenience.
Feel free to unsubscribe if you want.
I created this channel for announcements regarding my open source library SmarkForm.
More info at https://smarkform.bitifet.net
I promise I won't spam you so much (I don't even have enough time to do so 😜).
For those who have questions, suggestions, etc... I will open a public Telegram Group too (but won't subscribe anyone 😉).
I'll post the link here as soon as it is ready.
Welcome to everybody who want to stay here and, again, my apologies to those who don't.
Cheers!
SmarkForm
Home
Powerful while effortless Markup-driven and Extendable forms.
🚀 SmarkForm 0.12.6 Released!
— That’s one small step for a user, one giant leap for SmarkForm —
A small UX improvement (forms now focus on click -anywhere-, just like regular fields) is the only visible change for users in this release.
But under the hood it comes with…
⚡️ Major improvements to testing infrastructure and coverage:
👉 Migrated the test suite to Playwright, covering Chromium, Firefox, and WebKit.
👉 Added smoke tests for all examples in the documentation.
👉 Co-located, feature-specific tests for each example are now possible—and enforced.
⚡️ Better documentation landing:
👉 Improved repository README file and the SmarkForm manual’s landing page.
👉 Fully revamped Contact and Contributing guidelines, removing duplication and inconsistencies.
👉 Created and documented a Telegram announcements channel and community chat.
🔗 Look how it looks now at https://smarkform.bitifet.net
— That’s one small step for a user, one giant leap for SmarkForm —
A small UX improvement (forms now focus on click -anywhere-, just like regular fields) is the only visible change for users in this release.
But under the hood it comes with…
⚡️ Major improvements to testing infrastructure and coverage:
👉 Migrated the test suite to Playwright, covering Chromium, Firefox, and WebKit.
👉 Added smoke tests for all examples in the documentation.
👉 Co-located, feature-specific tests for each example are now possible—and enforced.
⚡️ Better documentation landing:
👉 Improved repository README file and the SmarkForm manual’s landing page.
👉 Fully revamped Contact and Contributing guidelines, removing duplication and inconsistencies.
👉 Created and documented a Telegram announcements channel and community chat.
🔗 Look how it looks now at https://smarkform.bitifet.net
🚀 SmarkForm 0.12.7 Released!
🪲 Fixed pesky form auto-focus bug on render.
🙏 Apologies:
- I thought it was an issue with some JS in the examples in the Showcase section, not an actual bug of the library.
🪲 Fixed pesky form auto-focus bug on render.
🙏 Apologies:
- I thought it was an issue with some JS in the examples in the Showcase section, not an actual bug of the library.
🚀 SmarkForm 0.12.9 released!
👉 More powerful label component type
→ Supports implicit association.
→ Smartly handle <legend> tags in fieldsets.
📖 See the complete documentation at:
🔗 https://smarkform.bitifet.net/component_types/type_label
❓ If you don't already know SmarkForm, don't miss our Showcase page:
🔗 https://smarkform.bitifet.net/about/showcase
📢 Keep updated:
- Join our Telegram Channel: https://t.me/smarkform
🤔 Have questions, ideas, suggestions...?
- Join our Telegram community chat: https://t.me/SmarkFormCommunity
- Visit our GitHub brainstorm: https://github.com/bitifet/SmarkForm/discussions/14
👉 More powerful label component type
→ Supports implicit association.
→ Smartly handle <legend> tags in fieldsets.
📖 See the complete documentation at:
🔗 https://smarkform.bitifet.net/component_types/type_label
❓ If you don't already know SmarkForm, don't miss our Showcase page:
🔗 https://smarkform.bitifet.net/about/showcase
📢 Keep updated:
- Join our Telegram Channel: https://t.me/smarkform
🤔 Have questions, ideas, suggestions...?
- Join our Telegram community chat: https://t.me/SmarkFormCommunity
- Visit our GitHub brainstorm: https://github.com/bitifet/SmarkForm/discussions/14
SmarkForm
«label» Component Type
Powerful while effortless Markup-driven and Extendable forms.
🚀 SmarkForm 0.13.0 is out!
A lot of time has passed since the last SmarkForm release, but it has not been in vain.
SmarkForm 0.13.0 brings many small improvements that, together, make it a much more complete and mature solution.
From a deep revision of the documentation (now printer and dark mode friendly) that includes new FAQs and a simple but complete illustrated guide for end-users, to multiple improvements and bug fixes, passing through a new brand image with its new SVG logo; this new version represents an important step forward in the evolution of the library.
Carefully attending to every detail, from the workflows in the development process but especially putting emphasis on a user experience that is more intuitive and accessible than ever, SmarkForm 0.13.0 is a release that I'm very proud of and that I hope will be very useful for all of you.
---
🤖 AI-agent ready
SmarkForm's clean, declarative API makes it a natural fit for AI-assisted development. Describe a form in plain language to any capable AI assistant and get complete, working code immediately — no bespoke tooling, no framework setup.
To put this to the test, the new example on the documentation's landing page was generated 100% by an AI assistant, with no further tweaks. It works perfectly out of the box, which speaks for itself.
Check the dedicated AI and Agents resources section for prompts, patterns, and guidance on getting the best results: https://smarkform.bitifet.net/about/ai
---
⌨️ UX improvements
This release chases perfection in the day-to-day experience of using SmarkForm-powered forms:
- Better focus management: Lists now retain keyboard focus when they become empty, automatically moving it to the "Add item" button so users never lose their place.
- Default values: Any field, form, or list can declare a default value directly in its
- New `reset` action: A dedicated
- `import()` updates the default: After loading data,
- Flexible list minimums:
- And a number of smaller behavioral tweaks and bug fixes throughout, always chasing that last bit of consistency.
---
🛠 DX improvements
The development experience has also seen significant improvements:
- Fixed workflow issues: The test-pick script gains "repeat last" and "test with all" options; the schedule example migrates to CSS grid to fix layout issues in narrow viewports.
- Visual DOM error nodes: Misconfigured components are now replaced in the DOM by a visible error badge with a short error code — clickable to re-log the full error to the console. No more silent failures that are hard to track down.
- Singleton option conflict detection: When a wrapper component and its inner field both declare options for the same key, a clear render error is raised immediately instead of silently ignoring one of them.
---
🎨 New SVG logo — generated with Pug!
SmarkForm now has a proper brand identity: 8 SVG logo variants covering light/dark backgrounds, compact/full sizes, and monochrome versions — all generated from a single parametric Pug template.
The approach is documented in an article on dev.to if you're curious about the technique:
📝 https://dev.to/bitifet/generating-a-parametric-svg-logo-with-pug-8m0
All variants are available on jsDelivr CDN. The new Branding section in the docs has copy-paste badge snippets, placement guidelines, and a link pattern for SmarkForm-powered applications to include it if they like as a quality seal and feature hint for their users..
---
A lot of time has passed since the last SmarkForm release, but it has not been in vain.
SmarkForm 0.13.0 brings many small improvements that, together, make it a much more complete and mature solution.
From a deep revision of the documentation (now printer and dark mode friendly) that includes new FAQs and a simple but complete illustrated guide for end-users, to multiple improvements and bug fixes, passing through a new brand image with its new SVG logo; this new version represents an important step forward in the evolution of the library.
Carefully attending to every detail, from the workflows in the development process but especially putting emphasis on a user experience that is more intuitive and accessible than ever, SmarkForm 0.13.0 is a release that I'm very proud of and that I hope will be very useful for all of you.
---
🤖 AI-agent ready
SmarkForm's clean, declarative API makes it a natural fit for AI-assisted development. Describe a form in plain language to any capable AI assistant and get complete, working code immediately — no bespoke tooling, no framework setup.
To put this to the test, the new example on the documentation's landing page was generated 100% by an AI assistant, with no further tweaks. It works perfectly out of the box, which speaks for itself.
Check the dedicated AI and Agents resources section for prompts, patterns, and guidance on getting the best results: https://smarkform.bitifet.net/about/ai
---
⌨️ UX improvements
This release chases perfection in the day-to-day experience of using SmarkForm-powered forms:
- Better focus management: Lists now retain keyboard focus when they become empty, automatically moving it to the "Add item" button so users never lose their place.
- Default values: Any field, form, or list can declare a default value directly in its
data-smark options — a clean, declarative way to set the starting state.- New `reset` action: A dedicated
reset trigger restores the form to its configured defaults. This is intentionally distinct from clear, which wipes to the empty state — because "restore defaults" and "wipe everything" are different user intents.- `import()` updates the default: After loading data,
reset brings you back to *that* loaded state, not only the HTML initialization state. "Load and Reset" patterns just work.- Flexible list minimums:
min_items: 0 (fully emptiable lists) and pre-populated defaults makes flexibility (allowing for 0 items) and usability (starting with 1, probably with handy defaults) to converge without friction.- And a number of smaller behavioral tweaks and bug fixes throughout, always chasing that last bit of consistency.
---
🛠 DX improvements
The development experience has also seen significant improvements:
- Fixed workflow issues: The test-pick script gains "repeat last" and "test with all" options; the schedule example migrates to CSS grid to fix layout issues in narrow viewports.
- Visual DOM error nodes: Misconfigured components are now replaced in the DOM by a visible error badge with a short error code — clickable to re-log the full error to the console. No more silent failures that are hard to track down.
- Singleton option conflict detection: When a wrapper component and its inner field both declare options for the same key, a clear render error is raised immediately instead of silently ignoring one of them.
---
🎨 New SVG logo — generated with Pug!
SmarkForm now has a proper brand identity: 8 SVG logo variants covering light/dark backgrounds, compact/full sizes, and monochrome versions — all generated from a single parametric Pug template.
The approach is documented in an article on dev.to if you're curious about the technique:
📝 https://dev.to/bitifet/generating-a-parametric-svg-logo-with-pug-8m0
All variants are available on jsDelivr CDN. The new Branding section in the docs has copy-paste badge snippets, placement guidelines, and a link pattern for SmarkForm-powered applications to include it if they like as a quality seal and feature hint for their users..
---
DEV Community
Generating a Parametric SVG Logo with Pug
Generating a Parametric SVG Logo with Pug (and Why I’ll Never Design Logos Manually Again)
📖 Documentation overhaul
The 0.13.0 documentation is the most complete yet:
- A new End-User Guide written for people filling in SmarkForm-powered forms (not just developers), covering keyboard navigation, hotkey discovery, and list management.
- Expanded FAQ with new entries for default values, reset, null exports, singletons, and the upcoming API interface.
- Examples throughout the docs now have pre-filled demo data so you can see what each form does at a glance.
- Printer-friendly page layouts — the print stylesheet is now built into the chapter template.
- Automatic light/dark theme — the docs site detects your OS color-scheme preference and switches automatically, no config needed.
- A Code of Conduct is now part of the project.
---
🔗 Documentation: https://smarkform.bitifet.net
Stay up to date by following the official Telegram channel: https://t.me/smarkform
For questions, ideas, and suggestions, join the conversation in the Telegram community chat or open a discussion in the GitHub brainstorm:
🐙 https://github.com/bitifet/SmarkForm
---
📦 Additional resources
- NPM: https://www.npmjs.com/package/smarkform
- GitHub: https://github.com/bitifet/SmarkForm
- AI & Agents resources: https://smarkform.bitifet.net/about/ai
The 0.13.0 documentation is the most complete yet:
- A new End-User Guide written for people filling in SmarkForm-powered forms (not just developers), covering keyboard navigation, hotkey discovery, and list management.
- Expanded FAQ with new entries for default values, reset, null exports, singletons, and the upcoming API interface.
- Examples throughout the docs now have pre-filled demo data so you can see what each form does at a glance.
- Printer-friendly page layouts — the print stylesheet is now built into the chapter template.
- Automatic light/dark theme — the docs site detects your OS color-scheme preference and switches automatically, no config needed.
- A Code of Conduct is now part of the project.
---
🔗 Documentation: https://smarkform.bitifet.net
Stay up to date by following the official Telegram channel: https://t.me/smarkform
For questions, ideas, and suggestions, join the conversation in the Telegram community chat or open a discussion in the GitHub brainstorm:
🐙 https://github.com/bitifet/SmarkForm
---
📦 Additional resources
- NPM: https://www.npmjs.com/package/smarkform
- GitHub: https://github.com/bitifet/SmarkForm
- AI & Agents resources: https://smarkform.bitifet.net/about/ai
SmarkForm
Home
Powerful while effortless Markup-driven and Extendable forms.