Gutenberg 23.7 teeb plokiredaktori stabiilsemaks

Gutenberg 23.7 on saadaval plugina kataloogis. Väljalase lihvib 23.6-ga tulnud võimalusi: plokiredaktori paigutust, uue galeriiploki dünaamilist režiimi ja globaalsete stiilide pärimise juhtimist. Suur osa muudatustest kõrvaldab väikseid, kuid igapäevases toimetamises häirivaid vigu.

Versiooni saad kohe proovida WordPress Playgroundis.

Redaktori paigutus käitub ühtlasemalt

Uuendus parandab mitu nähtavat redaktori ebakõla. Ujuvad plokid ei kata enam sticky-plokke, tühja ploki lisamise nupp asub tööriistariba haldavates plokkides õiges kohas ning Pullquote-plokk järgib redaktoris kohandatud reavahet. Mobiili- ja tahvlivaates on taas kindla kõrgusega seadme eelvaated.

Galerii dünaamilise režiimi lahtiühendamine on selgem

Gutenberg 23.6 lisas galeriiplokile dünaamilise režiimi. Selle tööriistariba senine nupp „Convert to images” ei selgitanud piisavalt, mida toiming teeb. Gutenberg 23.7 nimetab selle nupu ümber „Detach” ning näitab enne tegevust dialoogi, mis selgitab piltide lahtiühendamise tagajärge. Teisendus on ka ühe undo-sammu tegevus.

Olulisemad uued võimalused

• Globaalsete stiilide pärimise liides on eksperimentaalne ja vaikimisi välja lülitatud. Selle saad sisse lülitada Gutenbergi Experiments-seadete lehel.
• Matemaatikaplokis ei katkesta LaTeX-i parsimisvead enam iga klahvivajutust. ValidatedTextareaControl näitab tagasisidet alles siis, kui väli on esimest korda fookuse kaotanud, ning ekraanilugeja ei kuuluta viga enam iga sisestuse järel.
• Combobox, Select ja SelectControl saavad alamkomponendid Group ning GroupLabel. Nii saab valikuid kõigis item-popup-komponentides ühtemoodi rühmitada.
• Fookuserõnga värvi saab outset-ring__focus-stiilis üle kirjutada. Widget Dashboard mõõdab päise sobivust ja dokumenteerib chrome’i; Widget Primitives tarnitakse nüüd script module’ina.
• Postiredaktori uus responsiveEditingEnabled säte lubab peita Responsive styles-valiku. Blokinspektor näitab päritud globaalsete stiilide väärtusi ning varjude ja fondisuuruste ühine preset’ide haldus tõsteti eraldi lahendusse.
• Font Library otsinguväljadel on paigutushüppe vältimiseks kindel laius ning fondi valimise lehe fondisuurus vastab DataViewsi omale. DataViewsPicker toetab tabeli-, ruudustiku- ja tegevusvaates Shift+Click-vahemiku valikut.
• Sandbox-komponent võtab vastu sandbox-prop’i, number-sisendites peidetakse brauseri natiivsed noolnupud, SearchControl renderdab sufiksi ainult olemasolul ning lisandub Autocomplete.Row primitive.
• Table of Contents saab täieliku kasutajateekonna testkatte. Reaalajas koostöös (RTC) ei saa Quick Edit muuta parasjagu redigeeritavat postitust.

Plokid, meedia ja navigatsioon

• render_block_core_video() arvestab nüüd ka suurtähtedega kirjutatud VIDEO-HTML-sildiga. Cover- ja Accordion-plokist saab Enteriga väljuda.
• Loendiplokk säilitab taandamisel nummerdatud loendi tüübi. Meediaredaktor näitab kärbitud faili laadimise ajal olekut ja eemaldab üleliigse __heicUploadSupport-lipu.
• Template part’i sees oleva Navigation-ploki lingiliideses on taas „Add block” valik. Playlisti pala tööriistariba nupu tekst on lühem.
• Query Loopi Offset-sätte sildil on tõlkekontekst ning Tumblr’i Social Linki ikooni vigane sulgev silt on parandatud.
• Pika animeeritud GIF-i teisendamine ei jää enam üleslaadimisel kinni: staatilise väljundi jaoks dekodeeritakse üksnes esimene kaader. Meediamallide IMG-siltidele ei sunnita enam crossorigin-atribuuti.
• Media REST API URL-ilt meedia toomise üleslaadimismahu kontroll on WordPressi core’ist tagasi toodud. wp-build sünkroonib lehemalli preload-väljade loendi core-data omaga.

