From 114be152fb4fa02c6b89fae0dc622e30db5eeedc Mon Sep 17 00:00:00 2001
From: John Enderson <johnenderson@outlook.com>
Date: Sat, 4 Jul 2026 13:31:38 -0300
Subject: [PATCH 1/6] fix(blog): corrige escape de < no JSON-LD

O replaceAll substituia < por < (String.raw sem escape e um no-op),
entao a sanitizacao do script ld+json nao tinha efeito. Agora escapa
para a sequencia unicode u003c, como manda o padrao.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 app/blog/[...slug]/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/blog/[...slug]/page.tsx b/app/blog/[...slug]/page.tsx
index 8393943..a9d9b34 100644
--- a/app/blog/[...slug]/page.tsx
+++ b/app/blog/[...slug]/page.tsx
@@ -129,7 +129,7 @@ export default async function Page({ params }: Readonly<Props>) {
       <script
         type="application/ld+json"
         dangerouslySetInnerHTML={{
-          __html: JSON.stringify(jsonLd).replaceAll('<', String.raw`<`),
+          __html: JSON.stringify(jsonLd).replaceAll('<', '\\u003c'),
         }}
       />
       <MDXServer source={content} />

From 75c6c57f742740a6d1223b177004c84b71298f64 Mon Sep 17 00:00:00 2001
From: John Enderson <johnenderson@outlook.com>
Date: Sat, 4 Jul 2026 13:36:02 -0300
Subject: [PATCH 2/6] fix(lol): corrige label da fila e para de enviar API key
 ao Data Dragon

- O label do live game indexava QUEUE_LABELS (chaves numericas de
  queue id) com gameMode (string tipo CLASSIC), entao nunca resolvia.
  Agora usa gameQueueConfigId do spectator-v5, com fallback no
  gameMode cru.
- Chamadas ao Data Dragon (CDN publico, sem auth) passavam o header
  X-Riot-Token; agora usam ddragonFetch, sem a credencial.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 src/lib/lol.ts | 45 ++++++++++++++++++++++++++++++++++-----------
 1 file changed, 34 insertions(+), 11 deletions(-)

diff --git a/src/lib/lol.ts b/src/lib/lol.ts
index dcee85d..78dfdab 100644
--- a/src/lib/lol.ts
+++ b/src/lib/lol.ts
@@ -100,6 +100,28 @@ const riotFetch = async <T>(url: string, apiKey: string): Promise<T | null> => {
     throw err;
   }
 
+  return handleRiotResponse<T>(response, url);
+};
+
+// Data Dragon/CDN é público — nunca envie a API key para ele.
+const ddragonFetch = async <T>(url: string): Promise<T | null> => {
+  debugLog('GET', url);
+
+  let response: Response;
+  try {
+    response = await fetch(url, { cache: 'no-store' });
+  } catch (err) {
+    debugLog('fetch network error:', String(err));
+    throw err;
+  }
+
+  return handleRiotResponse<T>(response, url);
+};
+
+const handleRiotResponse = async <T>(
+  response: Response,
+  url: string,
+): Promise<T | null> => {
   debugLog(`response status: ${response.status}`);
 
   if (response.status === 404) {
@@ -145,14 +167,13 @@ type ChampionListData = {
   data: Record<string, { key: string; id: string; name: string }>;
 };
 
-const getDDragonVersion = async (apiKey: string): Promise<string> => {
+const getDDragonVersion = async (): Promise<string> => {
   const cached = await cacheGet<string>(CACHE_KEY_VERSION);
   if (cached) return cached;
 
   // Versão mais recente do patch
-  const versions = await riotFetch<string[]>(
+  const versions = await ddragonFetch<string[]>(
     `${DDRAGON_BASE}/api/versions.json`,
-    apiKey,
   );
   const version = versions?.[0] ?? '15.1.1';
   await cacheSet(CACHE_KEY_VERSION, version, CACHE_TTL_VERSION);
@@ -273,9 +294,8 @@ const fetchTopChampionsData = async (
       debugLog('masteries error:', e);
       return null;
     }),
-    riotFetch<ChampionListData>(
+    ddragonFetch<ChampionListData>(
       `${DDRAGON_BASE}/cdn/${version}/data/pt_BR/champion.json`,
-      apiKey,
     ).catch(() => null),
   ]);
 
@@ -333,7 +353,7 @@ const loadLolProfile = async (): Promise<LolProfile | null> => {
   const identity = await resolveIdentity(apiKey, gameName, tagLine);
   if (!identity) return null;
 
-  const version = await getDDragonVersion(apiKey);
+  const version = await getDDragonVersion();
   const profileIconUrl = `${DDRAGON_BASE}/cdn/${version}/img/profileicon/${identity.profileIconId}.png`;
   const summonerName = identity.summonerName;
 
@@ -385,6 +405,7 @@ type MatchDto = {
 type SpectatorDto = {
   gameId: number;
   gameMode: string;
+  gameQueueConfigId?: number;
   gameLength: number;
   participants: { puuid: string; championId: number }[];
 };
@@ -406,7 +427,7 @@ const loadLolMatches = async (): Promise<LolMatch[]> => {
   const identity = await resolveIdentity(apiKey, gameName, tagLine);
   if (!identity) return [];
 
-  const version = await getDDragonVersion(apiKey);
+  const version = await getDDragonVersion();
 
   const matchIds = await riotFetch<string[]>(
     `${RIOT_REGIONAL}/lol/match/v5/matches/by-puuid/${identity.puuid}/ids?count=5`,
@@ -464,7 +485,7 @@ const loadLolLiveGame = async (): Promise<LolLiveGame | null> => {
   const identity = await resolveIdentity(apiKey, gameName, tagLine);
   if (!identity) return null;
 
-  const version = await getDDragonVersion(apiKey);
+  const version = await getDDragonVersion();
 
   const game = await riotFetch<SpectatorDto>(
     `${RIOT_PLATFORM}/lol/spectator/v5/active-games/by-summoner/${identity.puuid}`,
@@ -476,9 +497,8 @@ const loadLolLiveGame = async (): Promise<LolLiveGame | null> => {
   if (!participant) return null;
 
   // Map championId → name via Data Dragon
-  const championList = await riotFetch<ChampionListData>(
+  const championList = await ddragonFetch<ChampionListData>(
     `${DDRAGON_BASE}/cdn/${version}/data/pt_BR/champion.json`,
-    apiKey,
   ).catch(() => null);
 
   const champ = championList
@@ -494,7 +514,10 @@ const loadLolLiveGame = async (): Promise<LolLiveGame | null> => {
   return {
     championId: championName,
     championIconUrl: `${DDRAGON_BASE}/cdn/${version}/img/champion/${championName}.png`,
-    gameMode: QUEUE_LABELS[game.gameMode as unknown as number] ?? game.gameMode,
+    gameMode:
+      game.gameQueueConfigId != null
+        ? QUEUE_LABELS[game.gameQueueConfigId] ?? game.gameMode
+        : game.gameMode,
     gameLengthSeconds: game.gameLength,
   };
 };

From 5812e6360cb3141b27e5d5d50e00dcaaaedc93eb Mon Sep 17 00:00:00 2001
From: John Enderson <johnenderson@outlook.com>
Date: Sat, 4 Jul 2026 13:32:13 -0300
Subject: [PATCH 3/6] fix(theme): aplica tema salvo antes do primeiro paint
 (anti-FOUC)

A classe .light so era adicionada no useEffect do ThemeProvider,
entao quem usa tema claro via um flash escuro a cada carregamento.
Um script inline parser-blocking no inicio do body agora resolve o
tema salvo (light/dark/system) e aplica classe + color-scheme antes
do paint; o ThemeProvider assume depois da hidratacao.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 app/layout.tsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/app/layout.tsx b/app/layout.tsx
index ad964be..eb01bfd 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -55,6 +55,27 @@ export const metadata: Metadata = {
   },
 };
 
+// Aplica o tema salvo ANTES do primeiro paint (parser-blocking), evitando o
+// flash de tema escuro para quem usa tema claro. Espelha a resolução do
+// ThemeProvider: 'light' | 'dark' | 'system' (via prefers-color-scheme), com
+// 'dark' como padrão. O ThemeProvider assume o controle após a hidratação.
+const themeInitScript = `(function () {
+  try {
+    var stored = localStorage.getItem('theme');
+    var resolved =
+      stored === 'light' || stored === 'dark'
+        ? stored
+        : stored === 'system' &&
+          matchMedia('(prefers-color-scheme: light)').matches
+        ? 'light'
+        : 'dark';
+    document.documentElement.classList.add(resolved);
+    document.documentElement.style.colorScheme = resolved;
+  } catch (e) {
+    document.documentElement.classList.add('dark');
+  }
+})();`;
+
 export const viewport: Viewport = {
   themeColor: [
     { media: '(prefers-color-scheme: light)', color: '#fffdf9' },
@@ -74,6 +95,7 @@ export default function RootLayout({
       suppressHydrationWarning
     >
       <body>
+        <script dangerouslySetInnerHTML={{ __html: themeInitScript }} />
         <a
           href="#main"
           className="sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-[9999] focus:rounded focus:bg-site-card focus:px-4 focus:py-2 focus:text-sm focus:font-medium focus:text-site-foreground focus:outline-none focus:ring-2 focus:ring-site-primary"

From 6c27740022c27c9ff45f2f24b1d2299759ef48a5 Mon Sep 17 00:00:00 2001
From: John Enderson <johnenderson@outlook.com>
Date: Sat, 4 Jul 2026 13:32:37 -0300
Subject: [PATCH 4/6] chore(deps): move deps de runtime para dependencies e
 remove script morto
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

next-mdx-remote, @shikijs/rehype, remark-gfm e react-tweet-embed sao
usados pelo MDXServer/TweetEmbed em producao, mas estavam em
devDependencies — funcionava na Vercel, mas quebrava qualquer install
--production. Remove tambem o script update:webperf, que referencia
um diretorio packages/ que nao existe.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 package.json | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 8e76f17..3ef6cd8 100644
--- a/package.json
+++ b/package.json
@@ -16,11 +16,11 @@
     "eslint:fix": "eslint --cache --fix",
     "pretypecheck": "yarn content:sync",
     "typecheck": "tsc",
-    "prepare": "husky install",
-    "update:webperf": "cd packages/scripts && yarn build:repo-content"
+    "prepare": "husky install"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.2.0",
+    "@shikijs/rehype": "^4.1.0",
     "@fortawesome/free-brands-svg-icons": "^7.2.0",
     "@fortawesome/free-solid-svg-icons": "^7.2.0",
     "@fortawesome/react-fontawesome": "^3.3.1",
@@ -32,17 +32,19 @@
     "lightningcss-linux-x64-gnu": "^1.32.0",
     "motion": "^12.40.0",
     "next": "^16.2.6",
+    "next-mdx-remote": "^6.0.0",
     "react": "^19",
     "react-dom": "^19",
     "react-intersection-observer": "^8.33.1",
     "react-katex": "^3.1.0",
+    "react-tweet-embed": "^2.0.0",
     "reading-time": "^1.5.0",
     "rehype-slug": "^6.0.0",
+    "remark-gfm": "^4.0.1",
     "sharp": "^0.34.5",
     "swr": "^2.4.1"
   },
   "devDependencies": {
-    "@shikijs/rehype": "^4.1.0",
     "@tailwindcss/postcss": "^4.3.0",
     "@trivago/prettier-plugin-sort-imports": "^4.1.1",
     "@types/node": "^22.15.0",
@@ -55,11 +57,8 @@
     "eslint-plugin-unused-imports": "^4",
     "husky": ">=6",
     "lint-staged": ">=10",
-    "next-mdx-remote": "^6.0.0",
     "postcss": "^8.5.15",
     "prettier": "^2.4.1",
-    "react-tweet-embed": "^2.0.0",
-    "remark-gfm": "^4.0.1",
     "shadcn": "^4.8.0",
     "tailwindcss": "^4.3.0",
     "typescript": "^5.8.3"

From f6d7a7ebaac444bd1605f1c1178b9ef866aa4fb5 Mon Sep 17 00:00:00 2001
From: John Enderson <johnenderson@outlook.com>
Date: Sat, 4 Jul 2026 13:32:47 -0300
Subject: [PATCH 5/6] chore: remove codigo morto sem referencias
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Remove src/base/links-graph (Dialog com dangerouslySetInnerHTML,
Layout, getNodePosition), useReactFlowAttributionRemoval, graphPrint,
mediaQuery e LocalStorage — nada em app/ ou src/ referencia esses
arquivos.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 .../hooks/useReactFlowAttributionRemoval.ts   |  9 ----
 src/base/links-graph/Dialog/index.tsx         | 47 ----------------
 src/base/links-graph/Layout/index.tsx         | 29 ----------
 .../links-graph/Position/getNodePosition.ts   | 54 -------------------
 src/base/mediaQuery.ts                        | 10 ----
 src/base/testing/graphPrint.js                | 22 --------
 src/lib/LocalStorage.ts                       | 17 ------
 7 files changed, 188 deletions(-)
 delete mode 100644 src/base/hooks/useReactFlowAttributionRemoval.ts
 delete mode 100644 src/base/links-graph/Dialog/index.tsx
 delete mode 100644 src/base/links-graph/Layout/index.tsx
 delete mode 100644 src/base/links-graph/Position/getNodePosition.ts
 delete mode 100644 src/base/mediaQuery.ts
 delete mode 100644 src/base/testing/graphPrint.js
 delete mode 100644 src/lib/LocalStorage.ts

diff --git a/src/base/hooks/useReactFlowAttributionRemoval.ts b/src/base/hooks/useReactFlowAttributionRemoval.ts
deleted file mode 100644
index a5a329b..0000000
--- a/src/base/hooks/useReactFlowAttributionRemoval.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-'use client';
-
-import { useEffect } from 'react';
-
-export const useReactFlowAttributionRemoval = () => {
-  useEffect(() => {
-    document.querySelector('.react-flow__attribution')?.remove();
-  }, []);
-};
diff --git a/src/base/links-graph/Dialog/index.tsx b/src/base/links-graph/Dialog/index.tsx
deleted file mode 100644
index b4b3d6e..0000000
--- a/src/base/links-graph/Dialog/index.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-'use client';
-
-import { useEffect } from 'react';
-
-import { Layout } from '@/base/links-graph/Layout';
-
-type DialogPropsType = {
-  open: boolean;
-  onClose: () => void;
-  title?: string;
-  content: string;
-};
-
-export const Dialog = ({ onClose, open, title, content }: DialogPropsType) => {
-  useEffect(() => {
-    if (!open) return;
-
-    const handleKeyDown = (event: KeyboardEvent) => {
-      if (event.key === 'Escape') onClose();
-    };
-
-    document.addEventListener('keydown', handleKeyDown);
-    return () => document.removeEventListener('keydown', handleKeyDown);
-  }, [onClose, open]);
-
-  if (!open) return null;
-
-  return (
-    <div className="fixed inset-0 z-50 flex items-center justify-center">
-      <button
-        type="button"
-        aria-label="Close dialog"
-        className="absolute inset-0 bg-black/60"
-        onClick={onClose}
-      />
-      <dialog
-        open
-        aria-modal="true"
-        className="relative bg-[#222] text-white w-full max-w-[700px] max-h-[90vh] overflow-y-auto rounded light:bg-white light:text-black"
-      >
-        <Layout title={title}>
-          <div dangerouslySetInnerHTML={{ __html: content }} />
-        </Layout>
-      </dialog>
-    </div>
-  );
-};
diff --git a/src/base/links-graph/Layout/index.tsx b/src/base/links-graph/Layout/index.tsx
deleted file mode 100644
index 4354c66..0000000
--- a/src/base/links-graph/Layout/index.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-'use client';
-
-import { FC, PropsWithChildren } from 'react';
-
-type LayoutPropTypes = {
-  title?: string;
-};
-
-export const Layout: FC<PropsWithChildren<LayoutPropTypes>> = ({
-  children,
-  title,
-}) => (
-  <div className="content">
-    <article
-      className="post"
-      itemScope
-      itemType="https://schema.org/BlogPosting"
-    >
-      {title ? (
-        <header>
-          <p className="tracking-[0.01em] text-[2em] not-italic font-bold text-site-foreground block mt-0 mb-0 normal-case leading-[1.25]">
-            {title}
-          </p>
-        </header>
-      ) : null}
-      {children}
-    </article>
-  </div>
-);
diff --git a/src/base/links-graph/Position/getNodePosition.ts b/src/base/links-graph/Position/getNodePosition.ts
deleted file mode 100644
index d40d969..0000000
--- a/src/base/links-graph/Position/getNodePosition.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-const urlToPosition = {
-  '/a-mental-model-to-think-in-typescript': { x: 1500, y: 700 },
-  '/basic-recipes-for-react-testing-library': { x: 1400, y: 700 },
-  '/building-an-abstraction-for-react-internationalization-messages': {
-    x: 1398,
-    y: 360,
-  },
-  '/closure-currying-and-cool-abstractions': { x: 1400, y: 1000 },
-  '/consistent-state-management-in-react-and-redux': { x: 1200, y: 500 },
-  '/constant-feedback-driven-development-with-nodemon': { x: 900, y: 700 },
-  '/data-fetching-in-react-with-react-query': { x: 1200, y: 600 },
-  '/designing-my-lifes-system': { x: 800, y: 700 },
-  '/dx-and-software-maintainability-in-frontend-engineering': {
-    x: 1300,
-    y: 700,
-  },
-  '/fun-with-dates': { x: 1000, y: 1000 },
-  '/how-i-received-4-salary-raises-in-2-years-of-quintoandar-as-a-software-engineer':
-    { x: 1200, y: 700 },
-  '/publisher-a-tooling-to-automate-the-process-to-publish-my-blog-posts': {
-    x: 1000,
-    y: 700,
-  },
-  '/react-hooks-context-api-and-pokemons': { x: 1924, y: 724 },
-  '/react-query-complex-dependent-queries': { x: 1200, y: 700 },
-  '/tdd-functions-and-react-components': { x: 1200, y: 700 },
-  '/thinking-in-data-contracts': { x: 1772, y: 508 },
-  '/ux-studies-with-react-typescript-and-testing-library': { x: 1400, y: 700 },
-  '/series/frontend-challenges': { x: 1200, y: 500 },
-  '/series/typescript-learnings/interesting-types': { x: 1200, y: 900 },
-  '/series/typescript-learnings/object-destructuring': { x: 1200, y: 1000 },
-  '/series/typescript-learnings/type-system': { x: 1200, y: 1100 },
-  '/series/typescript-learnings/union-types-with-objects': { x: 1300, y: 1000 },
-  '/series/website-changelog/building-my-legacy-through-accessible-open-and-free-content':
-    { x: 2000, y: 700 },
-};
-
-type Position = {
-  x: number;
-  y: number;
-};
-
-type UrlToPosition = {
-  [key: string]: Position | undefined;
-};
-
-export function getNodePosition(url: string) {
-  return (
-    (urlToPosition as UrlToPosition)[url] || {
-      x: 0,
-      y: 0,
-    }
-  );
-}
diff --git a/src/base/mediaQuery.ts b/src/base/mediaQuery.ts
deleted file mode 100644
index 2c192f5..0000000
--- a/src/base/mediaQuery.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-type Breakpoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type MediaQuery = Record<Breakpoints, string>;
-
-export const mediaQuery: MediaQuery = {
-  xs: '@media (max-width: 576px)',
-  sm: '@media (min-width: 576px)',
-  md: '@media (min-width: 768px)',
-  lg: '@media (min-width: 992px)',
-  xl: '@media (min-width: 1200px)',
-};
diff --git a/src/base/testing/graphPrint.js b/src/base/testing/graphPrint.js
deleted file mode 100644
index fb28363..0000000
--- a/src/base/testing/graphPrint.js
+++ /dev/null
@@ -1,22 +0,0 @@
-export function graphPrint(graph) {
-  graph.nodes.forEach((node) => {
-    console.log('node', node.id + ' ' + node.text);
-    graph.edges.forEach((edge) => {
-      if (edge.source === node.id.toString()) {
-        console.log(
-          '--> ',
-          graph.nodes[Number(edge.target)].id +
-            ' ' +
-            graph.nodes[Number(edge.target)].text,
-        );
-      } else if (edge.target === node.id.toString()) {
-        console.log(
-          '--> ',
-          graph.nodes[Number(edge.source)].id +
-            ' ' +
-            graph.nodes[Number(edge.source)].text,
-        );
-      }
-    });
-  });
-}
diff --git a/src/lib/LocalStorage.ts b/src/lib/LocalStorage.ts
deleted file mode 100644
index 5c01330..0000000
--- a/src/lib/LocalStorage.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-type Value = number | string | { [name: string]: Value };
-
-export const LocalStorage = {
-  get: (key: string): Value | null => {
-    try {
-      const raw = localStorage.getItem(key);
-      return raw ? (JSON.parse(raw) as Value) : null;
-    } catch {
-      return null;
-    }
-  },
-  set: (key: string, value: Value) => {
-    try {
-      localStorage.setItem(key, JSON.stringify(value));
-    } catch {}
-  },
-};

From 390134c5efb350073fe609b2a7a00319f9c2acc9 Mon Sep 17 00:00:00 2001
From: John Enderson <johnenderson@outlook.com>
Date: Sat, 4 Jul 2026 13:35:14 -0300
Subject: [PATCH 6/6] chore: forca LF via .gitattributes

O core.autocrlf=true do Git do Windows regravava arquivos com CRLF no
checkout/edicao, quebrando o hook do husky (shebang /bin/sh + CR nao
executa) e o prettier --check no WSL. Com eol=lf no .gitattributes,
qualquer git escreve LF no worktree independente de config local.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 .gitattributes | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 .gitattributes

diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..6313b56
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1 @@
+* text=auto eol=lf