refactor: wiki edit form (#38918)

1. the fragile `document.querySelector('.repository.wiki.new
.ui.form')!` is broken (again), rewrite to "data-global-init"
    * regression from #37571 because a new form was added
3. use "form-fetch-action" and JSON response instead of
"RenderWithErrDeprecated"

web_src/js/features/repo-wiki.ts

@@ -3,13 +3,11 @@ import {fomanticMobileScreen} from '../modules/fomantic.ts';
 import {POST} from '../modules/fetch.ts';
 import type {ComboMarkdownEditor} from './comp/ComboMarkdownEditor.ts';
 import {html, htmlRaw} from '../utils/html.ts';
+import {registerGlobalInitFunc} from '../modules/observer.ts';
 
-async function initRepoWikiFormEditor() {
-  const editArea = document.querySelector<HTMLTextAreaElement>('.repository.wiki .combo-markdown-editor textarea');
-  if (!editArea) return;
-
-  const form = document.querySelector('.repository.wiki.new .ui.form')!;
+async function initRepoWikiForm(form: HTMLFormElement) {
   const editorContainer = form.querySelector<HTMLElement>('.combo-markdown-editor')!;
+  const editArea = editorContainer.querySelector<HTMLTextAreaElement>('textarea')!;
   let editor: ComboMarkdownEditor;
 
   let renderRequesting = false;
@@ -69,17 +67,13 @@ async function initRepoWikiFormEditor() {
   });
 }
 
-function collapseWikiTocForMobile(collapse: boolean) {
-  if (collapse) {
-    document.querySelector('.wiki-content-toc details')?.removeAttribute('open');
-  }
-}
-
-export function initRepoWikiForm() {
-  if (!document.querySelector('.page-content.repository.wiki')) return;
-
-  fomanticMobileScreen.addEventListener('change', (e) => collapseWikiTocForMobile(e.matches));
-  collapseWikiTocForMobile(fomanticMobileScreen.matches);
-
-  initRepoWikiFormEditor();
+export function initRepoWiki() {
+  registerGlobalInitFunc('initRepoWikiSidebarToc', (el) => {
+    const collapseWikiTocForMobile = (collapse: boolean) => {
+      if (collapse) el.querySelector('details')?.removeAttribute('open');
+    };
+    fomanticMobileScreen.addEventListener('change', (e) => collapseWikiTocForMobile(e.matches));
+    collapseWikiTocForMobile(fomanticMobileScreen.matches);
+  });
+  registerGlobalInitFunc('initRepoWikiForm', initRepoWikiForm);
 }

web_src/js/index.ts

@@ -38,7 +38,7 @@ import {initInstall} from './features/install.ts';
 import {initCompWebHookEditor} from './features/comp/WebHookEditor.ts';
 import {initRepoBranchButton} from './features/repo-branch.ts';
 import {initCommonOrganization} from './features/common-organization.ts';
-import {initRepoWikiForm} from './features/repo-wiki.ts';
+import {initRepoWiki} from './features/repo-wiki.ts';
 import {initRepository, initBranchSelectorTabs} from './features/repo-legacy.ts';
 import {initCaptcha} from './features/captcha.ts';
 import {initRepositoryActions} from './features/repo-actions.ts';
@@ -135,7 +135,7 @@ const initPerformanceTracer = callInitFunctions([
   initRepoReleaseNew,
   initRepoTopicBar,
   initRepoViewFileTree,
-  initRepoWikiForm,
+  initRepoWiki,
   initRepository,
   initRepositoryActions,
   initRepositorySearch,