Gutenberg 23.7: kas mainījies WordPress bloku redaktorā

Gutenberg 23.7 koncentrējas uz redaktora ikdienas lietojamību: izlabo bloku pārklāšanos, atjauno ierīču priekšskatījumu izmērus un precizē dinamiskās galerijas darbības. Laidienā ir arī izmaiņas komponentēs, piekļūstamībā, veiktspējā, sadarbības rīkos un būvēšanas infrastruktūrā.

Spraudni vari lejupielādēt no WordPress.org vai izmēģināt WordPress Playground demonstrācijā.

Redaktora vizuālie labojumi

Gutenberg 23.7 novērš vairākas redaktora izkārtojuma problēmas. Peldošie bloki vairs nepārklāj pie ekrāna malas piespraustus blokus, tukšā bloka pievienošanas vadīkla pareizi novietojas blokos ar pašu pārņemtu rīkjoslu, bet Citāta bloks redaktorā tagad ievēro pielāgotu rindstarpas augstumu un sakrīt ar skatu publiskajā vietnē.

Mobilā un planšetdatora priekšskatījumā atkal lieto fiksētu ierīces augstumu. Tas ļauj uzticamāk pārbaudīt izkārtojumu dažādos ekrāna platumos.

Skaidrāka dinamiskās galerijas atvienošana

Gutenberg 23.6 ieviesa jaunā Galerijas bloka dinamisko režīmu, taču rīkjoslas poga “Convert to images” nepaskaidroja, ko darbība mainīs. Versijā 23.7 tā pārdēvēta par “Detach”, un pirms darbības redaktors parāda modālo logu ar skaidrojumu par attēlu atvienošanu.

Dinamiskā režīma pārveidošana tagad arī veido tikai vienu atsaukšanas soli. Tātad vienā darbībā vari atgriezties pie galerijas iepriekšējā stāvokļa.

Citi būtiski papildinājumi

