Gutenberg 23.7: jasnija galerija, stabilniji uređivač i brojni popravci

Gutenberg 23.7 donosi niz malih, ali primjetnih dorada sučelja te popravaka koji utječu na rad s blokovima, galerijama, stilovima i uređivanjem sadržaja. Izdanje nadograđuje mogućnosti iz verzije 23.6, a možete ga isprobati u WordPress Playgroundu ili preuzeti sa stranice dodatka. U nastavku su sve promjene koje donosi Gutenberg 23.7.

Dorade koje ćete odmah primijetiti u uređivaču

Izdanje se velikim dijelom usredotočuje na vizualne detalje i ponašanje uređivača. Plutajući blokovi više ne preklapaju ljepljive blokove, a umetanje praznog bloka sada se pravilno prikazuje unutar blokova koji preuzimaju vlastitu alatnu traku. Blok Citata s istaknutim navodom sada u uređivaču poštuje prilagođenu visinu retka, pa se prikaz podudara s prednjim dijelom web-mjesta.

Vraćene su i fiksne visine prikaza za mobilne uređaje i tablete. To čini pretpregled responzivnog dizajna predvidljivijim pri uređivanju objava.

Jasnije odvajanje slika iz dinamičke galerije

Dinamički način rada novog bloka Galerija, uveden u Gutenbergu 23.6, dosad je u alatnoj traci imao nejasan gumb „Convert to images”. Gutenberg 23.7 taj gumb preimenuje u „Detach”, odnosno „Odvoji”, i prikazuje modalni prozor koji objašnjava posljedicu odvajanja slika. Pretvorba iz dinamičkog načina rada sada se također može poništiti jednim korakom u povijesti izmjena.

Eksperimentalno nasljeđivanje stilova i dorade komponenti

Sučelje za nasljeđivanje Globalnih stilova sada je eksperimentalna mogućnost koju morate ručno uključiti na stranici Gutenberg Experiments. Kontrole inspektora blokova prikazuju naslijeđene vrijednosti Globalnih stilova, a zajedničko upravljanje presetima izdvojeno je iz sjena i veličina fontova.

Blok Math više ne prijavljuje LaTeX pogreške pri svakom pritisku tipke. Unos sada koristi ValidatedTextareaControl: povratnu informaciju dobit ćete kada polje prvi put izgubi fokus, a čitač zaslona više ne objavljuje grešku nakon svakog znaka.

Komponente Combobox, Select i SelectControl dobile su podkomponente Group i GroupLabel. Tako se grupirane opcije dosljedno slažu u cijeloj skupini komponenti koje prikazuju skočne popise stavki.

Poboljšanja i nove mogućnosti

Opće i komponente

• Osnovni stilovi dopuštaju promjenu boje obruba fokusa u outset-ring__focus.
• Nadzorna ploča widgeta mjeri prilagodbu zaglavlja i dokumentira chrome sučelja.
• Widget Primitives objavljuje se kao script module.
• Polja za pretraživanje u DataViews i Biblioteci fontova dobila su fiksnu širinu kako se raspored ne bi pomicao.
• DataViewsPicker podržava odabir raspona uz Shift+klik u prikazima tablice, mreže i aktivnosti.
• Komponenta sandbox prihvaća svojstvo sandbox.
• Polje input tipa number skriva izvorne kontrole za povećavanje i smanjivanje vrijednosti.
• SearchControl prikazuje sufiks samo kada on postoji.
• Sučelje dobiva primitivu Autocomplete.Row.

Biblioteka blokova, uređivač objava i fontovi

• Blok Tablica sadržaja dobiva end-to-end pokrivenost korisničkog scenarija.
• Postavka uređivača responsiveEditingEnabled može sakriti opciju Responsive styles.
• Stranica za odabir fonta u Biblioteci fontova usklađuje veličinu s DataViews prikazom.
• Pri uređivanju u stvarnom vremenu RTC onemogućuje Quick Edit dok netko uređuje objavu.
• Fokusni prsten dobiva mogućnost promjene boje u osnovnim stilovima.

Ispravci u blokovima i uređivaču

Gutenberg 23.7 ispravlja preklapanje plutajućih i ljepljivih blokova, ali donosi i niz manje vidljivih popravaka u API-jima, blokovima te toku pisanja. Konfiguracija prikaza dobiva ažurirano verzioniranje, odbija spajanja neusklađenog oblika, definira ponašanje praznih polja i uklanja null vrijednosti iz dodanih članova. Funkcija createInterpolateElement sada uredno obrađuje zatvarajuće oznake bez odgovarajuće otvarajuće oznake.