Redaktori ja koostöö veaparandused

• Taustapildi juhtelemendist eemaldati topelt fookuserõngas. Tühja ploki appender paikneb õigesti ka plokkides, mis hõivavad oma tööriistariba.
• Tühjade plokkide forward delete hoiab kursori õigel kohal. Kahe sama hex-väärtusega värvipreset’i puhul salvestab ja näitab Global Styles nüüd õiget preset’i; sama gradienti kasutavad preset’id säilitavad GradientPickeris slug’i järgi oma identiteedi.
• Lingina käituvate plokkide inspektor lahendab link-elemendi stiilid. RichText ei käivita input transform’i ilma onReplace-ita ega kuku failide kleepimisel kokku.
• Shift+Click ja Shift+nooleklahvid laiendavad plokivalikut korrektselt. Caret’i liigutamine vaateaknast kõrgemas plokis ei keri enam lehte ning redigeeritavatelt elementidelt eemaldati taas tabIndex, et Shift+Click-valik töötaks.
• RTC kontrollitud plokkide sünkroonimine ei neela enam undo’d. Teise kasutaja salvestamisel säilivad kaastöötajate salvestamata muudatused ning serialiseerimisel tihendatakse andmeid.
• Brauser haldab ise undo’d väljadel, millel on oma undo-loogika. Meta box’ide pealkirjad sobituvad Gutenbergi paneelide stiiliga ja lukust välja jäänud vaataja ei näe enam ekslikult teadet, et keegi teine võttis postituse üle.
• Märkmete puhul talletatakse enne plokitaseme märkme salvestust sihtplokk, inline-märkmelaad registreeritakse importimisel, salvestuse õnnestumist raporteeritakse ühtlaselt ja külgriba valik järgib kursori all olevat inline-markerit. Fookuse lahkumisel katkestatakse pooleliolev hover-esiletõst.
• iOS-ist eemaldati hüppamist vältiv ajutine lahendus ning lisati typewriter. Teated paiknevad ThemeProvideris nullise nurgaraadiusega.
• DataForm ei varasta enam valideerimisel kaardi ja detailivaate fookust. ToolsPanel kolis SCSS Module’i; parandati ka juurkausta .prettierrc.js override, Storybooki Emotioni jsxImportSource ja sellega seotud JSX-import source.
• createInterpolateElement käsitleb sobitamata sulgevaid silte turvaliselt. View configuration API versioonimine uuenes ning kuju poolest sobimatud merge’id lükatakse tagasi, tühjade massiivide semantika on määratud ja lisatavatest liikmetest eemaldatakse null-id.

Ligipääsetavus ja jõudlus

• Alignment-juhtelementide prop’ide käsitlus on ligipääsetavam. Navigationi overlay alammenüüs uuendab hover nüüd aria-expanded-atribuuti.
• Autocomplete seob soovituste loendi aria-controls ja aria-haspopup abil. ExternalLink kasutab ühist fookuserõnga mixin’it.
• Rich text loeb ownsSelection-is contentEditable-atribuuti, et vältida sunnitud layout’i. Parandati sisestamisjõudluse regressiooni.
• FlatTermSelector ei päri redaktoris termineid enam tarbetult uuesti. Core Data EntitiesSavedState koliti redaktorist välja.
• Tulemüürina toimiv Dashboard Widgets puhastab action- ja abilingi href-väärtused.

Teemad, API-d ja arenduse sisetaristu

