Gutenberg 23.7: kaj prinašajo galerije, Global Styles in številni popravki

Gutenberg 23.7 prinaša predvsem veliko popravkov, ki jih opaziš pri vsakdanjem urejanju: pravilnejše plavajoče bloke, natančnejše predoglede naprav, bolj predvidljivo razveljavljanje sprememb in manj motenj pri vnosu LaTeX-a. Izdaja je na voljo kot vtičnik Gutenberg in jo lahko takoj preizkusiš tudi v WordPress Playgroundu.

Vidne izboljšave urejevalnika blokov 23.7

Izdaja 23.7 nadaljuje delo iz različice 23.6 z vrsto manjših, a konkretnih izboljšav postavitve in vedenja urejevalnika. Plavajoči bloki se ne prekrivajo več z lepljivimi bloki, vstavljalnik praznega bloka se pravilno postavi tudi v blokih, ki upravljajo lastno orodno vrstico, blok Citata pa v urejevalniku končno upošteva nastavljeno višino vrstice. Mobilni in tablični predogled znova uporabljata fiksno višino.

Dinamični način bloka Galerija

Dinamični način bloka Galerija, ki je prišel v Gutenberg 23.6, je dobil jasnejši potek odklopa slik. Nejasni gumb »Convert to images« se zdaj imenuje »Detach«, ob izbiri pa se odpre modalno okno z razlago posledic odklopa. Pretvorba dinamične galerije se pri razveljavljanju šteje kot ena sama sprememba.

Global Styles, blok Math in komponente obrazcev

Eksperimentalni uporabniški vmesnik za dedovanje Global Styles ni več privzeto aktiven. Vključiš ga na strani Gutenberg Experiments. Nadzorniki v inšpektorju blokov zdaj prikažejo podedovane vrednosti Global Styles, za bloke s povezavami pa pravilno razrešijo tudi sloge elementa povezave.

Blok Math uporablja ValidatedTextareaControl za vnos LaTeX-a. Napaka pri razčlenjevanju se zato ne sproži ob vsakem pritisku tipke, temveč šele ko polje prvič izgubi fokus; odstranili so tudi obvestilo za bralnike zaslona ob vsakem znaku.

Komponente Combobox, Select in SelectControl so dobile podkomponenti Group in GroupLabel, zato lahko skupine možnosti dosledno sestavljaš v vseh sorodnih pojavnih izbirnikih. Dodali so še primitiv Autocomplete.Row, DataViewsPicker pa podpira izbiro obsega s Shift+Click v postavitvah tabele, mreže in dejavnosti.

Izboljšave funkcij in komponent

Med splošnimi izboljšavami lahko zdaj prepišeš barvo fokusnega obroča outset-ring__focus. Widget Dashboard meri prileganje glave in dokumentira chrome, Widget Primitives pa se distribuirajo kot script module.

DataViews in Font Library uporabljata iskalna polja s fiksno širino, zato iskanje ne povzroča več premikov postavitve. Komponenta sandbox sprejme lastnost sandbox, številčna polja input[type="number"] skrijejo izvorne krmilnike za povečanje in zmanjšanje vrednosti, SearchControl pa izriše pripono le, kadar ta obstaja.

Blok Kazalo vsebine je dobil celovito pokritost uporabniškega scenarija. Nastavitev urejevalnika responsiveEditingEnabled lahko skrije možnost Responsive styles, Font Library pa uskladi velikost pisave izbire na navigacijski strani z DataViews.

Pri sodelovanju v realnem času (RTC) Quick Edit ne deluje, dokler nekdo ureja objavo. Iz Global Styles so izločili skupno upravljanje prednastavitev senc in velikosti pisav.

Popravki blokov in medijev

Blok Video pravilno obravnava tudi zapis oznake VIDEO z velikimi ali mešanimi črkami. Bloka Cover in Accordion se z Enter pravilno zapustita, seznam pa pri zamiku ohrani urejeni tip seznama.

Media Editor med nalaganjem obrezane datoteke pokaže stanje nalaganja. Odstranili so odvečno zastavico __heicUploadSupport, pri nalaganju dolgih animiranih GIF-ov pa pretvorba ne obstane več: za statične izhode dekodira samo prvo sličico.

