@chisquare-tech/origine-ngx-apps-code 0.2.0 → 0.3.0

package/fesm2022/chisquare-tech-origine-ngx-apps-code.mjs

@@ -115,6 +115,42 @@ class CodeApi {
             p['q'] = q;
         return this.api.get(`${this.repoPath(project, name)}/refs`, p).pipe(map((r) => data(r) ?? []));
     }
+    createTag(project, name, tag, target) {
+        return this.api.post(`${this.repoPath(project, name)}/tags`, { tag, target }).pipe(map((r) => data(r)));
+    }
+    deleteTag(project, name, tag) {
+        return this.api.delete(`${this.repoPath(project, name)}/tags/${enc(tag)}`);
+    }
+    releases(project, name) {
+        return this.api.get(`${this.repoPath(project, name)}/releases`).pipe(map((r) => data(r) ?? []));
+    }
+    createRelease(project, name, r) {
+        return this.api.post(`${this.repoPath(project, name)}/releases`, r).pipe(map((x) => data(x)));
+    }
+    updateRelease(project, name, id, r) {
+        return this.api.patch(`${this.repoPath(project, name)}/releases/${enc(id)}`, r).pipe(map((x) => data(x)));
+    }
+    deleteRelease(project, name, id, deleteTag) {
+        return this.api.delete(`${this.repoPath(project, name)}/releases/${enc(id)}${deleteTag ? '?deleteTag=true' : ''}`);
+    }
+    /** Notes drafted from the done issues and merged pull requests since the previous release. */
+    releaseNotes(project, name, target, tag = '') {
+        return this.api.post(`${this.repoPath(project, name)}/releases/notes`, { target, tag: tag || undefined }).pipe(map((r) => data(r)?.notes ?? ''));
+    }
+    addAsset(project, name, id, file) {
+        return this.api
+            .post(`${this.repoPath(project, name)}/releases/${enc(id)}/assets?filename=${encodeURIComponent(file.name)}`, null, {
+            body: file, headers: { 'Content-Type': file.type || 'application/octet-stream' },
+        })
+            .pipe(map((r) => data(r)));
+    }
+    /** A release file's bytes (the download needs the session, so no plain link works). */
+    assetBlob(project, name, id, asset) {
+        return this.api.get(`${this.repoPath(project, name)}/releases/${enc(id)}/assets/${enc(asset)}`, null, { responseType: 'blob' }).pipe(map((b) => b));
+    }
+    deleteAsset(project, name, id, asset) {
+        return this.api.delete(`${this.repoPath(project, name)}/releases/${enc(id)}/assets/${enc(asset)}`);
+    }
     createBranch(project, name, branch, from) {
         return this.api.post(`${this.repoPath(project, name)}/branches`, { name: branch, from });
     }
