<h1 id="index">Index</h1>
<p>This is a digital library. A top level “thread of threads”. Start here!</p>
<p>Ephemeral thoughts will live here too. If they stick, they’ll become threads.</p>
<h1 id="meta">Meta</h1>
<p><a href="/notes/cats">CATS - My tensor based classification system</a> is used in this index.</p>
<h1 id="content">Content</h1>
<h2 id="diy-home">DIY Home</h2>
<p><a href="/api/helpers/battery-sizing">Battery basics</a>: How much battery do you need?</p>
<h2 id="canadiana">Canadiana</h2>
<p><a href="/notes/economic-overview">Economic overview</a>: Overview of Canada’s imports and exports.</p>
<p><a href="/notes/model-community">Model Community</a>: A platform for modelling, founding, and growing small and idealistic communities north of Toronto</p>


This is a digital library. A top level “thread of threads”. Start here!

Ephemeral thoughts will live here too. If they stick, they’ll bec...

Index

<h1 id="cats">CATS</h1>
<p>Chance aggregate tensor semantics — A made-up dewey decimal alternative with no total order, and no hierarchy. Just a set of scalar dimensions.</p>
<h2 id="dewey-decimal">Dewey Decimal</h2>
<p>Dewey decimal classification (DDC) notation creates decimal numbers that can be ordered, produced by the digits in a sort of “table of contents” of sections and subsections. This allows books to be ordered on a shelf, and for visitors to narrow their search to sections of content.</p>
<p>Examples:</p>
<ul>
<li>100 (Philosophy &amp; Psychology)</li>
<li>101 (Theory of philosophy)</li>
<li>110 (Metaphysics)</li>
<li>114 (Space)</li>
</ul>
<p>A book has only one canonical DDC number.</p>
<h2 id="chance-aggregate-tensor">Chance Aggregate Tensor</h2>
<p>I introduce Chance aggregate tensor semantics (CATS) which has no notation, although tensor notation may be used.</p>
<p>A tensor is a multilinear object, which means it has many linear dimensions.</p>
<p>It can contain an infinite number of dimensions. No content will be perfectly classified and should not be expected to be.</p>
<h3 id="tensor-dimensions">Tensor Dimensions</h3>
<p>With infinite tensor dimensions, the goal is not to fully categorize information, but to find keystone dimensions that are valuable in finding and organizing information.</p>
<p>Dimensions should, over time, become rigorously documented so that the general public can put content precisely where they belong with little moderation.</p>
<h2 id="curators--librarians">Curators &amp; Librarians</h2>
<p>A curator is an independent person who identifies and categorizes information. A librarian is a curator who identifies and categorizes information for a library</p>
<h2 id="libraries">Libraries</h2>
<p>A library is a place to search through categorized information. A library’s role is to make it easy for humans and machines to find the information they’re looking for, allow information that they approve of, and contribute to the categorization of the information they allow.</p>
<p>A library may have its own rules on what information is allowed and what categorizations they apply to information. However, they must always make a best effort to:</p>
<ul>
<li>Identify content in a consistent way with other libraries</li>
<li>Use known and documented dimensions wherever possible</li>
</ul>
<h3 id="digital-consumers">Digital Consumers</h3>
<p>Human or machine visitors may subscribe to content. They may be anonymous or may have preferences that should be considered by libraries or curators.</p>
<p>A consumer should be able to find information by selecting categories or ranges from each relevant dimension to filter the results.</p>
<p>An example of navigating high dimensional data can be seen at <a href="https://facebookresearch.github.io/hiplot/_static/demo/ml1.csv.html?hip.filters=%5B%5D&amp;hip.color_by=%22dropout%22&amp;hip.PARALLEL_PLOT.order=%5B%22dropout%22%2C%22embedding_size%22%2C%22epoch%22%2C%22lr%22%2C%22train+f1%22%2C%22valid+ppl%22%5D">facebookresearch.github.io/hiplot</a></p>


Chance aggregate tensor semantics — A made-up dewey decimal alternative with no total order, and no hierarchy. Just a set of scalar dimensi...

CATS

<h1 id="model-community">Model Community</h1>
<ul>
<li>+partipating</li>
<li>get added to event page</li>
<li>bio, photo</li>
</ul>
<p>Occupy the north! Grow communities in northern latitudes to be well provisioned, distributed, and ecologically responsible.</p>
<p>Deliver platforms for communities to be founded and managed alongside municipalities, that offers community supply chain logistics, communication tools, and remote employment opportunities.</p>
<p><img src="https://www.vividmaps.com/wp-content/uploads/2017/02/Canada2016.jpg" alt=""></p>
<h2 id="local-sectors">Local Sectors</h2>
<ol>
<li>Community supply chain</li>
<li>Hunting, fishing</li>
<li>Forestry, services</li>
<li>Agriculture, tourism</li>
<li>Education, culture</li>
<li>Science, research</li>
<li>Remote employment</li>
<li>Ecology, sustainability, tourism</li>
</ol>
<h2 id="bootstrapping">Bootstrapping</h2>
<p>Canada positions itself as a global hub for information technology.</p>
<p>Remote work thrives in communities across the north.</p>
<p>Communities bootstrap themselves with renewable energy and access to internet, computers.</p>
<p>Both low complexity (high number of jobs) and high complexity (high income per person) jobs are offered through internet based remote employment, like data labelling, data science, design, and engineering.</p>
<p>This skilled remote labor brings income into the early residents of the community.</p>
<p>To grow the population, money earned needs to be invested into the community’s growth. Founders grow the community by buying the equivalent of bonds or shares in the community, funding the debt in exchange for a return on investment later on.</p>
<h2 id="growth">Growth</h2>
<p>When the community is bootstrapped, its next goal is to grow. Residents are able to move in and provide services in local sectors, like construction, food, and education.</p>
<p>It is desired that community members invest in each other.</p>
<h2 id="ownership">Ownership</h2>
<p>Land and utilities would be owned by the platform and leased to residents. Buildings may be pre-built or lots may be provided. Ideally, zoning would allow for tiny homes, and housing would be colocated, with small privately leased lots and large shared areas for community activities like agriculture, gardening, workshops, kitchens, etc…</p>
<p>The platform provides tools for community governance, vision planning, development, and guidance on growth. It takes on debt to bootstrap the community, investors fund the platform through shares and bonds, residents fund the platform through leases.</p>
<h2 id="energy">Energy</h2>
<p>Energy is supplied through the municipal grid. The platform allows the community to invest in renewable projects like solar panels, and these can be placed on common land, creating credits (dividends) for shareholders in the investment proportional to the power generated.</p>
<p>Communities should strive to produce as much energy as they consume. Being on the grid, solar projects should not need batteries, and grouped by the whole community means that installation can be economically done, significantly reducing costs.</p>


