usm-web/src/pages/package.html

<!DOCTYPE html>
<html lang="en">
<head>
    <pstm-uri>/repo/{name}/package/{file}</pstm-uri>
    <pstm-template>main</pstm-template>
</head>
<body>
    <div stm-if="package != null">
        <p class="breadcrumb"><a href="/">← All repositories</a>&nbsp;/&nbsp;<a
            stm-attribute.href="'/repo/' + package.repo" stm-text="package.repo">repository</a></p>

        <section class="card hero">
            <div class="detail-head">
                <div>
                    <h1 stm-text="package.name">package</h1>
                    <p class="version mono" stm-text="package.version">0.0</p>
                    <p class="summary" stm-text="package.summary">summary</p>
                </div>
                <a class="button" stm-attribute.href="package.download_href">Download
                    <span stm-text="package.size">0 B</span></a>
            </div>
            <dl class="stats">
                <div class="stat-wide"><dt>SHA-512</dt>
                    <dd class="mono fingerprint" stm-text="package.sha512">—</dd></div>
                <div><dt>Archive</dt><dd class="mono" stm-text="package.file">file.usmc</dd></div>
                <div><dt>On-disk size</dt><dd class="mono" stm-text="package.size">—</dd></div>
                <div><dt>Modified</dt><dd class="mono" stm-text="package.modified">—</dd></div>
            </dl>
            <div class="chips" stm-if="package.flags.length > 0">
                <span class="chip mono" stm-for-flag-in="package.flags" stm-text="flag">flag</span>
            </div>
        </section>

        <section class="card" stm-if="package.prebuilt_artifacts.length > 0">
            <h2>Pre-built artifacts</h2>
            <p class="muted">Pre-built for this exact version — installed automatically by
                <span class="mono">usm install</span> when one of these repositories is configured.</p>
            <div class="table-scroll">
                <table>
                    <thead>
                        <tr>
                            <th>Repository</th>
                            <th>Artifact</th>
                            <th>Version</th>
                            <th class="num">Size</th>
                            <th>SHA-512</th>
                            <th class="num">Download</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr stm-for-prebuilt-in="package.prebuilt_artifacts">
                            <td><a stm-attribute.href="prebuilt.repo_href" stm-text="prebuilt.repo">repository</a></td>
                            <td class="mono" stm-text="prebuilt.file">app-1.0.0.dcba</td>
                            <td class="mono" stm-text="prebuilt.version">1.0.0</td>
                            <td class="num mono" stm-text="prebuilt.size">—</td>
                            <td class="mono fingerprint" stm-text="prebuilt.sha512">—</td>
                            <td class="num"><a class="download" title="Download .dcba"
                               stm-attribute.href="prebuilt.download_href">&#8681;</a></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </section>

        <section class="card" stm-if="package.licences.length > 0">
            <h2>Licences</h2>
            <div class="table-scroll">
                <table>
                    <thead><tr><th>Name</th><th>Category</th></tr></thead>
                    <tbody>
                        <tr stm-for-licence-in="package.licences">
                            <td stm-text="licence.name">name</td>
                            <td stm-text="licence.category">category</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </section>

        <section class="card">
            <h2>Provides</h2>
            <div class="table-scroll">
                <table>
                    <thead><tr><th>Resource</th><th>Path</th></tr></thead>
                    <tbody>
                        <tr stm-for-provide-in="package.provides">
                            <td class="mono" stm-text="provide.ref_name">ref</td>
                            <td class="mono" stm-if="provide.path != ''" stm-text="provide.path">path</td>
                            <td class="muted" stm-else>as expected</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </section>

        <section class="card" stm-if="package.depends.length > 0">
            <h2>Depends</h2>
            <div class="table-scroll">
                <table>
                    <thead><tr><th>Phase</th><th>Requires</th></tr></thead>
                    <tbody>
                        <tr stm-for-depend-in="package.depends">
                            <td stm-text="depend.phase">phase</td>
                            <td class="mono" stm-text="depend.ref_name">ref</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </section>
    </div>
</body>
</html>