Merge branch 'main' into feat/you-are-not-your-user

Author: mbifulco

next-env.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
 /// <reference types="next/navigation-types/compat/navigation" />
-import "./.next/types/routes.d.ts";
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

public/images/publication-icon.png

@@ -95,6 +95,32 @@ async function putRecord(
   return res.json() as Promise<{ uri: string }>;
 }
 
+type AtprotoBlob = {
+  $type: 'blob';
+  ref: { $link: string };
+  mimeType: string;
+  size: number;
+};
+
+async function uploadBlob(
+  session: Session,
+  data: Buffer,
+  mimeType: string
+): Promise<AtprotoBlob> {
+  const res = await fetch(`${PDS_URL}/xrpc/com.atproto.repo.uploadBlob`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': mimeType,
+      Authorization: `Bearer ${session.accessJwt}`,
+    },
+    // Node.js fetch accepts Buffer at runtime; cast needed due to strict lib types
+    body: data as unknown as BodyInit,
+  });
+  if (!res.ok) throw new Error(`uploadBlob failed: ${await res.text()}`);
+  const json = (await res.json()) as { blob: AtprotoBlob };
+  return json.blob;
+}
+
 // ─── Local data helpers ──────────────────────────────────────────────────────
 
 type AtprotoData = {
@@ -141,7 +167,11 @@ function readContentDirectory(dir: string): ContentFrontmatter[] {
     .map((file) => {
       const raw = fs.readFileSync(path.join(dirPath, file), 'utf-8');
       const { data } = matter(raw);
-      return data as ContentFrontmatter;
+      const fm = data as ContentFrontmatter;
+      // Always use filename-derived slug to match Next.js routing, which uses
+      // filenames not frontmatter slugs when building static paths.
+      fm.slug = path.basename(file, path.extname(file));
+      return fm;
     })
     .filter(
       (fm): fm is ContentFrontmatter =>
@@ -161,15 +191,27 @@ const CREATE_ONLY = process.argv.includes('--create-only');
 // When present, only those files are synced instead of the full directory scan.
 const TARGET_PATHS = process.argv.slice(2).filter((a) => !a.startsWith('--'));
 
+const ICON_PATH = path.join(process.cwd(), 'public/images/publication-icon.png');
+
 async function syncPublication(
   session: Session,
   data: AtprotoData
 ): Promise<string> {
+  let icon: AtprotoBlob | undefined;
+  if (fs.existsSync(ICON_PATH)) {
+    const imgData = fs.readFileSync(ICON_PATH);
+    icon = await uploadBlob(session, imgData, 'image/png');
+    console.log('  Uploaded publication icon blob');
+  } else {
+    console.log(`  No icon found at ${ICON_PATH}, skipping`);
+  }
+
   const record = buildPublicationRecord({
     url: BASE_SITE_URL,
-    name: 'Mike Bifulco',
+    name: '💌 Tiny Improvements - for builders, by @MikeBifulco.com',
     description:
       'Resources for modern software designers and developers. Tips and walkthroughs on React, node, and javascript.',
+    icon,
   });
 
   if (data.publicationUri) {
@@ -244,13 +286,11 @@ async function main() {
       const raw = fs.readFileSync(path.join(process.cwd(), filePath), 'utf-8');
       const { data: fm } = matter(raw);
       const frontmatter = fm as ContentFrontmatter;
+      // Use filename as slug, consistent with Next.js static path generation.
+      frontmatter.slug = path.basename(filePath, path.extname(filePath));
 
-      if (
-        !frontmatter.slug ||
-        !frontmatter.title ||
-        frontmatter.published === false
-      ) {
-        console.log(`  Skipped (unpublished or missing slug): ${filePath}`);
+      if (!frontmatter.title || frontmatter.published === false) {
+        console.log(`  Skipped (unpublished or missing title): ${filePath}`);
         continue;
       }
 

scripts/sync-atproto.ts

@@ -89,7 +89,10 @@ const SEO: React.FC<SEOProps> = ({
       />
       {/* standard.site AT Protocol links */}
       {standardSitePublicationUri && (
-        <link rel="site.standard.publication" href={standardSitePublicationUri} />
+        <link
+          rel="site.standard.publication"
+          href={standardSitePublicationUri}
+        />
       )}
       {standardSiteDocumentUri && (
         <link rel="site.standard.document" href={standardSiteDocumentUri} />

src/components/seo.tsx

@@ -41,7 +41,6 @@
     "next-js-github-bio-about-page": "at://did:plc:icpcpp5txyow3prnfgi533lj/site.standard.document/3mmx3e7c2mv2l",
     "nullish-coalescing-javascript": "at://did:plc:icpcpp5txyow3prnfgi533lj/site.standard.document/3mmx3e7dhkb25",
     "on-normalcy": "at://did:plc:icpcpp5txyow3prnfgi533lj/site.standard.document/3mmx3e7eomf2l",
-    "operating-principles": "at://did:plc:icpcpp5txyow3prnfgi533lj/site.standard.document/3mmx3e7fymb2p",
     "orton-effect-css-react": "at://did:plc:icpcpp5txyow3prnfgi533lj/site.standard.document/3mmx3e7hlf22s",
     "own-your-work-with-canonical-tags": "at://did:plc:icpcpp5txyow3prnfgi533lj/site.standard.document/3mmx3e7jc4m2c",
     "patching-npm-dependencies-with-pnpm-patch": "at://did:plc:icpcpp5txyow3prnfgi533lj/site.standard.document/3mmx3e7kk4l24",
@@ -68,7 +67,6 @@
     "sticker-update-we-raised-176-nzd": "at://did:plc:icpcpp5txyow3prnfgi533lj/site.standard.document/3mmx3ealjrt24",
     "structured-data-json-ld-for-next-js-sites": "at://did:plc:icpcpp5txyow3prnfgi533lj/site.standard.document/3mmx3ean5jk2x",
     "text-wrap-balance-will-make-your-designs-better": "at://did:plc:icpcpp5txyow3prnfgi533lj/site.standard.document/3mmx3eaqqrc2l",
-    "text-wrap-pretty-will-make-your-designs-better": "at://did:plc:icpcpp5txyow3prnfgi533lj/site.standard.document/3mmx3earxtd2g",
     "twitch-streaming-software-development-lessons": "at://did:plc:icpcpp5txyow3prnfgi533lj/site.standard.document/3mmx3eatgpc2l",
     "twitter-and-the-perils-of-obedience": "at://did:plc:icpcpp5txyow3prnfgi533lj/site.standard.document/3mmx3eauum32g",
     "typescript-vscode-error-fix-last-resort": "at://did:plc:icpcpp5txyow3prnfgi533lj/site.standard.document/3mmx3eawcir25",

src/data/atproto-documents.json

@@ -2,9 +2,9 @@
 title: 'CSS Tips Part 2 - text-wrap: pretty will make your text feel intentional'
 excerpt: 'Go beyond balance. Learn how text-wrap: pretty improves readability, reduces awkward breaks, and makes your UI feel more polished.'
 tags: [css, ux, typography]
-slug: text-wrap-pretty-will-make-your-designs-better
+slug: text-wrap-pretty-for-subtle-visual-balance
 series: CSS For Visual Balance
-coverImagePublicId: posts/text-wrap-pretty-will-make-your-designs-better/cover
+coverImagePublicId: posts/text-wrap-pretty-for-subtle-visual-balance/cover
 date: 04-30-2026
 ---
 

src/data/posts/text-wrap-pretty-for-subtle-visual-balance.mdx

@@ -49,7 +49,8 @@ export const getStaticProps: GetStaticProps<
     params.slug
   );
 
-  const standardSitePublicationUri = (atprotoData as { publicationUri: string }).publicationUri;
+  const standardSitePublicationUri = (atprotoData as { publicationUri: string })
+    .publicationUri;
 
   return {
     props: {

src/pages/newsletter/[slug].tsx

@@ -54,7 +54,8 @@ export const getStaticProps: GetStaticProps<
     params.slug
   );
 
-  const standardSitePublicationUri = (atprotoData as { publicationUri: string }).publicationUri;
+  const standardSitePublicationUri = (atprotoData as { publicationUri: string })
+    .publicationUri;
 
   return {
     props: {
@@ -80,7 +81,13 @@ export async function getStaticPaths() {
   };
 }
 
-const PostPage: NextPage<PostPageProps> = ({ post, series, relatedContent, standardSiteDocumentUri, standardSitePublicationUri }) => {
+const PostPage: NextPage<PostPageProps> = ({
+  post,
+  series,
+  relatedContent,
+  standardSiteDocumentUri,
+  standardSitePublicationUri,
+}) => {
   const { frontmatter } = post;
 
   const { coverImagePublicId, published, date, tags, title, excerpt, slug } =

src/pages/posts/[slug].tsx

@@ -10,23 +10,33 @@ export type AtprotoDocumentRecord = {
   publishedAt: string;
 };
 
+type AtprotoBlob = {
+  $type: 'blob';
+  ref: { $link: string };
+  mimeType: string;
+  size: number;
+};
+
 export type AtprotoPublicationRecord = {
   $type: 'site.standard.publication';
   url: string;
   name: string;
   description?: string;
+  icon?: AtprotoBlob;
 };
 
 export function buildPublicationRecord(opts: {
   url: string;
   name: string;
   description?: string;
+  icon?: AtprotoBlob;
 }): AtprotoPublicationRecord {
   return {
     $type: 'site.standard.publication',
     url: opts.url,
     name: opts.name,
     ...(opts.description ? { description: opts.description } : {}),
+    ...(opts.icon ? { icon: opts.icon } : {}),
   };
 }