Peak Release Notes

What's improved

• Use new Revealer toggle type to show/hide advanced button controls. 7a319f91 by @robdekort
• Update dependencies. 0bd379bb by @robdekort

What's fixed

• Remove 'Show controls' feature for buttons as data doesn't get saved in recent Statamic versions. 98eedbf9 by @robdekort

What's fixed

• Multilingual sitemaps for Statamic 3.3+. 708d5672 by @robdekort

What's improved

• Glide fill SEO JSON-ld image instead of fit. 0d2bff96 by @robdekort
• Make change collection title field localizable. d02d4b4f by @robdekort

What's fixed

• Typo in theme toggle comments. 88f2b82c by @robdekort

What's new

• Use a store for the theme/dark-mode configuration. This way you can reactively use the current theme/mode in other components. #216 by @robdekort

v4.11 (2022-04-20)

What's new

• Add toggle form fieldtype and use it as consent field in the default form. #214 by @robdekort

What's fixed

• A typo in the globals blueprint. #213 by @tricki

What's new

• Add a section field and partial to the form builder. 19732c0f by @robdekort

What's improved

• Remove old meta and generate new upon social image creation. 3c3e7918 by @PunchRockgroin and @robdekort
• Revert earlier decision and ignore assets by default again. I got tired of git -rm -f on each and every project when I forgot to uncomment those lines. 6878248e by @robdekort

What's improved

• Use base strategy for TW forms. 8e8657d8 by @robdekort

What's fixed

• Previous social images now get purged and don't trigger an error on Laravel 9. f5eaa8b9 by @robdekort

What's new

• Add Norwegian Nynorsk translation. #207 by @hgrimelid

What's improved

• Improve Norwegian Nynorsk translation. #208 by @hgrimelid

What's fixed

• Make OG images job compatible with Statamic 3.3. 3dddf9fe by @robdekort

What's improved

• Set CSRF token on form header and disable token field on the form partial. #206 by @robdekort
• Simplify syntax in call to action. cc78ee87 by @robdekort
• Improve readability in button partial. 0dbbbbda and fbd3edd2 by @robdekort

What's fixed

• 419 errors on form submission. b87e674c by @robdekort

What's improved

