feat(blog): add file-based blog with dynamic slugs, MDX content and layout shell

- Introduced blog routing using Next.js App Router
- Implemented dynamic [slug] pages for blog posts
- Added MDX-based content loading via lib/posts
- Integrated shared TopBar layout with navigation
- Established clear content, lib and component separation

apps/public-web/node_modules/next/dist/esm/client/route-loader.js

@@ -0,0 +1,319 @@
+import getAssetPathFromRoute from '../shared/lib/router/utils/get-asset-path-from-route';
+import { __unsafeCreateTrustedScriptURL } from './trusted-types';
+import { requestIdleCallback } from './request-idle-callback';
+import { getDeploymentIdQueryOrEmptyString } from '../shared/lib/deployment-id';
+import { encodeURIPath } from '../shared/lib/encode-uri-path';
+// 3.8s was arbitrarily chosen as it's what https://web.dev/interactive
+// considers as "Good" time-to-interactive. We must assume something went
+// wrong beyond this point, and then fall-back to a full page transition to
+// show the user something of value.
+const MS_MAX_IDLE_DELAY = 3800;
+function withFuture(key, map, generator) {
+    let entry = map.get(key);
+    if (entry) {
+        if ('future' in entry) {
+            return entry.future;
+        }
+        return Promise.resolve(entry);
+    }
+    let resolver;
+    const prom = new Promise((resolve)=>{
+        resolver = resolve;
+    });
+    map.set(key, {
+        resolve: resolver,
+        future: prom
+    });
+    return generator ? generator().then((value)=>{
+        resolver(value);
+        return value;
+    }).catch((err)=>{
+        map.delete(key);
+        throw err;
+    }) : prom;
+}
+const ASSET_LOAD_ERROR = Symbol('ASSET_LOAD_ERROR');
+// TODO: unexport
+export function markAssetError(err) {
+    return Object.defineProperty(err, ASSET_LOAD_ERROR, {});
+}
+export function isAssetError(err) {
+    return err && ASSET_LOAD_ERROR in err;
+}
+function hasPrefetch(link) {
+    try {
+        link = document.createElement('link');
+        return(// detect IE11 since it supports prefetch but isn't detected
+        // with relList.support
+        !!window.MSInputMethodContext && !!document.documentMode || link.relList.supports('prefetch'));
+    } catch  {
+        return false;
+    }
+}
+const canPrefetch = hasPrefetch();
+const getAssetQueryString = ()=>{
+    return getDeploymentIdQueryOrEmptyString();
+};
+function prefetchViaDom(href, as, link) {
+    return new Promise((resolve, reject)=>{
+        const selector = `
+      link[rel="prefetch"][href^="${href}"],
+      link[rel="preload"][href^="${href}"],
+      script[src^="${href}"]`;
+        if (document.querySelector(selector)) {
+            return resolve();
+        }
+        link = document.createElement('link');
+        // The order of property assignment here is intentional:
+        if (as) link.as = as;
+        link.rel = `prefetch`;
+        link.crossOrigin = process.env.__NEXT_CROSS_ORIGIN;
+        link.onload = resolve;
+        link.onerror = ()=>reject(markAssetError(Object.defineProperty(new Error(`Failed to prefetch: ${href}`), "__NEXT_ERROR_CODE", {
+                value: "E268",
+                enumerable: false,
+                configurable: true
+            })));
+        // `href` should always be last:
+        link.href = href;
+        document.head.appendChild(link);
+    });
+}
+function appendScript(src, script) {
+    return new Promise((resolve, reject)=>{
+        script = document.createElement('script');
+        // The order of property assignment here is intentional.
+        // 1. Setup success/failure hooks in case the browser synchronously
+        //    executes when `src` is set.
+        script.onload = resolve;
+        script.onerror = ()=>reject(markAssetError(Object.defineProperty(new Error(`Failed to load script: ${src}`), "__NEXT_ERROR_CODE", {
+                value: "E74",
+                enumerable: false,
+                configurable: true
+            })));
+        // 2. Configure the cross-origin attribute before setting `src` in case the
+        //    browser begins to fetch.
+        script.crossOrigin = process.env.__NEXT_CROSS_ORIGIN;
+        // 3. Finally, set the source and inject into the DOM in case the child
+        //    must be appended for fetching to start.
+        script.src = src;
+        document.body.appendChild(script);
+    });
+}
+// We wait for pages to be built in dev before we start the route transition
+// timeout to prevent an un-necessary hard navigation in development.
+let devBuildPromise;
+// Resolve a promise that times out after given amount of milliseconds.
+function resolvePromiseWithTimeout(p, ms, err) {
+    return new Promise((resolve, reject)=>{
+        let cancelled = false;
+        p.then((r)=>{
+            // Resolved, cancel the timeout
+            cancelled = true;
+            resolve(r);
+        }).catch(reject);
+        // We wrap these checks separately for better dead-code elimination in
+        // production bundles.
+        if (process.env.NODE_ENV === 'development') {
+            ;
+            (devBuildPromise || Promise.resolve()).then(()=>{
+                requestIdleCallback(()=>setTimeout(()=>{
+                        if (!cancelled) {
+                            reject(err);
+                        }
+                    }, ms));
+            });
+        }
+        if (process.env.NODE_ENV !== 'development') {
+            requestIdleCallback(()=>setTimeout(()=>{
+                    if (!cancelled) {
+                        reject(err);
+                    }
+                }, ms));
+        }
+    });
+}
+// TODO: stop exporting or cache the failure
+// It'd be best to stop exporting this. It's an implementation detail. We're
+// only exporting it for backwards compatibility with the `page-loader`.
+// Only cache this response as a last resort if we cannot eliminate all other
+// code branches that use the Build Manifest Callback and push them through
+// the Route Loader interface.
+export function getClientBuildManifest() {
+    if (self.__BUILD_MANIFEST) {
+        return Promise.resolve(self.__BUILD_MANIFEST);
+    }
+    const onBuildManifest = new Promise((resolve)=>{
+        // Mandatory because this is not concurrent safe:
+        const cb = self.__BUILD_MANIFEST_CB;
+        self.__BUILD_MANIFEST_CB = ()=>{
+            resolve(self.__BUILD_MANIFEST);
+            cb && cb();
+        };
+    });
+    return resolvePromiseWithTimeout(onBuildManifest, MS_MAX_IDLE_DELAY, markAssetError(Object.defineProperty(new Error('Failed to load client build manifest'), "__NEXT_ERROR_CODE", {
+        value: "E273",
+        enumerable: false,
+        configurable: true
+    })));
+}
+function getFilesForRoute(assetPrefix, route) {
+    if (process.env.NODE_ENV === 'development') {
+        const scriptUrl = assetPrefix + '/_next/static/chunks/pages' + encodeURIPath(getAssetPathFromRoute(route, '.js')) + getAssetQueryString();
+        return Promise.resolve({
+            scripts: [
+                __unsafeCreateTrustedScriptURL(scriptUrl)
+            ],
+            // Styles are handled by `style-loader` in development:
+            css: []
+        });
+    }
+    return getClientBuildManifest().then((manifest)=>{
+        if (!(route in manifest)) {
+            throw markAssetError(Object.defineProperty(new Error(`Failed to lookup route: ${route}`), "__NEXT_ERROR_CODE", {
+                value: "E446",
+                enumerable: false,
+                configurable: true
+            }));
+        }
+        const allFiles = manifest[route].map((entry)=>assetPrefix + '/_next/' + encodeURIPath(entry));
+        return {
+            scripts: allFiles.filter((v)=>v.endsWith('.js')).map((v)=>__unsafeCreateTrustedScriptURL(v) + getAssetQueryString()),
+            css: allFiles.filter((v)=>v.endsWith('.css')).map((v)=>v + getAssetQueryString())
+        };
+    });
+}
+export function createRouteLoader(assetPrefix) {
+    const entrypoints = new Map();
+    const loadedScripts = new Map();
+    const styleSheets = new Map();
+    const routes = new Map();
+    function maybeExecuteScript(src) {
+        // With HMR we might need to "reload" scripts when they are
+        // disposed and readded. Executing scripts twice has no functional
+        // differences
+        if (process.env.NODE_ENV !== 'development') {
+            let prom = loadedScripts.get(src.toString());
+            if (prom) {
+                return prom;
+            }
+            // Skip executing script if it's already in the DOM:
+            if (document.querySelector(`script[src^="${src}"]`)) {
+                return Promise.resolve();
+            }
+            loadedScripts.set(src.toString(), prom = appendScript(src));
+            return prom;
+        } else {
+            return appendScript(src);
+        }
+    }
+    function fetchStyleSheet(href) {
+        let prom = styleSheets.get(href);
+        if (prom) {
+            return prom;
+        }
+        styleSheets.set(href, prom = fetch(href, {
+            credentials: 'same-origin'
+        }).then((res)=>{
+            if (!res.ok) {
+                throw Object.defineProperty(new Error(`Failed to load stylesheet: ${href}`), "__NEXT_ERROR_CODE", {
+                    value: "E189",
+                    enumerable: false,
+                    configurable: true
+                });
+            }
+            return res.text().then((text)=>({
+                    href: href,
+                    content: text
+                }));
+        }).catch((err)=>{
+            throw markAssetError(err);
+        }));
+        return prom;
+    }
+    return {
+        whenEntrypoint (route) {
+            return withFuture(route, entrypoints);
+        },
+        onEntrypoint (route, execute) {
+            ;
+            (execute ? Promise.resolve().then(()=>execute()).then((exports)=>({
+                    component: exports && exports.default || exports,
+                    exports: exports
+                }), (err)=>({
+                    error: err
+                })) : Promise.resolve(undefined)).then((input)=>{
+                const old = entrypoints.get(route);
+                if (old && 'resolve' in old) {
+                    if (input) {
+                        entrypoints.set(route, input);
+                        old.resolve(input);
+                    }
+                } else {
+                    if (input) {
+                        entrypoints.set(route, input);
+                    } else {
+                        entrypoints.delete(route);
+                    }
+                    // when this entrypoint has been resolved before
+                    // the route is outdated and we want to invalidate
+                    // this cache entry
+                    routes.delete(route);
+                }
+            });
+        },
+        loadRoute (route, prefetch) {
+            return withFuture(route, routes, ()=>{
+                let devBuildPromiseResolve;
+                if (process.env.NODE_ENV === 'development') {
+                    devBuildPromise = new Promise((resolve)=>{
+                        devBuildPromiseResolve = resolve;
+                    });
+                }
+                return resolvePromiseWithTimeout(getFilesForRoute(assetPrefix, route).then(({ scripts, css })=>{
+                    return Promise.all([
+                        entrypoints.has(route) ? [] : Promise.all(scripts.map(maybeExecuteScript)),
+                        Promise.all(css.map(fetchStyleSheet))
+                    ]);
+                }).then((res)=>{
+                    return this.whenEntrypoint(route).then((entrypoint)=>({
+                            entrypoint,
+                            styles: res[1]
+                        }));
+                }), MS_MAX_IDLE_DELAY, markAssetError(Object.defineProperty(new Error(`Route did not complete loading: ${route}`), "__NEXT_ERROR_CODE", {
+                    value: "E12",
+                    enumerable: false,
+                    configurable: true
+                }))).then(({ entrypoint, styles })=>{
+                    const res = Object.assign({
+                        styles: styles
+                    }, entrypoint);
+                    return 'error' in entrypoint ? entrypoint : res;
+                }).catch((err)=>{
+                    if (prefetch) {
+                        // we don't want to cache errors during prefetch
+                        throw err;
+                    }
+                    return {
+                        error: err
+                    };
+                }).finally(()=>devBuildPromiseResolve?.());
+            });
+        },
+        prefetch (route) {
+            // https://github.com/GoogleChromeLabs/quicklink/blob/453a661fa1fa940e2d2e044452398e38c67a98fb/src/index.mjs#L115-L118
+            // License: Apache 2.0
+            let cn;
+            if (cn = navigator.connection) {
+                // Don't prefetch if using 2G or if Save-Data is enabled.
+                if (cn.saveData || /2g/.test(cn.effectiveType)) return Promise.resolve();
+            }
+            return getFilesForRoute(assetPrefix, route).then((output)=>Promise.all(canPrefetch ? output.scripts.map((script)=>prefetchViaDom(script.toString(), 'script')) : [])).then(()=>{
+                requestIdleCallback(()=>this.loadRoute(route, true).catch(()=>{}));
+            }).catch(// swallow prefetch errors
+            ()=>{});
+        }
+    };
+}
+
+//# sourceMappingURL=route-loader.js.map