Congratulations!

[Valid RSS] This is a valid RSS feed.

Recommendations

This feed is valid, but interoperability with the widest range of feed readers could be improved by implementing the following recommendations.

Source: https://www.peterbe.com/rss.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Peterbe.com</title><link>http://www.peterbe.com/rss.xml</link><description>Stuff in Peter's head</description><atom:link href="http://www.peterbe.com/rss.xml" rel="self"/><language>en-us</language><lastBuildDate>Tue, 13 May 2025 14:59:18 +0000</lastBuildDate><item><title>Set up iTerm to delete whole words on Option-Backspace</title><link>http://www.peterbe.com/plog/iterm-to-delete-whole-words-option-backspace</link><description>&lt;p&gt;Out of the box, on a fresh &lt;a href="https://iterm2.com/"&gt;iTerm2&lt;/a&gt; installation when you press Option-Backspace (&lt;kbd&gt;⌥&lt;/kbd&gt; &lt;kbd&gt;⌫&lt;/kbd&gt;)  it &lt;strong&gt;&lt;em&gt;won't&lt;/em&gt; delete whole words&lt;/strong&gt; but instead backspace delete one character at a time.&lt;/p&gt;
  3. &lt;p&gt;The solution is to&lt;/p&gt;
  4. &lt;ol&gt;
  5. &lt;li&gt;Open iTerm2's settings by pressing &lt;kbd&gt;⌘&lt;/kbd&gt; &lt;kbd&gt;,&lt;/kbd&gt;  &lt;/li&gt;
  6. &lt;li&gt;Go to Profiles  &lt;/li&gt;
  7. &lt;li&gt;Select "Keys" tab  &lt;/li&gt;
  8. &lt;li&gt;Look for "Left option (⌥) key:"  &lt;/li&gt;
  9. &lt;li&gt;Change it from "Normal" to "Esc+"  &lt;/li&gt;
  10. &lt;li&gt;Close the preferences window&lt;/li&gt;
  11. &lt;/ol&gt;
  12. &lt;p&gt;I keep forgetting this and struggled to find up-to-date instructions so hopefully by blogging about it I won't forget next time.&lt;/p&gt;</description><pubDate>Tue, 13 May 2025 14:59:18 +0000</pubDate><guid>http://www.peterbe.com/plog/iterm-to-delete-whole-words-option-backspace</guid></item><item><title>How to SSG a Vite SPA</title><link>http://www.peterbe.com/plog/ssg-vite-spa</link><description>You can write a script to statically generate the HTML of a SPA to make the initial load feel faster.</description><pubDate>Sat, 26 Apr 2025 04:06:04 +0000</pubDate><guid>http://www.peterbe.com/plog/ssg-vite-spa</guid></item><item><title>Inspecting the index size in PostgreSQL</title><link>http://www.peterbe.com/plog/index-size-postgresql</link><description>&lt;p&gt;&lt;strong&gt;tl;dr ...&lt;/strong&gt;&lt;/p&gt;
  13. &lt;pre&gt;&lt;code class="hljs"&gt;
  14. &lt;span class="hljs-keyword"&gt;SELECT&lt;/span&gt;
  15.  indexrelname,
  16.  pg_size_pretty(pg_relation_size(indexrelid)) &lt;span class="hljs-keyword"&gt;AS&lt;/span&gt; index_size
  17. &lt;span class="hljs-keyword"&gt;FROM&lt;/span&gt; pg_stat_user_indexes
  18. &lt;span class="hljs-keyword"&gt;WHERE&lt;/span&gt; relname &lt;span class="hljs-keyword"&gt;LIKE&lt;/span&gt; &lt;span class="hljs-string"&gt;&amp;#x27;search_terms%&amp;#x27;&lt;/span&gt;;
  19. &lt;/code&gt;&lt;/pre&gt;
  20.  
  21. &lt;p&gt;I'm working on a new table that is "search terms". A search term is constructed from extracting combinations of words, from &lt;strong&gt;titles&lt;/strong&gt;, on my blog. For example, if the title is "Inspecting the index size in PostgreSQL" the search terms for that are:&lt;/p&gt;
  22. &lt;ul&gt;
  23. &lt;li&gt;&lt;code&gt;inspecting&lt;/code&gt;&lt;/li&gt;
  24. &lt;li&gt;&lt;code&gt;inspecting index&lt;/code&gt;&lt;/li&gt;
  25. &lt;li&gt;&lt;code&gt;inspecting index size&lt;/code&gt;&lt;/li&gt;
  26. &lt;li&gt;&lt;code&gt;inspecting index size postgresql&lt;/code&gt;&lt;/li&gt;
  27. &lt;li&gt;&lt;code&gt;index&lt;/code&gt;&lt;/li&gt;
  28. &lt;li&gt;&lt;code&gt;index size&lt;/code&gt;&lt;/li&gt;
  29. &lt;li&gt;&lt;code&gt;index size postgresql&lt;/code&gt;&lt;/li&gt;
  30. &lt;li&gt;&lt;code&gt;size&lt;/code&gt;&lt;/li&gt;
  31. &lt;li&gt;&lt;code&gt;size postgresql&lt;/code&gt;&lt;/li&gt;
  32. &lt;li&gt;&lt;code&gt;postgresql&lt;/code&gt;&lt;/li&gt;
  33. &lt;/ul&gt;
  34. &lt;!--split--&gt;
  35.  
  36. &lt;p&gt;It's created by lower casing the input and taking one, two, three, and four non-stopwords.&lt;/p&gt;
  37. &lt;p&gt;To search these in PostgreSQL I use &lt;strong&gt;trigrams&lt;/strong&gt; using &lt;a href="https://www.postgresql.org/docs/current/pgtrgm.html"&gt;&lt;code&gt;pg_trgm&lt;/code&gt;&lt;/a&gt;. For example,&lt;/p&gt;
  38. &lt;pre&gt;&lt;code class="hljs"&gt;
  39. &lt;span class="hljs-keyword"&gt;SELECT&lt;/span&gt; id, term
  40. &lt;span class="hljs-keyword"&gt;FROM&lt;/span&gt; search_terms
  41. &lt;span class="hljs-keyword"&gt;WHERE&lt;/span&gt;
  42.  term &lt;span class="hljs-keyword"&gt;LIKE&lt;/span&gt; &lt;span class="hljs-string"&gt;&amp;#x27;conf%&amp;#x27;&lt;/span&gt;
  43.  &lt;span class="hljs-keyword"&gt;OR&lt;/span&gt; term &lt;span class="hljs-keyword"&gt;LIKE&lt;/span&gt; &lt;span class="hljs-string"&gt;&amp;#x27;% conf%&amp;#x27;&lt;/span&gt;
  44. LIMIT &lt;span class="hljs-number"&gt;10&lt;/span&gt;
  45. &lt;/code&gt;&lt;/pre&gt;
  46.  
  47. &lt;p&gt;There's more to it, but this is a good start.&lt;/p&gt;
  48. &lt;p&gt;Anyway, I was curious how much space this is going to take up.&lt;br /&gt;
  49. By indexing trigrams, you're indexing a lot of small individual strings. So lots of combinations.&lt;/p&gt;
  50. &lt;p&gt;The index is defined like this:&lt;/p&gt;
  51. &lt;pre&gt;&lt;code class="hljs"&gt;
  52. &lt;span class="hljs-keyword"&gt;CREATE&lt;/span&gt; INDEX search_terms_term_trgm
  53. &lt;span class="hljs-keyword"&gt;ON&lt;/span&gt; search_terms
  54. &lt;span class="hljs-keyword"&gt;USING&lt;/span&gt; GIST (term gist_trgm_ops)
  55. &lt;/code&gt;&lt;/pre&gt;
  56.  
  57. &lt;p&gt;After inserting a bit over 10,000 of these "search terms" the size of the index becomes:&lt;/p&gt;
  58. &lt;pre&gt;&lt;code class="hljs"&gt;
  59. peterbecom=#
  60. SELECT
  61.  indexrelname,
  62.  pg_size_pretty(pg_relation_size(indexrelid)) AS index_size
  63. FROM pg_stat_user_indexes
  64. WHERE relname LIKE &amp;#x27;search_terms%&amp;#x27;;
  65.      indexrelname      | index_size
  66. ------------------------+------------
  67. search_terms_pkey      | 248 kB
  68. search_terms_term_key  | 488 kB
  69. search_terms_term_trgm | 856 kB
  70. (3 rows)
  71. &lt;/code&gt;&lt;/pre&gt;
  72.  
  73. &lt;p&gt;Curiously, if you set a higher &lt;code&gt;siglen&lt;/code&gt; (e.g. &lt;code&gt;GIST (term gist_trgm_ops(siglen=24))&lt;/code&gt;), it actually becomes smaller.&lt;/p&gt;
  74. &lt;h3&gt;Conclusion(?)&lt;/h3&gt;
  75. &lt;p&gt;If anything, it's not that large. In this particular example, there are only 10k of these smaller word combinations. It would be curious to see what the numbers become at 100k and 1M.&lt;/p&gt;</description><pubDate>Mon, 21 Apr 2025 16:36:26 +0000</pubDate><guid>http://www.peterbe.com/plog/index-size-postgresql</guid></item><item><title>Adding client-to-server sync to PissueTracker</title><link>http://www.peterbe.com/plog/client-to-server-sync-pissuetracker</link><description>When you save a record in Dexie.js, its payload is sent to the server for backup, and once that works, the record in Dexie.js is updated to indicate that it successfully synced.</description><pubDate>Thu, 20 Mar 2025 16:06:50 +0000</pubDate><guid>http://www.peterbe.com/plog/client-to-server-sync-pissuetracker</guid></item><item><title>Useful GitHub.com trick I learned today: l</title><link>http://www.peterbe.com/plog/useful-github.com-trick-l</link><description>Use the keyboard shortcut `l` when viewing a file on GitHub</description><pubDate>Wed, 19 Mar 2025 13:57:32 +0000</pubDate><guid>http://www.peterbe.com/plog/useful-github.com-trick-l</guid></item><item><title>Starting a side project: PissueTracker</title><link>http://www.peterbe.com/plog/starting-a-side-project-pissuetracker</link><description>&lt;p&gt;I've started a new side project called PissueTracker. It's an issue tracker, but adding the "P" because my name is "Peter" and it makes the name a bit more unique. Also, the name isn't important. What this project &lt;em&gt;can do&lt;/em&gt; is important.&lt;/p&gt;
  76. &lt;p&gt;In a sense, it's a competitor to GitHub Issues. An issue can be anything such as a feature or bug report or just something that needs to be addressed. In another sense, it's a competitor to a web product I built 24 years ago called &lt;a href="/plog/issuetrackerproduct-no-more"&gt;IssueTrackerProduct&lt;/a&gt;. That was a huge success and it was so much fun to build.&lt;/p&gt;
  77. &lt;p&gt;What's special about this issue tracker is that it's all about offline data, with server sync. All the issues you create and edit are stored in your browser. And if you don't want to lose all your data if/when your browser resets, you can have all that data constantly synchronized to the server which will either store it in PostgreSQL or the file system of a server. Since there's a shared data store, you can also authorize yourself amongst others in the system and this way it can become a collaborative experience.&lt;/p&gt;
  78. &lt;p&gt;I'm building it by using a React framework called &lt;a href="https://mantine.dev/"&gt;Mantine&lt;/a&gt;, which I'm a huge fan of. The browser storage is done with &lt;a href="https://dexie.org/"&gt;Dexie.js&lt;/a&gt; which uses &lt;a href="https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API"&gt;IndexedDB&lt;/a&gt; and allows you to store data in relational ways.&lt;/p&gt;
  79. &lt;p&gt;So far, I've only spent 1 weekend day on it but I now have a foundation. It doesn't support comments or auth, yet. And I haven't even started on the server sync. But it supports creating multiple trackers, creating/editing issues, fast filtering, and safe Markdown rendering.&lt;/p&gt;
  80. &lt;p&gt;The front end is handled by Vite, React Router, and Bun, I don't know if that's important. Right now, the &lt;strong&gt;most important thing is to have fun and build&lt;/strong&gt; something that feels intuitive and so fast that it feels instantly responsive.&lt;/p&gt;
  81. &lt;p&gt;More to come!&lt;/p&gt;
  82. &lt;p&gt;&lt;a href="/cache/70/51/7051dfb22e4c97bf3476798198210f14.png"&gt;&lt;img src="/cache/4e/c3/4ec305c211858dfdc5bbb2e31a099091.png" alt="Listing issues"  width="370" height="206"&gt;&lt;/a&gt;&lt;br /&gt;
  83. &lt;em&gt;List of issues in a tracker&lt;/em&gt;&lt;/p&gt;
  84. &lt;p&gt;&lt;a href="/cache/67/f1/67f18254262be0c4cef013d6cadc36c8.png"&gt;&lt;img src="/cache/e3/b9/e3b98d36051fcee1cefdbb45530742ca.png" alt="Viewing an issue" width="370" height="227"&gt;&lt;/a&gt;&lt;br /&gt;
  85. &lt;em&gt;Viewing an issue&lt;/em&gt;&lt;/p&gt;
  86. &lt;p&gt;&lt;strong&gt;UPDATE (Mar 20, 2025)&lt;/strong&gt;&lt;/p&gt;
  87. &lt;p&gt;Blogged about the client-to-server sync here: "&lt;a href="/plog/client-to-server-sync-pissuetracker"&gt;Adding client-to-server sync to PissueTracker&lt;/a&gt;."&lt;/p&gt;</description><pubDate>Sun, 16 Mar 2025 22:31:46 +0000</pubDate><guid>http://www.peterbe.com/plog/starting-a-side-project-pissuetracker</guid></item><item><title>Announcing: Spot the Difference</title><link>http://www.peterbe.com/plog/announcing-spot-the-difference</link><description>Spot the Difference is a web app where you're shown two snippets of code and you're supposed to find the one difference. If you get it right, you get showered in confetti.</description><pubDate>Sun, 23 Feb 2025 21:08:54 +0000</pubDate><guid>http://www.peterbe.com/plog/announcing-spot-the-difference</guid></item><item><title>get in JavaScript is the same as property in Python</title><link>http://www.peterbe.com/plog/get-in-javascript-is-the-same-as-property-in-python</link><description>Prefix a function, in an object or class, with `get` and then that acts as a function call without brackets. Just like Python's `property` decorator.</description><pubDate>Thu, 13 Feb 2025 12:41:56 +0000</pubDate><guid>http://www.peterbe.com/plog/get-in-javascript-is-the-same-as-property-in-python</guid></item><item><title>Use 'key' in React components to reset them</title><link>http://www.peterbe.com/plog/key-react-components-to-reset</link><description>You can use a unique `key` prop to reset a sub-components state in React.</description><pubDate>Wed, 12 Feb 2025 04:16:00 +0000</pubDate><guid>http://www.peterbe.com/plog/key-react-components-to-reset</guid></item><item><title>How to send custom headers in a loader in react-router v7</title><link>http://www.peterbe.com/plog/custom-headers-loader-react-router-v7</link><description>Use `data()` in your `loader` function and pass `headers` to be able to connect a `loader` function to the `header` function.</description><pubDate>Fri, 07 Feb 2025 17:11:51 +0000</pubDate><guid>http://www.peterbe.com/plog/custom-headers-loader-react-router-v7</guid></item></channel></rss>

If you would like to create a banner that links to this page (i.e. this validation result), do the following:

  1. Download the "valid RSS" banner.

  2. Upload the image to your own server. (This step is important. Please do not link directly to the image on this server.)

  3. Add this HTML to your page (change the image src attribute if necessary):

If you would like to create a text link instead, here is the URL you can use:

http://www.feedvalidator.org/check.cgi?url=https%3A//www.peterbe.com/rss.xml

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda