andwati/andwati.com
1
0
Fork 0
mirror of https://github.com/andwati/andwati.com.git synced 2026-10-29 14:02:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: content changes weren't showing up without a dev server restart

Browse Source 
toml-content-loader.ts only read content/ once in load(), so a new
entry created through Strapi (or any hand-edit) sat on disk correctly
but never appeared on the site until astro dev was restarted. Astro's
content layer only auto-refreshes for loaders that wire up the
watcher it hands them.

Refactored the read into a loadAll() function called both on initial
load and on every add/change/unlink event from Astro's dev-mode
watcher, scoped to the content directory. Verified live: created a
file mid-session, it appeared within ~2s with no restart; deleting it
disappeared just as fast.

Production builds were never affected (astro build only calls load()
once anyway, and always sees the current state of content/).
This commit is contained in:
andwati
2026-08-31 08:43:08 +03:00
parent 73afcdcbff
commit 8da5d372d5
1 changed files with 50 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/site/src/lib/toml-content-loader.ts
+50 -30
View File
@@ -66,40 +66,60 @@ function walk(dir: string): string[] {
export function tomlContentLoader(contentDir: string): Loader {
return {
name: "toml-content-loader",
load: async ({ store, config, logger }) => {
store.clear();
load: async ({ store, config, logger, watcher }) => {
const dirUrl = new URL(contentDir, config.root);
let files: string[] = [];
try {
statSync(dirUrl);
files = walk(dirUrl.pathname);
} catch {
logger.warn(`toml-content-loader: no directory at ${dirUrl.pathname}`);
return;
}
for (const file of files) {
const raw = readFileSync(file, "utf8");
const match = raw.match(FRONTMATTER_RE);
if (!match) {
async function loadAll() {
store.clear();
let files: string[] = [];
try {
statSync(dirUrl);
files = walk(dirUrl.pathname);
} catch {
logger.warn(
`toml-content-loader: skipping ${file}, no +++ frontmatter found`,
`toml-content-loader: no directory at ${dirUrl.pathname}`,
);
continue;
return;
}
const [, frontmatter, body] = match;
const data = parseToml(frontmatter) as Record<string, unknown>;
const relPath = relative(dirUrl.pathname, file);
const id = relPath.replace(/\/index\.md$/, "").replace(/\.md$/, "");
currentHeadings = [];
const trimmedBody = body.trim();
const html = await marked.parse(trimmedBody);
const wordCount = trimmedBody.split(/\s+/).filter(Boolean).length;
const readingMinutes = Math.max(1, Math.round(wordCount / 200));
store.set({
id,
data: { ...data, wordCount, readingMinutes },
rendered: { html, metadata: { headings: currentHeadings } },
});
for (const file of files) {
const raw = readFileSync(file, "utf8");
const match = raw.match(FRONTMATTER_RE);
if (!match) {
logger.warn(
`toml-content-loader: skipping ${file}, no +++ frontmatter found`,
);
continue;
}
const [, frontmatter, body] = match;
const data = parseToml(frontmatter) as Record<string, unknown>;
const relPath = relative(dirUrl.pathname, file);
const id = relPath.replace(/\/index\.md$/, "").replace(/\.md$/, "");
currentHeadings = [];
const trimmedBody = body.trim();
const html = await marked.parse(trimmedBody);
const wordCount = trimmedBody.split(/\s+/).filter(Boolean).length;
const readingMinutes = Math.max(1, Math.round(wordCount / 200));
store.set({
id,
data: { ...data, wordCount, readingMinutes },
rendered: { html, metadata: { headings: currentHeadings } },
});
}
}
await loadAll();
// In `astro dev`, re-scan the whole directory on any add/change/unlink
// so edits made outside Astro (Strapi's sync provider, or a file
// edited by hand) show up without restarting the dev server.
if (watcher) {
watcher.add(dirUrl.pathname);
const onChange = (changedPath: string) => {
if (changedPath.startsWith(dirUrl.pathname)) loadAll();
};
watcher.on("add", onChange);
watcher.on("change", onChange);
watcher.on("unlink", onChange);
}
},
};