StSalv Smart Schema Builder

Description

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:
https://github.com/stsalv/smart-schema-builder

The repository includes the unminified source (src/), the build configuration
(webpack.config.js, package.json) and instructions for regenerating the
compiled assets (build/) with npm install && npm run build.

Technical details