prefetch links working

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@divriots/jampack",
-  "version": "0.15.0",
+  "version": "0.20.0",
   "cache-version": {
     "img": "v1",
     "img-ext": "v1"

packages/www/public/features/prefetch-links/index.md

@@ -3,4 +3,32 @@ title: Prefetch links
 jampack: "--onlyoptim"
 ---
 
-TODO
+`jampack` can prefetch links on the page for faster future navigation.
+
+Read more about [why you need link prefetch on web.dev](https://web.dev/link-prefetch).
+
+## Configuration
+
+```js
+{
+  misc: {
+    prefetch_links: 'in-viewport',
+  },
+}
+```
+
+## Possible options
+
+### `prefetch_links: 'off'`
+
+No prefetch of links are added to the pages.
+
+### `prefetch_links: 'in-viewport'`
+
+`jampack` adds [quicklink](https://github.com/GoogleChromeLabs/quicklink) to all the html page.
+
+[quicklink](https://github.com/GoogleChromeLabs/quicklink) prefetches links that appear in viewport during idle time.
+
+> [quicklink](https://github.com/GoogleChromeLabs/quicklink) is a ~2K (minified/gzipped) Javascript module. This Javascript is asynchronously loaded by `jampack` at low priority and doesn't affect the performance of the pages. The quicklink module is loaded once by the browser and cached for new pages.
+
+See [quicklink website](https://getquick.link/) for more information.

packages/www/src/content/devlog/inline-critical-css.mdx

@@ -19,6 +19,10 @@ title: Inline critical CSS
 
 See [Inline critical CSS](/features/inline-critical-css/) for more details.
 
+## Limitations
+
+Only works for relative stylesheet. I hope to improve [critters](https://github.com/GoogleChromeLabs/critters) to also support absolute stylesheet.
+
 ## Released
 
 - `jampack 0.20.0+`

packages/www/src/content/devlog/prefetch-links.mdx

@@ -1,5 +1,5 @@
 ---
-date: 2023-09-04
+date: 2023-09-13
 author: ['georges-gomes']
 title: Prefetch links
 ---
@@ -11,12 +11,12 @@ This makes navigation to subsequent pages load faster.
 ```js
 {
   misc: {
-    prefetch_links: 'in-viewport' | 'none';
+    prefetch_links: 'in-viewport' | 'off';
   }
 }
 ```
 
-- `none`: No prefetch of links.
+- `off`: No prefetch of links.
 - `in-viewport`: Links are prefetched when entering viewport.
 
 See [Prefetch links](/features/prefetch-links/) for more details.

src/config-default.ts

@@ -49,7 +49,7 @@ const default_options: Options = {
     },
   },
   misc: {
-    prefetch_links: 'none',
+    prefetch_links: 'off',
   },
 };
 

src/config-types.ts

@@ -53,6 +53,6 @@ export type Options = {
     };
   };
   misc: {
-    prefetch_links: 'in-viewport' | 'none';
+    prefetch_links: 'in-viewport' | 'off';
   };
 };