@@ -1352,7 +1388,7 @@ class RepoHomePage extends RepoPage {
             </div>
             <div class="o-col" style="gap:14px">
               <div class="o-card o-cb o-col"><b>About</b><span class="o-mut o-lh">{{ r.description || 'No description.' }}</span><span class="o-faint o-sm">Default branch <span class="o-mono">{{ r.defaultBranch }}</span></span></div>
-              <div class="o-card o-cb o-col"><div class="o-flex"><b>Releases</b><b class="o-ph-tag o-ga o-r">GA</b></div><span class="o-faint o-sm">Tags and release notes arrive at general availability.</span></div>
+              <div class="o-card o-cb o-col"><b>Releases</b><a class="o-sm" [routerLink]="link('releases')" data-testid="repo-releases">Releases and tags</a></div>
               <div class="o-card o-cb o-col"><b>Deployments</b><span class="o-faint o-sm">Environments show here once Deploy is set up.</span></div>
               @if (langs().length) {
                 <div class="o-card o-cb o-col">
@@ -1472,7 +1508,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
             </div>
             <div class="o-col" style="gap:14px">
               <div class="o-card o-cb o-col"><b>About</b><span class="o-mut o-lh">{{ r.description || 'No description.' }}</span><span class="o-faint o-sm">Default branch <span class="o-mono">{{ r.defaultBranch }}</span></span></div>
-              <div class="o-card o-cb o-col"><div class="o-flex"><b>Releases</b><b class="o-ph-tag o-ga o-r">GA</b></div><span class="o-faint o-sm">Tags and release notes arrive at general availability.</span></div>
+              <div class="o-card o-cb o-col"><b>Releases</b><a class="o-sm" [routerLink]="link('releases')" data-testid="repo-releases">Releases and tags</a></div>
               <div class="o-card o-cb o-col"><b>Deployments</b><span class="o-faint o-sm">Environments show here once Deploy is set up.</span></div>
               @if (langs().length) {
                 <div class="o-card o-cb o-col">
@@ -3268,6 +3304,386 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
+// /{org}/{project}/code/{repo}/releases (prototype code_tags): releases newest first with their
+// notes, files and source archives, the latest marked; drafts for those who can push; a release
+// drafted on a new or existing tag with notes generated from the done issues since the previous
+// one; and the repository's tags.
+class ReleasesPage extends RepoPage {
+    constructor() {
+        super(...arguments);
+        this.releases = signal([], ...(ngDevMode ? [{ debugName: "releases" }] : /* istanbul ignore next */ []));
+        this.tags = signal([], ...(ngDevMode ? [{ debugName: "tags" }] : /* istanbul ignore next */ []));
+        this.loaded = signal(false, ...(ngDevMode ? [{ debugName: "loaded" }] : /* istanbul ignore next */ []));
+        this.tagging = signal(false, ...(ngDevMode ? [{ debugName: "tagging" }] : /* istanbul ignore next */ []));
+        this.draft = signal(null, ...(ngDevMode ? [{ debugName: "draft" }] : /* istanbul ignore next */ []));
+        this.busy = signal(false, ...(ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []));
+        this.confirming = signal('', ...(ngDevMode ? [{ debugName: "confirming" }] : /* istanbul ignore next */ []));
+        this.freeTags = computed(() => this.tags().filter((t) => !this.used(t.name)), ...(ngDevMode ? [{ debugName: "freeTags" }] : /* istanbul ignore next */ []));
+        this.ago = (s) => ago(s);
+        this.tagName = '';
+        this.tagFrom = '';
+        this.alsoTag = false;
+    }
+    onRepo(r) {
+        this.tagFrom = r.defaultBranch;
+        this.load();
+    }
+    md(s) {
+        return marked.parse(s || '', { async: false, gfm: true, breaks: true });
+    }
+    used(tag) {
+        return this.releases().some((r) => r.tag === tag);
+    }
+    load() {
+        const r = this.repo();
+        if (!r)
+            return;
+        forkJoin({ rel: this.api.releases(this.projectId(), r.name), tags: this.api.refs(this.projectId(), r.name, 'tag') }).subscribe({
+            next: ({ rel, tags }) => { this.releases.set(rel); this.tags.set(sortTags(tags)); this.loaded.set(true); },
+            error: (e) => { this.loaded.set(true); this.error.set(apiMessage(e, 'Could not load the releases.')); },
+        });
+    }
+    run(o, fallback, done) {
+        this.busy.set(true);
+        this.error.set('');
+        this.note.set('');
+        o.subscribe({
+            next: () => { this.busy.set(false); done?.(); this.load(); },
+            error: (e) => { this.busy.set(false); this.error.set(apiMessage(e, fallback)); },
+        });
+    }
+    createTag() {
+        const r = this.repo();
+        const t = this.tagName.trim();
+        if (!r || !t)
+            return;
+        this.run(this.api.createTag(this.projectId(), r.name, t, this.tagFrom.trim() || r.defaultBranch), 'Could not create the tag.', () => {
+            this.tagging.set(false);
+            this.note.set(`Tag ${t} created.`);
+            this.tagName = '';
+        });
+    }
+    removeTag(t) {
+        const r = this.repo();
+        if (!r)
+            return;
+        this.run(this.api.deleteTag(this.projectId(), r.name, t.name), `Could not delete ${t.name}.`, () => this.note.set(`Tag ${t.name} deleted.`));
+    }
+    startRelease() {
+        const r = this.repo();
+        this.tagging.set(false);
+        this.draft.set({ tag: '', newTag: true, target: r?.defaultBranch ?? 'main', title: '', notes: '', prerelease: false, draft: true });
+    }
+    setTag(d, tag) {
+        d.tag = tag.trim();
+        d.newTag = !this.tags().some((t) => t.name === d.tag);
+    }
+    generate(d) {
+        const r = this.repo();
+        if (!r)
+            return;
+        this.busy.set(true);
+        const target = d.newTag ? d.target || r.defaultBranch : 'refs/tags/' + d.tag;
+        this.api.releaseNotes(this.projectId(), r.name, target).subscribe({
+            next: (n) => { this.busy.set(false); d.notes = n; this.draft.set({ ...d }); },
+            error: (e) => { this.busy.set(false); this.error.set(apiMessage(e, 'Could not generate the notes.')); },
+        });
+    }
+    edit(r) {
+        this.tagging.set(false);
+        this.draft.set({ id: r.id, version: r.version, tag: r.tag, newTag: false, target: '', title: r.title === r.tag ? '' : r.title, notes: r.notes, prerelease: r.prerelease, draft: r.draft });
+    }
+    save(d, asDraft) {
+        const r = this.repo();
+        if (!r)
+            return;
+        if (d.id) {
+            this.run(this.api.updateRelease(this.projectId(), r.name, d.id, { title: d.title, notes: d.notes, prerelease: d.prerelease, draft: d.draft && asDraft, version: d.version }), 'Could not save the release.', () => { this.draft.set(null); this.note.set(asDraft ? 'Draft saved.' : `${d.tag} saved.`); });
+            return;
+        }
+        this.run(this.api.createRelease(this.projectId(), r.name, { tag: d.tag, target: d.newTag ? d.target || r.defaultBranch : undefined, title: d.title, notes: d.notes, prerelease: d.prerelease, draft: asDraft }), 'Could not create the release.', () => { this.draft.set(null); this.note.set(asDraft ? `Draft ${d.tag} saved.` : `${d.tag} published.`); });
+    }
+    remove(rel) {
+        const r = this.repo();
+        if (!r)
+            return;
+        this.confirming.set('');
+        this.run(this.api.deleteRelease(this.projectId(), r.name, rel.id, this.alsoTag), `Could not delete ${rel.tag}.`, () => this.note.set(`Release ${rel.tag} deleted${this.alsoTag ? ' with its tag' : ''}.`));
+    }
+    upload(rel, ev) {
+        const r = this.repo();
+        const input = ev.target;
+        const file = input.files?.[0];
+        if (!r || !file)
+            return;
+        if (file.size > 25 * 1024 * 1024) {
+            this.error.set('A release file is at most 25 MB.');
+            return;
+        }
+        this.run(this.api.addAsset(this.projectId(), r.name, rel.id, file), 'Could not add the file.', () => { input.value = ''; this.note.set(`${file.name} added to ${rel.tag}.`); });
+    }
+    removeAsset(rel, id) {
+        const r = this.repo();
+        if (!r)
+            return;
+        this.run(this.api.deleteAsset(this.projectId(), r.name, rel.id, id), 'Could not remove the file.');
+    }
+    download(rel, id, filename) {
+        const r = this.repo();
+        if (!r)
+            return;
+        this.api.assetBlob(this.projectId(), r.name, rel.id, id).subscribe({
+            next: (b) => this.save_(b, filename),
+            error: (e) => this.error.set(apiMessage(e, 'Could not download the file.')),
+        });
+    }
+    archive(rel, format) {
+        const r = this.repo();
+        if (!r)
+            return;
+        this.api.archiveUrl(this.projectId(), r.name, 'refs/tags/' + rel.tag, format).subscribe({
+            next: (url) => { if (url)
+                window.location.assign(url); },
+            error: (e) => this.error.set(apiMessage(e, 'Could not prepare the archive.')),
+        });
+    }
+    save_(b, filename) {
+        const url = URL.createObjectURL(b);
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = filename;
+        link.click();
+        setTimeout(() => URL.revokeObjectURL(url), 10_000);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ReleasesPage, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: ReleasesPage, isStandalone: true, selector: "o-code-releases", usesInheritance: true, ngImport: i0, template: `
+    <div class="o-page o-narrow">
+      <div class="o-ph">
+        <div class="o-col"><span class="o-eyebrow">{{ name() }}</span><h1 class="o-t">Releases and tags</h1></div>
+        @if (canWrite()) {
+          <div class="o-acts">
+            <button type="button" class="o-btn o-sm" (click)="tagging.set(!tagging()); draft.set(null)" data-testid="tag-new">New tag</button>
+            <button type="button" class="o-btn o-sm o-dark" (click)="startRelease()" data-testid="release-new">Draft release</button>
+          </div>
+        }
+      </div>
+      @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+      @if (note()) {<div class="o-note" role="status">{{ note() }}</div>}
+
+      @if (tagging()) {
+        <form class="o-card" (ngSubmit)="createTag()" data-testid="tag-form">
+          <div class="o-ch"><b>New tag</b></div>
+          <div class="o-cb o-flex o-wrap" style="align-items:flex-end">
+            <div class="o-fld"><label for="tg-name">Tag</label><input id="tg-name" class="o-in o-mono" name="tag" placeholder="v1.8.0" [(ngModel)]="tagName" /></div>
+            <div class="o-fld"><label for="tg-from">At</label><input id="tg-from" class="o-in o-mono" name="from" [(ngModel)]="tagFrom" placeholder="main or a commit" /></div>
+            <button type="button" class="o-btn o-sm o-r" (click)="tagging.set(false)">Cancel</button>
+            <button type="submit" class="o-btn o-sm o-dark" [disabled]="busy() || !tagName.trim()">Create tag</button>
+          </div>
+        </form>
+      }
+
+      @if (draft(); as d) {
+        <div class="o-card" data-testid="release-form">
+          <div class="o-ch"><b>{{ d.id ? 'Edit ' + d.tag : 'Draft a release' }}</b></div>
+          <div class="o-cb o-col" style="gap:12px">
+            @if (!d.id) {
+              <div class="o-flex o-wrap" style="align-items:flex-end">
+                <div class="o-fld"><label for="rl-tag">Tag</label>
+                  <input id="rl-tag" class="o-in o-mono" list="rl-tags" placeholder="v1.8.0" [ngModel]="d.tag" (ngModelChange)="setTag(d, $event)" data-testid="release-tag" />
+                  <datalist id="rl-tags">@for (t of freeTags(); track t.name) {<option [value]="t.name"></option>}</datalist>
+                </div>
+                @if (d.newTag) {<div class="o-fld"><label for="rl-target">New tag at</label><input id="rl-target" class="o-in o-mono" [(ngModel)]="d.target" placeholder="main" /></div>}
+                <span class="o-hint" style="padding-bottom:8px">{{ d.tag ? (d.newTag ? 'A new tag, made when you save.' : 'An existing tag.') : '' }}</span>
+              </div>
+            }
+            <div class="o-fld"><label for="rl-title">Title</label><input id="rl-title" class="o-in" maxlength="255" [(ngModel)]="d.title" placeholder="Defaults to the tag" data-testid="release-title" /></div>
+            <div class="o-fld">
+              <div class="o-flex"><label for="rl-notes">Notes</label>
+                @if (!d.id) {<button type="button" class="o-lnk o-r o-sm" [disabled]="busy() || !d.tag" (click)="generate(d)" data-testid="release-generate">Generate from done issues</button>}
+              </div>
+              <textarea id="rl-notes" class="o-in" rows="7" style="height:auto;padding:8px 10px" [(ngModel)]="d.notes" placeholder="Markdown works." data-testid="release-notes"></textarea>
+              <span class="o-hint">Generated notes list the done issues and merged pull requests since the previous release.</span>
+            </div>
+            <label class="o-flex o-sm"><input type="checkbox" [(ngModel)]="d.prerelease" /> Pre-release (never marked Latest)</label>
+          </div>
+          <div class="o-cf">
+            <button type="button" class="o-btn o-sm o-r" (click)="draft.set(null)">Cancel</button>
+            @if (!d.id || d.draft) {<button type="button" class="o-btn o-sm" [disabled]="busy() || !d.tag" (click)="save(d, true)" data-testid="release-save-draft">Save draft</button>}
+            <button type="button" class="o-btn o-sm o-dark" [disabled]="busy() || !d.tag" (click)="save(d, false)" data-testid="release-publish">{{ d.id && !d.draft ? 'Save' : 'Publish release' }}</button>
+          </div>
+        </div>
+      }
+
+      @for (r of releases(); track r.id) {
+        <div class="o-card rel" [attr.data-testid]="'release-' + r.tag">
+          <div class="o-ch">
+            <b class="o-md">{{ r.tag }}</b>
+            @if (r.latest) {<span class="o-chip o-grn">Latest</span>}
+            @if (r.draft) {<span class="o-chip o-amb">Draft</span>}
+            @if (r.prerelease) {<span class="o-chip">Pre-release</span>}
+            <span class="o-r o-mono o-sm o-faint">{{ r.short }} · {{ ago(r.publishedAt || r.createdAt) }} · {{ people().name(r.createdBy) }}</span>
+          </div>
+          <div class="o-cb">
+            @if (r.title && r.title !== r.tag) {<h4>{{ r.title }}</h4>}
+            <div class="o-md" style="font-size:13px" [innerHTML]="r.notes ? md(r.notes) : '<p class=&quot;o-faint&quot;>No notes.</p>'"></div>
+          </div>
+          <div class="o-cf assets">
+            <span>Assets</span>
+            @for (a of r.assets; track a.id) {
+              <button type="button" class="o-lnk o-mono" (click)="download(r, a.id, a.name)" [attr.aria-label]="'Download ' + a.name">{{ a.name }}</button>
+              @if (canWrite()) {<button type="button" class="o-lnk" style="color:var(--o-mut)" (click)="removeAsset(r, a.id)" [attr.aria-label]="'Remove ' + a.name">×</button>}
+            }
+            <button type="button" class="o-lnk" (click)="archive(r, 'zip')">Source (zip)</button>
+            <button type="button" class="o-lnk" (click)="archive(r, 'tar.gz')">Source (tar.gz)</button>
+            @if (canWrite()) {
+              <span class="o-r o-flex" style="gap:10px">
+                <label class="o-lnk" style="cursor:pointer">Add file<input type="file" class="o-sr-only" (change)="upload(r, $event)" [attr.aria-label]="'Add a file to ' + r.tag" /></label>
+                <button type="button" class="o-lnk" (click)="edit(r)" [attr.aria-label]="'Edit ' + r.tag">Edit</button>
+                @if (confirming() === r.id) {
+                  <label class="o-flex o-xs"><input type="checkbox" [(ngModel)]="alsoTag" /> and the tag</label>
+                  <button type="button" class="o-lnk o-red-t" (click)="remove(r)">Delete</button><button type="button" class="o-lnk" (click)="confirming.set('')">Keep</button>
+                } @else {
+                  <button type="button" class="o-lnk" style="color:var(--o-mut)" (click)="confirming.set(r.id); alsoTag = false" [attr.aria-label]="'Delete ' + r.tag">Delete</button>
+                }
+              </span>
+            }
+          </div>
+        </div>
+      } @empty {
+        <div class="o-card"><div class="o-empty">{{ loaded() ? 'No releases yet.' + (canWrite() ? ' Draft one from a tag; its notes can come from the issues it finishes.' : '') : 'Loading…' }}</div></div>
+      }
+
+      <div class="o-card" data-testid="tags">
+        <div class="o-ch"><b>Tags</b><span class="o-r o-faint o-sm">{{ tags().length }}</span></div>
+        @for (t of tags(); track t.name) {
+          <div class="o-row" [attr.data-testid]="'tag-' + t.name">
+            <span class="o-mono o-sm o-b5">{{ t.name }}</span><span class="o-faint o-sm o-mono">{{ t.commit?.short }}</span>
+            <span class="o-r o-faint o-sm">{{ ago(t.commit?.committer?.when) }}</span>
+            @if (canWrite() && !used(t.name)) {<button type="button" class="o-lnk" style="color:var(--o-mut)" (click)="removeTag(t)" [attr.aria-label]="'Delete tag ' + t.name">Delete</button>}
+          </div>
+        } @empty {<div class="o-empty o-sm">No tags yet.</div>}
+      </div>
+    </div>
+  `, isInline: true, styles: [".rel h4{margin:0 0 6px;font-size:15px}.rel .o-md ul{margin:0;padding-left:20px}.assets{display:flex;gap:12px;flex-wrap:wrap;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ReleasesPage, decorators: [{
+            type: Component,
+            args: [{ selector: 'o-code-releases', imports: [FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="o-page o-narrow">
+      <div class="o-ph">
+        <div class="o-col"><span class="o-eyebrow">{{ name() }}</span><h1 class="o-t">Releases and tags</h1></div>
+        @if (canWrite()) {
+          <div class="o-acts">
+            <button type="button" class="o-btn o-sm" (click)="tagging.set(!tagging()); draft.set(null)" data-testid="tag-new">New tag</button>
+            <button type="button" class="o-btn o-sm o-dark" (click)="startRelease()" data-testid="release-new">Draft release</button>
+          </div>
+        }
+      </div>
+      @if (error()) {<div class="o-note o-red" role="alert">{{ error() }}</div>}
+      @if (note()) {<div class="o-note" role="status">{{ note() }}</div>}
+
+      @if (tagging()) {
+        <form class="o-card" (ngSubmit)="createTag()" data-testid="tag-form">
+          <div class="o-ch"><b>New tag</b></div>
+          <div class="o-cb o-flex o-wrap" style="align-items:flex-end">
+            <div class="o-fld"><label for="tg-name">Tag</label><input id="tg-name" class="o-in o-mono" name="tag" placeholder="v1.8.0" [(ngModel)]="tagName" /></div>
+            <div class="o-fld"><label for="tg-from">At</label><input id="tg-from" class="o-in o-mono" name="from" [(ngModel)]="tagFrom" placeholder="main or a commit" /></div>
+            <button type="button" class="o-btn o-sm o-r" (click)="tagging.set(false)">Cancel</button>
+            <button type="submit" class="o-btn o-sm o-dark" [disabled]="busy() || !tagName.trim()">Create tag</button>
+          </div>
+        </form>
+      }
+
+      @if (draft(); as d) {
+        <div class="o-card" data-testid="release-form">
+          <div class="o-ch"><b>{{ d.id ? 'Edit ' + d.tag : 'Draft a release' }}</b></div>
+          <div class="o-cb o-col" style="gap:12px">
+            @if (!d.id) {
+              <div class="o-flex o-wrap" style="align-items:flex-end">
+                <div class="o-fld"><label for="rl-tag">Tag</label>
+                  <input id="rl-tag" class="o-in o-mono" list="rl-tags" placeholder="v1.8.0" [ngModel]="d.tag" (ngModelChange)="setTag(d, $event)" data-testid="release-tag" />
+                  <datalist id="rl-tags">@for (t of freeTags(); track t.name) {<option [value]="t.name"></option>}</datalist>
+                </div>
+                @if (d.newTag) {<div class="o-fld"><label for="rl-target">New tag at</label><input id="rl-target" class="o-in o-mono" [(ngModel)]="d.target" placeholder="main" /></div>}
+                <span class="o-hint" style="padding-bottom:8px">{{ d.tag ? (d.newTag ? 'A new tag, made when you save.' : 'An existing tag.') : '' }}</span>
+              </div>
+            }
+            <div class="o-fld"><label for="rl-title">Title</label><input id="rl-title" class="o-in" maxlength="255" [(ngModel)]="d.title" placeholder="Defaults to the tag" data-testid="release-title" /></div>
+            <div class="o-fld">
+              <div class="o-flex"><label for="rl-notes">Notes</label>
+                @if (!d.id) {<button type="button" class="o-lnk o-r o-sm" [disabled]="busy() || !d.tag" (click)="generate(d)" data-testid="release-generate">Generate from done issues</button>}
+              </div>
+              <textarea id="rl-notes" class="o-in" rows="7" style="height:auto;padding:8px 10px" [(ngModel)]="d.notes" placeholder="Markdown works." data-testid="release-notes"></textarea>
+              <span class="o-hint">Generated notes list the done issues and merged pull requests since the previous release.</span>
+            </div>
+            <label class="o-flex o-sm"><input type="checkbox" [(ngModel)]="d.prerelease" /> Pre-release (never marked Latest)</label>
+          </div>
+          <div class="o-cf">
+            <button type="button" class="o-btn o-sm o-r" (click)="draft.set(null)">Cancel</button>
+            @if (!d.id || d.draft) {<button type="button" class="o-btn o-sm" [disabled]="busy() || !d.tag" (click)="save(d, true)" data-testid="release-save-draft">Save draft</button>}
+            <button type="button" class="o-btn o-sm o-dark" [disabled]="busy() || !d.tag" (click)="save(d, false)" data-testid="release-publish">{{ d.id && !d.draft ? 'Save' : 'Publish release' }}</button>
+          </div>
+        </div>
+      }
+
+      @for (r of releases(); track r.id) {
+        <div class="o-card rel" [attr.data-testid]="'release-' + r.tag">
+          <div class="o-ch">
+            <b class="o-md">{{ r.tag }}</b>
+            @if (r.latest) {<span class="o-chip o-grn">Latest</span>}
+            @if (r.draft) {<span class="o-chip o-amb">Draft</span>}
+            @if (r.prerelease) {<span class="o-chip">Pre-release</span>}
+            <span class="o-r o-mono o-sm o-faint">{{ r.short }} · {{ ago(r.publishedAt || r.createdAt) }} · {{ people().name(r.createdBy) }}</span>
+          </div>
+          <div class="o-cb">
+            @if (r.title && r.title !== r.tag) {<h4>{{ r.title }}</h4>}
+            <div class="o-md" style="font-size:13px" [innerHTML]="r.notes ? md(r.notes) : '<p class=&quot;o-faint&quot;>No notes.</p>'"></div>
+          </div>
+          <div class="o-cf assets">
+            <span>Assets</span>
+            @for (a of r.assets; track a.id) {
+              <button type="button" class="o-lnk o-mono" (click)="download(r, a.id, a.name)" [attr.aria-label]="'Download ' + a.name">{{ a.name }}</button>
+              @if (canWrite()) {<button type="button" class="o-lnk" style="color:var(--o-mut)" (click)="removeAsset(r, a.id)" [attr.aria-label]="'Remove ' + a.name">×</button>}
+            }
+            <button type="button" class="o-lnk" (click)="archive(r, 'zip')">Source (zip)</button>
+            <button type="button" class="o-lnk" (click)="archive(r, 'tar.gz')">Source (tar.gz)</button>
+            @if (canWrite()) {
+              <span class="o-r o-flex" style="gap:10px">
+                <label class="o-lnk" style="cursor:pointer">Add file<input type="file" class="o-sr-only" (change)="upload(r, $event)" [attr.aria-label]="'Add a file to ' + r.tag" /></label>
+                <button type="button" class="o-lnk" (click)="edit(r)" [attr.aria-label]="'Edit ' + r.tag">Edit</button>
+                @if (confirming() === r.id) {
+                  <label class="o-flex o-xs"><input type="checkbox" [(ngModel)]="alsoTag" /> and the tag</label>
+                  <button type="button" class="o-lnk o-red-t" (click)="remove(r)">Delete</button><button type="button" class="o-lnk" (click)="confirming.set('')">Keep</button>
+                } @else {
+                  <button type="button" class="o-lnk" style="color:var(--o-mut)" (click)="confirming.set(r.id); alsoTag = false" [attr.aria-label]="'Delete ' + r.tag">Delete</button>
+                }
+              </span>
+            }
+          </div>
+        </div>
+      } @empty {
+        <div class="o-card"><div class="o-empty">{{ loaded() ? 'No releases yet.' + (canWrite() ? ' Draft one from a tag; its notes can come from the issues it finishes.' : '') : 'Loading…' }}</div></div>
+      }
+
+      <div class="o-card" data-testid="tags">
+        <div class="o-ch"><b>Tags</b><span class="o-r o-faint o-sm">{{ tags().length }}</span></div>
+        @for (t of tags(); track t.name) {
+          <div class="o-row" [attr.data-testid]="'tag-' + t.name">
+            <span class="o-mono o-sm o-b5">{{ t.name }}</span><span class="o-faint o-sm o-mono">{{ t.commit?.short }}</span>
+            <span class="o-r o-faint o-sm">{{ ago(t.commit?.committer?.when) }}</span>
+            @if (canWrite() && !used(t.name)) {<button type="button" class="o-lnk" style="color:var(--o-mut)" (click)="removeTag(t)" [attr.aria-label]="'Delete tag ' + t.name">Delete</button>}
+          </div>
+        } @empty {<div class="o-empty o-sm">No tags yet.</div>}
+      </div>
+    </div>
+  `, styles: [".rel h4{margin:0 0 6px;font-size:15px}.rel .o-md ul{margin:0;padding-left:20px}.assets{display:flex;gap:12px;flex-wrap:wrap;align-items:center}\n"] }]
+        }] });
+/** Newest commit first; tags on commits of the same second by version, highest first (v1.10 after v1.9). */
+function sortTags(tags) {
+    const when = (t) => Date.parse(t.commit?.committer?.when ?? '') || 0;
+    return [...tags].sort((a, b) => when(b) - when(a) || b.name.localeCompare(a.name, undefined, { numeric: true }));
+}
+
 /*
  * @chisquare-tech/origine-ngx-apps-code: the Code module's screens (TRD §6.10). The host app provides
  * CodeHost and mounts the pages at /{org}/{project}/code, /code/new, /code/pulls and
@@ -3278,5 +3694,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BranchesPage, CodeApi, CodeHost, CommitPage, CommitsPage, CurrentRepo, CurrentRepoPage, DiffView, FilePage, NewRepoPage, People, PullPage, PullsPage, RefPicker, RepoHomePage, RepoPage, RepoSettingsPage, ReposPage, TOKEN_CSS, ago, apiMessage, checkDot, copy, dayLabel, initials, langColour, pair, shortDate, size };
+export { BranchesPage, CodeApi, CodeHost, CommitPage, CommitsPage, CurrentRepo, CurrentRepoPage, DiffView, FilePage, NewRepoPage, People, PullPage, PullsPage, RefPicker, ReleasesPage, RepoHomePage, RepoPage, RepoSettingsPage, ReposPage, TOKEN_CSS, ago, apiMessage, checkDot, copy, dayLabel, initials, langColour, pair, shortDate, size };
 //# sourceMappingURL=chisquare-tech-origine-ngx-apps-code.mjs.map