GreaysFork ยกระดับWebHookการตั้งค่าการซิงค์

GreaysFork ป้อนข้อมูลการซิงโครไนซ์สคริปต์อย่างรวดเร็ว,และเพิ่มรหัสภาษาสำหรับหลายประเทศเป็นชุด,แทนที่จะคลิกกล่องตัวเลือกทีละรายการแล้วไปที่ URL ที่เกี่ยวข้อง。

// ==UserScript==
// @name              GreaysFork Enhanced WebHook Sync Settings
// @name:zh-CN        GreaysFork 增强WebHook同步设置
// @description:zh-CN GreaysFork 快速输入脚本同步信息,并批量增加多个国家的语言代码,而不用一个个地点击选择框再去对应的网址。
// @name:ar           GreaysFork يحسنWebHookإعدادات المزامنة
// @description:ar    GreaysFork أدخل بسرعة معلومات مزامنة البرنامج النصي,وإضافة رموز اللغة لدول متعددة على دفعات,بدلاً من النقر على مربعات التحديد واحدًا تلو الآخر والانتقال إلى عنوان URL المقابل。
// @name:bg           GreaysFork ПодобретеWebHookНастройки за синхронизиране
// @description:bg    GreaysFork Бързо въведете информация за синхронизиране на скриптове,И добавете езикови кодове за множество държави на партиди,Вместо да щракнете върху полетата за избор едно по едно и да отидете на съответния URL адрес。
// @name:cs           GreaysFork ZvýšitWebHookNastavení synchronizace
// @description:cs    GreaysFork Rychle zadejte informace o synchronizaci skriptu,A přidat kódy jazyků pro více zemí v dávkách,Místo toho, abyste klikali na jednotlivá výběrová pole a přecházeli na odpovídající URL。
// @name:da           GreaysFork ForbedreWebHookSynkroniseringsindstillinger
// @description:da    GreaysFork Indtast hurtigt scriptsynkroniseringsoplysninger,Og tilføje sprogkoder for flere lande i batches,I stedet for at klikke på valgfelterne én efter én og gå til den tilsvarende URL。
// @name:de           GreaysFork ErweiternWebHookSynchronisierungseinstellungen
// @description:de    GreaysFork Geben Sie schnell Informationen zur Skriptsynchronisierung ein,Und fügen Sie stapelweise Sprachcodes für mehrere Länder hinzu,Anstatt die Auswahlfelder einzeln anzuklicken und zur entsprechenden URL zu gelangen。
// @name:el           GreaysFork ΕπαυξάνωWebHookΡυθμίσεις συγχρονισμού
// @description:el    GreaysFork Εισαγάγετε γρήγορα πληροφορίες συγχρονισμού σεναρίου,Και προσθέστε κωδικούς γλώσσας για πολλές χώρες σε παρτίδες,Αντί να κάνετε κλικ στα πλαίσια επιλογής ένα προς ένα και να μεταβείτε στην αντίστοιχη διεύθυνση URL。
// @name:en           GreaysFork EnhanceWebHookSync settings
// @description:en    GreaysFork Quickly enter script synchronization information,And add language codes for multiple countries in batches,Instead of clicking the selection boxes one by one and going to the corresponding URL。
// @name:eo           GreaysFork PlibonigiWebHookSinkronigi agordojn
// @description:eo    GreaysFork Rapide enigu informojn pri skripto-sinkronigado,Kaj aldonu lingvajn kodojn por pluraj landoj en aroj,Anstataŭ klaki la elektajn skatolojn unu post alia kaj iri al la responda URL。
// @name:es           GreaysFork MejorarWebHookConfiguración de sincronización
// @description:es    GreaysFork Ingrese rápidamente información de sincronización de scripts,Y agregue códigos de idioma para varios países en lotes,En lugar de hacer clic en los cuadros de selección uno por uno e ir a la URL correspondiente。
// @name:fi           GreaysFork ParantaaWebHookSynkronointiasetukset
// @description:fi    GreaysFork Syötä nopeasti komentosarjan synkronointitiedot,Ja lisää useiden maiden kielikoodeja erissä,Sen sijaan, että napsautat valintaruutuja yksitellen ja siirryt vastaavaan URL-osoitteeseen。
// @name:fr           GreaysFork AméliorerWebHookParamètres de synchronisation
// @description:fr    GreaysFork Saisissez rapidement les informations de synchronisation du script,Et ajoutez des codes de langue pour plusieurs pays par lots,Au lieu de cliquer une à une sur les cases de sélection et d’accéder à l’URL correspondante。
// @name:he           GreaysFork לְהַגבִּירWebHookהגדרות סנכרון
// @description:he    GreaysFork הזן במהירות מידע סנכרון סקריפט,והוסף קודי שפה עבור מספר מדינות בקבוצות,במקום ללחוץ על תיבות הבחירה אחת אחת ולעבור לכתובת ה-URL המתאימה。
// @name:hr           GreaysFork PoboljšajWebHookPostavke sinkronizacije
// @description:hr    GreaysFork Brzo unesite informacije o sinkronizaciji skripte,I dodajte jezične kodove za više zemalja u serijama,Umjesto klikanja na okvire za odabir jedan po jedan i odlaska na odgovarajući URL。
// @name:hu           GreaysFork NöveljeWebHookSzinkronizálási beállítások
// @description:hu    GreaysFork Gyorsan adja meg a szkript szinkronizálási adatait,És adjon hozzá több ország nyelvi kódjait kötegekben,Ahelyett, hogy egyenként kattintana a jelölőnégyzetekre, és a megfelelő URL-re lépne。
// @name:id           GreaysFork MeningkatkanWebHookPengaturan sinkronisasi
// @description:id    GreaysFork Masukkan informasi sinkronisasi skrip dengan cepat,Dan tambahkan kode bahasa untuk beberapa negara secara bertahap,Daripada mengklik kotak pilihan satu per satu dan membuka URL yang sesuai。
// @name:it           GreaysFork MigliorareWebHookSincronizza le impostazioni
// @description:it    GreaysFork Inserisci rapidamente le informazioni sulla sincronizzazione dello script,E aggiungi codici lingua per più paesi in batch,Invece di fare clic sulle caselle di selezione una per una e accedere all’URL corrispondente。
// @name:ja           GreaysFork 強化するWebHook同期設定
// @description:ja    GreaysFork スクリプト同期情報を素早く入力,複数の国の言語コードをバッチで追加します,選択ボックスを 1 つずつクリックして対応する URL に移動するのではなく、。
// @name:ka           GreaysFork გაძლიერებაWebHookსინქრონიზაციის პარამეტრები
// @description:ka    GreaysFork სწრაფად შეიყვანეთ სკრიპტის სინქრონიზაციის ინფორმაცია,და დაამატეთ ენის კოდები მრავალი ქვეყნისთვის ჯგუფურად,იმის ნაცვლად, რომ სათითაოდ დააწკაპუნოთ შერჩევის ველებზე და გადახვიდეთ შესაბამის URL-ზე。
// @name:ko           GreaysFork 향상시키다WebHook동기화 설정
// @description:ko    GreaysFork 스크립트 동기화 정보를 빠르게 입력하세요,여러 국가의 언어 코드를 일괄 추가합니다.,선택 상자를 하나씩 클릭하여 해당 URL로 이동하는 대신。
// @name:nl           GreaysFork UitbreidenWebHookSynchronisatie-instellingen
// @description:nl    GreaysFork Voer snel scriptsynchronisatie-informatie in,En voeg taalcodes voor meerdere landen in batches toe,In plaats van één voor één op de selectievakken te klikken en naar de bijbehorende URL te gaan。
// @name:nb           GreaysFork ForbedreWebHookSynkroniseringsinnstillinger
// @description:nb    GreaysFork Skriv inn informasjon om skriptsynkronisering raskt,Og legg til språkkoder for flere land i grupper,I stedet for å klikke på valgboksene én etter én og gå til den tilsvarende URL-en。
// @name:pl           GreaysFork ZwiększyćWebHookSynchronizuj ustawienia
// @description:pl    GreaysFork Szybko wprowadź informacje dotyczące synchronizacji skryptu,I partiami dodawaj kody języków dla wielu krajów,Zamiast klikać pola wyboru jeden po drugim i przechodzić do odpowiedniego adresu URL。
// @name:pt-BR        GreaysFork MelhorarWebHookSincronizar configurações
// @description:pt-BR GreaysFork Insira rapidamente informações de sincronização de script,E adicione códigos de idioma para vários países em lotes,Em vez de clicar nas caixas de seleção uma por uma e ir para o URL correspondente。
// @name:ro           GreaysFork SporiWebHookSetări de sincronizare
// @description:ro    GreaysFork Introduceți rapid informațiile de sincronizare a scriptului,Și adăugați coduri de limbă pentru mai multe țări în loturi,În loc să faceți clic pe casetele de selecție unul câte unul și să mergeți la adresa URL corespunzătoare。
// @name:ru           GreaysFork УсиливатьWebHookСинхронизировать настройки
// @description:ru    GreaysFork Быстрый ввод информации о синхронизации скриптов,И добавляйте языковые коды для нескольких стран в пакетном режиме.,Вместо того, чтобы щелкать поля выбора одно за другим и переходить на соответствующий URL-адрес.。
// @name:sk           GreaysFork VylepšiťWebHookNastavenia synchronizácie
// @description:sk    GreaysFork Rýchlo zadajte informácie o synchronizácii skriptov,A pridajte kódy jazykov pre viacero krajín v dávkach,Namiesto toho, aby ste jedno po druhom klikali na políčka výberu a prešli na príslušnú adresu URL。
// @name:sr           GreaysFork ЕнханцеWebHookПодешавања синхронизације
// @description:sr    GreaysFork Брзо унесите информације о синхронизацији скрипте,И додајте језичке кодове за више земаља у групама,Уместо да кликнете на оквире за избор један по један и идете на одговарајући УРЛ。
// @name:sv           GreaysFork ÖkaWebHookSynkroniseringsinställningar
// @description:sv    GreaysFork Ange snabbt skriptsynkroniseringsinformation,Och lägg till språkkoder för flera länder i omgångar,Istället för att klicka på urvalsrutorna en efter en och gå till motsvarande URL。
// @name:th           GreaysFork ยกระดับWebHookการตั้งค่าการซิงค์
// @description:th    GreaysFork ป้อนข้อมูลการซิงโครไนซ์สคริปต์อย่างรวดเร็ว,และเพิ่มรหัสภาษาสำหรับหลายประเทศเป็นชุด,แทนที่จะคลิกกล่องตัวเลือกทีละรายการแล้วไปที่ URL ที่เกี่ยวข้อง。
// @name:tr           GreaysFork GenişletmekWebHookAyarları senkronize et
// @description:tr    GreaysFork Komut dosyası senkronizasyon bilgilerini hızlı bir şekilde girin,Birden çok ülke için dil kodlarını toplu olarak ekleyin,Seçim kutularına tek tek tıklayıp karşılık gelen URL’ye gitmek yerine。
// @name:ug           GreaysFork كۈچەيتىڭWebHookماسقەدەملەش
// @description:ug    GreaysFork قوليازما ماسقەدەملەش ئۇچۇرىنى تېز كىرگۈزۈڭ,ھەمدە بىر قانچە دۆلەت ئۈچۈن تىل كودىنى قوشۇڭ,تاللاش رامكىسىنى بىر-بىرلەپ چېكىپ ، مۇناسىپ URL غا كىرىڭ。
// @name:uk           GreaysFork ПоліпшенняWebHookНалаштування синхронізації
// @description:uk    GreaysFork Швидко введіть інформацію про синхронізацію сценаріїв,І додайте коди мов для кількох країн пакетами,Замість того, щоб клацати поля вибору один за одним і переходити до відповідної URL-адреси。
// @name:vi           GreaysFork Nâng caoWebHookĐồng bộ hóa cài đặt
// @description:vi    GreaysFork Nhập nhanh thông tin đồng bộ script,Và thêm mã ngôn ngữ cho nhiều quốc gia theo đợt,Thay vì nhấp vào từng hộp lựa chọn và đi tới URL tương ứng。
// @name:zh-TW        GreaysFork 增強WebHook同步設定
// @description:zh-TW GreaysFork 快速輸入腳本同步訊息,並批量增加多個國家的語言代碼,而不用一個個地點擊選擇框再去對應的網址。
// @name:zh-HK        GreaysFork 增強WebHook同步設定
// @description:zh-HK GreaysFork 快速輸入腳本同步訊息,並批量增加多個國家的語言代碼,而不用一個個地點擊選擇框再去對應的網址。
// @name:fr-CA        GreaysFork AméliorerWebHookParamètres de synchronisation
// @description:fr-CA GreaysFork Saisissez rapidement les informations de synchronisation du script,Et ajoutez des codes de langue pour plusieurs pays par lots,Au lieu de cliquer une à une sur les cases de sélection et d’accéder à l’URL correspondante。
// @description       Quickly input script sync information and batch add language codes for multiple countries without the need to click
// @version           1.1.1.1
// @compatible        chrome
// @compatible        firefox
// @compatible        edge
// @compatible        opera
// @compatible        safari
// @icon              data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMwMCAzMDAiIHN0eWxlPSJmaWxsOiAjRDcyMzIzOyI+PHBhdGggZD0iTTIwMC4zIDI2OS45Yy0xNS43IDYuNi0zMi43IDEwLjEtNTAuMyAxMC4xLTM0LjcgMC02Ny40LTEzLjUtOTEuOS0zOC4xQzMzLjUgMjE3LjQgMjAgMTg0LjcgMjAgMTUwczEzLjUtNjcuNCAzOC4xLTkxLjlDODIuNiAzMy41IDExNS4zIDIwIDE1MCAyMHM2Ny40IDEzLjUgOTEuOSAzOC4xQzI2Ni41IDgyLjYgMjgwIDExNS4zIDI4MCAxNTBjMCAxNy42LTMuNSAzNC42LTEwIDUwLjMgNSA1IDEwIDEwLjEgMTUuMSAxNS4xIDkuNi0xOS44IDE1LTQyIDE1LTY1LjRDMzAwIDY3LjIgMjMyLjggMCAxNTAgMFMwIDY3LjIgMCAxNTBzNjcuMiAxNTAgMTUwIDE1MGMyMy40IDAgNDUuNi01LjQgNjUuNC0xNS01LjEtNS0xMC4xLTEwLjEtMTUuMS0xNS4xeiIvPjxwYXRoIGQ9Ik0yNjcuOCAzMDBjLTkuNi0xLjMtMTYuNS03LTIzLjEtMTMuNy0xNC45LTE1LjMtMzAuMS0zMC4yLTQ1LjItNDUuMy05LjMtOS4zLTEyLTIwLjEtNy41LTMyLjcuMy0uOC4zLTIuMS0uMi0yLjYtMy45LTQuMS03LjktOC0xMi0xMi4xLTYuNCA0LTEzLjEgNi43LTIwLjUgNy42LTE1LjUgMS45LTI5LTIuNC00MC4yLTEzLjItMTIuMy0xMS44LTI0LjItMjQtMzYuMi0zNi4xLTMuNS0zLjUtNC4xLTcuNC0yLjItMTEuMiAxLjktMy43IDUuOS02LjQgOS43LTUuNiAyLjUuNSA1LjEgMiA2LjkgMy44IDcuNCA3LjEgMTQuNSAxNC40IDIxLjggMjEuNi42LjYgMS4zIDEuMiAxLjcgMS42bDEzLjgtMTMuOGMtNi4yLTYuMS0xMi42LTEyLjUtMTguOS0xOC45LTEuOS0xLjktMy44LTMuNy01LjYtNS42LTMuOC00LjItMy43LTkuNy4yLTEzLjYgMy45LTMuOSA5LjUtNC4xIDEzLjYtLjEgNy41IDcuMyAxNC44IDE0LjcgMjIuMSAyMi4xLjguOCAxLjUgMS44IDIuMSAyLjRsMTQuMy0xNC4zYy0yLTEuOC00LjUtNC02LjgtNi4zLTYtNS45LTExLjktMTEuOC0xNy44LTE3LjgtMi43LTIuNy0zLjctNS45LTIuNC05LjYgMS40LTMuOSA0LjItNi4zIDguMy02LjkgMy40LS42IDYgMSA4LjQgMy4zbDE0LjcgMTQuN2M3LjQgNy40IDE0LjkgMTQuNiAyMiAyMi4yIDE0LjcgMTUuNyAxNyAzOS4xIDYuMSA1Ny43LS40LjctLjcgMS40LTEuMyAyLjQgMy45IDMuOSA3LjkgNy44IDExLjkgMTEuNi42LjUgMiAuNiAyLjguMyAxMi41LTQuNCAyMy4zLTEuNyAzMi43IDcuNiAxNS4xIDE1LjEgMzAuMSAzMC4zIDQ1LjMgNDUuMiA2LjcgNi41IDEyLjQgMTMuNCAxMy43IDIzdjUuOGMtLjIuNS0uNCAxLjEtLjUgMS42LTEuOCA5LjUtNi42IDE3LTE1LjUgMjEuMi0zLjMgMS42LTYuOSAyLjMtMTAuNCAzLjUtMS45LjItMy44LjItNS44LjJ6Ii8+PHBhdGggZD0iTTE3MCAyMTkuNmMtMi43LjctNS40IDEuMi04LjIgMS41LTMuMS40LTYuMi42LTkuMi42LTE3LjkgMC0zNC4yLTYuNi00Ny4yLTE5LjItMTAuMi05LjgtMjAuMi0yMC0zMC0yOS44bC02LjYtNi42Yy05LjUtOS41LTExLjctMjIuNy01LjgtMzQuMyA0LjktOS42IDE0LjQtMTYgMjQuNS0xNi42LjUtNi45IDMuNS0xMy42IDguOS0xOC45IDUuMi01LjEgMTEuOC04LjIgMTguNy04LjcuMi0yLjUuNy00LjkgMS42LTcuNCAzLjgtMTAuOCAxMi42LTE4LjEgMjMuOS0yMCAxLjUtLjIgMy4xLS40IDQuNi0uNCA1LjQgMCAxMy40IDEuNiAyMS4xIDkuMiA0LjcgNC43IDkuNiA5LjUgMTQuOCAxNC43IDIuMSAyLjIgNC40IDQuNCA2LjUgNi41IDUuMyA1LjIgMTAuNyAxMC42IDE1LjkgMTYuMiAxMC4yIDEwLjkgMTYuNCAyNC41IDE3LjkgMzkuMy45IDguMi4yIDE2LjQtMS44IDI0LjJoLjFjMTIuOCAwIDI0LjcgNS4xIDM0LjcgMTQuOCAzLjYtMTAuOSA1LjYtMjIuNiA1LjYtMzQuNyAwLTYwLjgtNDkuMi0xMTAtMTEwLTExMFM0MCA4OS4yIDQwIDE1MHM0OS4yIDExMCAxMTAgMTEwYzEyLjEgMCAyMy44LTIgMzQuNy01LjYtOS44LTEwLjEtMTQuOC0yMi4xLTE0LjctMzQuOHoiLz48L3N2Zz4=
// @iconbak           https://github.com/ChinaGodMan/UserScripts/raw/main/docs/icon/Scripts%20Icons/RedFork.svg
// @author            人民的勤务员 <toniaiwanowskiskr47@gmail.com>
// @match             *://greasyfork.org/*
// @license           MIT
// @supportURL        https://github.com/ChinaGodMan/UserScripts/issues
// @homepageURL       https://github.com/ChinaGodMan/UserScripts
// @namespace         https://github.com/ChinaGodMan/UserScripts
// @modified          2024-9-05 04:29
// ==/UserScript==
(function () {
    'use strict'
    let isCreated1 = null
    let isCreated = null
    const global = {
        syncingfrom: null,//脚本同步地址
        adminUrl: null,//同步地址   
        defaultAttribute: null,//默认匹配@name //用于设置时显示用
        inputModal: null,//设置床窗口
        inputModalTextArea: null,//链接
        inputModalScript: null,//输入同步脚本地址框
        inputModalDefault: null, //默认匹配@name的输入框
        attribute_other: null,///本地化附加信息,用于设置时显示.
        scriptname: null
    }
    document.head.appendChild(document.createElement('style')).textContent = `
    #main-header ~ .width-constraint > .text-content:only-child > ul li {
      font-size: 0.88rem;
    }
    /* Basic Styling for Buttons */
.Sync-Modal button {
      font-family: 'Arial', sans-serif;
      font-size: 10pt;
      color: #FFFFFF;
      background-color: #007BFF;
      border: none;
      border-radius: 5px;
      padding: 8px 16px;
      cursor: pointer;
      transition: background-color 0.3s ease;
      text-align: center;
      outline: none;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }
    /* Hover effect */
    .Sync-Modal button:hover {
      background-color: #0056b3;
    }
    /* Active (pressed) effect */
    .Sync-Modal button:active {
      background-color: #004494;
    }
    /* Focus effect for accessibility */
    .Sync-Modal button:focus {
      box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
    }
      .Sync-Modal textarea {
      border: 0;
      padding: 0;
      font-family: inherit;
      font-weight: 900;
      color: #a83710;
      font-size: inherit;
      appearance: none;
      border: none;
      outline: none;
      resize: none;
    }
            .Sync-Modal input {
      border: 0;
      padding: 0;
      font-family: inherit;
      font-weight: 900;
      color: #80ecd3;
      font-size: inherit;
      appearance: none;
      border: none;
      outline: none;
      resize: none;
    }
.custom-label {
    font-weight: bold;
    color: #bfe6a0;
}
  `
    function creatSetModal() {
        if (isCreated) return
    }
    document.body.insertAdjacentHTML('beforeend', `
<div class="Sync-Modal">
    <button id="openSyncButton" style="position:fixed;top:10px;right:10px;z-index:1000;display:none;">Open Modal</button>
    <button id="openSyncOnadminPage" style="position:fixed;top:300px;right:200px;z-index:1000;display:none;">Set sync</button>
    <div id="inputWindow" style="display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);justify-content:center;align-items:center;z-index:1001;">
        <div style="background-color:white;padding:20px;border-radius:5px;width:90%;max-width:1000px;height:90%;max-height:95%;display:flex;flex-direction:column;">
            <center><label id="ScriptName">Source Syncing</label></center>
            <h2 style="color: blue;flex-shrink:0;"><label id="SyncLabel" label for="SyncScript">Source Syncing</label></h2>
            <input type="text" id="SyncScriptForm" style="width:100%;margin-bottom:10px;flex-shrink:0;">
            <h3 style="flex-shrink:0;">
                <label for="default" class="custom-label">Default additional info (language matches @name)</label>
            </h3>
            <input type="text" id="inputdefaultAttribute" style="width:100%;margin-bottom:10px;flex-shrink:0;">
            <h3 style="flex-shrink:0;">For locale (matches @name:XX):</h3>
            <textarea id="urlTextArea" rows="6" style="flex-grow:1;width:100%;resize:none;"></textarea>
            <div style="display:flex;justify-content:flex-end;margin-top:10px;flex-shrink:0;">
                <button id="submitModalButton" style="margin-left:10px;">Update and sync now</button>
                <button id="closeSyncButton" style="margin-left:10px;background-color:red;">Close</button>
            </div>
        </div>
    </div>
</div>
`)
    global.inputModal = document.getElementById('inputWindow')
    global.inputModalScript = document.getElementById('SyncScriptForm')
    global.inputModalDefault = document.getElementById('inputdefaultAttribute')
    global.inputModalTextArea = document.getElementById('urlTextArea')
    const openModalButton = document.getElementById('openSyncButton')
    const closeModalButton = document.getElementById('closeSyncButton')
    const submitModalButton = document.getElementById('submitModalButton')
    const openSyncOnadminPage = document.getElementById('openSyncOnadminPage')
    openModalButton.addEventListener('click', addAdminButtons)
    closeModalButton.addEventListener('click', () => global.inputModal.style.display = 'none')
    submitModalButton.addEventListener('click', handleSubmit)
    function handleSubmit() {
        syncUpdate(SyncScriptForm.value, global.inputModalDefault.value, global.adminUrl)
    }
    openSyncOnadminPage.addEventListener('click', () => {
        openSuperAdmin(window.location.href.replace(/\/[^\/]*$/, ''), "", false)
    })
    //取消鲨臂按钮
    addNavLink("Set sync", '#', false, false, "ScriptSyncLink")
    var customClassName = 'ScriptSyncLink'
    var link = document.querySelector(`.${customClassName} > a`)
    if (link) {
        link.addEventListener('click', function (event) {
            event.preventDefault()
            addAdminButtons()
        })
    }
    if (window.location.pathname.includes("/admin")) {
        //  openSyncOnadminPage.style.display = "block"
        const targetElement = document.querySelector("#script-content > section:nth-child(2) > h3")
        const newLink = document.createElement('a')
        newLink.href = '#'
        newLink.textContent = 'Set sync'
        newLink.addEventListener('click', function (event) {
            event.preventDefault()
            openSuperAdmin(window.location.href.replace(/\/[^\/]*$/, ''), "", false)
        })
        targetElement.insertAdjacentElement('afterend', newLink)
    }
    async function syncUpdate(scriptSyncIdentifier, additionalInfoSyncIdentifier, postUrl) {
        const urls = global.inputModalTextArea.value.trim().split('\n')
        const translateTable = [
            { "code": "aa", "value": "1" },
            { "code": "ab", "value": "2" },
            { "code": "ae", "value": "3" },
            { "code": "af", "value": "4" },
            { "code": "ak", "value": "5" },
            { "code": "am", "value": "6" },
            { "code": "as", "value": "8" },
            { "code": "ast", "value": "9" },
            { "code": "av", "value": "10" },
            { "code": "ay", "value": "11" },
            { "code": "az", "value": "12" },
            { "code": "ba", "value": "13" },
            { "code": "be", "value": "14" },
            { "code": "bh", "value": "16" },
            { "code": "bi", "value": "17" },
            { "code": "bm", "value": "18" },
            { "code": "bn", "value": "19" },
            { "code": "bo", "value": "20" },
            { "code": "br", "value": "21" },
            { "code": "bs", "value": "22" },
            { "code": "ca", "value": "23" },
            { "code": "ce", "value": "24" },
            { "code": "ceb", "value": "25" },
            { "code": "ch", "value": "26" },
            { "code": "chr", "value": "27" },
            { "code": "co", "value": "28" },
            { "code": "cr", "value": "29" },
            { "code": "cs", "value": "30" },
            { "code": "cu", "value": "31" },
            { "code": "cv", "value": "32" },
            { "code": "cy", "value": "33" },
            { "code": "da", "value": "34" },
            { "code": "de", "value": "35" },
            { "code": "dv", "value": "36" },
            { "code": "dz", "value": "37" },
            { "code": "ee", "value": "38" },
            { "code": "el", "value": "39" },
            { "code": "en", "value": "40" },
            { "code": "eo", "value": "41" },
            { "code": "es", "value": "42" },
            { "code": "et", "value": "43" },
            { "code": "eu", "value": "44" },
            { "code": "fa", "value": "45" },
            { "code": "ff", "value": "46" },
            { "code": "fi", "value": "47" },
            { "code": "fil", "value": "48" },
            { "code": "fj", "value": "49" },
            { "code": "fo", "value": "50" },
            { "code": "fr", "value": "51" },
            { "code": "fy", "value": "52" },
            { "code": "ga", "value": "53" },
            { "code": "gd", "value": "54" },
            { "code": "gl", "value": "55" },
            { "code": "gn", "value": "56" },
            { "code": "gsw-berne", "value": "57" },
            { "code": "gu", "value": "58" },
            { "code": "gv", "value": "59" },
            { "code": "ha", "value": "60" },
            { "code": "he", "value": "61" },
            { "code": "hi", "value": "62" },
            { "code": "hmn", "value": "63" },
            { "code": "ho", "value": "64" },
            { "code": "hr", "value": "65" },
            { "code": "ht", "value": "66" },
            { "code": "hu", "value": "67" },
            { "code": "hy", "value": "68" },
            { "code": "hz", "value": "69" },
            { "code": "ia", "value": "70" },
            { "code": "id", "value": "71" },
            { "code": "ie", "value": "72" },
            { "code": "ig", "value": "73" },
            { "code": "ik", "value": "74" },
            { "code": "is", "value": "75" },
            { "code": "it", "value": "76" },
            { "code": "iu", "value": "77" },
            { "code": "ja", "value": "78" },
            { "code": "jv", "value": "79" },
            { "code": "ka", "value": "80" },
            { "code": "kg", "value": "81" },
            { "code": "ki", "value": "82" },
            { "code": "kj", "value": "83" },
            { "code": "kk", "value": "84" },
            { "code": "kl", "value": "85" },
            { "code": "km", "value": "86" },
            { "code": "kn", "value": "87" },
            { "code": "ko", "value": "88" },
            { "code": "kr", "value": "89" },
            { "code": "ks", "value": "90" },
            { "code": "ku", "value": "91" },
            { "code": "kv", "value": "92" },
            { "code": "kw", "value": "93" },
            { "code": "ky", "value": "94" },
            { "code": "la", "value": "95" },
            { "code": "lb", "value": "96" },
            { "code": "lg", "value": "97" },
            { "code": "lif", "value": "98" },
            { "code": "ln", "value": "99" },
            { "code": "lo", "value": "100" },
            { "code": "lt", "value": "101" },
            { "code": "lu", "value": "102" },
            { "code": "lv", "value": "103" },
            { "code": "mg", "value": "104" },
            { "code": "mh", "value": "105" },
            { "code": "mi", "value": "106" },
            { "code": "mk", "value": "107" },
            { "code": "ml", "value": "108" },
            { "code": "mn", "value": "109" },
            { "code": "mo", "value": "110" },
            { "code": "mr", "value": "111" },
            { "code": "ms", "value": "112" },
            { "code": "mt", "value": "113" },
            { "code": "my", "value": "114" },
            { "code": "na", "value": "115" },
            { "code": "nb", "value": "119" },
            { "code": "nd", "value": "120" },
            { "code": "ne", "value": "121" },
            { "code": "ng", "value": "122" },
            { "code": "nl", "value": "118" },
            { "code": "nn", "value": "124" },
            { "code": "no", "value": "125" },
            { "code": "nr", "value": "126" },
            { "code": "nv", "value": "127" },
            { "code": "ny", "value": "128" },
            { "code": "oc", "value": "129" },
            { "code": "pa", "value": "131" },
            { "code": "pi", "value": "132" },
            { "code": "ps", "value": "133" },
            { "code": "pt", "value": "134" },
            { "code": "qu", "value": "135" },
            { "code": "rm", "value": "136" },
            { "code": "rn", "value": "137" },
            { "code": "ro", "value": "138" },
            { "code": "ru", "value": "139" },
            { "code": "rw", "value": "140" },
            { "code": "sa", "value": "141" },
            { "code": "sc", "value": "142" },
            { "code": "sd", "value": "143" },
            { "code": "sg", "value": "144" },
            { "code": "sh", "value": "145" },
            { "code": "si", "value": "146" },
            { "code": "sk", "value": "149" },
            { "code": "sl", "value": "150" },
            { "code": "sm", "value": "151" },
            { "code": "sn", "value": "152" },
            { "code": "so", "value": "153" },
            { "code": "sq", "value": "154" },
            { "code": "sr", "value": "155" },
            { "code": "ss", "value": "156" },
            { "code": "st", "value": "157" },
            { "code": "su", "value": "158" },
            { "code": "sv", "value": "159" },
            { "code": "sw", "value": "160" },
            { "code": "ta", "value": "161" },
            { "code": "te", "value": "162" },
            { "code": "tg", "value": "163" },
            { "code": "th", "value": "165" },
            { "code": "ti", "value": "166" },
            { "code": "tk", "value": "167" },
            { "code": "tl", "value": "168" },
            { "code": "tn", "value": "169" },
            { "code": "to", "value": "170" },
            { "code": "tr", "value": "171" },
            { "code": "ts", "value": "172" },
            { "code": "tt", "value": "173" },
            { "code": "tw", "value": "174" },
            { "code": "ty", "value": "175" },
            { "code": "ug", "value": "176" },
            { "code": "uk", "value": "177" },
            { "code": "ur", "value": "178" },
            { "code": "uz", "value": "179" },
            { "code": "ve", "value": "180" },
            { "code": "vi", "value": "181" },
            { "code": "vo", "value": "182" },
            { "code": "wa", "value": "183" },
            { "code": "wo", "value": "184" },
            { "code": "xh", "value": "185" },
            { "code": "yi", "value": "186" },
            { "code": "zh-CN", "value": "187" },
            { "code": "zh-TW", "value": "188" },
            { "code": "zu", "value": "189" }
        ]
        const csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content")
        const formDataObj = {
            _method: 'patch',
            authenticity_token: csrfToken,
            'script[sync_identifier]': scriptSyncIdentifier,
            'script[sync_type]': 'webhook',
        }
        if (additionalInfoSyncIdentifier) {
            formDataObj['additional_info_sync[0][attribute_default]'] = 'true'
            formDataObj['additional_info_sync[0][sync_identifier]'] = additionalInfoSyncIdentifier
            formDataObj['additional_info_sync[0][value_markup]'] = 'markdown'
        }
        urls.forEach((url, index) => {
            const localeKey = extractLocaleKey(url)
            const locale = translateTable.find(entry => entry.code === localeKey)
            const cleanUrl = url.replace(/##.*/, '')
            formDataObj[`additional_info_sync[${index + 1}][attribute_default]`] = 'false'
            formDataObj[`additional_info_sync[${index + 1}][locale]`] = locale ? locale.value : ''
            formDataObj[`additional_info_sync[${index + 1}][sync_identifier]`] = cleanUrl
            formDataObj[`additional_info_sync[${index + 1}][value_markup]`] = 'markdown'
        })
        formDataObj['update-and-sync'] = '更新设置并立即同步'
        const formData = new URLSearchParams(formDataObj)
        console.log(formData.toString())
        const postResp = await fetch(postUrl + '/sync_update', {
            method: 'POST',
            headers: { "Content-Type": "application/x-www-form-urlencoded" },
            body: formData
        })
        const responseText = await postResp.text()
        const parser = new DOMParser()
        const doc = parser.parseFromString(responseText, 'text/html')
        const specificElement = doc.querySelector("body > div.width-constraint > p")
        // 创建并插入弹出框的 HTML
        document.body.insertAdjacentHTML('beforeend', `
  <div id="custom-popup" style="position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:20px;background-color:#fff;border:1px solid #ccc;box-shadow:0 0 10px rgba(0,0,0,0.1);z-index:9999;">
    ${specificElement ? specificElement.innerHTML : 'Element not found'}
    <button id="close-popup" style="top: 10px;  right: 10px;  color: red;">&times;</button>
  </div>
`)
        document.getElementById('close-popup').onclick = function () {
            document.getElementById('custom-popup').remove()
        }
        setTimeout(function () {
            const popup = document.getElementById('custom-popup')
            if (popup) {
                popup.remove()
            }
        }, 5000)
        //  global.inputModal.style.display = 'none'
        //alert((postResp.ok || postResp.status === 302) ? global.scriptname + ' Sync Successful!' : 'Synchronization failed, please check the input.')
    }
    function extractLocaleKey(url) {
        let localeKey = url.includes('##') ? url.match(/##.*\((.*?)\)$/) || url.match(/##(.*?)$/) : url.match(/README_(.*?)\.md/)
        return localeKey ? localeKey[1] : null
    }
    //----设置主窗口
    function addAdminButtons() {
        fetch('https://greasyfork.org/zh-CN/users/webhook-info')
            .then(response => response.ok ? response.text() : Promise.reject('Network response was not ok'))
            .then(data => createModalWindow(parseLinks(data)))
            .catch(error => console.error('Fetch operation failed:', error))
    }
    function parseLinks(data) {
        const parser = new DOMParser()
        const doc = parser.parseFromString(data, 'text/html')
        const firstUl = doc.querySelector('ul')
        if (!firstUl) return []
        return Array.from(firstUl.querySelectorAll('li')).map(li => {
            const links = li.querySelectorAll('a')
            return {
                firstHref: links[0]?.href || '',
                firstTitle: links[0]?.textContent || '',
                secondHref: links[1]?.href || '',
                secondTitle: links[1]?.textContent || ''
            }
        })
    }
    function openSuperAdmin(url, syncjs, isFetch = false) {
        global.adminUrl = url
        if (isFetch) {
            updateWebHookInfo(url + "/admin")
        } else {
            updateWebHookInfo()
        }
        global.inputModalScript.value = global.syncingfrom
        global.inputModalDefault.value = global.defaultAttribute
        global.inputModalTextArea.value = global.attribute_other
        global.inputModal.style.display = 'flex'
        document.querySelector("h2 label[for='SyncScript']").textContent = global.scriptname + "←Source Syncing"
        document.getElementById("ScriptName").textContent = global.scriptname
    }
    function createModalWindow(linksData) {
        const modalHtml = `
        <center>
         <div class="Sync-Modal">
    <div id="adminModal" style="display: none; position: fixed; z-index: 1000; left: 0; top: 50px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: transparent;">
        <div style="background-color: #fefefe; padding: 20px; border: 1px solid #888; width: 40%; max-width: 100%;">
            <span id="closeLinkModal" style="color: red; float: right; font-size: 28px; font-weight: bold; cursor: pointer;">&times;</span>
            <h2>Here are the scripts you have already set up to sync</h2>
            <ul id="linksList" style="list-style-type: none; padding: 0; max-height: 60vh; overflow-y: auto;">
            </ul>
        </div>
    </div>
     </div>
       </center>
`
        document.body.insertAdjacentHTML('beforeend', modalHtml)
        const modal = document.getElementById('adminModal')
        const closeModal = document.getElementById('closeLinkModal')
        const linksList = document.getElementById('linksList')
        //    
        linksData.forEach(link => {
            const listItem = document.createElement('li')
            listItem.style.marginBottom = '10px'
            listItem.innerHTML = `
<div style="display: flex; justify-content: space-between; align-items: center;">
    <a href="${link.firstHref}" target="_blank" style="text-decoration: none; color: blue;">${link.firstTitle}</a>
    <div>
      <a href="${link.secondHref}" target="_blank" style="text-decoration: none; color: blue;">Source Syncing</a>
        <!--<button style="margin-left: 10px;" onclick="window.open('${link.firstHref}')">View</button>
        -->
         <button class="super-admin-btn" style="margin-left: 10px;" onclick="openSuperAdmin('${link.firstHref}/admin')">Set Sync</button>
    </div>
</div>
        `
            linksList.appendChild(listItem)
            listItem.querySelector('.super-admin-btn').addEventListener('click', () => {
                openSuperAdmin(link.firstHref, link.secondHref, true)
            })
        })
        modal.style.display = 'block'
        closeModal.addEventListener('click', () => {
            modal.style.display = 'none'
            modal.remove()
        })
        window.addEventListener('click', (event) => {
            return//不关闭
            if (event.target === modal) {
                modal.style.display = 'none'
                modal.remove()
            }
        })
    }
    function updateStateFromDOM(dom) {
        const syncInputElement = dom.getElementById('script_sync_identifier')
        if (syncInputElement) {
            global.syncingfrom = syncInputElement.value
        } else {
            console.warn("Input element with id 'script_sync_identifier' not found")
        }
        const defaultInputElement = dom.querySelector('input#script-version-additional-info-0.previewable')
        if (defaultInputElement) {
            global.defaultAttribute = defaultInputElement.value
        } else {
            console.warn("Default input element not found")
        }
        const inputElements = dom.querySelectorAll('input[id^="script-version-additional-info-"].previewable')
        global.scriptname = dom.querySelector("#script-info > header > h2").textContent
        global.attribute_other = ''
        inputElements.forEach((inputElement, index) => {
            if (inputElement.id !== "script-version-additional-info-0") {
                if (global.attribute_other) {
                    global.attribute_other += '\n'
                }
                const previousSibling = inputElement.previousElementSibling
                const selectElement = previousSibling?.previousElementSibling
                const selectedText = selectElement?.options[selectElement.selectedIndex]?.text
                global.attribute_other += `${inputElement.value}##${selectedText}`
            }
        })
    }
    function updateWebHookInfo(url = null) {
        if (url) {
            try {
                const xhr = new XMLHttpRequest()
                xhr.open("GET", url, false) // `false` 使请求同步
                xhr.send(null)
                if (xhr.status >= 200 && xhr.status < 300) {
                    const htmlText = xhr.responseText
                    const parser = new DOMParser()
                    const doc = parser.parseFromString(htmlText, 'text/html')
                    updateStateFromDOM(doc)
                    console.log("Data fetched from URL and parsed:", global)
                } else {
                    throw new Error(`Network response was not ok: ${xhr.statusText}`)
                }
            } catch (error) {
                console.error("Error fetching data from URL:", error)
            }
        } else {
            updateStateFromDOM(document)
            console.log("Data fetched from current page:", global)
        }
    }
    function addNavLink(link_text, linkurl, newtab, lastone, lclassname) {
        var li = document.createElement('li')
        if (lclassname) {
            li.className = lclassname
        } else {
            li.className = 'scripts-index-link'
        }
        var a = document.createElement('a')
        a.href = linkurl
        a.innerText = link_text
        li.appendChild(a)
        var nav = document.querySelector('div#site-nav > nav')
        if (nav) {
            if (lastone) {
                nav.append(li)
            } else {
                nav.prepend(li)
            }
        }
    }
})()