+partipating
get added to event page
bio, photo


Occupy the north! Grow communities in northern latitudes to be well prov...

Model Community

<h1 id="economic-exports">Economic Exports</h1>
<p>Canada’s Economic overview (Circa 2018)</p>
<p>An interpretation of <a href="https://oec.world/en/profile/country/can">https://oec.world/en/profile/country/can</a></p>
<p><img src="https://cdn.zappy.app/eba3bd385c1e4e1a57ea31e411c96e38.png" alt="Canadian Exports"></p>
<p>oec.world has a website that shows data visualizations for global trade. Here’s Canada.</p>
<p>Notably,</p>
<ol>
<li>Oil</li>
<li>Cars</li>
<li>Machines</li>
</ol>
<p>Together, these three categories cover close to 50% of our exports.</p>


Canada’s Economic overview (Circa 2018)

An interpretation of https://oec.world/en/profile/country/can

Canadian Exports

oec.w...

Economic Exports

<h1 id="js-sort">Js Sort</h1>
<p>How to sort a list of objects in Javascript. I often do it wrong!</p>
<p><img src="https://cdn.zappy.app/5d4e4f992ab3883ce389c4b62e50f38c.png" alt=""></p>
<p>When you have a list in Javascript, you can call list.sort(…) with a function, but if your function is a boolean expression (I was used to this from Python) it won’t work!</p>
<p>Your function takes two items, I’ll call them left and right. A proper function should return a negative number if <code>left &lt; right</code>, <code>0</code> if equal, and a positive number if <code>left &gt; right</code>.</p>
<p>If you’re having issues sorting an array, it’s probably because your function doesn’t follow this pattern!</p>
<p>Read more on <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#Syntax">MDN - Array.sort</a></p>


How to sort a list of objects in Javascript. I often do it wrong!

When you have a list in Javascript, you can call list.sort(…) with ...

Js Sort

<h1 id="what-is-swr">What is SWR?</h1>
<p><img src="https://photos.collectednotes.com/photos/680/7e66f671-3d2c-46b8-9bc6-fbabd79caefd" alt=""></p>
<p>🚀 SWR stands for <code>stale-while-revalidate</code> — A pattern you can use that keeps data fresh while also keeping the experience fast. </p>
<h2 id="when-to-use-it">When to use it</h2>
<p>🔍 An http API that is slow and changes frequently should respond with <code>Cache-Control: max-age=1, stale-while-revalidate</code> and the servers that serve the API should cache the responses, revalidating in the background rather than causing users to wait.</p>
<h2 id="server-side-api-caching">Server-side API caching</h2>
<p>If you use Vercel, you can get started by setting <code>Cache-Control</code> headers in your <code>pages/api</code> functions.</p>
<pre><code class="language-javascript">import NotesService from &#39;services/notes&#39;

export default async (req, res) =&gt; {
  const service = new NotesService()
  const notes = await service.getLatestNotes()
  res.setHeader(&#39;Cache-Control&#39;, &#39;s-maxage=1, stale-while-revalidate, public&#39;)
  res.status(200).json({ notes })
}</code></pre>
<h2 id="client-side-api-caching">Client side API caching</h2>
<p>Web browsers have an HTTP cache for each user as well. Headers can be returned that browsers will respect, providing the same behavior. The difference is that the HTTP cache is personal. Client-side caching for one person doesn&#39;t make it faster for others.</p>
<p>To implement client side caching, see <a href="https://web.dev/stale-while-revalidate/">web.dev/stale-while-revalidate</a></p>
<p><code>Cache-Control: max-age=1, stale-while-revalidate=59</code></p>
<h2 id="in-service-workers">In service workers</h2>
<p>Service workers can offer stale-while-revalidate patterns for progressive web apps. See <a href="https://developers.google.com/web/tools/workbox/modules/workbox-strategies#stale-while-revalidate">A Workbox Example</a></p>
<h2 id="in-nextjs-using-static-regeneration">In NextJS using static regeneration</h2>
<p>NextJS offers incremental static regeneration. Pages will be served stale and then revalidated. Updates to the static page will happen in the background. To use it, set <code>unstable_revalidate</code> to the minimum time before revalidating a static page in seconds.</p>
<pre><code class="language-javascript">export async function getStaticProps({ params }) {
  const note = await new NoteService().getNote(params.slug);
  const props = { note };
  return { props, unstable_revalidate: 1 };
}
</code></pre>
<h2 id="conclusion">Conclusion</h2>
<p>Caching makes things fast, and the greatest challenge is keeping data up to date. By implementing stale-while-revalidate behaviour, the cache stays fresh and the users rarely have to wait.</p>