V predlogovnih delih Navigation ne izgine več možnost »Add block« v uporabniškem vmesniku povezav. Gumb skladbe v bloku Playlist ima krajšo oznako, nastavitev Offset v Query Loopu pa dobi prevodni kontekst. Iz oznake ikone Tumblr v bloku Social Link so odstranili odvečno zaključno oznako.

Predloge medijev ne vsiljujejo več atributa crossorigin oznakam img. Polje seznama za prednalaganje predloge strani v wp-build so uskladili s paketom core-data, Media REST API pa je prevzel preverjanje velikosti pri nalaganju datoteke z URL-poti.

Urejevalnik, pisanje in sodelovanje

Nadzornik slike ozadja nima več podvojenega fokusnega obroča. Popravili so položaj kazalca pri brisanju naprej skozi prazne bloke, uvoz testov prednastavitev po konsolidaciji pomožnih funkcij in izbiro prednastavitve barve, kadar imata dve barvni prednastavitvi enak hex zapis.

Urejevalnik zdaj pravilno obravnava Shift+Click kot gesto večkratne izbire, z Shift+puščicami razširi izbor blokov, kadar ni izvornega besedilnega izbora, in ne pomika strani pri premikanju kazalca po blokih, višjih od vidnega dela okna. Iz urejevalnih elementov so znova odstranili tabIndex, da Shift+Click pravilno izbira vsebino.

RichText ne izvede pretvorbe vnosa brez onReplace, popravljeno pa je tudi sesutje ob lepljenju datotek. Pri nadzorovanem usklajevanju blokov RTC ne prestreza več razveljavljanja sprememb, ob serializaciji pa podatke stisne.

Polja, ki sama upravljajo zgodovino razveljavitev, to zdaj prepustijo brskalniku. Meta polja uporabljajo naslove, usklajene s paneli Gutenberga, iOS urejevalnik pa odstrani rešitev za preskakovanje in doda način typewriter.

Sistem opomb pred shranjevanjem opombe na ravni bloka zajame ciljni blok, ob uvozu registrira format vdelane opombe, dosledno poroča o uspešnem shranjevanju in uskladi izbor v stranski vrstici z oznako opombe pod kazalcem. Ko fokus zapusti nit opombe, prekliče tudi aktivno poudarjanje ob prehodu z miško.

Modalno okno Post Lock se zaklenjenemu gledalcu ne preklopi več napačno na sporočilo »Someone else has taken over«. Obvestila se ovijejo v ThemeProvider z ničelnim polmerom vogalov, pri sodelovanju pa se neshranjeni popravki sodelavcev ohranijo, ko drug uporabnik shrani objavo.

Podatki, API in Global Styles

Posodobljeno je različanje konfiguracije pogleda API. Združevanje konfiguracij zavrne podatke z neujemajočo se obliko, določi semantiko praznih polj in odstrani null iz dodanih članov; createInterpolateElement pa neodpadajoče zaključne oznake obravnava brez napake.

V theme.json ima specifičnost razredov prednastavitev na ravni blokov enako težo z uporabo :where(). GradientPicker izbira po slug-u, zato dve prednastavitvi z enakim gradientom ohranita lastno identiteto. Duotone pomožne funkcije so združili v global-styles-engine, zmanjšali pa so tudi podvojene izvedbe pomožnih funkcij za prednastavitve.

Core Data je komponento EntitiesSavedState premaknil iz urejevalnika. FlatTermSelector se izogne nepotrebnemu ponovnemu pridobivanju taksonomskih izrazov, pri bogatem besedilu pa se atribut contentEditable prebere v ownsSelection, da se prepreči vsiljena postavitev in izboljša odzivnost pisanja.

Dostopnost in varnost eksperimentalne nadzorne plošče

Nadzorniki poravnave bolje obravnavajo lastnosti, Navigation pa ob prehodu z miško po podmeniju znotraj prekrivnega prikaza pravilno posodobi aria-expanded. Autocomplete poveže seznam predlogov z aria-controls in aria-haspopup, ExternalLink pa uporablja skupni mixin za fokusni obroč.

Eksperimentalni pripomočki nadzorne plošče dodatno čistijo href povezav dejanj in povezav pomoči. To zmanjša tveganje, da bi se v te povezave vrinila neustrezna vrednost.

