Author Validation Improvements

apps/frontend/src/locales/en-US/index.json

@@ -554,6 +554,78 @@
   "profile.user-id": {
     "message": "User ID: {id}"
   },
+  "project-member-header.accept": {
+    "message": "Accept"
+  },
+  "project-member-header.action": {
+    "message": "Action"
+  },
+  "project-member-header.decline": {
+    "message": "Decline"
+  },
+  "project-member-header.error": {
+    "message": "Error"
+  },
+  "project-member-header.error-decline": {
+    "message": "Failed to decline team invitation"
+  },
+  "project-member-header.error-join": {
+    "message": "Failed to accept team invitation"
+  },
+  "project-member-header.invitation-no-role": {
+    "message": "You've been invited to join this project. Please accept or decline the invitation."
+  },
+  "project-member-header.invitation-title": {
+    "message": "Invitation to join project"
+  },
+  "project-member-header.invitation-with-role": {
+    "message": "You've been invited be a member of this project with the role of '{role}'."
+  },
+  "project-member-header.key-title": {
+    "message": "Status Key"
+  },
+  "project-member-header.publishing-checklist": {
+    "message": "Publishing checklist"
+  },
+  "project-member-header.required": {
+    "message": "Required"
+  },
+  "project-member-header.resubmit-for-review": {
+    "message": "Resubmit for review"
+  },
+  "project-member-header.resubmit-for-review-desc": {
+    "message": "Your project has been {status} by Modrinth's staff. In most cases, you can resubmit for review after addressing the staff's message."
+  },
+  "project-member-header.show-key": {
+    "message": "Toggle key"
+  },
+  "project-member-header.submit-checklist-tooltip": {
+    "message": "You must complete the required steps in the publishing checklist!"
+  },
+  "project-member-header.submit-for-review": {
+    "message": "Submit for review"
+  },
+  "project-member-header.submit-for-review-desc": {
+    "message": "Your project is only viewable by members of the project. It must be reviewed by moderators in order to be published."
+  },
+  "project-member-header.success": {
+    "message": "Success"
+  },
+  "project-member-header.success-decline": {
+    "message": "You have declined the team invitation"
+  },
+  "project-member-header.success-join": {
+    "message": "You have joined the project team"
+  },
+  "project-member-header.suggestion": {
+    "message": "Suggestion"
+  },
+  "project-member-header.visit-moderation-page": {
+    "message": "Visit moderation page"
+  },
+  "project-member-header.warning": {
+    "message": "Warning"
+  },
   "project-type.collection.plural": {
     "message": "Collections"
   },

apps/frontend/src/pages/[type]/[id]/settings/description.vue

@@ -22,6 +22,10 @@
         "
         :on-image-upload="onUploadHandler"
       />
+      <div v-if="descriptionWarning" class="flex items-center gap-1.5 text-orange">
+        <TriangleAlertIcon class="my-auto" />
+        {{ descriptionWarning }}
+      </div>
       <div class="input-group markdown-disclaimer">
         <button
           :disabled="!hasChanges"
@@ -38,7 +42,8 @@
 </template>
 
 <script lang="ts" setup>
-import { SaveIcon } from "@modrinth/assets";
+import { SaveIcon, TriangleAlertIcon } from "@modrinth/assets";
+import { countText, MIN_DESCRIPTION_CHARS } from "@modrinth/moderation";
 import { MarkdownEditor } from "@modrinth/ui";
 import { type Project, type TeamMember, TeamMemberPermission } from "@modrinth/utils";
 import { computed, ref } from "vue";
