This one is pretty big and will need a good bit of testing before it goes to NPM, but incorporates most of the changes I've been using on some of my own websites.

This is a major version bump and contains breaking changes.

Here's what changed:

• Refactored to Typescript
• Renamed props, vars, and methods for clarity
• Added debug output support (fixes Output undefined textblock definitions to console in debug mode (debug mode tbd) #47, fixes Add debug mode #57)
• Added a debounce method for the resize() event handler to improve performance
• Return event cancelation handles to address memory leaks in SPAs (relevant to Import Textblock for React #37)
• Added configuration props (debug and debounce) with some reasonable defaults
• Removed support for legacy parameter names
• Removed support for ancient IE versions (many of those methods are no longer in the web API)
• Adjust Husky config
• Adjust prettier config
• Adjust eslint config
• Introduce Changesets for versioning (@theorosendorf I also added the CS bot to the repo)
• Add some settings for folks using VSCode
• Replace grunt with webpack
• Exclude build artifacts from repo; output dir is now ./dist (npm run build)
• Output TS type definitions and sourcemap
• Target CommonJS
• Bumped dependency versions (@theorosendorf I also closed the stale dependabot PRs)
• Added a Dependabot build file for dependency PR grouping
• Moved demo files out of the source root (now in /demo)
• Pointed the demo to @latest on unpkg
• Introduce SECURITY.MD
• Update param names in the demo HTML
• Added JSDocs (ChatGPT generated)
• Miscellaneous housekeeping
• Added link to textblock.io; fixes Add note to readme about seeing it in use at textblock.io #27
• Readme updates
• Introduce basic GHA build script
• Inject version number into build output; fixes Echo version number to textblock.min.js? #31
• Version bump

A few important notes:

I added filtering to remove non-HTML (HTMLElement) DOM nodes. This will prevent resizing other element types, e.g. SVGs, that don't share a common (styling) API. Not sure if this is desirable.

I added the following guard:

function calculateElementWidth(element?: HTMLElement | ParentNode | null) {
    if (!element) return 0;
    // ...

This seems like an edge case, but not sure if returning 0 is desirable.

The configuration and instrumentation options are pretty basic. There may be more debugging output that's relevant. It might also be desirable to add an optional config file (e.g. textblock.config.js) to set these and provide the ability to override defaults in a later version.

Updates to the README are coming in a subsequent commit.

Finally, I wasn't able to test publishing to NPM using the new build configuration. I propose that we automate this process via GHA on merge to the mainline. Happy to submit a PR for this later if it's useful.