Roadmap

Near Future

• Current focus
  • Connect with CMS. haven't tried but is possible in theory
  • ‼️ prevent form/s submission by default. test
    • ✅ if the calculator is a form or has a form or is inside a form then prevent from submitting
    • ✅ override with data-alphacalc-allowsubmit='true'
      • ✅ placed in the calculator element for all forms; ancestors and descendants
      • ✅ or placed in the form element for each specific form
    • ✅ edge case of having a different button for calculate and submit form to be tested
  • ✅ calculation debounce/delay
    • ✅ option loading element
    • ✅ alculation active class
  • ✅ setter bugs
  • ✅ formulas to work on display elements without needed inputs
    • ✅ check multiple getters from one input if working
  • outputs
    • ✅ remove display , from and use output
    • check use output or =formula value in selects, radios, and checkboxes to dynamically store value
  • loading element
    • control visibility property by default if no classactive attribute found
  • setters
    • use to element with an object value to set multiple values with one button { N1: 500, S1: 3.5 }
    • ✅ use set instead of to
  • easy copy-paste elements Relume style for component library
  • ✅ Rename method DisplayManager() to OutputManager()
• Query parameters to set value and be generated
• Additional options
  • Element visibility option
    • control with CSS generated by JS?
    • default setting in calculator data-alphacalc-defaulthidden="true/false"
    • element data-alphacalc-hidden="true/false"
  • ‼️ check and test. currently not working. Autocalculate = true/false
    • if false, use a button with custom attribute to do a calculation
  • ✅ Debounce option before calculation data-alphacalc-debounce="200"
    • ✅ Natural delay debounce
    • ✅ Animated option. show element while waiting for debounce
  • ✅ Display elements animate with active class data-alphacalc-classactive="is-active"
  • ✅ Custom JS to run calculator / calculations
  • Add event or option custom JS to run after each calculation
  • Label controls
    • label options and overrides
      • use custom attribute then children's name
    • visibility: show/hide depending on debug
    • what to show: name, cell, name, cell, formula
    • placement: top left, bottom right...
    • Text element labels
      • maybe a fixed tooltip that follows mouse to show label in texts?
      • or wrap texts to have labels
• More debugging tools
  • default to show only on webflow.io
    • attribute overrides this
  • Call out missing elements/cells
    • if formula has a missing cell, log it
• ‼️ Topologically sort formula executions to avoid execution bugs/errors
• Additional formula expressions
  • check if negative values work and workaround if not
  • ❌ (not doing. input value name is enough) Option for using names Name A + Name B instead of cell names A1 + B1
  • Sum of a column/row SUM( A1 + B1 )
  • Exponents A1^B1
  • Squareroot SQRT(A1)
  • Percentage 45% to 0.45 in formula calculation
  • Absolute ABS(A1)
  • Random number RAND() from 0 to 1
  • JS math can be used?
  • Spreadsheet math can be used?
  • look into other forms of JS maths. others might be more accurate
• Additional inputs
  • ✅ Checkbox groups by {Finsweet
  • ✅ Radio groups by {Finsweet
  • ✅Webflow Radio to have started checked/active
  • Radio and Checkbox custom toggle value when on and off [-100, 300]
  • Radio reset
    • right now, just another radio with 0 or 1 value (depends on formulas used)
  • ✅ Slider element by {Finsweet
  • Slider or other inputs options
    • min and max to be based on an input value

• Fix bug
  • ✅ Slider setter button to set value (update code to push a change to update FS slider)
  • ✅ Update display elements after initial values are set on load
• ✅ Select dropdown element by {Finsweet
• Input counter by {Finsweet
• ✅ Setter / To for single elements not working
  • ✅ input slider to push change when set
• Setters / To for multiple elements with one button
  • Full calculator setter like case 1, 2, 3...
    • by button mirror click to many setter
    • or object value of setter
      • ‍{ "A1": 300, "S1": 0.5 }
      • A1:300, S1:0.5
  • Random values
• Display ideas
  • ✅ Change display and formula elements to output elements?
  • ✅ change display to from
• Others
  • Check for infinite calculation loops. stop calculator if any
  • Commas in input fields, attribute value
    • international and localized formats
  • Stylized forms. free/paid
    • with a multi-step form
    • quiz
  • Graphs for results
• SEO
  • aria-label generated by name or placeholder for inputs
  • Table generator for sample computations. Can be for human visitors or SEO, site crawlers. to understand what the calculator does and how are the calculations done. Mostly so robot/AI can understand the calculator
    • can be screen-reader-only

Far Future

• Full documentation
• GSAP count fromTo animation of results
• Alternative selector for radios, checkboxes. Edge cases. needed?
• Apps Script: Google Sheet to JSON calculator blueprint
• ChatGPT Agent: JSON calculator blueprint to Webflow HTML
• Webflow App
  • Set attributes instantly. and just remove others
  • Google Sheet to Webflow Calculator Builder
  • Calculator management
  • Calculator free & premium templates

‍