How to create a frontend-only Docker extension to get the size of public images

on YouTube ↗15m

" summary

Creates a frontend-only extension that reports a public image size without pulling it by calling docker manifest inspect, parsing the JSON, summing config + layer sizes, and formatting bytes to human units. Uses docker extension init, npm/React/TypeScript, adds a tree view and material icons, removes the backend stage from the Dockerfile, and installs via docker extension install. Demo builds and installs into Docker Desktop and returns sizes or the standard Docker UI error when an image is missing.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 1:01Create Your Own Docker Extension
3. 4:29Visual Studio Code
4. 9:44The Docker Ui
5. 12:55An Docker Extension Install
6. 13:54Standard Error Messages

" related talks

• 32mGetting Started Building Docker ExtensionsGuillaume Tardif, Felipe Cruz · DockerCon 2022
• 09mBuilding Docker Extensions using Vue & NuxtEvan Harris · Vueconf.US 2022
• 11mWhat are Docker ExtensionsAmy Bass · DockerCon 2022
• 06mWhat are Docker ExtensionsAmy Bass · JSNation Conference 2022
• 05mWhat are Docker ExtensionsAmy Bass · React Summit 2022
• 20mDocker Extensions Show and TellJoyce Lin, Prakhar Srivastav, Ajeet Singh Raina, Versilis Tyson · Docker Community All-Hands #7
• 12mCreating a Hoppscotch Docker Extension for API DevelopmentEdith Puclla, James Spurin · Docker Community All-Hands #7
• 03h 18mDocker Community All-Hands 7 - Day 1Ralph Squillace, Joyce Lin, Daniel Lopez Ridruejo, Prakhar Srivastav, Ajeet Singh Raina, Luis M. Rodriguez, Versilis Tyson, Dr. Christopher Miller · Docker Community All-Hands #7