Frontity release: Infinite Scroll hooks

[SantosGuillamot]

New features

• Infinite Scroll hooks stable version. With just a few lines of code, you can add now Infinite Scroll to your Frontity project. Thanks @orballo and @David for the implementation . Here you have a demo of how it works and how to implement it.
  • CodeSandbox.
  • Pull Requests: #429, #533, #476, #575, #652.
  • Final Implementation.

Infinite Scroll Hooks Demo

• Support for Google Analytics 4. We have released a new version of the @frontity/google-analytics package with support for Google Analytics 4, while keeping the support for Universal Analytics.
  • It includes breaking changes, so if you are sending your own pageviews or events, make sure you migrate them following this guide before updating this package. If you are just sending the default pageviews, you shouldn’t worry.
  • Pull Request.
• AMP package (Work In Progress). We have released an initial version with some functionalities but it’s not ready to use yet. Once this issue is released, we can start testing it. You can follow the whole progress on its board. Issues already merged and released:
  • Expose the HTML template, the render function and the App in libraries.
  • Move all the CSS to the .
  • Change the render to be renderToStaticMarkup.
  • Overwrite the HTML template.
  • Create the @frontity/amp package.
  • Remove /amp from link in actions.source.fetch and state.source.get.

Enhancements

• Remove React Import from create-package step.
• Expose head and scripts API on frontity namespace.

Bug fixes

• Fix the performance issue with WebPack builds.
• Fix npx frontity create-package causes error in npm 7.
• Fix a typescript error that has arised recently inside the settingsAndStore middleware.
• Update the value of link in actions.fetch if there’s an internal redirection.

To keep Frontity and its packages updated, you can follow this guide in our documentation.

---

Packages Changelog

---

@frontity/google-analytics@2.0.0

Major Changes

• 879b4647 #733 Thanks @cristianbote! - Update @frontity/google-analytics to be compatible with GA4.

Patch Changes

• Updated dependencies [7c3f0769, 49020718, 15e8f1d8, 7992fb85]:
  • frontity@1.14.2

---

@frontity/core@1.11.0

Minor Changes

• 3673a228 #687 Thanks @cristianbote! - Expose the render, template and App methods to override the built-in default with user-defined ones.

Patch Changes

• 49c0429c #729 Thanks @cristianbote! - Downgrade webpack-dev-middleware@3.7.2 which is the last known version that was not slow.
• d6421f08 #721 Thanks @DAreRodz! - Handle the case where the query param frontity_name is an array of strings.
• 63effecb #725 Thanks @cristianbote! - Expose head and scripts API on frontity namespace for ease of defining custom tags for the html document.
• 2f7169cb #720 Thanks @cristianbote! - Export CacheProvider from @frontity/core and use it to extract critical css into a custom style tag, needed for the @frontity/amp package.

---

@frontity/hooks@2.2.0

Minor Changes

• 31102365 #429 Thanks @orballo and @DAreRodz for the amazing work! - Implements the brand new and long-awaited infinite scroll hooks collection, featuring useArchiveInfiniteScroll, usePostTypeInfiniteScroll and useInfiniteScroll. Feature Discussion
• 32c03d58 #533 Thanks @orballo! - Adds isError boolean to infinite scroll hooks will be true when either the last post or the last page has failed to fetch.

Patch Changes

• 9bdf948b #476 Thanks @orballo! - Fixes a bug on the usePostTypeInfiniteScroll where the archive is not requested if we are loading the post type from SSR.
• c702ab9f #575 Thanks @orballo! - Use state.source.subdirectory and state.source.postsPage to get the link of the post archive in usePostTypeInfiniteScroll.
• 464aa87f #575 Thanks @orballo! - Fix isLast value when last post returned isError.
• Updated dependencies [7e701d57, 7c3f0769, 49020718, 32c03d58, 804f19fe, 31102365, 15e8f1d8, 7992fb85]:
  • @frontity/wp-source@1.11.2
  • frontity@1.14.2
  • @frontity/router@1.3.0

---

@frontity/router@1.3.0

Minor Changes

• 31102365 #429 Thanks @orballo! - Implements actions.router.updateState() which takes a browser state object as an argument and executes a window.history.replaceState() with that object and the current url.

Patch Changes

• Updated dependencies [7c3f0769, 49020718, 15e8f1d8, 7992fb85]:
  • frontity@1.14.2

---

@frontity/tiny-router@1.4.0

Minor Changes

• 31102365 #429 Thanks @orballo! - Implements actions.router.updateState() which takes a browser state object as an argument and executes a window.history.replaceState() with that object and the current url.

Patch Changes

• 7d8d1af4 #652 Thanks @DAreRodz! - Fix the order search and hash are used internally to generate links.
• Updated dependencies [7c3f0769, 49020718, 31102365, 15e8f1d8, 7992fb85]:
  • frontity@1.14.2
  • @frontity/router@1.3.0

---

@frontity/amp@0.0.2

Patch Changes

• f7152d38 #722 Thanks @cristianbote! - Add a dedicated AMP template for the @frontity/amp package, that strips away the scripts and keeps the critical css into a custom style tag
• 804f19fe #686 Thanks @michalczaplinski! - Create the first version of the frontity AMP package.
• 2f7169cb #720 Thanks @cristianbote! - Export CacheProvider from @frontity/core and use it to extract critical css into a custom style tag, needed for the @frontity/amp package.
• Updated dependencies [7c3f0769, 49020718, 15e8f1d8, 7992fb85]:
  • frontity@1.14.2

---

frontity@1.14.2

Patch Changes

• 7c3f0769 #734 Thanks @SantosGuillamot! - Change CLI webhook to point to n8n instead of Integromat.
• 49020718 #702 Thanks @DAreRodz! - Fix the create-package command to work with npm 7
• 15e8f1d8 #720 Thanks @cristianbote! - Include the types for render, template and App.
• 7992fb85 #692 Thanks @luisherranz! - Remove React import from npx frontity create-package command.
• Updated dependencies [31102365, f7152d38, 63effecb, 15e8f1d8]:
  • @frontity/types@1.7.2

---

@frontity/types@1.7.2

Patch Changes

• 31102365 #429 Thanks @orballo! - Fixes types for connect() with the new options parameter.
• f7152d38 #722 Thanks @cristianbote! - Add a dedicated AMP template for the @frontity/amp package, that strips away the scripts and keeps the critical css into a custom style tag
• 63effecb #725 Thanks @cristianbote! - Expose head and scripts API on frontity namespace for ease of defining custom tags for the html document.
• 15e8f1d8 #720 Thanks @cristianbote! - Include the types for render, template and App.

---

@frontity/wp-source@1.11.2

Patch Changes

• 7e701d57 #717 Thanks @michalczaplinski! - Update the value of link in actions.fetch if there’s an internal redirection.
• 32c03d58 #533 Thanks @orballo! - Fix an array check by using Array.isArray instead of instanceof Array.
• 804f19fe #686 Thanks @michalczaplinski! - Change how libraries.source.normalize|parse|stringify used inside of actions.source.fetch(). From now on, they are not imported from their module but received from the libraries parameter of actions.source.fetch.
• Updated dependencies [7c3f0769, 49020718, 15e8f1d8, 7992fb85]:
  • frontity@1.14.2