@aussieljk/forkbook 0.0.1-8 → 0.0.1-9

package/dist/core-server/index.js

@@ -1,42 +1,45 @@
-import CJS_COMPAT_NODE_URL_b2whu6ooy6h from 'node:url';
-import CJS_COMPAT_NODE_PATH_b2whu6ooy6h from 'node:path';
-import CJS_COMPAT_NODE_MODULE_b2whu6ooy6h from "node:module";
+import CJS_COMPAT_NODE_URL_jjck69g4sd from 'node:url';
+import CJS_COMPAT_NODE_PATH_jjck69g4sd from 'node:path';
+import CJS_COMPAT_NODE_MODULE_jjck69g4sd from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_b2whu6ooy6h.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_b2whu6ooy6h.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_b2whu6ooy6h.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_jjck69g4sd.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_jjck69g4sd.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_jjck69g4sd.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Forkbook's esbuild configuration
 // ------------------------------------------------------------
 import {
   require_dist
-} from "../_node-chunks/chunk-GUKZDREX.js";
+} from "../_node-chunks/chunk-K6VX4GUH.js";
 import {
   BananaSlug
-} from "../_node-chunks/chunk-LSKOVF6F.js";
+} from "../_node-chunks/chunk-TRZWEDUE.js";
 import {
   fromMarkdown,
   mdxFromMarkdown,
   mdxjs
-} from "../_node-chunks/chunk-VTVQ5TKB.js";
+} from "../_node-chunks/chunk-Y2FWEOIW.js";
+import {
+  withRouteDepth
+} from "../_node-chunks/chunk-UK2NKD4E.js";
 import {
   debounce
-} from "../_node-chunks/chunk-X5IJ42Q2.js";
+} from "../_node-chunks/chunk-YELBVH4K.js";
 import {
   require_lib
-} from "../_node-chunks/chunk-JB5Q4WGX.js";
+} from "../_node-chunks/chunk-3I43FMZC.js";
 import {
   Parser,
   init_acorn,
   require_acorn_jsx
-} from "../_node-chunks/chunk-4QYNOSOA.js";
+} from "../_node-chunks/chunk-WTS7HYGM.js";
 import {
   isTelemetryModuleEnabled,
   telemetry,
   withSpan
-} from "../_node-chunks/chunk-HNMHTOKI.js";
-import "../_node-chunks/chunk-RR3WLRNQ.js";
+} from "../_node-chunks/chunk-FVJLKXNS.js";
+import "../_node-chunks/chunk-MBJ2CUVU.js";
 import {
   getEffectiveToolAvailability,
   getManifestStatus,
@@ -46,39 +49,39 @@ import {
   isClaudePreviewLaunch,
   isModuleGraphSupported,
   resolveSkillInputs
-} from "../_node-chunks/chunk-G3J2VAY4.js";
+} from "../_node-chunks/chunk-XA2UQNP3.js";
 import {
   CLAUDE_PREVIEW_AGENT_NAME
-} from "../_node-chunks/chunk-NORBEBNM.js";
-import "../_node-chunks/chunk-SNQKCFKN.js";
-import "../_node-chunks/chunk-OFZX45ZR.js";
-import "../_node-chunks/chunk-4XNKH2BY.js";
+} from "../_node-chunks/chunk-7PZDRNVT.js";
+import "../_node-chunks/chunk-AONRQAQP.js";
+import "../_node-chunks/chunk-ZST2SPBX.js";
+import "../_node-chunks/chunk-REDMAZRP.js";
 import {
   detectAgent
-} from "../_node-chunks/chunk-27KT3BJI.js";
-import "../_node-chunks/chunk-526SOV2Y.js";
-import "../_node-chunks/chunk-62PEOH4P.js";
+} from "../_node-chunks/chunk-BZNVRJ6H.js";
+import "../_node-chunks/chunk-Y5JLYH6J.js";
+import "../_node-chunks/chunk-VQBXHU2T.js";
 import {
   userOrAutoTitleFromSpecifier
-} from "../_node-chunks/chunk-5BQKMZYJ.js";
-import "../_node-chunks/chunk-DVSKRIH3.js";
-import "../_node-chunks/chunk-CL4T6DGA.js";
-import "../_node-chunks/chunk-VPGX2PAB.js";
+} from "../_node-chunks/chunk-VZ3PQJKF.js";
+import "../_node-chunks/chunk-RJV4QWRP.js";
+import "../_node-chunks/chunk-IK35TZRH.js";
+import "../_node-chunks/chunk-L7US6VLX.js";
 import {
   resolveImport,
   supportedExtensions
-} from "../_node-chunks/chunk-HF6FRLS6.js";
-import "../_node-chunks/chunk-QEDRYWP7.js";
-import "../_node-chunks/chunk-UEWCGYSE.js";
+} from "../_node-chunks/chunk-UI6NW64P.js";
+import "../_node-chunks/chunk-6O6BHNDO.js";
+import "../_node-chunks/chunk-YLXOGJX6.js";
 import {
   require_src
-} from "../_node-chunks/chunk-F2XPZVCK.js";
-import "../_node-chunks/chunk-2WPUJ7UM.js";
-import "../_node-chunks/chunk-JCLP42A7.js";
-import "../_node-chunks/chunk-TBLZESXE.js";
+} from "../_node-chunks/chunk-ZFTEHWNT.js";
+import "../_node-chunks/chunk-FPWDVE2V.js";
+import "../_node-chunks/chunk-LKMHU2P3.js";
+import "../_node-chunks/chunk-5NCRCPYK.js";
 import {
   logger
-} from "../_node-chunks/chunk-2ZB3ZVDY.js";
+} from "../_node-chunks/chunk-U3BEYEZ5.js";
 import {
   ChangeDetectionFailureError,
   ChangeDetectionUnavailableError,
@@ -128,80 +131,84 @@ import {
   useStatics,
   withTelemetry,
   writeManifests
-} from "../_node-chunks/chunk-6DCYMQX2.js";
+} from "../_node-chunks/chunk-ZMI35R7E.js";
 import {
   UniversalStore
-} from "../_node-chunks/chunk-CHPKBTH7.js";
+} from "../_node-chunks/chunk-IOJ6NYLD.js";
+import {
+  buildStoryPathMap,
+  urlPathDepth
+} from "../_node-chunks/chunk-DDRGY4RJ.js";
 import {
   init_build,
   parse
-} from "../_node-chunks/chunk-3KY2GA5X.js";
-import "../_node-chunks/chunk-BLAPFOIX.js";
-import "../_node-chunks/chunk-M74NU6PU.js";
+} from "../_node-chunks/chunk-I6ANUF4J.js";
+import "../_node-chunks/chunk-OPLD7FOE.js";
+import "../_node-chunks/chunk-7X5WP3UJ.js";
 import {
   registerToolset
-} from "../_node-chunks/chunk-7YBOQWWR.js";
-import "../_node-chunks/chunk-II4SIIJW.js";
-import "../_node-chunks/chunk-ICGRYYV7.js";
-import "../_node-chunks/chunk-YHWOGAFM.js";
+} from "../_node-chunks/chunk-MMMKY3DA.js";
+import "../_node-chunks/chunk-VF6725VX.js";
+import "../_node-chunks/chunk-GABGLW7D.js";
+import "../_node-chunks/chunk-ASFRQHZH.js";
 import {
   STORY_FILE_TEST_REGEXP,
   getStoryImportPathFromEntry
-} from "../_node-chunks/chunk-G6UTEYYQ.js";
+} from "../_node-chunks/chunk-WI6FDUOM.js";
 import {
   getService,
   registerService,
   writeOpenServiceStaticFiles
-} from "../_node-chunks/chunk-WF7RDUU7.js";
+} from "../_node-chunks/chunk-3R57KO3F.js";
 import {
   Channel,
   describeService,
   getRegisteredServices,
   listServices
-} from "../_node-chunks/chunk-4CPTSXU6.js";
-import "../_node-chunks/chunk-7GLNBVQO.js";
+} from "../_node-chunks/chunk-QVF2NJK4.js";
+import "../_node-chunks/chunk-35JF5BS4.js";
 import {
   isEqual
-} from "../_node-chunks/chunk-YBRV5FIK.js";
-import "../_node-chunks/chunk-VV6CPF3T.js";
-import "../_node-chunks/chunk-6YDXCU32.js";
-import "../_node-chunks/chunk-GXSB54NU.js";
+} from "../_node-chunks/chunk-4W6HJYYC.js";
+import "../_node-chunks/chunk-57BBVTHQ.js";
+import "../_node-chunks/chunk-ELMANXC3.js";
+import "../_node-chunks/chunk-F6RXCQF6.js";
 import {
   Tag
-} from "../_node-chunks/chunk-ZKS2H56J.js";
-import "../_node-chunks/chunk-6GBMB2E4.js";
-import "../_node-chunks/chunk-IFF53QVX.js";
+} from "../_node-chunks/chunk-R3BJJGEG.js";
+import "../_node-chunks/chunk-BEHNZYWF.js";
+import "../_node-chunks/chunk-POXIO453.js";
 import {
   up2 as up
-} from "../_node-chunks/chunk-4U5ZQZJ4.js";
+} from "../_node-chunks/chunk-PRTTCG3N.js";
 import {
   invariant
-} from "../_node-chunks/chunk-4T3WPVSQ.js";
+} from "../_node-chunks/chunk-FKQHIPUA.js";
 import {
   resolvePackageDir,
   safeResolveModule
-} from "../_node-chunks/chunk-UBEILYLL.js";
-import "../_node-chunks/chunk-3KKSPEAE.js";
+} from "../_node-chunks/chunk-JOOZKSBS.js";
+import "../_node-chunks/chunk-RXEMA2TT.js";
 import {
   StorybookError
-} from "../_node-chunks/chunk-VQ2NW4OR.js";
+} from "../_node-chunks/chunk-WXMIR2F2.js";
 import {
   require_picocolors
-} from "../_node-chunks/chunk-27R37QFW.js";
+} from "../_node-chunks/chunk-QE3NKWUX.js";
 import {
   storyIndexPathToAbsolutePath
-} from "../_node-chunks/chunk-I5Y7NDAM.js";
-import "../_node-chunks/chunk-T62LXT34.js";
+} from "../_node-chunks/chunk-BCFTMBAH.js";
+import "../_node-chunks/chunk-GZ2YC6US.js";
 import {
   slash
-} from "../_node-chunks/chunk-CT3L2NXZ.js";
-import "../_node-chunks/chunk-QVIC3UDL.js";
-import "../_node-chunks/chunk-IVU4D6LF.js";
+} from "../_node-chunks/chunk-CHLWJ5F5.js";
+import "../_node-chunks/chunk-ZOE2QQSS.js";
+import "../_node-chunks/chunk-LMWS7NDR.js";
 import {
   __commonJS,
   __require,
   __toESM
-} from "../_node-chunks/chunk-OZBNKCKM.js";
+} from "../_node-chunks/chunk-YSVJU5VZ.js";
 
 // ../../node_modules/@discoveryjs/json-ext/package.json
 var require_package = __commonJS({
@@ -704,7 +711,7 @@ var require_parse_chunked = __commonJS({
     module.exports = function(chunkEmitter) {
       let parser = new ChunkParser();
       if (isObject(chunkEmitter) && isReadableStream(chunkEmitter))
-        return new Promise((resolve9, reject) => {
+        return new Promise((resolve10, reject) => {
           chunkEmitter.on("data", (chunk) => {
             try {
               parser.push(chunk);
@@ -715,7 +722,7 @@ var require_parse_chunked = __commonJS({
             parser = null, reject(e);
           }).on("end", () => {
             try {
-              resolve9(parser.finish());
+              resolve10(parser.finish());
             } catch (e) {
               reject(adjustPosition(e, parser));
             } finally {
@@ -726,11 +733,11 @@ var require_parse_chunked = __commonJS({
       if (typeof chunkEmitter == "function") {
         let iterator = chunkEmitter();
         if (isObject(iterator) && (Symbol.iterator in iterator || Symbol.asyncIterator in iterator))
-          return new Promise(async (resolve9, reject) => {
+          return new Promise(async (resolve10, reject) => {
             try {
               for await (let chunk of iterator)
                 parser.push(chunk);
-              resolve9(parser.finish());
+              resolve10(parser.finish());
             } catch (e) {
               reject(adjustPosition(e, parser));
             } finally {
@@ -944,9 +951,9 @@ var require_isexe = __commonJS({
       if (typeof options == "function" && (cb = options, options = {}), !cb) {
         if (typeof Promise != "function")
           throw new TypeError("callback not provided");
-        return new Promise(function(resolve9, reject) {
+        return new Promise(function(resolve10, reject) {
           isexe(path, options || {}, function(er, is) {
-            er ? reject(er) : resolve9(is);
+            er ? reject(er) : resolve10(is);
           });
         });
       }
@@ -983,22 +990,22 @@ var require_which = __commonJS({
       };
     }, which = (cmd, opt, cb) => {
       typeof opt == "function" && (cb = opt, opt = {}), opt || (opt = {});
-      let { pathEnv, pathExt, pathExtExe } = getPathInfo(cmd, opt), found = [], step = (i) => new Promise((resolve9, reject) => {
+      let { pathEnv, pathExt, pathExtExe } = getPathInfo(cmd, opt), found = [], step = (i) => new Promise((resolve10, reject) => {
         if (i === pathEnv.length)
-          return opt.all && found.length ? resolve9(found) : reject(getNotFoundError(cmd));
+          return opt.all && found.length ? resolve10(found) : reject(getNotFoundError(cmd));
         let ppRaw = pathEnv[i], pathPart = /^".*"$/.test(ppRaw) ? ppRaw.slice(1, -1) : ppRaw, pCmd = path.join(pathPart, cmd), p = !pathPart && /^\.[\\\/]/.test(cmd) ? cmd.slice(0, 2) + pCmd : pCmd;
-        resolve9(subStep(p, i, 0));
-      }), subStep = (p, i, ii) => new Promise((resolve9, reject) => {
+        resolve10(subStep(p, i, 0));
+      }), subStep = (p, i, ii) => new Promise((resolve10, reject) => {
         if (ii === pathExt.length)
-          return resolve9(step(i + 1));
+          return resolve10(step(i + 1));
         let ext = pathExt[ii];
         isexe(p + ext, { pathExt: pathExtExe }, (er, is) => {
           if (!er && is)
             if (opt.all)
               found.push(p + ext);
             else
-              return resolve9(p + ext);
-          return resolve9(subStep(p, i, ii + 1));
+              return resolve10(p + ext);
+          return resolve10(subStep(p, i, ii + 1));
         });
       });
       return cb ? step(0).then((res) => cb(null, res), cb) : step(0);
@@ -1351,9 +1358,9 @@ var require_detect_port = __commonJS({
       let hostname = "";
       typeof port == "object" && port ? (hostname = port.hostname, callback = port.callback, port = port.port) : typeof port == "function" && (callback = port, port = null), port = parseInt(port) || 0;
       let maxPort = port + 10;
-      return maxPort > 65535 && (maxPort = 65535), debug("detect free port between [%s, %s)", port, maxPort), typeof callback == "function" ? tryListen(port, maxPort, hostname, callback) : new Promise((resolve9) => {
+      return maxPort > 65535 && (maxPort = 65535), debug("detect free port between [%s, %s)", port, maxPort), typeof callback == "function" ? tryListen(port, maxPort, hostname, callback) : new Promise((resolve10) => {
         tryListen(port, maxPort, hostname, (_, realPort) => {
-          resolve9(realPort);
+          resolve10(realPort);
         });
       });
     };
@@ -1396,7 +1403,7 @@ var require_detect_port = __commonJS({
 var require_wait_port = __commonJS({
   "../../node_modules/detect-port/lib/wait-port.js"(exports, module) {
     "use strict";
-    var debug = require_src()("wait-port"), detect = require_detect_port(), sleep = (ms) => new Promise((resolve9) => setTimeout(resolve9, ms));
+    var debug = require_src()("wait-port"), detect = require_detect_port(), sleep = (ms) => new Promise((resolve10) => setTimeout(resolve10, ms));
     async function waitPort(port, options = {}) {
       let { retryInterval = 1e3, retries = 1 / 0 } = options, count = 1;
       async function loop() {
@@ -1428,7 +1435,7 @@ import {
 } from "@aussieljk/forkbook/internal/common";
 
 // src/core-server/build-static.ts
-import { cp as cp2, mkdir } from "node:fs/promises";
+import { cp as cp2, mkdir as mkdir3 } from "node:fs/promises";
 import { rm } from "node:fs/promises";
 import { Channel as Channel2 } from "@aussieljk/forkbook/internal/channels";
 import {
@@ -1445,7 +1452,7 @@ var global2 = globalThis;
 
 // src/core-server/build-static.ts
 var import_picocolors3 = __toESM(require_picocolors(), 1);
-import { join as join4, relative as relative3, resolve as resolve3 } from "pathe";
+import { join as join6, relative as relative4, resolve as resolve4 } from "pathe";
 
 // src/core-server/utils/build-or-throw.ts
 import { NoMatchingExportError } from "@aussieljk/forkbook/internal/server-errors";
@@ -1540,7 +1547,7 @@ function watchStorySpecifiers(specifiers, options, onInvalidate) {
           // files can be e.g. '**/foo/*/*.js' so we just want the last bit,
           // because the directory could already be within the files part (e.g. './x/foo/bar')
           basename(specifier.files)
-        ), { glob } = await import("../_node-chunks/dist-GJ53PFWF.js");
+        ), { glob } = await import("../_node-chunks/dist-FABQFQ76.js");
         (await glob(slash(dirGlob), {
           ...commonGlobOptions(dirGlob),
           expandDirectories: !1
@@ -1607,12 +1614,104 @@ function registerIndexJsonRoute({
   });
 }
 
+// src/core-server/utils/thumbnails.ts
+import { copyFile, mkdir, readFile } from "node:fs/promises";
+import { dirname as dirname2, join as join3 } from "pathe";
+
+// src/shared/thumbnails.ts
+import { dirname, isAbsolute, normalize, relative as relative3, resolve as resolve3 } from "pathe";
+var THUMBNAIL_ROUTE = "thumbnails", THUMBNAIL_TYPES = {
+  avif: "image/avif",
+  gif: "image/gif",
+  jpeg: "image/jpeg",
+  jpg: "image/jpeg",
+  png: "image/png",
+  svg: "image/svg+xml",
+  webp: "image/webp"
+}, extension = (path) => path.split(".").pop()?.toLowerCase() ?? "", isThumbnailUrl = (value) => /^([a-z][a-z\d+.-]*:|\/\/|\/)/i.test(value), resolveThumbnail = (value, storyFile, workingDir) => {
+  if (!value)
+    return;
+  if (isThumbnailUrl(value) && !isAbsolute(value))
+    return value;
+  let file = isAbsolute(value) ? value : resolve3(dirname(storyFile), value);
+  if (isAbsolute(value) && !normalize(value).startsWith(normalize(workingDir)))
+    return value;
+  let path = relative3(workingDir, file);
+  if (!(path.startsWith("..") || !THUMBNAIL_TYPES[extension(path)]))
+    return `${THUMBNAIL_ROUTE}/${path}`;
+}, thumbnailFile = (urlPath, workingDir) => {
+  let path = urlPath.replace(/^\/+/, "");
+  try {
+    path = decodeURIComponent(path);
+  } catch {
+    return;
+  }
+  if (!path.startsWith(`${THUMBNAIL_ROUTE}/`))
+    return;
+  let file = resolve3(workingDir, path.slice(THUMBNAIL_ROUTE.length + 1));
+  if (!(relative3(workingDir, file).startsWith("..") || !THUMBNAIL_TYPES[extension(file)]))
+    return file;
+}, thumbnailContentType = (file) => THUMBNAIL_TYPES[extension(file)] ?? "application/octet-stream";
+
+// src/core-server/utils/thumbnails.ts
+function registerThumbnailRoute(app, workingDir) {
+  app.use(`/${THUMBNAIL_ROUTE}`, async (req, res) => {
+    let url = (req.originalUrl ?? req.url ?? "").split("?")[0], file = thumbnailFile(url, workingDir);
+    try {
+      if (!file)
+        throw new Error("Not a thumbnail");
+      let body = await readFile(file);
+      res.setHeader("Content-Type", thumbnailContentType(file)), res.end(body);
+    } catch {
+      res.statusCode = 404, res.end("Not found");
+    }
+  });
+}
+async function copyThumbnails(outputDir, index, workingDir) {
+  let paths = new Set(
+    Object.values(index.entries).map((entry) => entry.thumbnail).filter((path) => !!path && path.startsWith(`${THUMBNAIL_ROUTE}/`))
+  ), count = 0;
+  return await Promise.all(
+    [...paths].map(async (path) => {
+      let file = thumbnailFile(path, workingDir);
+      if (!file)
+        return;
+      let target = join3(outputDir, path);
+      await mkdir(dirname2(target), { recursive: !0 }), await copyFile(file, target).then(
+        () => count++,
+        () => {
+        }
+      );
+    })
+  ), count;
+}
+
+// src/core-server/utils/write-route-pages.ts
+import { mkdir as mkdir2, readFile as readFile2, writeFile as writeFile2 } from "node:fs/promises";
+import { join as join4 } from "pathe";
+var STATIC_APP_ROUTES = [
+  "/all",
+  "/review",
+  "/settings/about",
+  "/settings/shortcuts",
+  "/settings/whats-new"
+];
+async function writeRoutePages(outputDir, index) {
+  let html = await readFile2(join4(outputDir, "index.html"), "utf8"), urlPaths = [...buildStoryPathMap(Object.values(index.entries)).byUrl.keys()], allPaths = [...STATIC_APP_ROUTES, ...urlPaths];
+  return await Promise.all(
+    allPaths.map(async (urlPath) => {
+      let dir = join4(outputDir, urlPath);
+      await mkdir2(dir, { recursive: !0 }), await writeFile2(join4(dir, "index.html"), withRouteDepth(html, urlPathDepth(urlPath)));
+    })
+  ), allPaths.length;
+}
+
 // src/core-server/utils/metadata.ts
-import { writeFile as writeFile2 } from "node:fs/promises";
+import { writeFile as writeFile3 } from "node:fs/promises";
 import { getStorybookMetadata } from "@aussieljk/forkbook/internal/telemetry";
 async function extractStorybookMetadata(outputFile, configDir) {
   let storybookMetadata = await getStorybookMetadata(configDir);
-  await writeFile2(outputFile, JSON.stringify(storybookMetadata));
+  await writeFile3(outputFile, JSON.stringify(storybookMetadata));
 }
 function useStorybookMetadata(app, configDir) {
   app.use("/project.json", async (req, res) => {
@@ -1624,7 +1723,7 @@ function useStorybookMetadata(app, configDir) {
 // src/core-server/utils/output-stats.ts
 var import_json_ext = __toESM(require_src2(), 1), import_picocolors2 = __toESM(require_picocolors(), 1);
 import { createWriteStream } from "node:fs";
-import { join as join3 } from "node:path";
+import { join as join5 } from "node:path";
 import { logger as logger3 } from "@aussieljk/forkbook/internal/node-logger";
 async function outputStats(directory, previewStats, managerStats) {
   if (previewStats) {
@@ -1637,9 +1736,9 @@ async function outputStats(directory, previewStats, managerStats) {
   }
 }
 var writeStats = async (directory, name, stats) => {
-  let filePath = join3(directory, `${name}-stats.json`), { chunks, ...data } = stats.toJson();
-  return await new Promise((resolve9, reject) => {
-    (0, import_json_ext.stringifyStream)(data, null, 2).on("error", reject).pipe(createWriteStream(filePath)).on("error", reject).on("finish", resolve9);
+  let filePath = join5(directory, `${name}-stats.json`), { chunks, ...data } = stats.toJson();
+  return await new Promise((resolve10, reject) => {
+    (0, import_json_ext.stringifyStream)(data, null, 2).on("error", reject).pipe(createWriteStream(filePath)).on("error", reject).on("finish", resolve10);
   }), filePath;
 };
 
@@ -1694,13 +1793,13 @@ function summarizeIndex(storyIndex) {
 async function buildStaticStandalone(options) {
   if (options.configType = "PRODUCTION", options.outputDir === "")
     throw new Error("Won't remove current directory. Check your outputDir!");
-  if (options.outputDir = resolve3(options.outputDir), options.configDir = resolve3(options.configDir), logger4.step(`Cleaning outputDir: ${import_picocolors3.default.cyan(relative3(process.cwd(), options.outputDir))}`), options.outputDir === "/")
+  if (options.outputDir = resolve4(options.outputDir), options.configDir = resolve4(options.configDir), logger4.step(`Cleaning outputDir: ${import_picocolors3.default.cyan(relative4(process.cwd(), options.outputDir))}`), options.outputDir === "/")
     throw new Error("Won't remove directory '/'. Check your outputDir!");
   await rm(options.outputDir, { recursive: !0, force: !0 }).catch(() => {
-  }), await mkdir(options.outputDir, { recursive: !0 });
+  }), await mkdir3(options.outputDir, { recursive: !0 });
   let config = await loadMainConfig(options), { framework } = config, corePresets = [], frameworkName = typeof framework == "string" ? framework : framework?.name;
-  frameworkName ? corePresets.push(join4(frameworkName, "preset")) : logger4.warn(`you have not specified a framework in your ${options.configDir}/main.js`);
-  let commonPreset = join4(
+  frameworkName ? corePresets.push(join6(frameworkName, "preset")) : logger4.warn(`you have not specified a framework in your ${options.configDir}/main.js`);
+  let commonPreset = join6(
     resolvePackageDir("@aussieljk/forkbook"),
     "dist/core-server/presets/common-preset.js"
   ), commonOverridePreset = import.meta.resolve("@aussieljk/forkbook/internal/core-server/presets/common-override-preset");
@@ -1748,7 +1847,7 @@ async function buildStaticStandalone(options) {
   ), staticDirs && effects.push(
     copyAllStaticFilesRelativeToMain(staticDirs, options.outputDir, options.configDir)
   );
-  let coreServerPublicDir = join4(resolvePackageDir("@aussieljk/forkbook"), "assets/browser");
+  let coreServerPublicDir = join6(resolvePackageDir("@aussieljk/forkbook"), "assets/browser");
   effects.push(cp2(coreServerPublicDir, options.outputDir, { recursive: !0, force: !0 }));
   let hasRegisteredServices = getRegisteredServices().length > 0, shouldWriteManifests = features?.componentsManifest;
   (hasRegisteredServices || shouldWriteManifests) && effects.push(
@@ -1757,8 +1856,13 @@ async function buildStaticStandalone(options) {
     })()
   );
   let storyIndexGeneratorPromise = presets.apply("storyIndexGenerator");
-  effects.push(writeIndexJson(join4(options.outputDir, "index.json"), storyIndexGeneratorPromise)), core?.disableProjectJson || effects.push(
-    extractStorybookMetadata(join4(options.outputDir, "project.json"), options.configDir)
+  effects.push(writeIndexJson(join6(options.outputDir, "index.json"), storyIndexGeneratorPromise)), options.previewOnly || effects.push(
+    (async () => {
+      let index = await (await storyIndexGeneratorPromise)?.getIndex();
+      index && (await writeRoutePages(options.outputDir, index), await copyThumbnails(options.outputDir, index, process.cwd()));
+    })()
+  ), core?.disableProjectJson || effects.push(
+    extractStorybookMetadata(join6(options.outputDir, "project.json"), options.configDir)
   ), options.debugWebpack && logConfig("Preview webpack config", await previewBuilder.getConfig(fullOptions)), logger4.info("Building preview..");
   let startTime = process.hrtime();
   if (await Promise.all([
@@ -1791,7 +1895,7 @@ async function buildStaticStandalone(options) {
 }
 
 // src/core-server/build-dev.ts
-import { readFile as readFile3 } from "node:fs/promises";
+import { readFile as readFile5 } from "node:fs/promises";
 import {
   JsPackageManagerFactory,
   getInterpretedFile,
@@ -1811,7 +1915,7 @@ import {
   NoStatsForViteDevError
 } from "@aussieljk/forkbook/internal/server-errors";
 import { oneWayHash, telemetry as telemetry4 } from "@aussieljk/forkbook/internal/telemetry";
-import { join as join8, relative as relative4, resolve as resolve6 } from "pathe";
+import { join as join10, relative as relative5, resolve as resolve7 } from "pathe";
 import { dedent as dedent5 } from "ts-dedent";
 
 // src/channels/postmessage/index.ts
@@ -1985,7 +2089,7 @@ function build_default2(opts) {
 }
 
 // src/core-server/change-detection/change-detection-service.ts
-import { join as join5, normalize } from "pathe";
+import { join as join7, normalize as normalize2 } from "pathe";
 import { logger as logger7 } from "@aussieljk/forkbook/internal/node-logger";
 import { CHANGE_DETECTION_STATUS_TYPE_ID } from "@aussieljk/forkbook/internal/types";
 
@@ -2219,9 +2323,9 @@ var ChangeDetectionService = class {
       this.options.storyIndexGeneratorPromise,
       this.getIndexBaselineService().getBaselineEntryIds()
     ]), changedFiles = new Set(
-      Array.from(changes.changed).map((path) => normalize(join5(repoRoot, path)))
+      Array.from(changes.changed).map((path) => normalize2(join7(repoRoot, path)))
     ), newFiles = new Set(
-      Array.from(changes.new).map((path) => normalize(join5(repoRoot, path)))
+      Array.from(changes.new).map((path) => normalize2(join7(repoRoot, path)))
     ), scannedFiles = /* @__PURE__ */ new Set([...changedFiles, ...newFiles]), storyIndex = await storyIndexGenerator.getIndex(), baselineStatuses = buildIndexBaselineStatuses(storyIndex, baselineEntryIds), storyIdsByFile = getStoryIdsByAbsolutePath(storyIndex, this.workingDir), statuses = /* @__PURE__ */ new Map(), scannedFilesArray = [...scannedFiles], lookupResults = await this.getModuleGraphIndex().queries.storiesForFiles.loaded({
       files: scannedFilesArray
     });
@@ -2432,13 +2536,13 @@ function getSecurityHeadersMiddleware(security) {
 
 // src/core-server/utils/middleware.ts
 import { existsSync } from "node:fs";
-import { resolve as resolve4 } from "pathe";
+import { resolve as resolve5 } from "pathe";
 var fileExists = (basename4) => [".js", ".mjs", ".cjs"].reduce((found, ext) => {
   let filename = `${basename4}${ext}`;
   return !found && existsSync(filename) ? filename : found;
 }, "");
 async function getMiddleware(configDir) {
-  let middlewarePath = fileExists(resolve4(configDir, "middleware"));
+  let middlewarePath = fileExists(resolve5(configDir, "middleware"));
   if (middlewarePath) {
     let middlewareModule = await import("file://" + middlewarePath);
     return middlewareModule.default ?? middlewareModule;
@@ -2455,7 +2559,7 @@ import { dedent } from "ts-dedent";
 // src/core-server/utils/open-browser/opener.ts
 var import_cross_spawn = __toESM(require_cross_spawn(), 1), import_picocolors4 = __toESM(require_picocolors(), 1);
 import { execSync } from "node:child_process";
-import { join as join6 } from "node:path";
+import { join as join8 } from "node:path";
 import { logger as logger8 } from "@aussieljk/forkbook/internal/node-logger";
 import open from "open";
 var OSX_CHROME = "google chrome";
@@ -2516,7 +2620,7 @@ function startBrowserProcess(browser, url, args) {
     for (let chromiumBrowser of supportedChromiumBrowsers)
       try {
         execSync(`ps cax | grep "${chromiumBrowser}"`);
-        let command = `osascript "${join6(
+        let command = `osascript "${join8(
           resolvePackageDir("@aussieljk/forkbook"),
           "assets",
           "server",
@@ -2603,23 +2707,25 @@ var getListenHost = (host) => host || "127.0.0.1", COVERS_LOOPBACK = /* @__PURE_
   if (COVERS_LOOPBACK.has(address))
     return;
   let loopback = net3.createServer((socket) => server.emit("connection", socket));
-  return server.once("close", () => loopback.close()), await new Promise((resolve9, reject) => {
-    loopback.once("error", reject), loopback.listen({ port, host: "127.0.0.1" }, resolve9);
+  return server.once("close", () => loopback.close()), await new Promise((resolve10, reject) => {
+    loopback.once("error", reject), loopback.listen({ port, host: "127.0.0.1" }, resolve10);
   }), loopback;
 };
 function getServerAddresses(port, host, proto, initialPath) {
   let address = new URL(`${proto}://127.0.0.1:${port}/`), networkAddress = new URL(`${proto}://${host || getLocalIp()}:${port}/`);
-  if (initialPath) {
-    let searchParams = `?path=${decodeURIComponent(
-      initialPath.startsWith("/") ? initialPath : `/${initialPath}`
-    )}`;
-    address.search = searchParams, networkAddress.search = searchParams;
-  }
   return {
-    address: address.href,
-    networkAddress: networkAddress.href
+    address: withInitialPath(address.href, initialPath),
+    networkAddress: withInitialPath(networkAddress.href, initialPath)
   };
 }
+function withInitialPath(address, initialPath) {
+  if (!initialPath)
+    return address;
+  let url = new URL(address);
+  return url.pathname = decodeURIComponent(
+    initialPath.startsWith("/") ? initialPath : `/${initialPath}`
+  ).replace(/^\/(story|docs)\//, "/_$1/"), url.href;
+}
 var getServerPort = (port, { exactPort } = {}) => (0, import_detect_port.default)(port).catch((error) => {
   logger10.error(error), process.exit(-1);
 }).then((freePort) => {
@@ -2667,7 +2773,7 @@ async function storybookDevServer(options, server) {
     channel: options.channel,
     workingDir,
     configDir
-  }), (await getMiddleware(options.configDir))(app), await options.presets.apply("experimental_devServer", app), !core?.builder)
+  }), registerThumbnailRoute(app, workingDir), (await getMiddleware(options.configDir))(app), await options.presets.apply("experimental_devServer", app), !core?.builder)
     throw new MissingBuilderError();
   let resolvedPreviewBuilder = typeof core?.builder == "string" ? core.builder : core?.builder?.name, [previewBuilder, managerBuilder] = await Promise.all([
     getPreviewBuilder(resolvedPreviewBuilder),
@@ -2708,14 +2814,16 @@ async function storybookDevServer(options, server) {
     logger11.warn("Change detection: adapter initialisation failed"), logger11.debug(err instanceof Error ? err.stack ?? err.message : String(err));
   }
   resolveChangeDetectionAdapter(adapter), changeDetectionService.start();
-  let listening = new Promise((resolve9, reject) => {
-    server.once("error", reject), app.listen({ port: options.port, host: getListenHost(options.host) }, resolve9);
+  let listening = new Promise((resolve10, reject) => {
+    server.once("error", reject), app.listen({ port: options.port, host: getListenHost(options.host) }, resolve10);
   }).then(() => addLoopbackListener(server));
   try {
     let [indexGenerator] = await Promise.all([storyIndexGeneratorPromise, listening]);
     if (indexGenerator && !options.ci && !options.smokeTest && options.open) {
       let url = options.host && options.host !== "0.0.0.0" ? options.networkAddress : options.localAddress;
-      openInBrowser(options.previewOnly ? `${url}iframe.html?navigator=true` : url).catch(() => {
+      openInBrowser(
+        options.previewOnly ? `${url}iframe.html?navigator=true` : withInitialPath(url, options.initialPath)
+      ).catch(() => {
       });
     }
   } catch (e) {
@@ -3094,10 +3202,10 @@ ${updateMessage}` : ""}
 import { execFile } from "node:child_process";
 import { randomUUID } from "node:crypto";
 import { existsSync as existsSync2, rmSync } from "node:fs";
-import { chmod, mkdir as mkdir2, readFile, readdir, rename, rm as rm2, stat, writeFile as writeFile3 } from "node:fs/promises";
+import { chmod, mkdir as mkdir4, readFile as readFile3, readdir, rename, rm as rm2, stat, writeFile as writeFile4 } from "node:fs/promises";
 import { homedir, userInfo } from "node:os";
 import { findStorybookPackageRoot, normalizeAddonName } from "@aussieljk/forkbook/internal/common";
-import { join as join7, resolve as resolve5 } from "pathe";
+import { join as join9, resolve as resolve6 } from "pathe";
 var FORKBOOK_MCP_ADDON = "@aussieljk/forkbook/addon-mcp", DEFAULT_MCP_ENDPOINT = "/mcp", ONE_DAY_MS = 1440 * 60 * 1e3, SEVEN_DAYS_MS = 7 * ONE_DAY_MS, REGISTRY_DIR_MODE = 448, RECORD_FILE_MODE = 384;
 function execFileAsync(file, args) {
   return new Promise((resolveExec, rejectExec) => {
@@ -3124,7 +3232,7 @@ async function restrictOwnerAccess(targetPath, mode) {
   }
 }
 function getDefaultRuntimeInstanceRegistryDir() {
-  return join7(homedir(), ".forkbook", "instances");
+  return join9(homedir(), ".forkbook", "instances");
 }
 function getStorybookBaseUrl(address) {
   let url = new URL(address);
@@ -3158,8 +3266,8 @@ function createRuntimeInstanceRecord({
     schemaVersion: 1,
     instanceId,
     pid,
-    cwd: resolve5(cwd),
-    ...configDir ? { configDir: resolve5(cwd, configDir) } : {},
+    cwd: resolve6(cwd),
+    ...configDir ? { configDir: resolve6(cwd, configDir) } : {},
     url: storybookBaseUrl,
     port,
     ...token ? { token } : {},
@@ -3172,13 +3280,13 @@ function createRuntimeInstanceRecord({
   };
 }
 async function writeRuntimeInstanceRecord(record, registryDir = getDefaultRuntimeInstanceRegistryDir()) {
-  await mkdir2(registryDir, { recursive: !0, mode: REGISTRY_DIR_MODE }), await restrictOwnerAccess(registryDir, REGISTRY_DIR_MODE), await cleanupRuntimeInstanceRegistry(registryDir);
-  let recordPath = join7(registryDir, `${record.instanceId}.json`), tempPath = join7(
+  await mkdir4(registryDir, { recursive: !0, mode: REGISTRY_DIR_MODE }), await restrictOwnerAccess(registryDir, REGISTRY_DIR_MODE), await cleanupRuntimeInstanceRegistry(registryDir);
+  let recordPath = join9(registryDir, `${record.instanceId}.json`), tempPath = join9(
     registryDir,
     `${record.instanceId}.${record.pid}.${Date.now()}.${Math.random().toString(16).slice(2)}.tmp`
   );
   try {
-    await writeFile3(tempPath, `${JSON.stringify(record, null, 2)}
+    await writeFile4(tempPath, `${JSON.stringify(record, null, 2)}
 `, {
       encoding: "utf-8",
       mode: RECORD_FILE_MODE
@@ -3239,7 +3347,7 @@ async function cleanupRuntimeInstanceRegistry(registryDir) {
     entries.map(async (entry) => {
       if (!entry.isFile())
         return;
-      let recordPath = join7(registryDir, entry.name);
+      let recordPath = join9(registryDir, entry.name);
       try {
         let { mtimeMs } = await stat(recordPath);
         if (entry.name.endsWith(".tmp")) {
@@ -3255,7 +3363,7 @@ async function cleanupRuntimeInstanceRegistry(registryDir) {
         }
         if (!entry.name.endsWith(".json"))
           return;
-        let content = await readFile(recordPath, "utf-8"), record;
+        let content = await readFile3(recordPath, "utf-8"), record;
         try {
           record = JSON.parse(content);
         } catch {
@@ -3327,7 +3435,7 @@ async function writeStorybookRuntimeInstanceRecord({
 }
 
 // src/core-server/utils/server-init.ts
-import { readFile as readFile2 } from "node:fs/promises";
+import { readFile as readFile4 } from "node:fs/promises";
 import { logger as logger14 } from "@aussieljk/forkbook/internal/node-logger";
 import http2 from "http";
 import https from "https";
@@ -3336,9 +3444,9 @@ async function getServer(options) {
     return http2.createServer();
   options.sslCert || (logger14.error("Error: --ssl-cert is required with --https"), process.exit(-1)), options.sslKey || (logger14.error("Error: --ssl-key is required with --https"), process.exit(-1));
   let sslOptions = {
-    ca: await Promise.all((options.sslCa || []).map((ca) => readFile2(ca, { encoding: "utf8" }))),
-    cert: await readFile2(options.sslCert, { encoding: "utf8" }),
-    key: await readFile2(options.sslKey, { encoding: "utf8" })
+    ca: await Promise.all((options.sslCa || []).map((ca) => readFile4(ca, { encoding: "utf8" }))),
+    cert: await readFile4(options.sslCert, { encoding: "utf8" }),
+    key: await readFile4(options.sslKey, { encoding: "utf8" })
   };
   return https.createServer(sslOptions);
 }
@@ -3353,7 +3461,7 @@ function stripCommentsAndStrings(code) {
 
 // src/core-server/build-dev.ts
 async function buildDevStandalone(options) {
-  let { packageJson, versionUpdates } = options, { storybookVersion } = options, configDir = resolve6(options.configDir);
+  let { packageJson, versionUpdates } = options, { storybookVersion } = options, configDir = resolve7(options.configDir);
   packageJson ? (invariant(
     packageJson.version !== void 0,
     `Expected package.json#version to be defined in the "${packageJson.name}" package}`
@@ -3369,17 +3477,16 @@ async function buildDevStandalone(options) {
       `,
     initialValue: !0
   }) || process.exit(1));
-  let cacheKey = oneWayHash(relative4(getProjectRoot(), configDir));
+  let cacheKey = oneWayHash(relative5(getProjectRoot(), configDir));
   invariant(port, "expected options to have a port");
   let { address: localAddress, networkAddress } = getServerAddresses(
     port,
     options.host,
-    options.https ? "https" : "http",
-    options.initialPath
-  ), cacheOutputDir = resolvePathInStorybookCache2("public", cacheKey), outputDir = resolve6(options.outputDir || cacheOutputDir);
+    options.https ? "https" : "http"
+  ), cacheOutputDir = resolvePathInStorybookCache2("public", cacheKey), outputDir = resolve7(options.outputDir || cacheOutputDir);
   options.smokeTest && (outputDir = cacheOutputDir), options.port = port, options.versionCheck = versionCheck, options.configType = "DEVELOPMENT", options.configDir = configDir, options.cacheKey = cacheKey, options.outputDir = outputDir, options.serverChannelUrl = getServerChannelUrl(port, options), options.localAddress = localAddress, options.networkAddress = networkAddress;
   let config = await loadMainConfig2(options), { core, framework } = config, corePresets = [], frameworkName = typeof framework == "string" ? framework : framework?.name;
-  validateFrameworkName(frameworkName), frameworkName && corePresets.push(join8(frameworkName, "preset")), frameworkName = frameworkName || "custom";
+  validateFrameworkName(frameworkName), frameworkName && corePresets.push(join10(frameworkName, "preset")), frameworkName = frameworkName || "custom";
   let packageManager = JsPackageManagerFactory.getPackageManager({
     configDir: options.configDir
   }), server = await getServer(options), presets = await loadAllPresets2({
@@ -3414,10 +3521,10 @@ async function buildDevStandalone(options) {
   if (resolvedPreviewBuilder.includes("builder-vite")) {
     let deprecationMessage = dedent5(`Using CommonJS in your main configuration file is deprecated with Vite.
               - Refer to the migration guide at https://forkbook.ljk.dev/docs/migration#commonjs-with-vite-is-deprecated`), mainJsPath = getInterpretedFile(
-      resolve6(options.configDir || defaultConfigDir(), "main")
+      resolve7(options.configDir || defaultConfigDir(), "main")
     );
     /\.c[jt]s$/.test(mainJsPath) && deprecate(deprecationMessage);
-    let mainJsContent = await readFile3(mainJsPath, { encoding: "utf8" }), CJS_CONTENT_REGEX = /\bmodule\.exports\b|\bexports[.[]|\brequire\s*\(|\bObject\.(?:defineProperty|defineProperties|assign)\s*\(\s*exports\b/, strippedContent = stripCommentsAndStrings(mainJsContent);
+    let mainJsContent = await readFile5(mainJsPath, { encoding: "utf8" }), CJS_CONTENT_REGEX = /\bmodule\.exports\b|\bexports[.[]|\brequire\s*\(|\bObject\.(?:defineProperty|defineProperties|assign)\s*\(\s*exports\b/, strippedContent = stripCommentsAndStrings(mainJsContent);
     CJS_CONTENT_REGEX.test(strippedContent) && deprecate(deprecationMessage);
   }
   let resolvedRenderer = renderer && resolveAddonName2(options.configDir, renderer, options), channel = getServerChannel(server, {
@@ -3430,7 +3537,7 @@ async function buildDevStandalone(options) {
   });
   presets = await loadAllPresets2({
     corePresets: [
-      join8(resolvePackageDir("@aussieljk/forkbook"), "dist/core-server/presets/common-preset.js"),
+      join10(resolvePackageDir("@aussieljk/forkbook"), "dist/core-server/presets/common-preset.js"),
       ...managerBuilder.corePresets || [],
       ...previewBuilder.corePresets || [],
       ...resolvedRenderer ? [resolvedRenderer] : [],
@@ -3488,9 +3595,9 @@ async function buildDevStandalone(options) {
       updateInfo: versionCheck,
       version: storybookVersion,
       name,
-      address: localAddress,
+      address: withInitialPath(localAddress, options.initialPath),
       host: options.host,
-      networkAddress,
+      networkAddress: withInitialPath(networkAddress, options.initialPath),
       allowedHosts,
       managerTotalTime,
       previewTotalTime
@@ -3500,7 +3607,7 @@ async function buildDevStandalone(options) {
 }
 
 // src/core-server/build-index.ts
-import { writeFile as writeFile4 } from "node:fs/promises";
+import { writeFile as writeFile5 } from "node:fs/promises";
 import { normalizeStories as normalizeStories2 } from "@aussieljk/forkbook/internal/common";
 import { logger as logger17 } from "@aussieljk/forkbook/internal/node-logger";
 
@@ -3515,14 +3622,14 @@ import {
   validateFrameworkName as validateFrameworkName2
 } from "@aussieljk/forkbook/internal/common";
 import { oneWayHash as oneWayHash2 } from "@aussieljk/forkbook/internal/telemetry";
-import { dirname, isAbsolute, join as join9, relative as relative5, resolve as resolve7 } from "pathe";
+import { dirname as dirname3, isAbsolute as isAbsolute2, join as join11, relative as relative6, resolve as resolve8 } from "pathe";
 async function loadStorybook(options) {
-  let configDir = resolve7(options.configDir), cacheKey = oneWayHash2(relative5(getProjectRoot2(), configDir));
+  let configDir = resolve8(options.configDir), cacheKey = oneWayHash2(relative6(getProjectRoot2(), configDir));
   options.configType = "DEVELOPMENT", options.configDir = configDir, options.cacheKey = cacheKey;
   let channel = options.channel ?? new Channel4({});
   setChannel3(channel);
   let config = await loadMainConfig3(options), { framework } = config, corePresets = [], frameworkName = typeof framework == "string" ? framework : framework?.name;
-  validateFrameworkName2(frameworkName), frameworkName && corePresets.push(join9(frameworkName, "preset")), frameworkName = frameworkName || "custom";
+  validateFrameworkName2(frameworkName), frameworkName && corePresets.push(join11(frameworkName, "preset")), frameworkName = frameworkName || "custom";
   let presets = await loadAllPresets3({
     corePresets,
     overridePresets: [
@@ -3533,12 +3640,12 @@ async function loadStorybook(options) {
     channel
   }), { renderer, builder } = await presets.apply("core", {}), resolvedRenderer = renderer && resolveAddonName3(options.configDir, renderer, options), builderName = typeof builder == "string" ? builder : builder?.name;
   if (builderName) {
-    let builderEntry = builderName.startsWith("file:") ? fileURLToPath(builderName) : builderName, builderPresetDir = isAbsolute(builderEntry) ? dirname(builderEntry) : resolvePackageDir(builderEntry), builderPreset = safeResolveModule({ specifier: join9(builderPresetDir, "preset.js") });
+    let builderEntry = builderName.startsWith("file:") ? fileURLToPath(builderName) : builderName, builderPresetDir = isAbsolute2(builderEntry) ? dirname3(builderEntry) : resolvePackageDir(builderEntry), builderPreset = safeResolveModule({ specifier: join11(builderPresetDir, "preset.js") });
     builderPreset && corePresets.push(builderPreset);
   }
   presets = await loadAllPresets3({
     corePresets: [
-      join9(resolvePackageDir("@aussieljk/forkbook"), "dist/core-server/presets/common-preset.js"),
+      join11(resolvePackageDir("@aussieljk/forkbook"), "dist/core-server/presets/common-preset.js"),
       ...resolvedRenderer ? [resolvedRenderer] : [],
       ...corePresets
     ],
@@ -3560,8 +3667,8 @@ async function loadStorybook(options) {
 
 // src/core-server/utils/StoryIndexGenerator.ts
 import { existsSync as existsSync3 } from "node:fs";
-import { readFile as readFile4 } from "node:fs/promises";
-import { dirname as dirname2, extname, join as join10, normalize as normalize2, relative as relative6, resolve as resolve8, sep as sep2 } from "node:path";
+import { readFile as readFile6 } from "node:fs/promises";
+import { dirname as dirname4, extname, join as join12, normalize as normalize3, relative as relative7, resolve as resolve9, sep as sep2 } from "node:path";
 import {
   commonGlobOptions as commonGlobOptions2,
   getProjectRoot as getProjectRoot3,
@@ -3821,7 +3928,7 @@ var addStats = (stat2, acc) => {
 };
 
 // src/core-server/utils/StoryIndexGenerator.ts
-var makeAbsolute = (otherImport, normalizedPath, workingDir) => otherImport.startsWith(".") ? slash(resolve8(workingDir, normalizeStoryPath(join10(dirname2(normalizedPath), otherImport)))) : otherImport, StoryIndexGenerator = class _StoryIndexGenerator {
+var makeAbsolute = (otherImport, normalizedPath, workingDir) => otherImport.startsWith(".") ? slash(resolve9(workingDir, normalizeStoryPath(join12(dirname4(normalizedPath), otherImport)))) : otherImport, StoryIndexGenerator = class _StoryIndexGenerator {
   constructor(specifiers, options) {
     this.specifiers = specifiers;
     this.options = options;
@@ -3849,7 +3956,7 @@ var makeAbsolute = (otherImport, normalizedPath, workingDir) => otherImport.star
     let cacheKey = this.getFindMatchingFilesCacheKey(specifier, workingDir, ignoreWarnings), cached = this.findMatchingFilesCache.get(cacheKey);
     if (cached)
       return cached;
-    let pathToSubIndex = {}, globCwd = slash(resolve8(workingDir, specifier.directory)), globPattern = specifier.files.startsWith("!") ? `./${specifier.files}` : specifier.files, { glob } = await import("../_node-chunks/dist-GJ53PFWF.js"), files = await glob(globPattern, {
+    let pathToSubIndex = {}, globCwd = slash(resolve9(workingDir, specifier.directory)), globPattern = specifier.files.startsWith("!") ? `./${specifier.files}` : specifier.files, { glob } = await import("../_node-chunks/dist-FABQFQ76.js"), files = await glob(globPattern, {
       absolute: !0,
       expandDirectories: !1,
       cwd: globCwd,
@@ -3858,12 +3965,12 @@ var makeAbsolute = (otherImport, normalizedPath, workingDir) => otherImport.star
     });
     return files.length === 0 && !ignoreWarnings && once.warn(
       `No story files found for the specified pattern: ${import_picocolors7.default.blue(
-        join10(specifier.directory, specifier.files)
+        join12(specifier.directory, specifier.files)
       )}`
     ), files.sort().forEach((absolutePath) => {
       let ext = extname(absolutePath);
       if (ext === ".storyshot") {
-        let relativePath = relative6(workingDir, absolutePath);
+        let relativePath = relative7(workingDir, absolutePath);
         logger16.info(`Skipping ${ext} file ${relativePath}`);
         return;
       }
@@ -3908,7 +4015,7 @@ var makeAbsolute = (otherImport, normalizedPath, workingDir) => otherImport.star
               try {
                 entry[absolutePath] = await updater(specifier, absolutePath, entry[absolutePath]);
               } catch (err) {
-                let relativePath = `.${sep2}${relative6(this.options.workingDir, absolutePath)}`;
+                let relativePath = `.${sep2}${relative7(this.options.workingDir, absolutePath)}`;
                 entry[absolutePath] = {
                   type: "error",
                   err: new IndexingError(
@@ -3969,15 +4076,15 @@ var makeAbsolute = (otherImport, normalizedPath, workingDir) => otherImport.star
   resolveComponentPath(rawComponentPath, absolutePath, matchPath) {
     let matchedPath = matchPath?.(rawComponentPath, void 0, void 0, supportedExtensions) ?? rawComponentPath, resolved;
     try {
-      resolved = resolveImport(matchedPath, { basedir: dirname2(absolutePath) });
+      resolved = resolveImport(matchedPath, { basedir: dirname4(absolutePath) });
     } catch {
       return matchedPath;
     }
-    let relativePath = relative6(this.options.workingDir, resolved);
+    let relativePath = relative7(this.options.workingDir, resolved);
     return slash(normalizeStoryPath(relativePath));
   }
   async extractStories(specifier, absolutePath, projectTags = []) {
-    let relativePath = relative6(this.options.workingDir, absolutePath), importPath = slash(normalizeStoryPath(relativePath)), defaultMakeTitle = (userTitle) => {
+    let relativePath = relative7(this.options.workingDir, absolutePath), importPath = slash(normalizeStoryPath(relativePath)), defaultMakeTitle = (userTitle) => {
       let title = userOrAutoTitleFromSpecifier(importPath, specifier, userTitle);
       return invariant(
         title,
@@ -3996,7 +4103,7 @@ var makeAbsolute = (otherImport, normalizedPath, workingDir) => otherImport.star
       tsconfig.paths,
       ["browser", "module", "main"]
     ));
-    let toImportPath = (path) => path ? path.startsWith("virtual:") ? path : slash(normalizeStoryPath(relative6(this.options.workingDir, path))) : importPath, storyEntries = indexInputs.map((input) => {
+    let toImportPath = (path) => path ? path.startsWith("virtual:") ? path : slash(normalizeStoryPath(relative7(this.options.workingDir, path))) : importPath, storyEntries = indexInputs.map((input) => {
       let name = input.name ?? storyNameFromExport(input.exportName), componentPath = input.rawComponentPath && this.resolveComponentPath(input.rawComponentPath, absolutePath, matchPath), title = input.title ?? defaultMakeTitle(), id = input.__id ?? toId(input.metaId ?? title, storyNameFromExport(input.exportName)), tags = combineTags(...projectTags, ...input.tags ?? []), subtype = input.subtype ?? "story", entry = {
         type: "story",
         subtype,
@@ -4011,7 +4118,9 @@ var makeAbsolute = (otherImport, normalizedPath, workingDir) => otherImport.star
         componentPath,
         tags
       };
-      return subtype === "test" && (entry.parent = input.parent, entry.parentName = input.parentName), input.exportName && (entry.exportName = input.exportName), entry;
+      subtype === "test" && (entry.parent = input.parent, entry.parentName = input.parentName), input.exportName && (entry.exportName = input.exportName);
+      let thumbnail = resolveThumbnail(input.thumbnail, absolutePath, this.options.workingDir);
+      return thumbnail && (entry.thumbnail = thumbnail), entry;
     });
     if (storyEntries.some((entry) => entry.tags.includes(Tag.AUTODOCS)) && !!this.options.docs && this.options.build?.test?.disableAutoDocs !== !0) {
       let name = this.options.docs?.defaultName ?? "Docs", { metaId } = indexInputs[0], entry = storyEntries[0], id = toId(metaId ?? entry.title, name), tags = combineTags(...projectTags, ...indexInputs[0].tags ?? []);
@@ -4041,9 +4150,9 @@ var makeAbsolute = (otherImport, normalizedPath, workingDir) => otherImport.star
     };
   }
   async extractDocs(specifier, absolutePath, projectTags = []) {
-    let relativePath = relative6(this.options.workingDir, absolutePath);
+    let relativePath = relative7(this.options.workingDir, absolutePath);
     try {
-      let normalizedPath = normalizeStoryPath(relativePath), importPath = slash(normalizedPath), content = await readFile4(absolutePath, { encoding: "utf8" }), result = await analyzeMdx(content);
+      let normalizedPath = normalizeStoryPath(relativePath), importPath = slash(normalizedPath), content = await readFile6(absolutePath, { encoding: "utf8" }), result = await analyzeMdx(content);
       if (result.isTemplate)
         return !1;
       let absoluteImports = result.imports.map(
@@ -4054,8 +4163,8 @@ var makeAbsolute = (otherImport, normalizedPath, workingDir) => otherImport.star
         dependencies.forEach((dep) => {
           if (dep.entries.length > 0) {
             let first = dep.entries.find((e) => e.type !== "docs");
-            normalize2(resolve8(this.options.workingDir, first.importPath)).startsWith(
-              normalize2(absoluteOf)
+            normalize3(resolve9(this.options.workingDir, first.importPath)).startsWith(
+              normalize3(absoluteOf)
             ) && (csfEntry = first, metaDependency = dep);
           }
         }), metaDependency && (sortedDependencies = [
@@ -4197,7 +4306,7 @@ var makeAbsolute = (otherImport, normalizedPath, workingDir) => otherImport.star
     }), this.lastIndex = null, this.lastError = null, this.invalidationListeners.forEach((listener) => listener());
   }
   invalidate(importPath, removed) {
-    let absolutePath = slash(resolve8(this.options.workingDir, importPath)), specifier = Array.from(this.specifierToCache.keys()).find(
+    let absolutePath = slash(resolve9(this.options.workingDir, importPath)), specifier = Array.from(this.specifierToCache.keys()).find(
       (ns) => ns.importPathMatcher.exec(importPath)
     );
     if (!specifier)
@@ -4221,7 +4330,7 @@ var makeAbsolute = (otherImport, normalizedPath, workingDir) => otherImport.star
     if (removed) {
       if (cacheEntry && cacheEntry.type === "docs") {
         let absoluteImports = cacheEntry.storiesImports.map(
-          (p) => resolve8(this.options.workingDir, p)
+          (p) => resolve9(this.options.workingDir, p)
         );
         this.findDependencies(absoluteImports).forEach(
           (dep) => dep.dependents.splice(dep.dependents.indexOf(absolutePath), 1)
@@ -4238,8 +4347,8 @@ var makeAbsolute = (otherImport, normalizedPath, workingDir) => otherImport.star
     };
   }
   async getPreviewCode() {
-    let previewFile = ["js", "jsx", "ts", "tsx", "mjs", "cjs", "mts"].map((ext) => join10(this.options.configDir, `preview.${ext}`)).find((fname) => existsSync3(fname));
-    return previewFile && (await readFile4(previewFile, { encoding: "utf8" })).toString();
+    let previewFile = ["js", "jsx", "ts", "tsx", "mjs", "cjs", "mts"].map((ext) => join12(this.options.configDir, `preview.${ext}`)).find((fname) => existsSync3(fname));
+    return previewFile && (await readFile6(previewFile, { encoding: "utf8" })).toString();
   }
   getProjectTags(previewCode) {
     let projectTags = [], defaultTags = [Tag.DEV, Tag.TEST, Tag.MANIFEST];
@@ -4296,7 +4405,7 @@ var buildIndex = async (options) => {
   return await generator.initialize(), generator.getIndex();
 }, buildIndexStandalone = async (options) => {
   let index = await buildIndex(options);
-  logger17.info(`Writing index to ${options.outputFile}`), await writeFile4(options.outputFile, JSON.stringify(index));
+  logger17.info(`Writing index to ${options.outputFile}`), await writeFile5(options.outputFile, JSON.stringify(index));
 };
 
 // src/core-server/standalone.ts