wg-bento Status Update 2021-09-14

[caroqliu]

What was accomplished 🍱

Components

• BentoDailymotion code complete
• useIntersectionObserver custom hook merged and in use by amp-timeago, amp-iframe
• BentoCarousel bug fixes in RTL support
• Added support for toggling placeholder and fallback and consumed in AMP mode 🐛 Toggle placeholders/fallbacks properly on Bento components amphtml#35821
• Renamed Bento Preact components to be Bento prefixed

Tooling

• Ongoing Storybook migration from knobs (deprecated) to controls
• Storybook doc updates to testing.md and styling recommendations
• Fix for eslint-plugin-react where it would consider lowercase names (<div>) as used variables
  [fix] jsx-uses-vars ignores lowercase tag names jsx-eslint/eslint-plugin-react#3070
• README.md files created for npm publishing for existing Bento components

What's next ⏩

• Build extension twice for Bento vs. AMP Web Components (bento-.js and amp-.js)
• Last mile bits for documentation following last sprint
• amp-mathml/bento-mathml/BentoMathml continued progress
• amp-dailymotion/bento-dailymotion continued progress