• Don't ask about mounts for non public collections when using peak:add-collection. 7bb0dc5f by @robdekort
• Remove unused paragraph partial (it's renamed to p). a1e2589d by @robdekort

What's fixed

• Use dynamic public paths when generating favicons to prevent errors when running the multisite command. b3c3d819 by @robdekort

What's fixed

• Fix max width collision with the article page builder block. afe26aa9 by @robdekort

What's improved

• Get rid of IDE comment in Sitemap template. It can cause issues on certain hosts. #62beea70 by @robdekort

What's fixed

• Move up language folder to get {{ trans }} and validation working on Laravel 9. #203 by @robdekort

What's new

• Antlers Runtime parser support. Check this upgrade guide for existing sites. #194, #201 by @robdekort
• Support for conditional form fields. #195 by @robdekort
• Completely reworked dark mode toggle (theme toggle). It has a light, dark and system option now. #197 by @robdekort
• Use the content of an actual 404 entry when a 404 error hits (including SEO data). #199 by @robdekort and @jasonvarga
• Rework the Tailwind Typography configuration to use modifiers in a partial. #190 and ebd09623 by @robdekort
• Add a CP widget displaying assets with missing alt texts. 03059989 by @robdekort and @mikemartin
• Make privacy statement a configuration global and use it in checkbox consent fields instead of just the cookie banner. #191 by @robdekort

What's improved

• Send CSRF token as header and simplify form submission logic. Note: you can use this methodology everywhere you need a dynamic CSRF token. 12a824d8 by @robdekort
• Clear the navigation when running php please peak:clear-site. #202 by @robdekort
• Improve form error handling a11y. #196 by @robdekort
• Rename the paragraph partial to p to be in line with heading partials. 6184f9c3 by @robdekort
• Rewrite the IDE helper for the caption partial. 69c6f9ec by @robdekort
• Remove html comments from fallback description partial. 6e80c42e by @robdekort
• Use logo component in social image template. c03f433d by @robdekort
• Make form field instructions localizable. 643fbe83 by @robdekort
• Use semantic markup for pull quote. #200 by @klickreflex
• Use --queue flag on the static:warm command in the example readme. 5275036f by @robdekort
• Use --no-dev flag on the composer install command in the example readme. 574a268e by @robdekort
• Add example production .env contents to the example readme. 12a824d8 by @robdekort
• Remove examples entry and simplify the starter navigation. 339ce492 by @robdekort

What's fixed

• Typo on default contact form page. #198 by @kerns
• Remove bg-neutral-50 from the social image template since Peak can't ship with shades. That's up to the color config of the user. 103086de by @robdekort

What's improved

• Improve table component responsive behaviour. #189 by @klickreflex
• Use ::marker to style Tailwind CSS Typography marker styles. 2c0fd2da by @robdekort
• Use !important to style Tailwind CSS Typography a:hover text color. 7b755293 by @robdekort
• Fix logo component template comment. 59b0e04e by @robdekort

What's improved

• Prevent default outline in styled TW typo focus visible. 04118026 by @robdekort.
• Make caption component a block element. 513da3a2 by @robdekort
• Update dependencies. 2ad650ac by @robdekort

What's improved

• Lower default concurrency for the static:warm command to put less strain on servers. 91893c02 by @robdekort.

What's improved

• Use @screen directive in the Tailwind config. #185 by @klickreflex and 97b30e34 by @robdekort

What's improved

• Add aria label to main navigation nav tag. 91c19212 by @robdekort
• Remove focus trap from sub navigation as it's not according to the a11y guidelines. c6c71625 by @robdekort
• Close flyout menus when the user tabs out. 6cc44196 by @robdekort
• Update dependencies and remove postcss nested as it's not used by default. da0443e2 by @robdekort

What's improved

• Remove redundant VerifyCsrfToken config. 2ebbc036 by @robdekort
• Add slightly changed default Ignition config. Auto switch color mode and use vscode as the default editor (since it's the only editor with Antlers support). 25aabc03 by @robdekort
• Fix alphabetical order of Article sets. 01c1f884 by @robdekort

What's new

• Alias dark mode localStorage variable and dynamically update the theme-color meta tag when using dark mode and seperate normal/dark mode theme colors. f5a53e4b by @robdekort

What's new

• Include localized entries in sitemap. #185 by @stefankempf

What's improved

• Specifically add a content type to the sitemap route. #184 by @stefankempf

What's new

• Use alpine focus plugin instead of the deprecated trap plugin (no breaking changes). 4c474a73 by @robdekort

What's improved

• Use queue for asset generation and add {DO_NOT_NOTIFY} for Ploi to the deploy script example. d1b0e31f and 2570989c by @robdekort

What's improved

• Improve footer layout on desktop and transition the social icon color on hover. a1a1d368 by @robdekort
• Update AlpineJS. 4db54ad3 by @robdekort

What's improved

• Move the init of the Tailwind forms and aspect plugin back to tailwind.config.peak.js. 1c4df41e by @robdekort

What's new

• TailwindCSS v3 support. #183 by @robdekort

What's new

• You can now use custom domains for Fathom in the SEO trackers global. 7ca58eb2 by @robdekort

What's fixed

• Remove unused CSS include from social images template. 76de6942 by @robdekort
• Don't assume queue driver is Redis or Sync. 5c59b4c7 by @robdekort
• Update dependencies. da9d0e94 by @robdekort

What's fixed

• Tpyo's. 7fe96e39 by @robdekort
• Update translations. 6517e61d by @robdekort

What's new

• All templates and snippets got filename and location hinting as HTML comments. #182 by @robdekort

What's new

• README.example.md gets installed as README.md upon installing a new instance of Peak. 931b1e02 by @robdekort

What's changed

• Remove stuff from index stub that really shouldn't be there. b9c1b5d1 by @robdekort

What's changed

• Simplify hreflang configuration. It’s now either on or off. d18793cf by @robdekort

What's improved

• Dutch localizations. da0d980f by @robdekort
• Update cookie banner focus styles. d96a0ccf 2c8d89ee by @robdekort

What's new

• Add an opt in language picker partial. #179 by @robdekort

What's improved

• Use template literals in Tailwind CSS Typography config. 8aa9c908 by @robdekort
• Remove tabindex from skip to content. Bad practice and not needed. c907e98e by @robdekort

What's new

• Use Alpine Store with a persistent value to live revoke cookie consent. 5cfcbea0 by @robdekort
• Add Dutch and Norwegian translated frontend string files. 405ce48c by @robdekort

What's improved

• Bind search submit disabled state to value's length. #178 by @klickreflex
• Rename toolbar localStorage value to be in line with the cookie banner values. 1c4ea330 by @robdekort
• Set link_noopener: true on common bard fields. 91020e3d by @robdekort
• Improve flow and fix bugs in peak:add-collection. 13cf5055 59f39f13 0a6545d1 4b96c4eb by @robdekort
• Remove tabindex="1" from mobile nav button as this is not recommended. 5bc09234 by @robdekort
• Change npm i to npm ci in readme.example.md. eebd9c8b by @robdekort

What's fixed

• Set x-trap for mobile nav on the correct element. 5bc09234 by @robdekort

What's new

• New rtl, ltr and fill-current-cascade utilities for Tailwind. #177 by @robdekort

What's improved

• Add default asset container to common text bard fields. b526f5c3 by @robdekort

What's fixed

• Styling issue in mobile nav when you have sub-items. 4774c735 by @robdekort
• A link block title should be required because we need it for the aria-label. 84cb945d by @robdekort

What's improved

• Change sort based on input in peak:add-collection. 55d5f28 by @robdekort
• Remove redundant gap classes. a6d2313 by @robdekort
• Add section field before button. f542b2e by @robdekort

What's improved

• Add default focus-visible styles to all interactive elements. #176 by @robdekort
• Add tabindex="1" to mobile navigation button. 39cc721 by @robdekort
• Hide skip to content on mobile. 4896781 by @robdekort

What's improved

• Add advanced button control toggle and clean up all fieldsets by removing redundant instructions and positioning under the field where it helps visually. #175 and ec35235 by @robdekort

What's new

• A php please peak:add-set command to generate all files needed for a fresh page builder article set. You get a named fieldset with a sizing button group, a named partial component and the fieldset get's added to resources/fieldsets/article.yaml. #174 by @robdekort

What's new

• Invoke (/) and close (esc) search input with keyboard. #172 by @robdekort
• Alpine v3.5 with inert and noscroll. #171 by @robdekort

What's improved

• Autogenerate block filename in php please peak:add-block. 58493263 by @robdekort
• Add IDE comment helper to social image component. 2fd78dc by @robdekort
• Replace color shade in breadcrumbs partial to support TW shades/no-shades out of the box. 03d93db by @robdekort

What's improved

• Add Pinterest as option to social media channels. #170 by @klickreflex

What's improved

• Update social media globals. Rename fields and add email. #169 by @robdekort

What's fixed

• Change incorrect comment in .gitignore.

What's improved

• Add aria-expanded where missing and update positions for existing ones. #163 by @robdekort

What's fixed

• Fix empty sizes attribute when using a figure from Bard. #165 by @robdekort

What's improved

• Remove alt from social and favicon assets blueprint. #162 by @robdekort

What's improved

• Performance enhancements. #159 by @jasonvarga and @robdekort

What's fixed

• Actually include app/Console/Commands/ClearSite.php in starter-kit.yaml so you can use it.

What's new

• Generating social images now works in multisite environments. #157 by @robdekort

What's improved

• Delete old social images when generating new ones. #156 by @robdekort

What's new

• A php please peak:clear-site command to clear all default Peak content. #152 by @robdekort

What's new

• Add license file. #154 by @robdekort
• Add contributing file. #155 by @robdekort

What's improved

• Add missing IDE helper comments to various partials. #151 by @robdekort

What's new

• Add the ability to create a new page to mount your new collection on when running peak:add-collection. #150 by @robdekort

What's improved

• Fix typo and duplicate translatable strings. #146 by @sjardim
• Add intrinsic image dimensions. #149 by @klickreflex

What's improved

• Move noscript out of head to body. #144 by @robdekort
• Optionally grant all collection permissions to the editor role when using php please peak:add-collection. #145 by @robdekort

What's improved

• Use motion-safe on all transitions. #141 by @robdekort
• Don't hard code 16px as the base font size. #142 by @klickreflex

What's improved

• Include RDFa meta data to breadcrumbs partial. #140 by @klickreflex

What's improved

• Use front matter in picture partial. #137 by @JohnathonKoster
• Use front matter in notification partial. #138 by @JohnathonKoster

What's improved

• a11y improvements. #136 by @robdekort

What's new

• A php please peak:add-collection command to generate all files needed for a brand new completely custom collection. You get a collection file, a collection blueprint (with all Peak goodies), and index page and a show page. And it's all mounted, setup and ready to go. Files new/changed:
  • app/Console/Commands/AddCollection.php
  • app/Console/Commands/stubs/collection_blueprint_private_dated.yaml.stub
  • app/Console/Commands/stubs/collection_blueprint_private.yaml.stub
  • app/Console/Commands/stubs/collection_blueprint_public_dated.yaml.stub
  • app/Console/Commands/stubs/collection_blueprint_public.yaml.stub
  • app/Console/Commands/stubs/collection.yaml.stub
  • app/Console/Commands/stubs/index.antlers.html.stub
  • app/Console/Commands/stubs/show.antlers.html.stub

What's improved

• Use {} around variables in:
  • app/Console/Commands/AddBlock.php.
• Added a no_results string to:
  • resources/lang/en/strings.php.
• Added a wrapper around pagination that takes a custom class in:
  • resources/views/components/_pagination.antlers.html.

What's improved

• Refactor app/Console/Commands/AddBlock.php and added app/Console/Commands/stubs/block.html.stub and app/Console/Commands/stubs/fieldset.yaml.stub.

What's improved

• Add unique # to social images filename to circumvent caching issues in app/Jobs/GenerateSocialImagesJob.php.

What's improved

• The default generated block template is pimped up a little: app/Console/Commands/AddBlock.php.

What's new

• A php please peak:add-block command to generate all files needed for a fresh page builder block. You get a named fieldset, a named partial and the fieldset get's added with instructions to resources/fieldsets/page_builder.yaml. You can use all your saved time to learn about NFT's. Please don't though, it's stupid and bad for the environment. Go play with your kids.

What's changed

• Split out mobile and desktop navigation into two partials in resources/views/navigation/_main.antlers.html, resources/views/navigation/_main_desktop.antlers.html and resources/views/navigation/_main_mobile.antlers.html.

What's fixed

• Use correct field name (what_to_add instead of fallback) for collection titles on show pages in resources/views/snippets/_seo.antlers.html.

What's new

• Hey, x-trap is back. Why? Because I continue screwing this up: package.json, resources/js/site.js, resources/views/navigation/_main.antlers.html are changed. All is fine now. I promise. Sort of. No I don't.
• Added x-collapse to the mobile navigation: package.json, resources/js/site.js, resources/views/navigation/_main.antlers.html.
• Updated the mobile nav layout in resources/views/navigation/_main.antlers.html.

What's changed

• Remove x-trap. It wasn't doing anything as there are no input elements in the main nav and it was booted wrong. Sorry: package.json, resources/js/site.js, resources/views/navigation/_main.antlers.html.
• Add mime type to svg favicon. Thanks Daniel.
• Update dependencies.

What's changed

• Remove useless font swap rule from tailwind.config.site.js.

What's new

• Set copyright year and name in a global in resources/blueprints/globals/configuration.yaml and resources/views/layout/_footer.antlers.html.
• Define for which sites hreflang tags should be auto generated in resources/blueprints/globals/seo.yaml and resources/views/snippets/_seo.antlers.html.

What's improved

• Rename default site to English in config/statamic/sites.php.

What's new

• Toggles to set on which environments Peak should auto-add noindex/nofollow, trackers and the cookie banner: resources/blueprints/globals/seo.yaml and resources/views/snippets/_seo.antlers.html.

What's improved

• Update dependencies.
• Remove whitespace from resources/views/default.antlers.html. Thanks Flemming.

What's improved

• Use mime_type data from the actual image in resources/views/components/_picture.antlers.html. Thanks Daniel.
• Rename fields for Change Collection Title in resources/blueprints/globals/seo.yaml and statamic-peak/resources/views/snippets/_seo.antlers.html.
• Improve resources/views/components/_buttons.antlers.html with flex and flex gap.

What's improved

• Make the footer sticky. Thanks Daniel.

What's fixed

• Properly include x-trap.

What's new

• Add x-trap to trap focus in resources/views/navigation/_main.antlers.html. Also changed: resources/site.js and package.json.

What's improved

• Update dependencies.

What's removed

• Remove unreliable backdrop blur variant in tailwind.config.peak.js.

What's new

• Ok that previous version simply wasn’t finished. The last resort wouldn’t even dive into OG tags. Can you imagine? Now it does. But all in the collection grid. You might have to copy and paste stuff one or two times, but the wild fallback cascade became kind of a last resort on itself anyway. This is cleaner. Thanks again Mountain Watcher David. Updated files: resources/views/snippets/_seo.antlers.html, resources/views/snippets/_fallback_description.antlers.html and resources/blueprints/globals/seo.yaml.

What's new

• Add a last resort meta description field in resources/views/snippets/_seo.antlers.html and resources/blueprints/globals/seo.yaml. Thanks David!

What's new

• When used render form field instructions in resources/views/snippets/_form_fields.antlers.html.
• Render form field instructions when they are being used in resources/views/snippets/_form_fields.antlers.html.

What's improved

• Grant editors the ability to rename and move assets in resources/users/roles.yaml since 3.2 automagically updates all asset references. Lovely!

What's new

• Add SEO global option to add content to the page title on a per collection basis in: resources/views/snippets/_seo.antlers.html, and resources/blueprints/globals/seo.yaml.

What's improved

• Add strip_tags modifier in resources/views/snippets/_fallback_description.antlers.html when fallback is set to field.

What's new

• Installing Peak now uses the new Starter Kit functionality in Peak. Check the docs.
• Add the new Peak branding to the default templates, pages and e-mails.
• Add some starter content to explain what Peak can do.

What's improved

• Use the Glide tag in resources/views/snippets/_background_image.antlers.html so you can use either an asset or a hard coded image. E.g: {{ partial:snippets/background_image image="visuals/some-image.jpg" selector="footer" }}.
• Set widths to fields in the redirect grid in resources/blueprints/globals/redirects.yaml.
• Update README.example.md with zero downtime deployment {CLEAR_NEW_RELEASE} command.
• Change font-black to font-bold in resources/views/typography/_h2.antlers.html and resources/views/typography/_h3.antlers.html.