Amphtml: Status Update 2018-05-28

[aghassemi]

If you are contributing to the AMP Project open source community, please use this issue to provide updates regarding the status of the projects you are responsible for and what you will be working on next.

[jpettitt]

amp-geo

• Added support amp-geo-pending class to allow CSS control of elements while amp-geo is loading. #15244
• Added amp-geo-no-group class when no group is matched. #15554
• Fixed GB/UK country code error #15390
• Thanks to @gmajoulet who made amp-geo robust against uppercase config. #15532
• Also thanks to @joselanderosmrf who fixed amp-geo in shadow amp #15440
• Made amp-geo play nice with layers #15226

Next:

• Additional amp-geo features

[aghassemi]

UI

✨ New Components/Features (available in production releases in 1-2 weeks)

• amp-lightbox-gallery: Displays a lightbox gallery. It is launched 🎉 and out of experiment mode. Documentation, Sample
  
• amp-3d-gltf: Displays 3D models that are in gITF format. (Contribution by @mixtur) Documentation, Sample
  
• amp-fx-collection="fade-in" and amp-fx="fade-in-scroll": Allows for easy-to-use fade-in effects on any element. They are fully launched and out of experiment. Documentation, Sample
  
• amp-bodymoving-animation: Now supports scrollbound animations (Thanks @jessepinho) Sample
  
• input type=file is available for use now. It is restricted to POST forms. Documentation
• rotate-to-fullscreen: Allows rotation of the phone to take a video to fullscreen. It is now supported on amp-ima-video in addition to amp-video Documentation, Sample
• amp-accordion animate: The new animate attribute on amp-accordion allows expand/collapse actions to animate the height of the section.
• amp-facebook: Now supports data-order-by attribute.

🐣 New Experimental Features

• amp-next-page now available as a doc-level optin. Documentation
• amp-fx-collection="fly-in" experimentally available under flag amp-fx-fly-in Documentation

🐛 Bug Fixes

• amp-lightbox-gallery: Now does not show nav or gallery controls if there is only one item. #15475
• amp-twitter: Now resizes to placeholder/fallback when tweet is deleted/unavailable #15542
• amp-reddit: Now resizes dynamically when needed #15530
• amp-date-picker: Dropshadow no longer cut off https://github.com/ampproject/amphtml/pull/15412
• validator: gulp validator --update_tests now works to update validator test output.

What's next?

• general maintenance: is the focus for short term.
• amp-video-iframe: https://github.com/ampproject/amphtml/issues/8524: New component that allows implementation of video-interface by arbitrary iframed players so they can get the benefits such as autoplay, docking, etc...
• infinite scroll: for amp-list https://github.com/ampproject/amphtml/issues/14060: New feature on amp-list that allows for load-more and infinite scroll use-cases.
• input-masking: https://github.com/ampproject/amphtml/issues/14745 Allows for automatically inserting expected characters and spaces in a given form input.
• amp-content-viewer: #13602: New component to allow zoom/pan for SVGs and potentially other elements.
  
• amp-video dock: Ability to dock to a particular placeholder.
  

[mrjoro]

amp-story

contact: @newmuis

What was accomplished

• Bookend components completed
• amp-story-consent is launched
• amp-geo works in stories
• Changes to user education triggering
• Set default language when none is specified
• Can now hide audio icon for stories w/o audio (thanks @aghassemi and @alanorozco!)

What's next

• Ability to pause stories
• Improved testing for amp-story-page
• Optional post-consent UI for amp-story-consent
• Documentation for new bookend
• RTL investigation
• Investigating image blur integration
• Responsive styling eng design
• Configurable desktop eng design
• Change MediaPool to unblock video refactor

[mrjoro]

Ads & Analytics

contact: @lannka

What was accomplished

• Ads
  
  
  
  • Added Story ad desktop support
  
  
  • Fixed ad auto refreshing failure
  
  
  • SourceUrl override for AdWords conv tracking
  
  
• Analytics
  
  
  
  • Finalizing URL macros
  
  
  • Introduced config rewriter
  
  
  • Fixed incrementalEngagedTime
  
  
• amp-consent
  
  
  
  • Added 3P ads blocking by default
  
  
  • Adding predefined consent policies
  
  
• Misc
  
  
  
  • Implementing bot to auto triage ads/analytics vendor’s PR
  
  
  • Lint fixes for all ads/analytics dirs
  
  

What's next

• Story Ads
  
  
  
  • Experiment with CNN
  
  
  • Improve docs & examples
  
  
  • Additional analytics triggers for auto-ads
  
  
• Analytics
  
  
  
  • Launch URL macros
  
  
• amp-consent
  
  
  
  • Launch consent policy presets
  
  
  • Built-in amp-geo country lists
  
  
  • Remote pings on user actions
  
  
  • Support external consent flows
  
  

[mrjoro]

Runtime

contact: @choumx

What was accomplished

• Integrated DOMPurify
• Made amp-list initial render faster
• amp-bind: Rebalanced complexity limits, data-amp-bind-* attributes
• Two-way iframe messaging: launched and unlaunched
• New onMeasureChanged callback
• Bundle size
  
  
  
  • kickoff & planning
  
  

What's next

• Binary size: URL parsing service
• New viewer capability: SSR for templates
• Web worker security sandbox
• Help out with 1-pass CC
• Bundle size
  
  
  
  • A/A Test for script type=module
  
  
  • Assist Single Pass CC
  
  
  • URL Parsing Service
  
  

Lessons learned

• Err on the side of bringing things to design review for sanity checking

[mrjoro]

Infrastructure

contact: @rsimha

What was accomplished

• ~1000 to ~200 JSDoc warnings
• New optional hook before “git push”
• Dependency checking for gulp test --local-changes
• Public validator toolchain updated
• Consider reevaluating Greenkeeper vs. Renovate (build cop troubles)
• Investigate s/BrowserStack/Sauce Labs

What's next

• Real world visual diffing
• CC: Support source transformations for binary size project, etc.
• Work with Yuxuan for PR review rotation tooling design/requirements
• 1-pass CC: Include document-register-element polyfill

[mrjoro]

AMP Script

contact: @kristoferbaxter

What was accomplished

• CSSStyleDeclaration
• React Testing

What's next

• Element Properties

[mrjoro]

UX

contact: @spacedino

What was accomplished

• Launched light-box-gallery + ABE’s
• Keep working on infinite scroll / rotating video / amp-fx all / loading states / date picker

What's next

• Keep working on infinite scroll / rotating video / amp-fx all / loading states

Lessons learned

• Problem framing is soooo useful, and also time consuming.