+
App info
+-
+
- Version code: {{ app.version_code }} +
- Version name: {{ app.version_name }} +
- Short description: {{ app.short_description || "(none)" }} +
Badge
+ +
+
+Use the following HTML badge to share your app:
+
+
+ @if (uploadProgress !== undefined) {
+
+
+
+
+Updates
+
+ @for (update of updates | updateFilter : showRejectedUpdates : showPublishedUpdates; track update) {
+
+
+No updates
+ } +Edits
+
+ @for (edit of edits | editFilter : showRejectedEdits : showPublishedEdits; track edit) {
+
diff --git a/src/app/app-details-screen/app-details-screen.component.scss b/src/app/app-details-screen/app-details-screen.component.scss
new file mode 100644
index 0000000..d65fc1e
--- /dev/null
+++ b/src/app/app-details-screen/app-details-screen.component.scss
@@ -0,0 +1,38 @@
+/*
+ * Copyright 2023-2025 Logan Magee
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+mat-divider {
+ margin-top: 2rem;
+}
+
+mat-form-field {
+ width: 50em;
+}
+
+textarea {
+ resize: none;
+}
+
+.grid-base {
+ display: grid;
+ column-gap: 1rem;
+ row-gap: 1rem;
+ padding-top: 1rem;
+}
+
+.grid-forms {
+ @extend .grid-base;
+ grid-template-columns: min-content min-content;
+}
+
+.grid-cards {
+ @extend .grid-base;
+ grid-template-columns: repeat(3, 1fr);
+}
+
+.section-header {
+ padding-top: 2rem;
+}
diff --git a/src/app/app-details-screen/app-details-screen.component.spec.ts b/src/app/app-details-screen/app-details-screen.component.spec.ts
new file mode 100644
index 0000000..e072544
--- /dev/null
+++ b/src/app/app-details-screen/app-details-screen.component.spec.ts
@@ -0,0 +1,25 @@
+// Copyright 2023-2025 Logan Magee
+//
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AppDetailsScreenComponent } from './app-details-screen.component';
+
+describe('AppDetailsScreenComponent', () => {
+ let component: AppDetailsScreenComponent;
+ let fixture: ComponentFixtureNo edits
+} +Submit a new app to Accrescent.
+Apps
+
+ @for (app of apps; track app) {
+
+
+No published apps
+ } +Drafts
+
+ @for (draft of drafts; track draft) {
+
diff --git a/src/app/apps-screen/apps-screen.component.scss b/src/app/apps-screen/apps-screen.component.scss
new file mode 100644
index 0000000..1babd9c
--- /dev/null
+++ b/src/app/apps-screen/apps-screen.component.scss
@@ -0,0 +1,25 @@
+/*
+ * Copyright 2023-2025 Logan Magee
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+#create-card {
+ cursor: pointer;
+ width: fit-content;
+}
+
+mat-divider {
+ margin-top: 2rem;
+}
+
+.grid-container {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ column-gap: 1rem;
+ row-gap: 1rem;
+}
+
+.section-header {
+ padding-top: 2rem;
+}
diff --git a/src/app/apps-screen/apps-screen.component.spec.ts b/src/app/apps-screen/apps-screen.component.spec.ts
new file mode 100644
index 0000000..b649cab
--- /dev/null
+++ b/src/app/apps-screen/apps-screen.component.spec.ts
@@ -0,0 +1,25 @@
+// Copyright 2023-2025 Logan Magee
+//
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AppsScreenComponent } from './apps-screen.component';
+
+describe('AppsScreenComponent', () => {
+ let component: AppsScreenComponent;
+ let fixture: ComponentFixtureNo drafts
+ } ++
Draft info
+-
+
- Version: {{ draft.version_name }} ({{ draft.version_code }}) +
- Short description: {{ draft.short_description }} +
- Status: {{ draft.status }} +
Are you sure you want to delete this draft?
+Draft info
+-
+
- Name: {{ data.label }} +
- App ID: {{ data.app_id }} +
- Version: {{ data.version_name }} ({{ data.version_code }}) +
Submit draft for review?
+Draft info
+-
+
- Name: {{ data.label }} +
- App ID: {{ data.app_id }} +
- Version: {{ data.version_name }} ({{ data.version_code }}) +
+
Edit info
+-
+ @if (edit.short_description) {
+
- Short description: {{ edit.short_description }} + } +
- Status: {{ edit.status }} +
Are you sure you want to delete this edit?
+Edit info
+-
+
- App ID: {{ data.app_id }} + @if (data.short_description) { +
- Short description: {{ data.short_description }} + } +
Submit edit for review?
+Edit info for {{ data.app.label }}
+-
+ @if (data.edit.short_description) {
+
- Current short description: {{ data.app.short_description || "(none)" }} +
- New short description: {{ data.edit.short_description }} + } +
+
+
+
diff --git a/src/app/login-screen/login-screen.component.scss b/src/app/login-screen/login-screen.component.scss
new file mode 100644
index 0000000..a6a8996
--- /dev/null
+++ b/src/app/login-screen/login-screen.component.scss
@@ -0,0 +1,50 @@
+/*
+ * Copyright 2023-2025 Logan Magee
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+footer {
+ text-align: right;
+ max-width: 900px;
+ margin: auto;
+ color: darkgray;
+}
+
+.center {
+ height: 95vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.container {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ background-color: #1f1f1f;
+ padding: 2.2em 3.5em 3em 3.5em;
+ border-radius: 10%;
+}
+
+.logo {
+ border-radius: 50%;
+ margin-bottom: 1em;
+}
+
+.spacer {
+ margin: 0.4em 0;
+}
+
+.icon {
+ padding-right: 14px;
+}
+
+.btn {
+ padding: 24px 14px 24px 14px;
+}
+
+.row {
+ display: flex;
+ align-items: center;
+}
diff --git a/src/app/login-screen/login-screen.component.spec.ts b/src/app/login-screen/login-screen.component.spec.ts
new file mode 100644
index 0000000..1c42aaa
--- /dev/null
+++ b/src/app/login-screen/login-screen.component.spec.ts
@@ -0,0 +1,27 @@
+// Copyright 2023-2025 Logan Magee
+//
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LoginScreenComponent } from './login-screen.component';
+
+describe('LoginScreenComponent', () => {
+ let component: LoginScreenComponent;
+ let fixture: ComponentFixture
+ 
+
+ @if (loading) {
+
diff --git a/src/app/login/login.component.scss b/src/app/login/login.component.scss
new file mode 100644
index 0000000..db4e99d
--- /dev/null
+++ b/src/app/login/login.component.scss
@@ -0,0 +1,26 @@
+/*
+ * Copyright 2023-2025 Logan Magee
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+.center {
+ height: 100vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.container {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ background-color: #1f1f1f;
+ padding: 2.2em 3.5em 3em 3.5em;
+ border-radius: 24px;
+}
+
+.spacer {
+ margin: 0.4em 0;
+}
diff --git a/src/app/login/login.component.spec.ts b/src/app/login/login.component.spec.ts
new file mode 100644
index 0000000..1794726
--- /dev/null
+++ b/src/app/login/login.component.spec.ts
@@ -0,0 +1,25 @@
+// Copyright 2023-2025 Logan Magee
+//
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LoginComponent } from './login.component';
+
+describe('LoginComponent', () => {
+ let component: LoginComponent;
+ let fixture: ComponentFixture
+
+ } @else {
+ One moment...
+
+
+ }
+Registration not permitted
+ +Accrescent developer registration is currently invite-only. Please come back + when registration opens for everyone.
+
+
diff --git a/src/app/page-not-found/page-not-found.component.scss b/src/app/page-not-found/page-not-found.component.scss
new file mode 100644
index 0000000..a296c9a
--- /dev/null
+++ b/src/app/page-not-found/page-not-found.component.scss
@@ -0,0 +1,29 @@
+/*
+ * Copyright 2023-2025 Logan Magee
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+.center {
+ height: 100vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.container {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ background-color: #1f1f1f;
+ padding: 2.2em 3.5em 3em 3.5em;
+ border-radius: 24px;
+}
+
+.spacer {
+ margin: 0.4em 0;
+}
+
+.btn {
+ padding: 24px 14px 24px 14px;
+}
diff --git a/src/app/page-not-found/page-not-found.component.spec.ts b/src/app/page-not-found/page-not-found.component.spec.ts
new file mode 100644
index 0000000..bcaf4b7
--- /dev/null
+++ b/src/app/page-not-found/page-not-found.component.spec.ts
@@ -0,0 +1,25 @@
+// Copyright 2023-2025 Logan Magee
+//
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PageNotFoundComponent } from './page-not-found.component';
+
+describe('PageNotFoundComponent', () => {
+ let component: PageNotFoundComponent;
+ let fixture: ComponentFixture
+
+We don't quite know what you're looking for.
+You can try checking the URL, or you can go back to the homepage.
+ + + Go back + +Drafts
+
+ @for (draft of drafts; track draft) {
+
diff --git a/src/app/publish/publish-screen/publish-screen.component.scss b/src/app/publish/publish-screen/publish-screen.component.scss
new file mode 100644
index 0000000..c03c671
--- /dev/null
+++ b/src/app/publish/publish-screen/publish-screen.component.scss
@@ -0,0 +1,12 @@
+/*
+ * Copyright 2023-2025 Logan Magee
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+.grid-container {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ column-gap: 1rem;
+ row-gap: 1rem;
+}
diff --git a/src/app/publish/publish-screen/publish-screen.component.spec.ts b/src/app/publish/publish-screen/publish-screen.component.spec.ts
new file mode 100644
index 0000000..000bfc8
--- /dev/null
+++ b/src/app/publish/publish-screen/publish-screen.component.spec.ts
@@ -0,0 +1,25 @@
+// Copyright 2023-2025 Logan Magee
+//
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PublishScreenComponent } from './publish-screen.component';
+
+describe('PublishScreenComponent', () => {
+ let component: PublishScreenComponent;
+ let fixture: ComponentFixtureNo drafts to publish
+ } ++
Draft info
+-
+
- Version name: {{ draft.version_name }} +
- Version code: {{ draft.version_code }} +
- Short description: {{ draft.short_description }} +
Create review
+ +Drafts
+
+ @for (draft of drafts; track draft) {
+
+
+No drafts to review
+ } +Edits
+
+ @for (edit of edits; track edit) {
+
+
+No edits to review
+ } +Updates
+
+ @for (update of updates; track update) {
+
diff --git a/src/app/review/review-screen/review-screen.component.scss b/src/app/review/review-screen/review-screen.component.scss
new file mode 100644
index 0000000..603ca16
--- /dev/null
+++ b/src/app/review/review-screen/review-screen.component.scss
@@ -0,0 +1,16 @@
+/*
+ * Copyright 2023-2025 Logan Magee
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+.grid-container {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ column-gap: 1rem;
+ row-gap: 1rem;
+}
+
+.section-header {
+ padding-top: 2rem;
+}
diff --git a/src/app/review/review-screen/review-screen.component.spec.ts b/src/app/review/review-screen/review-screen.component.spec.ts
new file mode 100644
index 0000000..e660fda
--- /dev/null
+++ b/src/app/review/review-screen/review-screen.component.spec.ts
@@ -0,0 +1,25 @@
+// Copyright 2023-2025 Logan Magee
+//
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ReviewScreenComponent } from './review-screen.component';
+
+describe('ReviewScreenComponent', () => {
+ let component: ReviewScreenComponent;
+ let fixture: ComponentFixtureNo updates to review
+ } ++
Draft info
+-
+
- Version name: {{ draft.version_name }} +
- Version code: {{ draft.version_code }} +
- Short description: {{ draft.short_description }} +
+
Edit info
+-
+ @if (edit.short_description) {
+
- Short description: {{ edit.short_description }} + } +
+
Update info
+-
+
- Version name: {{ update.version_name }} +
- Version code: {{ update.version_code }} +
+
Update info
+-
+
- Version code: {{ update.version_code }} +
- Requires review: {{ update.requires_review }} +
- Status: {{ update.status }} +
Are you sure you want to delete this update?
+Update info
+-
+
- App ID: {{ data.app_id }} +
- Version name: {{ data.version_name }} +
- Version code: {{ data.version_code }} +
Submit update for review?
+Update info for {{ data.app.label }}
+-
+
- Current version: {{ data.app.version_name }} ({{ data.app.version_code }}) +
- New version: {{ data.update.version_name }} ({{ data.update.version_code }}) +