storybook 9.0.0-alpha.2 → 9.0.0-alpha.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (162) hide show
  1. package/README.md +1 -1
  2. package/assets/docs/addon-backgrounds.gif +0 -0
  3. package/assets/docs/addon-controls-args-annotated.png +0 -0
  4. package/assets/docs/addon-controls-args-background-color.png +0 -0
  5. package/assets/docs/addon-controls-args-background-string.png +0 -0
  6. package/assets/docs/addon-controls-args-docs.png +0 -0
  7. package/assets/docs/addon-controls-args-logging.png +0 -0
  8. package/assets/docs/addon-controls-args-no-annotation.png +0 -0
  9. package/assets/docs/addon-controls-args-reflow-slider.png +0 -0
  10. package/assets/docs/addon-controls-args-reflow.png +0 -0
  11. package/assets/docs/addon-controls-args-template.png +0 -0
  12. package/assets/docs/addon-controls-expanded.png +0 -0
  13. package/assets/docs/addon-controls-hero.gif +0 -0
  14. package/assets/docs/addon-controls-install.png +0 -0
  15. package/assets/docs/hero.gif +0 -0
  16. package/assets/docs/highlight.png +0 -0
  17. package/assets/docs/viewport.png +0 -0
  18. package/assets/server/base-preview-head.html +1 -3
  19. package/bin/index.cjs +2 -2
  20. package/dist/actions/decorator.d.ts +6 -0
  21. package/dist/actions/decorator.js +134 -0
  22. package/dist/actions/index.cjs +123 -0
  23. package/dist/actions/index.d.ts +102 -0
  24. package/dist/actions/index.js +108 -0
  25. package/dist/actions/preview.cjs +161 -0
  26. package/dist/actions/preview.d.ts +54 -0
  27. package/dist/actions/preview.js +152 -0
  28. package/dist/babel/index.cjs +822 -816
  29. package/dist/babel/index.js +822 -816
  30. package/dist/backgrounds/index.cjs +148 -0
  31. package/dist/backgrounds/index.d.ts +91 -0
  32. package/dist/backgrounds/index.js +130 -0
  33. package/dist/backgrounds/preview.cjs +143 -0
  34. package/dist/backgrounds/preview.d.ts +54 -0
  35. package/dist/backgrounds/preview.js +127 -0
  36. package/dist/bin/index.cjs +49 -70
  37. package/dist/bin/index.js +49 -70
  38. package/dist/builder-manager/index.cjs +319 -326
  39. package/dist/builder-manager/index.js +576 -583
  40. package/dist/channels/index.cjs +1026 -981
  41. package/dist/channels/index.js +1258 -1207
  42. package/dist/cli/bin/index.cjs +483 -483
  43. package/dist/cli/bin/index.js +495 -495
  44. package/dist/cli/index.cjs +61735 -7590
  45. package/dist/cli/index.d.ts +25 -21
  46. package/dist/cli/index.js +61776 -7631
  47. package/dist/client-logger/index.cjs +56 -88
  48. package/dist/client-logger/index.js +41 -47
  49. package/dist/common/index.cjs +16137 -9085
  50. package/dist/common/index.d.ts +35 -30
  51. package/dist/common/index.js +16230 -9172
  52. package/dist/component-testing/index.cjs +23 -0
  53. package/dist/component-testing/index.d.ts +3 -0
  54. package/dist/component-testing/index.js +5 -0
  55. package/dist/component-testing/preview.cjs +40 -0
  56. package/dist/component-testing/preview.d.ts +5 -0
  57. package/dist/component-testing/preview.js +25 -0
  58. package/dist/components/index.cjs +16268 -24926
  59. package/dist/components/index.d.ts +98 -347
  60. package/dist/components/index.js +5905 -19177
  61. package/dist/controls/decorator.d.ts +5 -0
  62. package/dist/controls/decorator.js +8 -0
  63. package/dist/controls/index.cjs +26 -0
  64. package/dist/controls/index.d.ts +39 -0
  65. package/dist/controls/index.js +6 -0
  66. package/dist/controls/preview.cjs +26 -0
  67. package/dist/controls/preview.d.ts +54 -0
  68. package/dist/controls/preview.js +9 -0
  69. package/dist/core-events/index.cjs +91 -106
  70. package/dist/core-events/index.d.ts +139 -104
  71. package/dist/core-events/index.js +79 -94
  72. package/dist/core-server/index.cjs +13898 -13409
  73. package/dist/core-server/index.d.ts +270 -3
  74. package/dist/core-server/index.js +13981 -13497
  75. package/dist/core-server/presets/common-manager.css +170 -0
  76. package/dist/core-server/presets/common-manager.js +12149 -17
  77. package/dist/core-server/presets/common-preset.cjs +3009 -3155
  78. package/dist/core-server/presets/common-preset.js +2862 -3009
  79. package/dist/csf/index.cjs +76 -120
  80. package/dist/csf/index.d.ts +2 -6
  81. package/dist/csf/index.js +69 -113
  82. package/dist/csf-tools/index.cjs +412 -403
  83. package/dist/csf-tools/index.d.ts +0 -4
  84. package/dist/csf-tools/index.js +410 -401
  85. package/dist/docs-tools/index.cjs +2569 -575
  86. package/dist/docs-tools/index.d.ts +2 -2
  87. package/dist/docs-tools/index.js +2565 -564
  88. package/dist/highlight/index.cjs +27 -0
  89. package/dist/highlight/index.d.ts +61 -0
  90. package/dist/highlight/index.js +7 -0
  91. package/dist/highlight/preview.cjs +535 -0
  92. package/dist/highlight/preview.d.ts +54 -0
  93. package/dist/highlight/preview.js +519 -0
  94. package/dist/instrumenter/index.cjs +2207 -2342
  95. package/dist/instrumenter/index.d.ts +8 -7
  96. package/dist/instrumenter/index.js +2430 -2603
  97. package/dist/manager/globals-module-info.cjs +291 -151
  98. package/dist/manager/globals-module-info.d.ts +1 -1
  99. package/dist/manager/globals-module-info.js +275 -135
  100. package/dist/manager/globals-runtime.js +60263 -28383
  101. package/dist/manager/globals.cjs +23 -19
  102. package/dist/manager/globals.d.ts +8 -5
  103. package/dist/manager/globals.js +10 -6
  104. package/dist/manager/runtime.js +4625 -3921
  105. package/dist/manager-api/index.cjs +4228 -3833
  106. package/dist/manager-api/index.d.ts +398 -102
  107. package/dist/manager-api/index.js +3500 -3084
  108. package/dist/manager-errors.d.ts +25 -1
  109. package/dist/manager-errors.js +50 -30
  110. package/dist/measure/index.cjs +476 -0
  111. package/dist/measure/index.d.ts +66 -0
  112. package/dist/measure/index.js +464 -0
  113. package/dist/measure/preview.cjs +466 -0
  114. package/dist/measure/preview.d.ts +59 -0
  115. package/dist/measure/preview.js +450 -0
  116. package/dist/outline/index.cjs +528 -0
  117. package/dist/outline/index.d.ts +66 -0
  118. package/dist/outline/index.js +500 -0
  119. package/dist/outline/preview.cjs +518 -0
  120. package/dist/outline/preview.d.ts +59 -0
  121. package/dist/outline/preview.js +486 -0
  122. package/dist/preview/globals.cjs +21 -17
  123. package/dist/preview/globals.d.ts +4 -1
  124. package/dist/preview/globals.js +6 -2
  125. package/dist/preview/runtime.js +46311 -6614
  126. package/dist/preview-api/index.cjs +1363 -1899
  127. package/dist/preview-api/index.d.ts +81 -395
  128. package/dist/preview-api/index.js +1711 -2169
  129. package/dist/preview-errors.cjs +119 -88
  130. package/dist/preview-errors.d.ts +30 -2
  131. package/dist/preview-errors.js +192 -142
  132. package/dist/router/index.cjs +847 -871
  133. package/dist/router/index.js +193 -199
  134. package/dist/server-errors.cjs +188 -124
  135. package/dist/server-errors.d.ts +36 -2
  136. package/dist/server-errors.js +188 -124
  137. package/dist/telemetry/index.cjs +1056 -1979
  138. package/dist/telemetry/index.d.ts +26 -5
  139. package/dist/telemetry/index.js +1091 -2010
  140. package/dist/test/index.cjs +35686 -0
  141. package/dist/test/index.d.ts +186 -0
  142. package/dist/test/index.js +33840 -0
  143. package/dist/test/preview.cjs +15870 -0
  144. package/dist/test/preview.d.ts +48 -0
  145. package/dist/test/preview.js +14501 -0
  146. package/dist/test/spy.cjs +258 -0
  147. package/dist/test/spy.d.ts +66 -0
  148. package/dist/test/spy.js +240 -0
  149. package/dist/theming/create.cjs +79 -2269
  150. package/dist/theming/create.js +67 -841
  151. package/dist/theming/index.cjs +1065 -3232
  152. package/dist/theming/index.js +951 -1719
  153. package/dist/types/index.cjs +11 -12
  154. package/dist/types/index.d.ts +684 -163
  155. package/dist/types/index.js +1 -2
  156. package/dist/viewport/index.cjs +310 -0
  157. package/dist/viewport/index.d.ts +320 -0
  158. package/dist/viewport/index.js +290 -0
  159. package/dist/viewport/preview.cjs +35 -0
  160. package/dist/viewport/preview.d.ts +68 -0
  161. package/dist/viewport/preview.js +19 -0
  162. package/package.json +359 -12
