@storybook/cli/dist/_node-chunks/chunk-ICTNXNIX.js

Storybook CLI: Develop, document, and test UI components in isolation

import CJS_COMPAT_NODE_URL_hbb4y7otm0t from 'node:url';
import CJS_COMPAT_NODE_PATH_hbb4y7otm0t from 'node:path';
import CJS_COMPAT_NODE_MODULE_hbb4y7otm0t from "node:module";

var __filename = CJS_COMPAT_NODE_URL_hbb4y7otm0t.fileURLToPath(import.meta.url);
var __dirname = CJS_COMPAT_NODE_PATH_hbb4y7otm0t.dirname(__filename);
var require = CJS_COMPAT_NODE_MODULE_hbb4y7otm0t.createRequire(import.meta.url);

// ------------------------------------------------------------
// end of CJS compatibility banner, injected by Storybook's esbuild configuration
// ------------------------------------------------------------
import {
  batchTestsRule,
  buildPortalStep,
  buildSharedPreviewStep,
  cleanupStep,
  cssCheckDOD,
  discoveryStepStrict,
  editOverWriteRule,
  ext,
  interactionPlayStep,
  listDOD,
  listRules,
  listSteps,
  mswStep,
  noPolishRule,
  nodeModuleReadsRule,
  packageManagerRule,
  preferSharedFixesRule,
  readBudgetRule,
  sharedPreviewDOD,
  storyTagsV1DOD,
  toolsVsShellRule,
  typeCheckPassesStrictDOD,
  verifyStep,
  vitestPassesStrictDOD,
  writeStoriesStep
} from "./chunk-TZNUXVGQ.js";
import {
  getDocsMarkdownUrl
} from "./chunk-AFXRZ6AN.js";

// src/ai/setup-prompts/optimized-tests.ts
import { dedent } from "ts-dedent";
function instructions(projectInfo) {
  let { configDir, language, needsUserOnboarding, packageManager, packageManagerName } = projectInfo, tsx = ext(language, !0), ts = ext(language, !1), docsUrl = (path) => getDocsMarkdownUrl(path, projectInfo), mswInstall = packageManager.getInstallCommand(
    ["msw", "msw-storybook-addon", "mockdate"],
    !0
  ), ctx = {
    configDir,
    docsUrl,
    mswInstall,
    needsUserOnboarding,
    packageManager,
    packageManagerName,
    tsx,
    ts
  };
  return dedent`
    Your goal is to make Storybook fully functional in this project: configure \`${configDir}/preview.${tsx}\` with the right decorators, add MSW for data, and write up to 10 colocated \`*.stories.${tsx}\` files. Add \`play\` functions only where they prove something non-trivial.

    ## Rules of engagement (follow strictly — these are time budgets, not suggestions)

    ${listRules([
    toolsVsShellRule(ctx),
    nodeModuleReadsRule(ctx),
    readBudgetRule(ctx),
    editOverWriteRule(ctx),
    batchTestsRule(ctx),
    packageManagerRule(ctx),
    preferSharedFixesRule(ctx),
    noPolishRule(ctx)
  ])}

    ## Plan (do not skip steps, but keep each step lean)

    ${listSteps(
    [
      discoveryStepStrict(projectInfo, ctx),
      buildSharedPreviewStep(projectInfo, ctx),
      buildPortalStep(projectInfo, ctx),
      mswStep(projectInfo, ctx),
      writeStoriesStep(projectInfo, ctx),
      interactionPlayStep(projectInfo, ctx),
      verifyStep(projectInfo, ctx),
      cleanupStep(projectInfo, ctx)
    ],
    { level: 3 }
  )}

    ## Done when
        
    ${listDOD([
    cssCheckDOD(ctx),
    storyTagsV1DOD(ctx),
    vitestPassesStrictDOD(ctx),
    typeCheckPassesStrictDOD(ctx),
    sharedPreviewDOD(ctx)
  ])}

    ## Reference (only fetch if stuck)

    - Docs index: https://storybook.js.org/llms.txt
    - Writing stories: ${docsUrl("writing-stories")}
    - Decorators: ${docsUrl("writing-stories/decorators")}
    - Play functions: ${docsUrl("writing-stories/play-function")}
    - Vitest integration: ${docsUrl("writing-tests/vitest-plugin")}

    Append \`?codeOnly=true\` to any docs URL for code-only snippets. Don't fetch unless a specific question can't be answered from this prompt.
  `;
}

export {
  instructions
};