Biblioteka blokova

• render_block_core_video() pravilno obrađuje oznaku VIDEO koja nije pisana malim slovima.
• Blokovi Cover i Accordion izlaze iz odgovarajućeg stanja pritiskom na Enter.
• Blok Liste čuva uređeni tip popisa pri uvlačenju stavke.
• Uređivač medija prikazuje stanje učitavanja dok se učitava izrezana datoteka.
• Uklonjena je suvišna zastavica __heicUploadSupport.
• U sučelju poveznica bloka Navigacija ponovno se prikazuje opcija „Add block” unutar dijelova predloška.
• Alatna traka bloka Popis za reprodukciju koristi kraću oznaku gumba zapisa.
• Oznaka postavke Offset u bloku Query Loop dobiva kontekst za prijevod.
• Iz HTML-a ikone Tumblr u bloku Social Link uklonjena je suvišna zatvarajuća oznaka.

Block Editor i uređivač objava

• Kontrola pozadinske slike više ne prikazuje dvostruki fokusni prsten.
• Položaj pokazivača ostaje ispravan pri brisanju praznih blokova tipkom Delete.
• Testovi za povrat preseta ponovno pravilno uvoze potrebne dijelove nakon objedinjavanja pomoćnih funkcija.
• Paneli Globalnih stilova pravilno spremaju i prikazuju preset kada dva preseta boje dijele isti heksadecimalni zapis.
• Kontrole inspektora za blokove koji su poveznice sada razrješavaju stilove elementa poveznice.
• Sinkronizacija kontroliranih blokova u RTC-u više ne presreće poništavanje izmjena.
• Uredivi elementi Rich texta ponovno nemaju tabIndex, što vraća Shift+klik odabir.
• Shift+strelice proširuju odabir blokova kada ne postoji izvorni tekstualni odabir, a Shift+klik označava gestu višestrukog odabira.
• Pomicanje kursora unutar bloka višeg od vidljivog dijela prozora više ne pomiče stranicu.
• RichText ne primjenjuje transformaciju unosa bez onReplace funkcije te više se ne ruši pri lijepljenju datoteka.
• Polja koja sama upravljaju poništavanjem izmjena prepuštaju undo pregledniku.
• Meta okviri usklađuju stil naslova s Gutenberg panelima.
• Bilješke prije spremanja hvataju ciljni blok, registriraju format umetnute bilješke pri uvozu, dosljedno prijavljuju uspješno spremanje i sinkroniziraju odabir bočne trake s oznakom bilješke pod kursorom.
• Modal zaključavanja objave više pogrešno ne prelazi na poruku da je netko drugi preuzeo uređivanje za korisnika koji nema pristup.
• Obavijesti se omataju u ThemeProvider s polumjerom kuta 0.
• iOS uklanja zaobilazno rješenje za skakanje prikaza i dodaje ponašanje pisaćeg stroja.

Mediji, teme i suradnja

• Pretvaranje dugih animiranih GIF-ova više ne može zaglaviti pri prijenosu: za statične izlaze dekodira se samo prvi kadar.
• Predlošci medija više ne prisiljavaju atribut crossorigin na IMG oznakama.
• wp-build usklađuje popis polja za predučitavanje predloška stranice s core-data.
• Media REST API dobiva backport provjere veličine pri prijenosu datoteke sa staze URL-a.
• theme.json izjednačava specifičnost klasa preseta na razini bloka pomoću :where().
• RTC čuva nespremljene izmjene suradnika kada drugi korisnik spremi sadržaj, kompaktira podatke pri serijalizaciji i odvaja coreov kses filter za spominjanja u osnovnom testu uklanjanja.
• Kontrole poravnanja poboljšavaju obradu svojstava, a Navigacija ažurira aria-expanded pri prelasku mišem preko podizbornika unutar overlaya.

Performanse, eksperimenti i razvojni alati

