Hydrogenjs Hydrogen Versions Save

Finally, Hydrogen is at version 1.0.0 with a some cool new features

Features

• ⛏️ Build Hooks: You can now observe events in Hydrogen and modify the context of the build process
• 🐛 Debugging Build Process: You can debug any JavaScript during the build process

Features

• Added the CACHE_VERSION constant to the generated Service Worker file, this makes it possible to do cache versioning. Check out docs

#50

Feature

• dist folder will automatically be deleted before each build by default, you change the behaviour in the Hydrogen Config file

New features

• Routes API - Dynamically generate routes using a Page Template

Checkout the overview article on DEV.to: Dynamically generate routes with HydrogenJS - v0.7.2

Fixed an issue where the templateGenerator for the generate command was destructing the data props instead of passing the data as a prop to the page template.

Before

const page = ({ name }) => `
  ${name}
`;

module.exports = {
  page,
  data: () => { name: 'John' },
}

Now

const page = ({ data }) => `
  ${data.name}
`;

module.exports = {
  page,
  data: () => { name: 'John' },
}

Template API: You no longer have to specify the default layout in your Page Template, the default layout is automatically used if one is not

Updates

• Service Worker API: Added a global const DEV that gets injected into your custom Service Worker, determines whether you are in dev or prod mode.

Updates

• Minor change to Head API

module.exports = {
  head: () => [
    ['script', { async: true, defer: true, src: 'https://script.js' }, true],
  ],
}

Before: 0.6.1

<script async="true" defer="true" src="https://script.js"></script>

Now

<script async defer src="https://script.js"></script>

Wow! A ton of new features are available 🔥

Updates

• The codebase has been rewritten to accommodate for more modular architecture. Everything has been abstracted into a "service"

Features

• Config API: You can now specify extra static files that you want to copy to the dist folder using the extraStaticFiles property.
• Service Worker API
  • Add a custom Service Worker via the Config API
  • Your custom Service Worker now has access to a global const routes array with all the page routes information

Updated generate command:

Templates now have access to Head API and Config API when compiling with the generate command