@@ -53,6 +58,17 @@ const props = defineProps<{
 
 const description = ref(props.project.body);
 
+const descriptionWarning = computed(() => {
+  const text = description.value?.trim() || "";
+  const charCount = countText(text);
+
+  if (charCount < MIN_DESCRIPTION_CHARS) {
+    return `It's recommended to have a description with at least ${MIN_DESCRIPTION_CHARS} readable characters. (${charCount}/${MIN_DESCRIPTION_CHARS})`;
+  }
+
+  return null;
+});
+
 const patchRequestPayload = computed(() => {
   const payload: {
     body?: string;

apps/frontend/src/pages/[type]/[id]/settings/index.vue

@@ -82,6 +82,10 @@
       <label for="project-summary">
         <span class="label__title">Summary</span>
       </label>
+      <div v-if="summaryWarning" class="my-2 flex items-center gap-1.5 text-orange">
+        <TriangleAlertIcon class="my-auto" />
+        {{ summaryWarning }}
+      </div>
       <div class="textarea-wrapper summary-input">
         <textarea
           id="project-summary"
@@ -240,9 +244,18 @@
 
 <script setup>
 import { formatProjectStatus, formatProjectType } from "@modrinth/utils";
-import { UploadIcon, SaveIcon, TrashIcon, XIcon, IssuesIcon, CheckIcon } from "@modrinth/assets";
+import {
+  UploadIcon,
+  SaveIcon,
+  TrashIcon,
+  XIcon,
+  IssuesIcon,
+  CheckIcon,
+  TriangleAlertIcon,
+} from "@modrinth/assets";
 import { Multiselect } from "vue-multiselect";
 import { ConfirmModal, Avatar } from "@modrinth/ui";
+import { MIN_SUMMARY_CHARS } from "@modrinth/moderation";
 import FileInput from "~/components/ui/FileInput.vue";
 
 const props = defineProps({
@@ -300,6 +313,17 @@ const hasDeletePermission = computed(() => {
   return (props.currentMember.permissions & DELETE_PROJECT) === DELETE_PROJECT;
 });
 
+const summaryWarning = computed(() => {
+  const text = summary.value?.trim() || "";
+  const charCount = text.length;
+
+  if (charCount < MIN_SUMMARY_CHARS) {
+    return `It's recommended to have a summary with at least ${MIN_SUMMARY_CHARS} characters. (${charCount}/${MIN_SUMMARY_CHARS})`;
+  }
+
+  return null;
+});
+
 const sideTypes = ["required", "optional", "unsupported"];
 
 const patchData = computed(() => {

apps/frontend/src/pages/[type]/[id]/settings/links.vue

@@ -7,11 +7,26 @@
           id="project-issue-tracker"
           title="A place for users to report bugs, issues, and concerns about your project."
         >
-          <span class="label__title">Issue tracker</span>
+          <span class="label__title">Issue tracker </span>
           <span class="label__description">
             A place for users to report bugs, issues, and concerns about your project.
           </span>
         </label>
+        <TriangleAlertIcon
+          v-if="isIssuesLinkShortener"
+          v-tooltip="`Use of link shorteners is prohibited.`"
+          class="size-6 animate-pulse text-orange"
+        />
+        <TriangleAlertIcon
+          v-else-if="isIssuesDiscordUrl"
+          v-tooltip="`Discord invites are not appropriate for this link type.`"
+          class="size-6 animate-pulse text-orange"
+        />
+        <TriangleAlertIcon
+          v-else-if="!isIssuesUrlCommon"
+          v-tooltip="`Link includes a domain which isn't common for this link type.`"
+          class="size-6 animate-pulse text-orange"
+        />
         <input
           id="project-issue-tracker"
           v-model="issuesUrl"
@@ -26,11 +41,26 @@
           id="project-source-code"
           title="A page/repository containing the source code for your project"
         >
-          <span class="label__title">Source code</span>
+          <span class="label__title">Source code </span>
           <span class="label__description">
             A page/repository containing the source code for your project
           </span>
         </label>
+        <TriangleAlertIcon
+          v-if="isSourceLinkShortener"
+          v-tooltip="`Use of link shorteners is prohibited.`"
+          class="size-6 animate-pulse text-orange"
+        />
+        <TriangleAlertIcon
+          v-else-if="isSourceDiscordUrl"
+          v-tooltip="`Discord invites are not appropriate for this link type.`"
+          class="size-6 animate-pulse text-orange"
+        />
+        <TriangleAlertIcon
+          v-else-if="!isSourceUrlCommon"
+          v-tooltip="`Link includes a domain which isn't common for this link type.`"
+          class="size-6 animate-pulse text-orange"
+        />
         <input
           id="project-source-code"
           v-model="sourceUrl"
@@ -50,6 +80,16 @@
             A page containing information, documentation, and help for the project.
           </span>
         </label>
+        <TriangleAlertIcon
+          v-if="isWikiLinkShortener"
+          v-tooltip="`Use of link shorteners is prohibited.`"
+          class="size-6 animate-pulse text-orange"
+        />
+        <TriangleAlertIcon
+          v-else-if="isWikiDiscordUrl"
+          v-tooltip="`Discord invites are not appropriate for this link type.`"
+          class="size-6 animate-pulse text-orange"
+        />
         <input
           id="project-wiki-page"
           v-model="wikiUrl"
@@ -61,9 +101,19 @@
       </div>
       <div class="adjacent-input">
         <label id="project-discord-invite" title="An invitation link to your Discord server.">
-          <span class="label__title">Discord invite</span>
+          <span class="label__title">Discord invite </span>
           <span class="label__description"> An invitation link to your Discord server. </span>
         </label>
+        <TriangleAlertIcon
+          v-if="isDiscordLinkShortener"
+          v-tooltip="`Use of link shorteners is prohibited.`"
+          class="size-6 animate-pulse text-orange"
+        />
+        <TriangleAlertIcon
+          v-else-if="!isDiscordUrlCommon"
+          v-tooltip="`You're using a link which isn't common for this link type.`"
+          class="size-6 animate-pulse text-orange"
+        />
         <input
           id="project-discord-invite"
           v-model="discordUrl"
@@ -123,7 +173,13 @@
 
 <script setup>
 import { DropdownSelect } from "@modrinth/ui";
-import { SaveIcon } from "@modrinth/assets";
+import { SaveIcon, TriangleAlertIcon } from "@modrinth/assets";
+import {
+  isCommonUrl,
+  isDiscordUrl,
+  isLinkShortener,
+  commonLinkDomains,
+} from "@modrinth/moderation";
 
 const tags = useTags();
 
@@ -153,6 +209,46 @@ const sourceUrl = ref(props.project.source_url);
 const wikiUrl = ref(props.project.wiki_url);
 const discordUrl = ref(props.project.discord_url);
 
+const isIssuesUrlCommon = computed(() => {
+  if (!issuesUrl.value || issuesUrl.value.trim().length === 0) return true;
+  return isCommonUrl(issuesUrl.value, commonLinkDomains.issues);
+});
+
+const isSourceUrlCommon = computed(() => {
+  if (!sourceUrl.value || sourceUrl.value.trim().length === 0) return true;
+  return isCommonUrl(sourceUrl.value, commonLinkDomains.source);
+});
+
+const isDiscordUrlCommon = computed(() => {
+  if (!discordUrl.value || discordUrl.value.trim().length === 0) return true;
+  return isCommonUrl(discordUrl.value, commonLinkDomains.discord);
+});
+
+const isIssuesDiscordUrl = computed(() => {
+  return isDiscordUrl(issuesUrl.value);
+});
+
+const isSourceDiscordUrl = computed(() => {
+  return isDiscordUrl(sourceUrl.value);
+});
+
+const isWikiDiscordUrl = computed(() => {
+  return isDiscordUrl(wikiUrl.value);
+});
+
+const isIssuesLinkShortener = computed(() => {
+  return isLinkShortener(issuesUrl.value);
+});
+const isSourceLinkShortener = computed(() => {
+  return isLinkShortener(sourceUrl.value);
+});
+const isWikiLinkShortener = computed(() => {
+  return isLinkShortener(wikiUrl.value);
+});
+const isDiscordLinkShortener = computed(() => {
+  return isLinkShortener(discordUrl.value);
+});
+
 const rawDonationLinks = JSON.parse(JSON.stringify(props.project.donation_urls));
 rawDonationLinks.push({
   id: null,