Spremembe za razvijalce in vzdrževanje kode

Interactivity API preoblikuje direktive v module, ki se registrirajo sami. Koda za sodelovanje v realnem času se preseli v lib/experimental/collaboration; strežnik za polling sinhronizacijo uporablja array_any() pri preverjanju novejšega stiskanja, WP_Sync_Config pa str_contains().

V knjižnici blokov dodana zaščita prepreči napake pri vrednostih atributov, ki sprožijo izjemo. editableRoot postane zasebna nastavitev bloka in ne več javna podpora, Page List uporablja operator združevanja z null za parentPageID, Tabs pa iz predloge panela zavihka odstrani privzeti odstavek.

URLInput je zdaj funkcijska komponenta. Validacija ikon zahteva viewBox v SVG-jih, Site Editor pa v nalagalniku platna zamenja uporabo Theme s CSS. Zasebno komponento Theme so odstranili, prav tako parameter barve poudarka iz input-control.

Več komponent se seli na SCSS module: ToolsPanel, Disabled, FormTokenField in SearchControl. useSelectionProps ni več vezan na postavitev, izboljšali so berljivost kode komponent v Storybooku z uporabo polj za otroke, objavljeni paket theme pa ne dovoljuje več mape src.

Paketi posodobijo date-fns na 4.4.0, memize na 2.1.1, Color.js na 0.7.1 in odvisnost colorjs.io; ob tem odstranijo začasno rešitev za napako. Posodobljen je webpack-dev-server na ^5.2.1, ESLint pa na seznam prepovedanih doda manjkajoče nepriporočene komponente.

GitHub workflows pravilno preverijo changelog tudi pri pull requestih iz forkov. Orodja ne predpostavljajo več določene postavitve node_modules, Storybook sestavi resolve specifier kot niz v slogu URL-ja in odpravi Emotion kot JSX import source.

Build, testiranje in dokumentacija

Build doda ločen vendor paket za React 18, podpira poti projekta s presledki in prepreči neskončno zanko gradnje workerjev. DependencyExtractionWebpackPlugin v hash različice sredstev vključi izločene sloge, pri izolirani postavitvi pa se Prettier razreši izrecno.

Izboljšali so predhodno preverjanje dostopa do npm, tipe lastnosti polimorfizma preskočijo pri presečišču tipov in dodajo end-to-end preizkus združljivosti React 19 za logični atribut inert. Orodje za izdaje za cherry-pick zahteva delujoč GitHub CLI, posnetek zaslona obrazca izdaje pa upošteva novi vmesnik oznake Release na GitHubu.

Jest pravilno prezre deklaracijske datoteke TypeScript in se posodobi na prelomno različico 30. Flakiness.io se uporablja le v kanoničnem repozitoriju Gutenberg, metrika zmogljivostnega testa »Selecting blocks« pa ne poroča več napačnih 0 ms.

Dodani so testi za izbrisanega uporabnika RTC v multisite okolju ter celoviti testi razširljivosti konfiguracije pogleda v Site Editorju. Dokumentacija dopolni navodila nvm use, postopno odkrivanje navodil in veščin za agente, dokumentacijo Kazala vsebine, WP_Icon_Collections_Registry, vedenje getBlock z notranjimi krmilniki blokov, prenos popravkov v WordPress core in strežniške filtre konfiguracije pogleda.

Posodobljena so tudi navodila za iframe po Gutenbergu 23.6, primeri administratorske barvne sheme teme v Storybooku, smernice za izbiro med dialogom in drawerjem ter uporaba URL-ja v vdelani dokumentaciji. Testne datoteke Global Styles se preimenujejo brez pripone .spec.js, dokumentacija pa zahteva, da callback filtrov konfiguracije pogleda vrne vsebnik.

Kaj preveri po posodobitvi

Če uporabljaš dinamične galerije, preveri nov potek z ukazom Detach in razveljavljanje pretvorbe. Pri temah z veliko Global Styles preveri prikaz podedovanih vrednosti ter po potrebi v Gutenberg Experiments vključi eksperimentalni vmesnik dedovanja. Razvijalci komponent naj pregledajo nove skupinske podkomponente izbirnikov, spremembe v build orodjih in prelomno posodobitev Jesta 30.