Revertron 
New Kitten release
• Socket routes now have precendence in the router.
This stops wildcard page routes from capturing the default socket routes that Kitten creates to enable the Streaming HTML workflow.
e.g., Previously, the following route:
/videos/index_[slug].page.js
Could not connect to its default socket (/videos/default.socket) because default.socket would be captured by the [slug] parameter.
Now, it will work as intended as the /videos/default.socket (a socket route) has precendence over index_[slug].page.js (a page route).
Learn more about Kitten’s Streaming HTML workflow here:
https://kitten.small-web.org/tutorials/streaming-html/
Enjoy!
![Screenshot of code for index_[optional-postId].page.js open in Helix Editor. Highlighted section is part of a <select> control definition in a JavaScript template string that translates a list of event posts into option elements that begins
${db.site.events.list.map(post => kitten.html`<option value='${post
The code is partially obscured by a language intelligence popover that’s showing type information for the list property:
(property) Collection<EventPost>.list: EventPost[]. Generic list. @type - {Array}
In the rest of the visible code, you can see post.title being accessed.](https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/114/099/796/207/832/210/original/01017aa23629ffd5.png "Screenshot of code for index_[optional-postId].page.js open in Helix Editor. Highlighted section is part of a <select> control definition in a JavaScript template string that translates a list of event posts into option elements that begins
${db.site.events.list.map(post => kitten.html`<option value='${post
The code is partially obscured by a language intelligence popover that’s showing type information for the list property:
(property) Collection<EventPost>.list: EventPost[]. Generic list. @type - {Array}
In the rest of the visible code, you can see post.title being accessed.")
) first, before app-specific routes so that a wildcard route in the form, e.g., [anything]_[anythingElse].get.js won’t lock you out of the Settings site for your app (at /
Fun Kitten¹ fact
![Screenshot of split terminal window showing the sample template in Kitten (on the left, as a JavaScript tagged template string) and on the right in Hugo’s Go-based templating system.
Partial code comparison:
Kitten:
<if ${db.news.posts.length > 0}>
<then>
<ul class='posts-list'>
${db.news.posts.map(post => kitten.html`
<li>
<h2 class='p-name'>${post.title}</h2>
<div class='entry-meta'>
<p>Posted: ${post.date} by ${post.author.name} on <a href='${post.author.siteLink}'>${post.author.siteName}</a>
</div>
<blockquote class='summary'>
${[kitten.md.render(post.summary)]}
</blockquote>
Hugo:
{{ $section := where .Site.RegularPages "Section" .Section }}
<ul class='posts-list'>
{{ range $section }}
<li>
<h2 class='p-name'>
{{ .Title }}
</h2>
<div class='entry-meta'><p>Posted: <time datetime='{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}'>
{{ .Date.Format "2" | humanize }} {{ .Date.Format "January, 2006" }}
</time> {{ with .Params.author }}by {{ . }} {{end}}on <a href='{{ .Params.SourceURL }}'>{{ .Params.SourceName }}</a></p></div>
<blockquote class='summary'>
<p>{{ .Summary }}</p>
</blockquote>](https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/113/985/956/942/882/882/original/f78ab76a1cd4269f.png "Screenshot of split terminal window showing the sample template in Kitten (on the left, as a JavaScript tagged template string) and on the right in Hugo’s Go-based templating system.
Partial code comparison:
Kitten:
<if ${db.news.posts.length > 0}>
<then>
<ul class='posts-list'>
${db.news.posts.map(post => kitten.html`
<li>
<h2 class='p-name'>${post.title}</h2>
<div class='entry-meta'>
<p>Posted: ${post.date} by ${post.author.name} on <a href='${post.author.siteLink}'>${post.author.siteName}</a>
</div>
<blockquote class='summary'>
${[kitten.md.render(post.summary)]}
</blockquote>
Hugo:
{{ $section := where .Site.RegularPages \"Section\" .Section }}
<ul class='posts-list'>
{{ range $section }}
<li>
<h2 class='p-name'>
{{ .Title }}
</h2>
<div class='entry-meta'><p>Posted: <time datetime='{{ .Date.Format \"2006-01-02T15:04:05Z07:00\" }}'>
{{ .Date.Format \"2\" | humanize }} {{ .Date.Format \"January, 2006\" }}
</time> {{ with .Params.author }}by {{ . }} {{end}}on <a href='{{ .Params.SourceURL }}'>{{ .Params.SourceName }}</a></p></div>
<blockquote class='summary'>
<p>{{ .Summary }}</p>
</blockquote>")