@@ -1,5 +1,5 @@
1
- import { PackageJsonWithMaybeDeps, JsPackageManager, PackageJsonWithDepsAndDevDeps, PackageJson } from 'storybook/internal/common';
2
- import { SupportedRenderers as SupportedRenderers$1, SupportedFrameworks } from 'storybook/internal/types';
1
+ import { PackageJsonWithMaybeDeps, JsPackageManager as JsPackageManager$1, PackageJsonWithDepsAndDevDeps, PackageJson } from 'storybook/internal/common';
2
+ import { SupportedFrameworks, SupportedRenderers } from 'storybook/internal/types';
3
3
  import * as semver from 'semver';
4
4
 
5
5
  /** A list of all frameworks that are supported, but use a package outside the storybook monorepo */
@@ -10,8 +10,6 @@ type ExternalFramework = {
10
10
  renderer?: string;
11
11
  };
12
12
  declare const externalFrameworks: ExternalFramework[];
13
- /** @deprecated Please use `SupportedRenderers` from `storybook/internal/types` instead */
14
- type SupportedRenderers = SupportedRenderers$1;
15
13
  declare const SUPPORTED_RENDERERS: SupportedRenderers[];
16
14
  declare enum ProjectType {
17
15
  UNDETECTED = "UNDETECTED",
@@ -53,7 +51,7 @@ declare const builderNameToCoreBuilder: Record<string, CoreBuilder>;
53
51
  type Builder = CoreBuilder | (string & {});
54
52
  declare enum SupportedLanguage {
55
53
  JAVASCRIPT = "javascript",
56
- TYPESCRIPT_4_9 = "typescript-4-9"
54
+ TYPESCRIPT = "typescript"
57
55
  }
58
56
  type TemplateMatcher = {
59
57
  files?: boolean[];
@@ -90,11 +88,11 @@ declare function detectFrameworkPreset(packageJson?: PackageJsonWithMaybeDeps):
90
88
  *
91
89
  * @returns CoreBuilder
92
90
  */
93
- declare function detectBuilder(packageManager: JsPackageManager, projectType: ProjectType): Promise<any>;
91
+ declare function detectBuilder(packageManager: JsPackageManager$1, projectType: ProjectType): Promise<any>;
94
92
  declare function isStorybookInstantiated(configDir?: string): boolean;
95
93
  declare function detectPnp(): Promise<boolean>;
96
- declare function detectLanguage(packageManager: JsPackageManager): Promise<SupportedLanguage>;
97
- declare function detect(packageManager: JsPackageManager, options?: {
94
+ declare function detectLanguage(packageManager: JsPackageManager$1): Promise<SupportedLanguage>;
95
+ declare function detect(packageManager: JsPackageManager$1, options?: {
98
96
  force?: boolean;
99
97
  html?: boolean;
100
98
  }): Promise<ProjectType | null>;
@@ -122,32 +120,30 @@ declare const writeFileAsJson: (jsonPath: string, content: unknown) => boolean;
122
120
  * @param {Object} packageJson The current package.json so we can inspect its contents
123
121
  * @returns {Array} Contains the packages and versions that need to be installed
124
122
  */
125
- declare function getBabelDependencies(packageManager: JsPackageManager, packageJson: PackageJsonWithDepsAndDevDeps): Promise<string[]>;
123
+ declare function getBabelDependencies(packageManager: JsPackageManager$1, packageJson: PackageJsonWithDepsAndDevDeps): Promise<string[]>;
126
124
  declare function addToDevDependenciesIfNotPresent(packageJson: PackageJson, name: string, packageVersion: string): void;
127
125
  declare function copyTemplate(templateRoot: string, destination?: string): void;
128
126
  type CopyTemplateFilesOptions = {
129
- packageManager: JsPackageManager;
130
- renderer: SupportedFrameworks | SupportedRenderers$1;
127
+ packageManager: JsPackageManager$1;
128
+ templateLocation: SupportedFrameworks | SupportedRenderers;
131
129
  language: SupportedLanguage;
132
130
  commonAssetsDir?: string;
133
131
  destination?: string;
134
132
  features: string[];
135
133
  };
136
- /** @deprecated Please use `frameworkToRenderer` from `storybook/internal/common` instead */
137
- declare const frameworkToRenderer: Record<"angular" | "ember" | "experimental-nextjs-vite" | "html-vite" | "html-webpack5" | "nextjs" | "preact-vite" | "preact-webpack5" | "react-native-web-vite" | "react-vite" | "react-webpack5" | "server-webpack5" | "svelte-vite" | "svelte-webpack5" | "sveltekit" | "vue3-vite" | "vue3-webpack5" | "web-components-vite" | "web-components-webpack5" | "qwik" | "solid" | "nuxt" | "react-rsbuild" | "vue3-rsbuild" | "react" | "react-native" | "vue3" | "preact" | "svelte" | "html" | "web-components" | "server", SupportedRenderers$1 | "vue">;
138
134
  declare const frameworkToDefaultBuilder: Record<SupportedFrameworks, CoreBuilder | CommunityBuilder>;
139
135
  /**
140
136
  * Return the installed version of a package, or the coerced version specifier from package.json if
141
137
  * it's a dependency but not installed (e.g. in a fresh project)
142
138
  */
143
- declare function getVersionSafe(packageManager: JsPackageManager, packageName: string): Promise<string | undefined>;
139
+ declare function getVersionSafe(packageManager: JsPackageManager$1, packageName: string): Promise<string | undefined>;
144
140
  declare const cliStoriesTargetPath: () => Promise<"./src/stories" | "./stories">;
145
- declare function copyTemplateFiles({ packageManager, renderer, language, destination, commonAssetsDir, features, }: CopyTemplateFilesOptions): Promise<void>;
141
+ declare function copyTemplateFiles({ packageManager, templateLocation, language, destination, commonAssetsDir, features, }: CopyTemplateFilesOptions): Promise<void>;
146
142
  declare function adjustTemplate(templatePath: string, templateData: Record<string, any>): Promise<void>;
147
143
  declare function getStorybookVersionSpecifier(packageJson: PackageJsonWithDepsAndDevDeps): string | undefined;
148
144
  declare function isNxProject(): Promise<string | undefined>;
149
145
  declare function coerceSemver(version: string): semver.SemVer;
150
- declare function hasStorybookDependencies(packageManager: JsPackageManager): Promise<boolean>;
146
+ declare function hasStorybookDependencies(packageManager: JsPackageManager$1): Promise<boolean>;
151
147
 
152
148
  declare const ANGULAR_JSON_PATH = "angular.json";
153
149
  declare const compoDocPreviewPrefix: string;
@@ -188,22 +184,30 @@ declare class AngularJSON {
188
184
  write(): void;
189
185
  }
190
186
 
191
- declare function getRendererDir(packageManager: JsPackageManager, renderer: SupportedFrameworks | SupportedRenderers): Promise<string>;
187
+ declare function getRendererDir(packageManager: JsPackageManager$1, renderer: SupportedFrameworks | SupportedRenderers): Promise<string>;
192
188
 
193
189
  type NpmOptions = {
194
190
  skipInstall?: boolean;
195
191
  installAsDevDependencies?: boolean;
196
192
  };
197
193
 
194
+ type JsPackageManager = any;
198
195
  declare const SUPPORTED_ESLINT_EXTENSIONS: string[];
199
- declare const findEslintFile: () => string | null;
196
+ declare const findEslintFile: () => Promise<string | undefined>;
197
+ declare const configureFlatConfig: (code: string) => Promise<string>;
200
198
  declare function extractEslintInfo(packageManager: JsPackageManager): Promise<{
201
199
  hasEslint: boolean;
202
200
  isStorybookPluginInstalled: boolean;
203
- eslintConfigFile: string | null;
201
+ eslintConfigFile: string | undefined;
202
+ unsupportedExtension?: string;
203
+ isFlatConfig: boolean;
204
204
  }>;
205
205
  declare const normalizeExtends: (existingExtends: any) => string[];
206
- declare function configureEslintPlugin(eslintFile: string | undefined, packageManager: JsPackageManager): Promise<void>;
206
+ declare function configureEslintPlugin({ eslintConfigFile, packageManager, isFlatConfig, }: {
207
+ eslintConfigFile: string | undefined;
208
+ packageManager: JsPackageManager;
209
+ isFlatConfig: boolean;
210
+ }): Promise<void>;
207
211
  declare const suggestESLintPlugin: () => Promise<boolean>;
208
212
 
209
- export { ANGULAR_JSON_PATH, AngularJSON, type Builder, CommunityBuilder, CoreBuilder, CoreWebpackCompilers, type ExternalFramework, type NpmOptions, ProjectType, SUPPORTED_ESLINT_EXTENSIONS, SUPPORTED_RENDERERS, SupportedLanguage, type SupportedRenderers, type TemplateConfiguration, type TemplateMatcher, addToDevDependenciesIfNotPresent, adjustTemplate, builderNameToCoreBuilder, cliStoriesTargetPath, coerceSemver, compilerNameToCoreCompiler, compoDocPreviewPrefix, configureEslintPlugin, copyTemplate, copyTemplateFiles, detect, detectBuilder, detectFrameworkPreset, detectLanguage, detectPnp, externalFrameworks, extractEslintInfo, findEslintFile, frameworkToDefaultBuilder, frameworkToRenderer, getBabelDependencies, getRendererDir, getStorybookVersionSpecifier, getVersionSafe, hasStorybookDependencies, installableProjectTypes, isNxProject, isStorybookInstantiated, normalizeExtends, promptForCompoDocs, readFileAsJson, suggestESLintPlugin, supportedTemplates, unsupportedTemplate, writeFileAsJson };
213
+ export { ANGULAR_JSON_PATH, AngularJSON, type Builder, CommunityBuilder, CoreBuilder, CoreWebpackCompilers, type ExternalFramework, type NpmOptions, ProjectType, SUPPORTED_ESLINT_EXTENSIONS, SUPPORTED_RENDERERS, SupportedLanguage, type TemplateConfiguration, type TemplateMatcher, addToDevDependenciesIfNotPresent, adjustTemplate, builderNameToCoreBuilder, cliStoriesTargetPath, coerceSemver, compilerNameToCoreCompiler, compoDocPreviewPrefix, configureEslintPlugin, configureFlatConfig, copyTemplate, copyTemplateFiles, detect, detectBuilder, detectFrameworkPreset, detectLanguage, detectPnp, externalFrameworks, extractEslintInfo, findEslintFile, frameworkToDefaultBuilder, getBabelDependencies, getRendererDir, getStorybookVersionSpecifier, getVersionSafe, hasStorybookDependencies, installableProjectTypes, isNxProject, isStorybookInstantiated, normalizeExtends, promptForCompoDocs, readFileAsJson, suggestESLintPlugin, supportedTemplates, unsupportedTemplate, writeFileAsJson };