Bump TinaCMS to aceecd8 canary + visual-editing wiring

- data.ts: mark getPage/getBlog with priority: 'primary' so the admin
  auto-selects the page form on entry (no manual file-tree click).
- Header.astro / Footer.astro: move data-tina-field off the array
  container and onto each nav link + contact icon so clicks open the
  specific list item instead of the empty array root.
- IconLink.astro: accept HTMLAttributes<'a'> + spread, owns nullish
  defaults internally so callers can pass raw config values.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: 2 people

package.json

@@ -15,12 +15,12 @@
     "@astrojs/rss": "^4.0.15",
     "@astrojs/sitemap": "^3.7.0",
     "@astrojs/vercel": "^9.0.5",
-    "@tinacms/astro": "0.0.0-afd3b10-20260512095118",
+    "@tinacms/astro": "0.0.0-aceecd8-20260513074647",
     "astro": "^5.16.0"
   },
   "devDependencies": {
-    "@tinacms/cli": "0.0.0-afd3b10-20260512095118",
+    "@tinacms/cli": "0.0.0-aceecd8-20260513074647",
     "@types/node": "^25.1.0",
-    "tinacms": "0.0.0-afd3b10-20260512095118"
+    "tinacms": "0.0.0-aceecd8-20260513074647"
   }
 }

src/components/Footer.astro

@@ -19,8 +19,15 @@ const today = new Date();
 	<footer class="copyright-footer">
 		&copy; {today.getFullYear()}
 		<span data-tina-field={seo ? tinaField(seo, "siteOwner") : undefined}>{seo?.siteOwner}</span>. All rights reserved.
-		<div class="social-links" data-tina-field={config ? tinaField(config, "contactLinks") : undefined}>
-			{contactLinks.map((link) => <IconLink title={link.title ?? ""} link={link.link ?? "#"} icon={link.icon ?? ""} />)}
+		<div class="social-links">
+			{contactLinks.map((link) => (
+				<IconLink
+					title={link.title}
+					link={link.link}
+					icon={link.icon}
+					data-tina-field={tinaField(link, "title")}
+				/>
+			))}
 		</div>
 	</footer>
 

src/components/Header.astro

@@ -22,11 +22,20 @@ const contactLinks = (config?.contactLinks ?? []).filter((item) => item !== null
 				<span data-tina-field={seo ? tinaField(seo, "title") : undefined}>{seo?.title}</span>
 			</a>
 		</h2>
-		<div class="internal-links" data-tina-field={config ? tinaField(config, "nav") : undefined}>
-			{nav.map((item) => <HeaderLink href={item.link}>{item.title}</HeaderLink>)}
+		<div class="internal-links">
+			{nav.map((item) => (
+				<HeaderLink href={item.link} data-tina-field={tinaField(item, "title")}>{item.title}</HeaderLink>
+			))}
 		</div>
-		<div class="social-links" data-tina-field={config ? tinaField(config, "contactLinks") : undefined}>
-			{contactLinks.map((link) => <IconLink title={link.title ?? ""} link={link.link ?? "#"} icon={link.icon ?? ""} />)}
+		<div class="social-links">
+			{contactLinks.map((link) => (
+				<IconLink
+					title={link.title}
+					link={link.link}
+					icon={link.icon}
+					data-tina-field={tinaField(link, "title")}
+				/>
+			))}
 		</div>
 	</nav>
 </header>

src/components/IconLink.astro

@@ -1,29 +1,34 @@
 ---
-type Props = {
-	title: string;
-	link: string;
-	icon: string;
+import type { HTMLAttributes } from 'astro/types';
+
+type Props = HTMLAttributes<'a'> & {
+	title?: string | null;
+	link?: string | null;
+	icon?: string | null;
 };
 
-const { title, link, icon } = Astro.props;
+const { title, link, icon, ...rest } = Astro.props;
+const safeTitle = title ?? "";
+const safeLink = link ?? "#";
+const safeIcon = icon ?? "";
 ---
 
-<a href={link} target="_blank" aria-label={`Go to ${title}`}>
-	<span class="sr-only">{title}</span>
-	{icon === "TbBrandX" && (
+<a href={safeLink} target="_blank" aria-label={`Go to ${safeTitle}`} {...rest}>
+	<span class="sr-only">{safeTitle}</span>
+	{safeIcon === "TbBrandX" && (
 		<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
 			<path d="M4 4l11.733 16h4.267l-11.733 -16z"></path>
 			<path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"></path>
 		</svg>
 	)}
-	{icon === "TbBook2" && (
+	{safeIcon === "TbBook2" && (
 		<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
 			<path d="M19 4v16h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12z"></path>
 			<path d="M19 16h-12a2 2 0 0 0 -2 2"></path>
 			<path d="M9 8h6"></path>
 		</svg>
 	)}
-	{icon === "TbBrandGithub" && (
+	{safeIcon === "TbBrandGithub" && (
 		<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
 			<path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"></path>
 		</svg>

src/lib/data.ts

@@ -11,10 +11,16 @@ export const getConfig = () =>
 	requestWithMetadata(client.queries.config({ relativePath: 'config.json' }));
 
 export const getPage = (slug: string) =>
-	requestWithMetadata(client.queries.page({ relativePath: `${slug}.mdx` }));
+	requestWithMetadata(
+		client.queries.page({ relativePath: `${slug}.mdx` }),
+		{ priority: 'primary' },
+	);
 
 export const getBlog = (slug: string) =>
-	requestWithMetadata(client.queries.blog({ relativePath: `${slug}.mdx` }));
+	requestWithMetadata(
+		client.queries.blog({ relativePath: `${slug}.mdx` }),
+		{ priority: 'primary' },
+	);
 
 export async function listPages() {
 	const result = await client.queries.pageConnection();