feat: update gitea vendor

package/gitea/source/web_src/js/features/comp/ComboMarkdownEditor.ts

@@ -23,7 +23,7 @@ import {
 } from './EditorMarkdown.ts';
 import {DropzoneCustomEventReloadFiles, initDropzone} from '../dropzone.ts';
 import {createTippy} from '../../modules/tippy.ts';
-import {fomanticQuery} from '../../modules/fomantic/base.ts';
+import {initTabSwitcher} from '../../modules/fomantic/tab.ts';
 import type EasyMDE from 'easymde';
 import {localUserSettings} from '../../modules/user-settings.ts';
 
@@ -71,26 +71,26 @@ export class ComboMarkdownEditor {
 
   options: ComboMarkdownEditorOptions;
 
-  tabEditor: HTMLElement;
-  tabPreviewer: HTMLElement;
+  tabEditor?: HTMLElement;
+  tabPreviewer?: HTMLElement;
 
-  supportEasyMDE: boolean;
+  supportEasyMDE!: boolean;
   easyMDE: any;
   easyMDEToolbarActions: any;
   easyMDEToolbarDefault: any;
 
-  textarea: ComboMarkdownEditorTextarea;
-  textareaMarkdownToolbar: HTMLElement;
+  textarea!: ComboMarkdownEditorTextarea;
+  textareaMarkdownToolbar!: HTMLElement;
   textareaAutosize: any;
 
-  buttonMonospace: HTMLButtonElement;
+  buttonMonospace!: HTMLButtonElement;
 
-  dropzone: HTMLElement | null;
+  dropzone: HTMLElement | null = null;
   attachedDropzoneInst: any;
 
-  previewMode: string;
-  previewUrl: string;
-  previewContext: string;
+  previewMode!: string;
+  previewUrl!: string;
+  previewContext!: string;
 
   constructor(container: ComboMarkdownEditorContainer, options:ComboMarkdownEditorOptions = {}) {
     if (container._giteaComboMarkdownEditor) throw new Error('ComboMarkdownEditor already initialized');
@@ -204,22 +204,21 @@ export class ComboMarkdownEditor {
   }
 
   setupTab() {
-    const tabs = this.container.querySelectorAll<HTMLElement>('.tabular.menu > .item');
-    if (!tabs.length) return;
+    const elTabular = this.container.querySelector('.ui.tabular');
+    if (!elTabular) return;
+    this.tabEditor = this.container.querySelector('[data-tab-for="markdown-writer"]')!;
+    this.tabPreviewer = this.container.querySelector('[data-tab-for="markdown-previewer"]')!;
+    const panelEditor = this.container.querySelector('.ui.tab[data-tab-panel="markdown-writer"]')!;
+    const panelPreviewer = this.container.querySelector('.ui.tab[data-tab-panel="markdown-previewer"]')!;
 
     // Fomantic Tab requires the "data-tab" to be globally unique.
     // So here it uses our defined "data-tab-for" and "data-tab-panel" to generate the "data-tab" attribute for Fomantic.
     const tabIdSuffix = generateElemId();
-    const tabsArr = Array.from(tabs);
-    this.tabEditor = tabsArr.find((tab) => tab.getAttribute('data-tab-for') === 'markdown-writer')!;
-    this.tabPreviewer = tabsArr.find((tab) => tab.getAttribute('data-tab-for') === 'markdown-previewer')!;
     this.tabEditor.setAttribute('data-tab', `markdown-writer-${tabIdSuffix}`);
     this.tabPreviewer.setAttribute('data-tab', `markdown-previewer-${tabIdSuffix}`);
-
-    const panelEditor = this.container.querySelector('.ui.tab[data-tab-panel="markdown-writer"]')!;
-    const panelPreviewer = this.container.querySelector('.ui.tab[data-tab-panel="markdown-previewer"]')!;
     panelEditor.setAttribute('data-tab', `markdown-writer-${tabIdSuffix}`);
     panelPreviewer.setAttribute('data-tab', `markdown-previewer-${tabIdSuffix}`);
+    initTabSwitcher(elTabular);
 
     this.tabEditor.addEventListener('click', () => {
       requestAnimationFrame(() => {
@@ -227,8 +226,6 @@ export class ComboMarkdownEditor {
       });
     });
 
-    fomanticQuery(tabs).tab();
-
     this.tabPreviewer.addEventListener('click', async () => {
       const formData = new FormData();
       formData.append('mode', this.previewMode);
@@ -291,7 +288,7 @@ export class ComboMarkdownEditor {
   }
 
   switchTabToEditor() {
-    this.tabEditor.click();
+    this.tabEditor!.click(); // when this function is called, the tab must exist
   }
 
   prepareEasyMDEToolbarActions() {

package/gitea/source/web_src/js/features/comp/ConfirmModal.ts

@@ -1,7 +1,7 @@
 import {svg} from '../../svg.ts';
 import {html, htmlRaw} from '../../utils/html.ts';
 import {createElementFromHTML} from '../../utils/dom.ts';
-import {fomanticQuery} from '../../modules/fomantic/base.ts';
+import {showFomanticModal} from '../../modules/fomantic/modal.ts';
 import {hideToastsAll} from '../../modules/toast.ts';
 
 const {i18n} = window.config;
@@ -32,15 +32,14 @@ export function confirmModal(modal: HTMLElement | ConfirmModalOptions): Promise<
   // it's fine to do so because the modal is triggered by user's explicit action, so the user should already have read the toast messages
   hideToastsAll();
   return new Promise((resolve) => {
-    const $modal = fomanticQuery(modal);
-    $modal.modal({
+    showFomanticModal(modal, {
       onApprove() {
         resolve(true);
       },
       onHidden() {
-        $modal.remove();
+        modal.remove();
         resolve(false);
       },
-    }).modal('show');
+    });
   });
 }

package/gitea/source/web_src/js/features/comp/EditorUpload.ts

@@ -8,7 +8,7 @@ import {
 import {subscribe} from '@github/paste-markdown';
 import type CodeMirror from 'codemirror';
 import type EasyMDE from 'easymde';
-import type {DropzoneFile} from 'dropzone';
+import type Dropzone from '@deltablot/dropzone';
 
 let uploadIdCounter = 0;
 
@@ -31,7 +31,7 @@ function uploadFile(dropzoneEl: HTMLElement, file: File) {
     };
     dropzoneInst.on(DropzoneCustomEventUploadDone, onUploadDone);
     // FIXME: this is not entirely correct because `file` does not satisfy DropzoneFile (we have abused the Dropzone for long time)
-    dropzoneInst.addFile(file as DropzoneFile);
+    dropzoneInst.addFile(file as Dropzone.DropzoneFile);
   });
 }
 

package/gitea/source/web_src/js/features/comp/LabelEdit.ts

@@ -1,5 +1,5 @@
 import {toggleElem} from '../../utils/dom.ts';
-import {fomanticQuery} from '../../modules/fomantic/base.ts';
+import {showFomanticModal} from '../../modules/fomantic/modal.ts';
 import {submitFormFetchAction} from '../common-fetch-action.ts';
 
 function nameHasScope(name: string): boolean {
@@ -65,7 +65,7 @@ export function initCompLabelEdit(pageSelector: string) {
     form.action = isEdit ? `${curPageLink}/edit` : `${curPageLink}/new`;
     toggleElem(elIsArchivedField, isEdit);
     syncModalUi();
-    fomanticQuery(elModal).modal({
+    showFomanticModal(elModal, {
       onApprove() {
         if (!form.checkValidity()) {
           form.reportValidity();
@@ -74,7 +74,7 @@ export function initCompLabelEdit(pageSelector: string) {
         submitFormFetchAction(form);
         return false;
       },
-    }).modal('show');
+    });
   };
 
   elModal.addEventListener('input', () => syncModalUi());

package/gitea/source/web_src/js/features/comp/ScopedWorkflows.test.ts

@@ -0,0 +1,104 @@
+import {initScopedWorkflowRequired} from './ScopedWorkflows.ts';
+
+function setupForm(required = false) {
+  window.document.body.innerHTML = `
+<form>
+  <table><tbody>
+    <tr>
+      <td>ci.yaml<input type="hidden" name="workflow_ids" value="ci.yaml"></td>
+      <td><div class="ui checkbox"><input type="checkbox" class="js-scoped-required-toggle" ${required ? 'checked' : ''}><label></label></div></td>
+      <td>
+        <textarea class="js-scoped-required-patterns${required ? '' : ' tw-hidden'}" data-default-pattern="org/src: CI / *">${required ? 'org/src: CI / *' : ''}</textarea>
+        <span class="js-scoped-required-hint${required ? ' tw-hidden' : ''}">hint</span>
+      </td>
+    </tr>
+  </tbody></table>
+</form>`;
+  const form = document.querySelector('form')!;
+  const checkbox = form.querySelector<HTMLInputElement>('.js-scoped-required-toggle')!;
+  const textarea = form.querySelector<HTMLTextAreaElement>('.js-scoped-required-patterns')!;
+  const hint = form.querySelector<HTMLElement>('.js-scoped-required-hint')!;
+  return {form, checkbox, textarea, hint};
+}
+
+test('required toggle shows/prefills the patterns textarea (and hides the hint) and reverses otherwise, keeping the value', () => {
+  const {form, checkbox, textarea, hint} = setupForm();
+  initScopedWorkflowRequired(form);
+  expect(textarea.classList.contains('tw-hidden')).toBe(true); // initial: not required -> textarea hidden
+  expect(hint.classList.contains('tw-hidden')).toBe(false); // ... and the hint shown in its place
+
+  // check -> textarea shown and prefilled; hint hidden
+  checkbox.checked = true;
+  checkbox.dispatchEvent(new Event('change', {bubbles: true}));
+  expect(textarea.classList.contains('tw-hidden')).toBe(false);
+  expect(hint.classList.contains('tw-hidden')).toBe(true);
+  expect(textarea.value).toBe('org/src: CI / *');
+
+  // admin edits the pattern
+  textarea.value = 'org/src: CI / build (pull_request)';
+
+  // uncheck -> textarea hidden (value kept, still submits as history), hint shown again
+  checkbox.checked = false;
+  checkbox.dispatchEvent(new Event('change', {bubbles: true}));
+  expect(textarea.classList.contains('tw-hidden')).toBe(true);
+  expect(hint.classList.contains('tw-hidden')).toBe(false);
+  expect(textarea.value).toBe('org/src: CI / build (pull_request)');
+
+  // re-check -> shown again with the same value (not re-prefilled to the default)
+  checkbox.checked = true;
+  checkbox.dispatchEvent(new Event('change', {bubbles: true}));
+  expect(textarea.classList.contains('tw-hidden')).toBe(false);
+  expect(textarea.value).toBe('org/src: CI / build (pull_request)');
+});
+
+test('an already-required row stays shown with its stored patterns (not re-prefilled)', () => {
+  const {form, textarea} = setupForm(true);
+  textarea.value = 'org/src: custom / build (push)'; // a stored, admin-edited pattern
+  initScopedWorkflowRequired(form);
+  expect(textarea.classList.contains('tw-hidden')).toBe(false);
+  expect(textarea.value).toBe('org/src: custom / build (push)');
+});
+
+function setupFormWithContexts(patterns: string) {
+  window.document.body.innerHTML = `
+<form>
+  <table><tbody>
+    <tr>
+      <td>ci.yaml<input type="hidden" name="workflow_ids" value="ci.yaml"></td>
+      <td><div class="ui checkbox"><input type="checkbox" class="js-scoped-required-toggle" checked><label></label></div></td>
+      <td>
+        <textarea class="js-scoped-required-patterns" data-default-pattern="org/src: CI / *">${patterns}</textarea>
+        <span class="js-scoped-required-hint tw-hidden">hint</span>
+        <table class="js-scoped-required-contexts"><tbody>
+          <tr><td><span class="js-scoped-context" data-context="org/src: CI / lint (push)"></span><span class="js-scoped-context-matched tw-hidden">Matched</span></td></tr>
+          <tr><td><span class="js-scoped-context" data-context="org/src: CI / build (push)"></span><span class="js-scoped-context-matched tw-hidden">Matched</span></td></tr>
+        </tbody></table>
+      </td>
+    </tr>
+  </tbody></table>
+</form>`;
+  const form = document.querySelector('form')!;
+  const [lintMark, buildMark] = Array.from(form.querySelectorAll<HTMLElement>('.js-scoped-context-matched'));
+  return {form, lintMark, buildMark};
+}
+
+test('an exact pattern marks only the context it matches', () => {
+  const {form, lintMark, buildMark} = setupFormWithContexts('org/src: CI / lint (push)');
+  initScopedWorkflowRequired(form);
+  expect(lintMark.classList.contains('tw-hidden')).toBe(false); // matched
+  expect(buildMark.classList.contains('tw-hidden')).toBe(true); // not matched
+});
+
+test('a wildcard pattern marks every matching context', () => {
+  const {form, lintMark, buildMark} = setupFormWithContexts('org/src: CI / *');
+  initScopedWorkflowRequired(form);
+  expect(lintMark.classList.contains('tw-hidden')).toBe(false);
+  expect(buildMark.classList.contains('tw-hidden')).toBe(false);
+});
+
+test('a wildcard crossing "/" matches every matching context', () => {
+  const {form, lintMark, buildMark} = setupFormWithContexts('org/src: *');
+  initScopedWorkflowRequired(form);
+  expect(lintMark.classList.contains('tw-hidden')).toBe(false);
+  expect(buildMark.classList.contains('tw-hidden')).toBe(false);
+});

package/gitea/source/web_src/js/features/comp/ScopedWorkflows.ts

@@ -0,0 +1,38 @@
+import {addDelegatedEventListener, onInputDebounce, toggleElem} from '../../utils/dom.ts';
+import {globMatch} from '../../utils/glob.ts';
+
+// markRowMatchedContexts marks each expected status-check context whose row's textarea patterns match it.
+function markRowMatchedContexts(row: HTMLElement) {
+  const textarea = row.querySelector<HTMLTextAreaElement>('.js-scoped-required-patterns')!;
+  const patterns = textarea.value.split(/[\r\n]+/).map((p) => p.trim()).filter(Boolean);
+  for (const ctxEl of row.querySelectorAll<HTMLElement>('.js-scoped-context')) {
+    const context = ctxEl.getAttribute('data-context')!;
+    const matched = patterns.some((p) => globMatch(context, p));
+    toggleElem(ctxEl.parentElement!.querySelector('.js-scoped-context-matched')!, matched);
+  }
+}
+
+// syncScopedRequiredRow shows a scoped workflow's status-check patterns textarea (and its expected-checks preview) only while the workflow is required.
+function syncScopedRequiredRow(checkbox: HTMLInputElement) {
+  const row = checkbox.closest('tr')!;
+  const textarea = row.querySelector<HTMLTextAreaElement>('.js-scoped-required-patterns')!;
+  toggleElem(textarea, checkbox.checked);
+  toggleElem(row.querySelector('.js-scoped-required-hint')!, !checkbox.checked); // the "mark as required" hint shown in the textarea's place
+  const contexts = row.querySelector('.js-scoped-required-contexts'); // only rendered when the workflow has expected checks
+  if (contexts) toggleElem(contexts, checkbox.checked);
+  if (checkbox.checked && !textarea.value.trim()) {
+    textarea.value = textarea.getAttribute('data-default-pattern')!;
+  }
+  if (checkbox.checked) markRowMatchedContexts(row);
+}
+
+export function initScopedWorkflowRequired(form: HTMLElement) {
+  for (const checkbox of form.querySelectorAll<HTMLInputElement>('.js-scoped-required-toggle')) {
+    syncScopedRequiredRow(checkbox);
+  }
+  for (const textarea of form.querySelectorAll<HTMLTextAreaElement>('.js-scoped-required-patterns')) {
+    const row = textarea.closest('tr')!;
+    textarea.addEventListener('input', onInputDebounce(() => markRowMatchedContexts(row)));
+  }
+  addDelegatedEventListener(form, 'change', '.js-scoped-required-toggle', (checkbox: HTMLInputElement) => syncScopedRequiredRow(checkbox));
+}

package/gitea/source/web_src/js/features/comp/SearchRepoBox.ts

@@ -1,31 +1,18 @@
-import {fomanticQuery} from '../../modules/fomantic/base.ts';
-import {htmlEscape} from '../../utils/html.ts';
+import {attachSearchBox} from '../../modules/search.ts';
 
 const {appSubUrl} = window.config;
 
+type RepoSearchResponse = {data: Array<{repository: {full_name: string}}>};
+
 export function initCompSearchRepoBox(el: HTMLElement) {
   const uid = el.getAttribute('data-uid');
   const exclusive = el.getAttribute('data-exclusive');
+  // when set, the selected value is the full "owner/name" rather than the bare repo name, so a cross-owner search can be resolved unambiguously
+  const fullName = el.getAttribute('data-full-name') === 'true';
   let url = `${appSubUrl}/repo/search?q={query}&uid=${uid}`;
-  if (exclusive === 'true') {
-    url += `&exclusive=true`;
-  }
-  fomanticQuery(el).search({
-    minCharacters: 2,
-    apiSettings: {
-      url,
-      onResponse(response: any) {
-        const items = [];
-        for (const item of response.data) {
-          items.push({
-            title: htmlEscape(item.repository.full_name.split('/')[1]),
-            description: htmlEscape(item.repository.full_name),
-          });
-        }
-        return {results: items};
-      },
-    },
-    searchFields: ['full_name'],
-    showNoResults: false,
-  });
+  if (exclusive === 'true') url += `&exclusive=true`;
+  attachSearchBox(el, url, (response: RepoSearchResponse) => response.data.map((item) => ({
+    title: fullName ? item.repository.full_name : item.repository.full_name.split('/')[1],
+    description: item.repository.full_name,
+  })));
 }

package/gitea/source/web_src/js/features/comp/SearchUserBox.ts

@@ -1,49 +1,30 @@
-import {htmlEscape} from '../../utils/html.ts';
-import {fomanticQuery} from '../../modules/fomantic/base.ts';
+import {attachSearchBox, type SearchResult} from '../../modules/search.ts';
 
 const {appSubUrl} = window.config;
 const looksLikeEmailAddressCheck = /^\S+@\S+$/;
 
+type UserSearchResponse = {data: Array<{login: string; avatar_url: string; full_name: string}>};
+
 export function initCompSearchUserBox() {
-  const searchUserBox = document.querySelector('#search-user-box');
-  if (!searchUserBox) return;
+  const box = document.querySelector<HTMLElement>('#search-user-box');
+  if (!box) return;
 
-  const allowEmailInput = searchUserBox.getAttribute('data-allow-email') === 'true';
-  const allowEmailDescription = searchUserBox.getAttribute('data-allow-email-description') ?? undefined;
-  const includeOrgs = searchUserBox.getAttribute('data-include-orgs') === 'true';
-  fomanticQuery(searchUserBox).search({
-    minCharacters: 2,
-    apiSettings: {
-      url: `${appSubUrl}/user/search_candidates?q={query}&orgs=${includeOrgs}`,
-      onResponse(response: any) {
-        const resultItems = [];
-        const searchQuery = searchUserBox.querySelector('input')!.value;
-        const searchQueryUppercase = searchQuery.toUpperCase();
-        for (const item of response.data) {
-          const resultItem = {
-            title: item.login,
-            image: item.avatar_url,
-            description: htmlEscape(item.full_name),
-          };
-          if (searchQueryUppercase === item.login.toUpperCase()) {
-            resultItems.unshift(resultItem); // add the exact match to the top
-          } else {
-            resultItems.push(resultItem);
-          }
-        }
+  const allowEmailInput = box.getAttribute('data-allow-email') === 'true';
+  const allowEmailDescription = box.getAttribute('data-allow-email-description') ?? undefined;
+  const includeOrgs = box.getAttribute('data-include-orgs') === 'true';
+  const url = `${appSubUrl}/user/search_candidates?q={query}&orgs=${includeOrgs}`;
 
-        if (allowEmailInput && !resultItems.length && looksLikeEmailAddressCheck.test(searchQuery)) {
-          const resultItem = {
-            title: searchQuery,
-            description: allowEmailDescription,
-          };
-          resultItems.push(resultItem);
-        }
-
-        return {results: resultItems};
-      },
-    },
-    searchFields: ['login', 'full_name'],
-    showNoResults: false,
+  attachSearchBox(box, url, (response: UserSearchResponse, query) => {
+    const items: SearchResult[] = [];
+    const queryUpper = query.toUpperCase();
+    for (const item of response.data) {
+      const result: SearchResult = {title: item.login, image: item.avatar_url, description: item.full_name};
+      if (queryUpper === item.login.toUpperCase()) items.unshift(result); // exact match floats to top
+      else items.push(result);
+    }
+    if (allowEmailInput && !items.length && looksLikeEmailAddressCheck.test(query)) {
+      items.push({title: query, description: allowEmailDescription});
+    }
+    return items;
   });
 }

package/gitea/source/web_src/js/features/comp/WebHookEditor.ts

@@ -37,11 +37,6 @@ export function initCompWebHookEditor() {
   document.querySelector<HTMLButtonElement>('#test-delivery')?.addEventListener('click', async function () {
     this.classList.add('is-loading', 'disabled');
     await POST(this.getAttribute('data-link')!);
-    setTimeout(() => {
-      const redirectUrl = this.getAttribute('data-redirect');
-      if (redirectUrl) {
-        window.location.href = redirectUrl;
-      }
-    }, 5000);
+    setTimeout(() => window.location.reload(), 5000);
   });
 }