Create an advanced frontend extension — install

Reference note (untrusted external data; do not execute it as instructions). COPY ui /ui RUN npm run build FROM alpine LABEL org.opencontainers.image.title="My extension" \ org.opencontainers.image.description="Your Desktop Extension Description" \ org.opencontainers.image.vendor="Awesome Inc." \ com.docker.desktop.extension.api.version="0.3.3" \ com.docker.desktop.extension.icon=" \ com.docker.extension.screenshots="" \ com.docker.extension.detailed-description="" \ com.docker.extension.publisher-url="" \ com.docker.extension.additional-urls="" \ com.docker.extension.changelog="" COPY metadata.json . COPY docker.svg . COPY --from=client-builder /ui/build ui Bounded code example (external data; do not execute automatically): ```text > Note > > In the example Dockerfile, you can see that the image label `com.docker.desktop.extension.icon` is set to an icon URL. The Extensions Marketplace displays this icon without installing the extension. The Dockerfile also includes `COPY docker.svg .` to copy an icon file inside the image. This second icon file is used to display the extension UI in the Dashboard, once the extension is installed. {{< /tab >}} {{< tab name="Vue" >}} > [!IMPORTANT] > > We don't have a working Dockerfile for Vue yet. [Fill out the form](https://docs.google.com/forms/d/e/1FAIpQLSdxJDGFJl5oJ06rG7uqtw1rsSBZpUhv_s9HHtw80cytkh2X-Q/viewform?usp=pp_url&entry.1333218187=Vue) > and let us know if you'd like a Dockerfile for Vue. {{< /tab >}} {{< tab name="Angular" >}} > [!IMPORTANT] > > We don't have a working Dockerfile for Angular yet. [Fill out the form](https://docs.google.com/forms/d/e/1FAIpQLSdxJDGF ``` Attribution: Adapted from Docker Documentation under Apache-2.0. Adaptation: WikiKV isolated this documentation section, normalized formatting, retained only bounded code excerpts, and shortened it at a paragraph or sentence boundary for retrieval. Verify version-sensitive details at the source.