About this plugin
StSalv Smart Schema Builder turns structured role/process maps into responsive, interactive pages. Configure blocks, groups, items, tags and print forms in a React-based admin, insert schemas with a Gutenberg block, shortcode or template tag, and let visitors explore the map with AND-logic tag filters, deep-linkable state and accessible modals.
Core features
- Structured editor: blocks (sequence, columns, hub, panel, separator), groups, items, tags, per-item icons/colors, auto numbering.
- Layout presets with container-query responsiveness and a media-query fallback for older browsers.
- Tag filters with AND-logic, URL state (shareable links), aria-live announcements and print-aware highlighting.
- Accessible modal with full descriptions, focus trap, ESC/backdrop close and correct wheel scrolling (Lenis-safe).
- Print forms: PDF (landscape/portrait, multi-page slicing, appendix pages with role descriptions) and PNG (2x), built client-side with jsPDF and html-to-image; JSON export via public REST endpoint.
- Gutenberg block with live server-side preview, plus [stsalv_smart_schema id="…"] shortcode and stssb_schema( $id ) template tag.
- Per-schema statistics: modal opens and downloads by format, admin table with manual edit and reset.
- Capabilities: stssb_edit_schemas, stssb_manage_settings; drafts are never exposed to guests.
Privacy
The plugin stores aggregate per-schema counters (modal opens, downloads) in post meta. No personal data, cookies or external requests are involved. Front-end downloads are generated locally in the visitor’s browser.
Source code
The source code and build tools for this plugin are publicly available on GitHub:
com/stsalv/smart-schema-builder
The repository includes the unminified source ( src/ ), the build configuration
json ) and instructions for regenerating the
compiled assets ( build/ ) with npm install && npm run build.