@crvy/strybk 0.0.2 → 0.0.4

package/CHANGELOG.md

@@ -5,6 +5,16 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.0.4] - 2026-07-03
+
+### Other
+
+- Update README.md
+## [0.0.3] - 2026-06-18
+
+### Added
+
+- Match stories by importPath and resolve globs via configDir
 ## [0.0.2] - 2026-06-11
 ## [0.0.1] - 2026-06-11
 

package/README.md

@@ -1,23 +1,11 @@
-# strybk
+# @crvy/strybk
 
 Generator-first Playwright screenshot testing for Storybook.
 
-## Development
-
-Install dependencies with Bun:
-
-```sh
-bun install
-```
-
-Common local commands:
+## Installation
 
 ```sh
-bun run lint
-bun run typecheck
-bun run test:bun
-bun run build
-bun run check
+npm install --save-dev @crvy/strybk
 ```
 
 ## CLI
@@ -93,3 +81,21 @@ If you want to persist the link in the consumer's manifest, Bun supports a `link
   }
 }
 ```
+
+## Development
+
+Install dependencies with Bun:
+
+```sh
+bun install
+```
+
+Common local commands:
+
+```sh
+bun run lint
+bun run typecheck
+bun run test:bun
+bun run build
+bun run check
+```

package/dist/src/cli.js

@@ -53,14 +53,15 @@ const toStoryIndexEntry = (value) => {
     }
     if (typeof value.id !== "string" ||
         typeof value.title !== "string" ||
-        typeof value.name !== "string") {
+        typeof value.name !== "string" ||
+        typeof value.importPath !== "string") {
         return null;
     }
     return {
         id: value.id,
         title: value.title,
         name: value.name,
-        importPath: typeof value.importPath === "string" ? value.importPath : undefined,
+        importPath: value.importPath,
         exportName: typeof value.exportName === "string" ? value.exportName : undefined,
     };
 };
@@ -144,6 +145,7 @@ export async function runCli(argv) {
     const indexEntries = await fetchStoryIndex(config);
     const outputs = await generateScreenshots({
         config,
+        configDir: dirname(resolve(cliArgs.configPath)),
         indexEntries,
         readExistingFile,
     });

package/dist/src/generate/discover.d.ts

@@ -1,5 +1,6 @@
 export interface StoryFile {
     filePath: string;
-    title: string;
 }
-export declare function discoverStoryFiles(patterns: string[]): Promise<StoryFile[]>;
+export declare function discoverStoryFiles(patterns: string[], options?: {
+    cwd?: string;
+}): Promise<StoryFile[]>;

package/dist/src/generate/discover.js

@@ -1,13 +1,6 @@
-import { readFileSync } from "node:fs";
 import { glob } from "glob";
-export async function discoverStoryFiles(patterns) {
-    const files = await glob(patterns, { absolute: true });
-    return files.flatMap((filePath) => {
-        const content = readFileSync(filePath, "utf8");
-        const titleMatch = content.match(/title:\s*['"]([^'"]+)['"]/u);
-        if (!titleMatch) {
-            return [];
-        }
-        return [{ filePath, title: titleMatch[1] }];
-    });
+export async function discoverStoryFiles(patterns, options = {}) {
+    const cwd = options.cwd ?? process.cwd();
+    const files = await glob(patterns, { absolute: true, cwd });
+    return files.map((filePath) => ({ filePath }));
 }

package/dist/src/generate/index.d.ts

@@ -3,13 +3,14 @@ export interface StoryIndexEntry {
     id: string;
     title: string;
     name: string;
-    importPath?: string;
+    importPath: string;
     exportName?: string;
 }
 export declare function generateScreenshots(args: {
     config: StrybkConfig;
     indexEntries: StoryIndexEntry[];
     readExistingFile?: (filePath: string) => string | null;
+    configDir?: string;
 }): Promise<Array<{
     outputPath: string;
     content: string;

package/dist/src/generate/index.js

@@ -2,6 +2,16 @@ import { readFileSync } from "node:fs";
 import { discoverStoryFiles } from "./discover.js";
 import { extractCreeveyMetadata, FILE_POLICY_KEY } from "./metadata.js";
 import { renderScreenshotSpec } from "./render.js";
+const normalizePath = (value) => value.replace(/\\/gu, "/").replace(/^\.\//u, "");
+const matchesByImportPath = (filePath, importPath) => {
+    const normalizedImport = normalizePath(importPath);
+    const normalizedFile = normalizePath(filePath);
+    return normalizedFile === normalizedImport || normalizedFile.endsWith(`/${normalizedImport}`);
+};
+const resolveStoryTitle = (storyFile, indexEntries) => {
+    const pathMatch = indexEntries.find((entry) => matchesByImportPath(storyFile.filePath, entry.importPath));
+    return pathMatch?.title ?? null;
+};
 const escapeForRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/gu, "\\$&");
 const toStoryIdSegment = (value) => value
     .replace(/([a-z0-9])([A-Z])/gu, "$1-$2")
@@ -16,12 +26,16 @@ const isStorySkipped = (story, storyMetadata) => {
     return Object.entries(storyMetadata).some(([exportName, policy]) => policy.skip === true && toStoryIdSegment(exportName) === storyIdSegment);
 };
 export async function generateScreenshots(args) {
-    const storyFiles = await discoverStoryFiles(args.config.storyGlobs);
+    const storyFiles = await discoverStoryFiles(args.config.storyGlobs, args.configDir === undefined ? {} : { cwd: args.configDir });
     const generatedRegionName = args.config.generatedRegionName ?? "auto-screenshots";
     const manualRegionPattern = new RegExp(`// @generated-end ${escapeForRegExp(generatedRegionName)}\\s*([\\s\\S]*)$`, "u");
     const shouldExtractCreeveyMetadata = args.config.metadataExtractors?.includes("creevey") ?? false;
     return storyFiles.flatMap((storyFile) => {
-        const stories = args.indexEntries.filter((entry) => entry.title === storyFile.title);
+        const title = resolveStoryTitle(storyFile, args.indexEntries);
+        if (title === null) {
+            return [];
+        }
+        const stories = args.indexEntries.filter((entry) => entry.title === title);
         const storyMetadata = shouldExtractCreeveyMetadata
             ? extractCreeveyMetadata(readFileSync(storyFile.filePath, "utf8"))
             : {};
@@ -40,7 +54,7 @@ export async function generateScreenshots(args) {
                 outputPath,
                 content: renderScreenshotSpec({
                     config: args.config,
-                    title: storyFile.title,
+                    title,
                     stories: filteredStories,
                     manualRegion,
                 }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crvy/strybk",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Generator-first Playwright screenshot testing for Storybook.",
   "keywords": [
     "crvy",