I've opened a Prismic repo @ lowmess.prismic.com. It's completely unconfigured, and doesn't talk to Metalsmith in any way.

• Define Custom Types
  • Pages
  • Work
  • Blog
• Migrate existing content to Prismic
• Set up metalsmith-prismic
  • connect to lowmess.prismic.io
  • configure to accept the different custom types & spit out collection pages for work & blog

each line has its own scrollbars. not ideal

when attempting to migrate to webpack 5, i get the following error (~2 times per attempted page load):

TypeError: Cannot convert undefined or null to object
    at Function.keys (<anonymous>)
    at PrebuildWebpackPlugin.getChangedFile (/Users/alec/Repos/lowmess.com/node_modules/prebuild-webpack-plugin/index.js:60:32)
    at /Users/alec/Repos/lowmess.com/node_modules/prebuild-webpack-plugin/index.js:115:32
    at Hook.eval [as callAsync] (eval at create (/Users/alec/Repos/lowmess.com/node_modules/next/dist/compiled/webpack/bundle5.js:31934:10), <anonymous>:8:17)
    at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/Users/alec/Repos/lowmess.com/node_modules/next/dist/compiled/webpack/bundle5.js:31736:14)
    at run (/Users/alec/Repos/lowmess.com/node_modules/next/dist/compiled/webpack/bundle5.js:72878:33)
    at /Users/alec/Repos/lowmess.com/node_modules/next/dist/compiled/webpack/bundle5.js:72873:6
    at Compiler.readRecords (/Users/alec/Repos/lowmess.com/node_modules/next/dist/compiled/webpack/bundle5.js:46178:11)
    at run (/Users/alec/Repos/lowmess.com/node_modules/next/dist/compiled/webpack/bundle5.js:72869:26)
    at Watching._go (/Users/alec/Repos/lowmess.com/node_modules/next/dist/compiled/webpack/bundle5.js:72928:3)

i'm not directly using Object.keys anywhere so i have to assume this is a dependency issue. so far, i've determined that the following are not the causes (or at least removed them to test):

• next-mdx-enhanced (this was happening before the switch)
• next-transpile-modules (i've removed both transpiled modules)
• smartypants
• the index page stats props
• the colophon dependencies props
• the project page json import

next steps: recreating this blog piece-by-piece til i find the culprit. fun

so i'm trying to update this to use typescript for basically no reason. because it seemed fun! but i'm running into some issues with getting typescript and rebass to play nice. apparently the root of the problem is that the @types/rebass package is still using styled-components bindings. this issue is here basically just as a place for me to rubber duck. anywhow. work is being done on feature/use-typescript

[extremely bruce buffer voice] IT'S TIIIMMMMMMMMMME

This has a few key advantages over CSS: ability to set color & opacity of pattern and reduction of network requests (since the CSS is currently being served via unpkg)

i've been playing around with this for the last day or so, and i like the simpler approach. plus there appears to be a performance boost (mainly by preval'ing the deps in colophon i think). most of the things are done on the feature/use-next branch. however, there are a few things that need to be wrapped:

• fix deps/devdeps allocation (some deps should be in devdeps)
• DRY up link usage (make a custom link component that combines next/link and theme ui's Link)
• create an rss feed & sitemap on build (a plain node function should work here)
• re-add the rss feed link to the footer
• create a 4.0 branch to preserve gatsby version
• bump to 4.1
• remove the current version of the site from the gatsby showcase (see if they'll let me keep v3 on there since it was relatively popular)

in general, clean up as we go. i've set up a test netlify deploy.

Reported by a few folks. Not always reproducable, but incognito appears to have a higher success rate.

the entire quote should indent to make room for the quotation mark on smaller viewports

100% from the CSP. whoops

the focused element should be #main-content when navigating between pages. currently, this only happens if the element is replaced (e.g. a relative link in a blog post). i'm not certain this is something i can (easily) do manually.

a bunch of dependencies are switching and the dependabot notifs are piling up

need to add a disallow robots.txt to v1 et al

I'm not gonna lie, mostly because it's ugly, not because it impacts functionality (it doesn't)

See https://github.com/jxnblk/styled-system/tree/master/clean-element

frontmatter (blog page/footer) appears to be getting aggressively cached, and not updating between builds (also not hot reloading). either need to figure out the solution with next-mdx-enhanced or switch to mdx-bundler (or, i suppose, go back to next-mdx and just figure out a cleaner RSS solution)

currently i'm managing all those things in Primitives.js but i really don't need to at all

i believe the bloated stylesheet size caused by using the inlined version is causing a flash. plus we can use font-display: swap as a cheap perf gain

not that anyone actually reads my blog or that i even write posts, but it would probably be good to indicate that you can subscribe to my posts with an rss reader somehow.

Needs to be done, but I am too tired to do this tonight

just need to add a height: 0 to the hr rule. but I'm afk.

also while I'm here styled-system/css looks like a good way to cut out a decent amount of cruft in my styles

this should speed up the homepage as it will remove a request and prevent layout shift. win-win.

it does mean i have to move off netlify and onto vercel. so probably we should test this over there for a while first