Global Styles mantošanas saskarne ir eksperimentāla funkcija, kas pēc noklusējuma ir izslēgta. To vari ieslēgt Gutenberg eksperimentu iestatījumu lapā (#80815).

Math blokā LaTeX parsēšanas kļūdas vairs netraucē katra taustiņsitiena laikā. Ievade izmanto ValidatedTextareaControl, tāpēc kļūdu ziņojumu rāda tikai pēc tam, kad lauks pirmoreiz zaudē fokusu, un ekrānlasītājs vairs nepaziņo par kļūdu pēc katras ievades zīmes (#80500).

Combobox, Select un SelectControl komponentēm pievienoti Group un GroupLabel apakškomponenti. Tie ļauj vienādi veidot grupētas opcijas visās šo komponentu uznirstošo vienumu saskarnēs (#80574).

Pilns izmaiņu saraksts

Uzlabojumi

Vispārīgi

• Bāzes stilos vari pārrakstīt fokusa apmales krāsu outset-ring__focus elementam (#80587).
• Widget Dashboard mēra galvenes ietilpšanu un dokumentē pārlūka saskarnes daļu (#80423).
• Widget Primitives tagad publicē kā skripta moduli (#80149).

Komponentes

• Combobox, Select un SelectControl pievienoti Group un GroupLabel (#80574).
• DataViews un Font Library meklēšanas laukiem noteikts fiksēts platums, lai novērstu izkārtojuma lēkāšanu (#80315).
• DataViewsPicker tabulas, režģa un aktivitāšu izkārtojumā Shift+Click izvēlas vienumu diapazonu (#80413).
• Sandbox komponents pieņem sandbox parametru (#69617).
• type="number" ievades laukos paslēptas pārlūka standarta skaitļa palielināšanas un samazināšanas vadīklas (#80646).
• SearchControl sufiksu attēlo tikai tad, ja tas eksistē (#80356).
• Saskarnē pievienots Autocomplete.Row primitīvs (#80490).

Bloku bibliotēka

• Table of Contents blokam pievienots pilna lietotāja scenārija testu pārklājums (#80199).
• Math bloka LaTeX ievade izmanto ValidatedTextareaControl (#80500).

Ziņu redaktors

• Pievienots redaktora iestatījums responsiveEditingEnabled, ar kuru var paslēpt Responsive styles opciju (#80814).

Fontu bibliotēka

• Navigācijas lapas fonta izvēles izmērs tagad atbilst DataViews izmēram (#80617).

Sadarbība

• RTC režīmā Quick Edit ir izslēgts, kamēr kāds rediģē ziņu (#80016).

Global Styles

• Ēnu un fontu izmēru kopīgo priekšiestatījumu pārvaldība pārcelta kopīgā risinājumā (#79810).
• Bloka inspektora vadīklas atspoguļo mantotās Global Styles vērtības (#77894).

Kļūdu labojumi

Vispārīgi

• Peldošie bloki vairs nepārklāj piespraustus blokus (#80749).
• Atjaunināta skata konfigurācijas API versiju pārvaldība (#80319).
• Skata konfigurācija noraida neatbilstošas struktūras sapludināšanu, definē tukšu masīvu semantiku un no pievienotajiem elementiem izņem null (#80571).
• createInterpolateElement korekti apstrādā neatbilstošas aizverošās birkas (#80618).

Bloku bibliotēka

• render_block_core_video() apstrādā VIDEO birku arī tad, ja tā nav rakstīta ar mazajiem burtiem (#80537).
• Cover un Accordion blokos ar Enter var iziet no vadīklas (#77301).
• Dinamiskās galerijas rīkjoslas poga pārdēvēta par Detach un pievienots skaidrojošs modālais logs (#80727).
• Citāta bloks redaktorā ievēro pielāgotu rindstarpas augstumu (#80586).
• Galerijas dinamiskā režīma pārveidošana veido vienu atsaukšanas līmeni (#80665).
• Saraksta bloks, palielinot atkāpi, saglabā sakārtotā saraksta tipu (#75353).
• Multivides redaktors rāda ielādes stāvokli, kamēr ielādē apgriezto failu (#80460).
• No Media noņemts liekais __heicUploadSupport karogs (#80452).
• Navigācijas blokā veidnes daļās Link saskarnē atjaunota trūkstošā opcija Add block (#78427).
• Playlist bloka celiņa rīkjoslas pogai saīsināts nosaukums (#80759).
• Query Loop bloka Offset iestatījuma nosaukumam pievienots tulkošanas konteksts (#80582).
• Social Link bloka Tumblr ikonas HTML izlabota lieka aizverošā birka (#80257).

Bloku redaktors

• Fona attēla vadīklā noņemta dublēta fokusa apmale (#80671).
• Tukšā bloka pievienošanas vadīkla pareizi novietojas blokos, kas pārņem rīkjoslas (#80592).
• Labota kursora pozīcija, ar Delete uz priekšu dzēšot tukšus blokus (#77525).
• Pēc priekšiestatījumu utilītu apvienošanas izlaboti priekšiestatījumu cikliskās pārbaudes importi (#80589).
• Global Styles paneļi pareizi saglabā un rāda priekšiestatījumu, ja diviem krāsu priekšiestatījumiem ir viena heksadecimālā vērtība (#80497).
• Bloku inspektora vadīklas atrisina saišu elementu stilus blokiem, kas ir saites (#80607).
• RTC kontrolēto bloku sinhronizācija vairs nepārtver atsaukšanu (#80503).
• No rediģējamiem elementiem atkal noņemts tabIndex, lai izlabotu izvēli ar Shift+Click (#80651).
• Ja nav pārlūka vietējās atlases, Shift+Arrow paplašina bloku atlasi (#80687).
• Shift+Click atzīts par vairāku vienumu atlases žestu (#80286).
• Pārvietojot kursoru blokos, kas ir garāki par skatloga augstumu, lapa vairs neritinās (#80708).
• RichText nelieto ievades transformāciju, ja nav onReplace (#80978).
• Ielīmējot failus, RichText ielīmēšanas apstrādātājs vairs neavarē (#81010).

Ziņu redaktors

• Laukos ar savu atsaukšanas mehānismu redaktors atsaukšanu atstāj pārlūkam (#80768).
• Mobilā un planšetdatora priekšskatījumam atjaunots fiksēts ierīces augstums (#80271).
• Meta lodziņu virsraksti atbilst Gutenberg paneļu stiliem (#80670).
• Notes pirms bloka līmeņa piezīmes saglabāšanas fiksē mērķa bloku (#80690).
• Notes iekļauto piezīmju formātu reģistrē importēšanas laikā (#80576).
• Notes darbības konsekventi ziņo par veiksmīgu saglabāšanu (#80748).
• Notes sinhronizē sānjoslas atlasi ar iekļauto marķieri pie kursora (#80610).
• Post Lock modālais logs bloķētam skatītājam vairs kļūdaini nerāda paziņojumu “Someone else has taken over” (#79997).
• Paziņojumi ietīti ThemeProvider ar nulles stūra rādiusu (#79523).
• iOS noņemts lēkāšanas apiešanas risinājums un pievienots typewriter režīms (#74596).

Komponentes un multivide

• DataForm kartes un detaļu validācija vairs nepārņem fokusu (#80685).
• Izlabota saknes .prettierrc.js pārrakstīšanas problēma (#80422).
• GradientPicker atlasa pēc slug, lai divi priekšiestatījumi ar vienādu gradientu saglabātu identitāti (#80554).
• Storybook izlabots Emotion jsxImportSource (#80426).
• ToolsPanel stilus pārcēla uz SCSS moduli (#80445).
• Garas animētas GIF konvertējot, augšupielāde vairs neiestrēgst: nekustīgai izvadei atkodē tikai pirmo kadru (#80260).
• Media veidnēs IMG birkām vairs nepiespiež crossorigin atribūtu (#80532).
• wp-build sinhronizē lapas veidnes priekšielādes lauku sarakstu ar core-data (#80648).

Sadarbība, Media un datu slānis

• Notes bāzes noņemšanas pārbaudē atvienots WordPress core pieminēšanas kses filtrs (#80656).
• RTC serializēšanas laikā veic saspiešanu (#80707).
• Media REST API pārnests labojums, kas, augšupielādējot failu no URL ceļa, pārbauda izmēru (#80659).
• Theme JSON bloku līmeņa priekšiestatījumu klašu specifiskumu izlīdzina ar :Where() (#80657).
• RTC saglabā līdzstrādnieku nesaglabātos labojumus, kad cits lietotājs saglabā darbu (#79936).

Piekļūstamība un veiktspēja

• Alignment vadīklas uzlabo parametru apstrādi (#63696).
• Navigācijas bloka pārklājumā aria-expanded atjaunojas, novietojot kursoru uz apakšizvēlnes (#77563).
• Rich text ownsSelection nolasa contentEditable atribūtu, lai izvairītos no piespiedu izkārtojuma aprēķina (#80549).
• Ieviests mēģinājums novērst rakstīšanas veiktspējas regresiju (#80507).
• FlatTermSelector vairs nevajadzīgi atkārtoti neielādē taksonomijas terminus (#80623).
• Core Data EntitiesSavedState komponents pārvietots ārpus redaktora (#80485).

Eksperimenti, dokumentācija un koda kvalitāte

• Dashboard Widgets darbību href vērtības stingrāk sanitizē (#80510).
• Dashboard Widgets sanitizē palīdzības saišu href vērtības (#80409).
• Global Styles mantošanas saskarne pieejama tikai kā Gutenberg eksperiments (#80815).
• Dokumentācijā pievienotas nvm use instrukcijas AGENTS.md, pakāpeniskas atklāšanas paraugs aģentu instrukcijām un prasmēm, trūkstoša globālā dokumentācija table-of-contents/index.php, kā arī WP_Icon_Collections_Registry faila un klases docblock (#80755, #80650, #80442, #80172).
• Precizēta aģentu vadlīniju atrašana, getBlock darbība ar iekšējo bloku kontrolleriem, backportēšanas ceļvedis WordPress core, servera puses skata konfigurācijas filtri un iframe vadlīnijas Gutenberg 23.6 laidienam (#80753, #80773, #80593, #80642, #80744, #80629).
• Atjaunināti Storybook administratora krāsu shēmu piemēri, pievienotas dialoga un drawer dizaina vadlīnijas, bet iekļautajā dokumentācijā URL lieto saiti (#80569, #80783, #80716).
• ESLint liegumu sarakstā pievienotas trūkstošas neieteicamās komponentes, webpack-dev-server atjaunināts uz ^5.2.1, un GitHub darbplūsmas labo izmaiņu žurnāla pārbaudes fork PR pieprasījumiem (#80754, #80347, #80538).
• Interactivity API direktīvas pārveidotas par pašreģistrējošiem moduļiem; RTC izmanto array_any() jaunākas saspiešanas pārbaudei un str_contains() WP_Sync_Config klasē (#79975, #80522, #80476).
• Storybook resolve specifikatoru būvē URL formāta virknē, bet rīki atkarības atrisina neatkarīgi no node_modules izkārtojuma (#80416, #80414).

Būvēšana un testēšana

• Būvē pievienota neatkarīga React 18 piegādātāja pakotne; izstrādes skripts apstrādā projektu ceļus ar atstarpēm; Components izlaiž polimorfisma parametru tipus krustojumos (#80367, #80519, #80364).
• DependencyExtractionWebpackPlugin versijas jaucējvērtībā iekļauj izdalītos stilus, React 19 pievienots pilns savietojamības tests boolean inert atribūtam, un izolētā izkārtojumā Prettier atrisina nepārprotami (#80601, #80397, #80529).
• Storybook vairs nelieto Emotion kā JSX importēšanas avotu, WP Build novērš bezgalīgu worker būvēšanas ciklu, un uzlabotas npm piekļuves priekšpārbaudes (#80647, #80361, #80334).
• Jest ignorēšanas paraugs labo TypeScript deklarāciju failus, Jest atjaunināts uz 30. versiju ar nesaderīgām izmaiņām, bet Flakiness.io izmanto tikai kanoniskajā Gutenberg repozitorijā (#80737, #80767, #80816).
• Veiktspējas testi pareizi ziņo bloku atlases metriku, RTC labo dzēsta lietotāja testu multisite vidē, un Site Editor pievienots pilns skata konfigurācijas paplašināmības tests (#80524, #80463, #80577).

Ko pārbaudīt pēc atjaunināšanas

Atjaunini Gutenberg testa vidē un pārbaudi redaktora plūsmas, kuras izmanto peldošus vai piespraustus blokus, pielāgotu Citāta bloka rindstarpas augstumu un mobilās vai planšetdatora priekšskatījumu. Ja vietnē izmanto dinamisko Galerijas bloka režīmu, pārbaudi attēlu atvienošanas dialogu un atsaukšanas darbību.

Tēmu un bloku izstrādātājiem vērts pārbaudīt mantoto Global Styles vērtību attēlojumu inspektorā, Theme JSON priekšiestatījumu specifiskumu un grupētu opciju lietojumu Combobox, Select vai SelectControl komponentēs. Global Styles mantošanu ieslēdz tikai tad, ja apzināti vēlies novērtēt eksperimentālo saskarni.