• theme.json vähendab plokitaseme preset-klassi spetsiifilisust :where() abil. Duotone’i utiliidid koondati global-styles-engine’i ja dubleeritud preset-utiliidid eemaldati.
• Interactivity API direktiivid refaktoreeriti ise registreeruvateks mooduliteks. Reaalajas koostöö kood kolis asukohta lib/experimental/collaboration; polling-sünkroonimise server kasutab uuema tihenduse kontrolliks array_any() ja WP_Sync_Config kasutab str_contains()-i.
• Block Library kaitseb vea viskavate atribuudiväärtuste eest, teeb editableRoot-ist privaatse plokisätte, korrastab WordPress-Develop 7.0 merge’idega seotud detaile ning kasutab Page Listis parentPageID jaoks null-coalescing-operaatorit.
• Tabs-ploki tab-paneli mall ei lisa enam vaikimisi lõiku. Table of Contents kasutab strpos() asemel str_contains()-i. Eemaldati üleliigsed @jest-environment jsdom pragma’d ja nende kasutust kontrollib lint.
• URLInput refaktoreeriti funktsioonkomponendiks. Site Editori canvas loader kasutab Theme’i asemel CSS-i ning ikoonide valideerimine nõuab SVG-lt viewBox-atribuuti.
• Komponendid Disabled, FormTokenField ja SearchControl koliti SCSS Module’itesse. useSelectionProps ei sõltu enam layout’ist ning eemaldati privaatne Theme-komponent ja input-control’i accent color’i parameeter.
• Pakettide sõltuvused uuenevad: date-fns 4.4.0, memize 2.1.1 ja Color.js 0.7.1. Uuendati ka colorjs.io sõltuvust ning eemaldati sellega seotud ajutine lahendus; avaldatud theme-paketis ei lubata src-i.
• Webpack dev server liigub versioonile ^5.2.1, tööriistad lahendavad sõltuvusi sõltumatult node_modules-i paigutusest ning GitHubi workflow’d kontrollivad changelog’i korrektselt ka fork’ist tulnud PR-ides.
• Build lisab eraldi React 18 vendor-paketi, talub dev-skriptis tühikutega projektiteid, lisab ekstraheeritud stiilid asseti versioonihash’i ja väldib worker build’i lõputut tsüklit. Parandati npm-i eelkontrolle, isoleeritud layout’i Prettieri lahendust ning komponendi polymorphism-prop’ide tüpiseerimist intersection’i puhul.
• Lisati React 19 end-to-end ühilduvustest boolean inert-atribuudile. Storybook loob resolve specifier’i URL-kujulise stringina ning eemaldab Emotioni JSX import source’ina.
• Jest ignoreerib TypeScripti deklaratsioonifaile õigesti ja uuendati breaking-muudatusega Jest 30-le. Valitud plokkide jõudlustest ei raporteeri enam ekslikult 0 ms, RTC multisite’i kustutatud kasutaja test parandati ning Site Editor saab view configurationi laiendatavuse end-to-end katte.
• Release-tööriist nõuab cherry-pickimiseks toimivat GitHub CLI-d. Väljalaskevormi ekraanipilt vastab GitHubi uuele Release label’i liidesele.

Dokumentatsioon

Dokumentatsioon sai juhised nvm use kasutamiseks ning agentide juhiste ja oskuste järkjärguliseks avastamiseks. Täiendati Table of Contentsi globaalset dokumentatsiooni, WP_Icon_Collections_Registry docblock’e, getBlock-i käitumise selgitust inner block controller’itega, WordPressi core’i tagasiportimise juhendit ja Gutenberg 23.6 iframe’i juhiseid.

Lisaks täpsustati, et view configurationi filtrite callback’id tagastavad container’i, uuendati serveripoolsete view configurationi filtrite dokumentatsiooni, Storybooki admin-värviskeemi näiteid ning dialoogi ja drawer’i disainijuhiseid. Inline-dokumentatsioonis kasutatakse URL-i jaoks linki.

Mida oma saidil kontrollida

1. Kui kasutad galeriiploki dünaamilist režiimi, kontrolli toimetajate töövoogu: „Detach” eraldab pildid ning kinnitav dialoog aitab kogemata teisendust vältida.
2. Kui arendad teemat või plokke, testi Pullquote’i reavahet, sticky- ja ujuvate plokkide koosmõju, päritud globaalsete stiilide kuvamist ning sama värvi või gradiendiga preset’e.
3. Kui sinu plugin kasutab redaktori komponente, arvesta uute Group, GroupLabel ja Autocomplete.Row primitive’idega. Testi ka number-sisendeid, valikute Shift+Click-vahemikku ja RichTexti failide kleepimist.
4. Kui haldad koostööfunktsioone või RTC-d, kontrolli undo-käitumist, postituse lukku ning olukorda, kus üks kasutaja salvestab teise kasutaja veel salvestamata muudatuste ajal.
5. Lülita Global Styles inheritance UI sisse ainult siis, kui soovid eksperimentaalset funktsiooni eraldi katsetada.