• Rich text čita atribut contentEditable u ownsSelection kako bi izbjegao prisilni izračun rasporeda, a izdanje pokušava ukloniti regresiju u performansama tipkanja.
• FlatTermSelector više nepotrebno ne dohvaća ponovno taksonomske pojmove.
• Komponenta EntitiesSavedState premještena je iz uređivača u Core Data.
• Eksperimentalni widgeti nadzorne ploče strože sanitiziraju href vrijednosti radnji i poveznica za pomoć.
• Dokumentacija dodaje upute za nvm use, postupno otkrivanje uputa i vještina AI agenata, nedostajuću opću dokumentaciju za table-of-contents/index.php, docblockove za WP_Icon_Collections_Registry, pojašnjenja za getBlock i kontrolere unutarnjih blokova, vodič za backport u WordPress core, zahtjev da callback filtera konfiguracije prikaza vrati container, smjernice za iframe nakon Gutenberga 23.6, primjere administratorske sheme boja teme, smjernice za dialog nasuprot draweru, dokumentaciju serverskih filtera konfiguracije prikaza te poveznice umjesto običnog URL-a u umetnutoj dokumentaciji.
• ESLint proširuje denylist komponentama koje nisu preporučene; webpack-dev-server ažuriran je na ^5.2.1; provjere changeloga rade i za forkane PR-ove; Interactivity API pretvara direktive u module koji se sami registriraju.
• RTC koristi array_any() za provjeru novije kompakcije i str_contains() u WP_Sync_Config; Storybook gradi resolve specifikator kao URL string; alati ne ovise o rasporedu direktorija node_modules.
• Autocomplete povezuje popis prijedloga s aria-controls i aria-haspopup; ExternalLink koristi zajednički mixin fokusnog prstena; hook useSelectionProps više ne ovisi o rasporedu.
• Komponente Disabled, FormTokenField i SearchControl prelaze na SCSS module; paketi ažuriraju date-fns na 4.4.0, Color.js na 0.7.1 i memize na 2.1.1.
• Tema ažurira ovisnost colorjs.io i uklanja zaobilazno rješenje za grešku, poboljšava čitljivost koda komponenti u Storybooku uporabom polja djece te ne dopušta src u objavljenom paketu.
• Biblioteka blokova štiti se od vrijednosti atributa koje bacaju pogrešku, editableRoot postavlja kao privatnu postavku bloka, uključuje manje popravke za spajanja WordPress-Developa 7.0, koristi operator nul-koalescencije za parentPageID, uklanja suvišnu Jest jsdom pragmu, uklanja nepotrebna svojstva __next40pxDefaultSize, koristi str_contains() u Tablici sadržaja i uklanja zadani odlomak iz predloška ploče bloka Tabs.
• Duotone pomoćne funkcije objedinjuju se u global-styles-engine, smanjuje se udvostručen kod za presete, a URLInput postaje funkcijska komponenta.
• Ikone provjeravaju sadrže li SVG-ovi viewBox, a bilješke otkazuju isticanje pri prelasku miša kada fokus napusti nit.
• Datoteke jediničnih testova Globalnih stilova preimenovane su bez nastavka .spec.js; Site Editor zamjenjuje Theme u učitavaču canvasa CSS-om; kod za suradnju u stvarnom vremenu premješten je u lib/experimental/collaboration.

Build i testni alatni lanac

• Dokumentacija alata ažurira snimku obrasca za izdanje zbog novog GitHubova sučelja oznake Release, a cherry-picking sada zahtijeva funkcionalan GitHub CLI.
• Build dodaje neovisan vendor paket za React 18, podržava putanje projekta s razmacima u razvojnoj skripti, preskače tipove svojstva polymorphism na presjeku i uključuje izdvojene stilove u hash verzije asseta.
• Dodani su end-to-end testovi kompatibilnosti s Reactom 19 za logički atribut inert; Prettier se eksplicitno razrješava za izolirani raspored; Storybook više ne koristi Emotion kao JSX izvor; WP Build izbjegava beskonačnu petlju gradnje workera; poboljšane su početne provjere pristupa npm-u.
• Jest pravilno zanemaruje TypeScript deklaracijske datoteke i ažuriran je na verziju 30, što je lomna promjena.
• Flakiness.io koristi se samo u kanonskom Gutenberg repozitoriju; testovi performansi ispravljaju prijavu metrike „Selecting blocks” koja je pogrešno pokazivala 0 ms; RTC popravlja test obrisanog korisnika na multisiteu; Site Editor dobiva end-to-end pokrivenost proširivosti konfiguracije prikaza.
• Osnovni stilovi uklanjaju parametar accent color iz input-control, a uklonjena je privatna komponenta Theme.

Što provjeriti nakon nadogradnje

Ako razvijate blokove, teme ili administracijska sučelja, provjerite ponašanje galerija u dinamičkom načinu rada, prilagođene visine retka bloka Citata s istaknutim navodom i responzivni pretpregled. Razvijate li kontrole na temelju WordPressovih komponenti, obratite pozornost na Group i GroupLabel, promjene u konfiguraciji prikaza te na nove detalje pristupačnosti i ponašanja odabira. Nasljeđivanje Globalnih stilova ostaje eksperimentalno, pa ga uključite u Gutenberg Experiments samo ako ga želite testirati.