@storybook/angular 8.2.0-alpha.0 → 8.2.0-alpha.10

package/dist/builders/build-storybook/index.d.ts

@@ -13,6 +13,7 @@ export type StorybookBuilderOptions = JsonObject & {
     enableProdMode?: boolean;
     styles?: StyleElement[];
     stylePreprocessorOptions?: StylePreprocessorOptions;
+    preserveSymlinks?: boolean;
     assets?: AssetPattern[];
     sourceMap?: SourceMapUnion;
 } & Pick<CLIOptions, 'outputDir' | 'configDir' | 'loglevel' | 'quiet' | 'test' | 'webpackStatsJson' | 'statsJson' | 'disableTelemetry' | 'debugWebpack' | 'previewUrl'>;
@@ -29,6 +30,7 @@ declare const _default: import("@angular-devkit/architect/src/internal").Builder
     enableProdMode?: boolean | undefined;
     styles?: StyleElement[] | undefined;
     stylePreprocessorOptions?: StylePreprocessorOptions | undefined;
+    preserveSymlinks?: boolean | undefined;
     assets?: AssetPattern[] | undefined;
     sourceMap?: SourceMapUnion | undefined;
 } & Pick<CLIOptions, "statsJson" | "outputDir" | "configDir" | "loglevel" | "quiet" | "test" | "webpackStatsJson" | "disableTelemetry" | "debugWebpack" | "previewUrl">>;

package/dist/builders/build-storybook/index.js

@@ -24,7 +24,7 @@ const commandBuilder = (options, context) => {
             outputDir: 'SBCONFIG_OUTPUT_DIR',
             configDir: 'SBCONFIG_CONFIG_DIR',
         });
-        const { browserTarget, stylePreprocessorOptions, styles, configDir, docs, loglevel, test, outputDir, quiet, enableProdMode = true, webpackStatsJson, statsJson, debugWebpack, disableTelemetry, assets, previewUrl, sourceMap = false, } = options;
+        const { browserTarget, stylePreprocessorOptions, styles, configDir, docs, loglevel, test, outputDir, quiet, enableProdMode = true, webpackStatsJson, statsJson, debugWebpack, disableTelemetry, assets, previewUrl, sourceMap = false, preserveSymlinks = false, } = options;
         const standaloneOptions = {
             packageJson: (0, read_pkg_up_1.sync)({ cwd: __dirname }).packageJson,
             configDir,
@@ -42,6 +42,7 @@ const commandBuilder = (options, context) => {
                 ...(styles ? { styles } : {}),
                 ...(assets ? { assets } : {}),
                 sourceMap,
+                preserveSymlinks,
             },
             tsConfig,
             webpackStatsJson,

package/dist/builders/build-storybook/index.spec.js

@@ -1,7 +1,4 @@
 "use strict";
-/*
- * @vitest-environment node
- */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

package/dist/builders/build-storybook/schema.json

@@ -19,6 +19,11 @@
             "description": "Directory where to store built files.",
             "default": "storybook-static"
         },
+        "preserveSymlinks": {
+            "type": "boolean",
+            "description": "Do not use the real path when resolving modules. If true, symlinks are resolved to their real path, if false, symlinks are resolved to their symlinked path.",
+            "default": false
+        },
         "configDir": {
             "type": "string",
             "description": "Directory where to load Storybook configurations from.",

package/dist/builders/start-storybook/index.d.ts

@@ -12,6 +12,7 @@ export type StorybookBuilderOptions = JsonObject & {
     styles?: StyleElement[];
     stylePreprocessorOptions?: StylePreprocessorOptions;
     assets?: AssetPattern[];
+    preserveSymlinks?: boolean;
     sourceMap?: SourceMapUnion;
 } & Pick<CLIOptions, 'port' | 'host' | 'configDir' | 'https' | 'sslCa' | 'sslCert' | 'sslKey' | 'smokeTest' | 'ci' | 'quiet' | 'disableTelemetry' | 'initialPath' | 'open' | 'docs' | 'debugWebpack' | 'webpackStatsJson' | 'statsJson' | 'loglevel' | 'previewUrl'>;
 export type StorybookBuilderOutput = JsonObject & BuilderOutput & {};
@@ -24,6 +25,7 @@ declare const _default: import("@angular-devkit/architect/src/internal").Builder
     styles?: StyleElement[] | undefined;
     stylePreprocessorOptions?: StylePreprocessorOptions | undefined;
     assets?: AssetPattern[] | undefined;
+    preserveSymlinks?: boolean | undefined;
     sourceMap?: SourceMapUnion | undefined;
 } & Pick<CLIOptions, "docs" | "statsJson" | "configDir" | "loglevel" | "quiet" | "webpackStatsJson" | "disableTelemetry" | "debugWebpack" | "previewUrl" | "port" | "host" | "initialPath" | "https" | "sslCa" | "sslCert" | "sslKey" | "smokeTest" | "open" | "ci">>;
 export default _default;

package/dist/builders/start-storybook/index.js

@@ -30,7 +30,7 @@ const commandBuilder = (options, context) => {
             ci: 'CI',
         });
         options.port = parseInt(`${options.port}`, 10);
-        const { browserTarget, stylePreprocessorOptions, styles, ci, configDir, docs, host, https, port, quiet, enableProdMode = false, smokeTest, sslCa, sslCert, sslKey, disableTelemetry, assets, initialPath, open, debugWebpack, loglevel, webpackStatsJson, statsJson, previewUrl, sourceMap = false, } = options;
+        const { browserTarget, stylePreprocessorOptions, styles, ci, configDir, docs, host, https, port, quiet, enableProdMode = false, smokeTest, sslCa, sslCert, sslKey, disableTelemetry, assets, initialPath, open, debugWebpack, loglevel, webpackStatsJson, statsJson, previewUrl, sourceMap = false, preserveSymlinks = false, } = options;
         const standaloneOptions = {
             packageJson: (0, read_pkg_up_1.sync)({ cwd: __dirname }).packageJson,
             ci,
@@ -52,6 +52,7 @@ const commandBuilder = (options, context) => {
                 ...(stylePreprocessorOptions ? { stylePreprocessorOptions } : {}),
                 ...(styles ? { styles } : {}),
                 ...(assets ? { assets } : {}),
+                preserveSymlinks,
                 sourceMap,
             },
             tsConfig,

package/dist/builders/start-storybook/index.spec.js

@@ -1,7 +1,4 @@
 "use strict";
-/*
- * @vitest-environment node
- */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

package/dist/builders/start-storybook/schema.json

@@ -19,6 +19,11 @@
             "type": "string",
             "description": "The full path for the TypeScript configuration file, relative to the current workspace."
         },
+        "preserveSymlinks": {
+            "type": "boolean",
+            "description": "Do not use the real path when resolving modules. If true, symlinks are resolved to their real path, if false, symlinks are resolved to their symlinked path.",
+            "default": false
+        },
         "port": {
             "type": "number",
             "description": "Port to listen on.",

package/dist/builders/utils/standalone-options.d.ts

@@ -10,6 +10,7 @@ export type StandaloneOptions = CLIOptions & LoadOptions & BuilderOptions & {
         stylePreprocessorOptions?: StylePreprocessorOptions;
         assets?: AssetPattern[];
         sourceMap?: SourceMapUnion;
+        preserveSymlinks?: boolean;
     };
     angularBuilderContext?: BuilderContext | null;
     tsConfig?: string;

package/dist/client/angular-beta/RendererFactory.test.js

@@ -1,4 +1,5 @@
 "use strict";
+// @vitest-environment happy-dom
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);

package/dist/client/angular-beta/StorybookModule.test.js

@@ -1,4 +1,5 @@
 "use strict";
+// @vitest-environment happy-dom
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);

package/dist/client/angular-beta/StorybookWrapperComponent.d.ts

@@ -10,6 +10,6 @@ export declare const createStorybookWrapperComponent: ({ selector, template, sto
     storyComponent: Type<unknown> | undefined;
     styles: string[];
     moduleMetadata: NgModuleMetadata;
-    initialProps?: ICollection | undefined;
+    initialProps?: ICollection;
     analyzedMetadata: PropertyExtractor;
 }) => Type<any>;

package/dist/client/angular-beta/utils/BootstrapQueue.test.js

@@ -1,4 +1,5 @@
 "use strict";
+// @vitest-environment happy-dom
 Object.defineProperty(exports, "__esModule", { value: true });
 const rxjs_1 = require("rxjs");
 const vitest_1 = require("vitest");

package/dist/client/angular-beta/utils/NgComponentAnalyzer.test.js

@@ -1,4 +1,5 @@
 "use strict";
+// @vitest-environment happy-dom
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);

package/dist/client/angular-beta/utils/PropertyExtractor.js

@@ -130,7 +130,11 @@ PropertyExtractor.analyzeDecorators = (component) => {
     const isDirective = decorators.some((d) => _a.isDecoratorInstanceOf(d, 'Directive'));
     const isPipe = decorators.some((d) => _a.isDecoratorInstanceOf(d, 'Pipe'));
     const isDeclarable = isComponent || isDirective || isPipe;
-    const isStandalone = (isComponent || isDirective) && decorators.some((d) => d.standalone);
+    // Check if the hierarchically lowest Component or Directive decorator (the only relevant for importing dependencies) is standalone.
+    const isStandalone = !!((isComponent || isDirective) &&
+        [...decorators]
+            .reverse() // reflectionCapabilities returns decorators in a hierarchically top-down order
+            .find((d) => _a.isDecoratorInstanceOf(d, 'Component') || _a.isDecoratorInstanceOf(d, 'Directive'))?.standalone);
     return { isDeclarable, isStandalone };
 };
 PropertyExtractor.isDecoratorInstanceOf = (decorator, name) => {

package/dist/client/angular-beta/utils/PropertyExtractor.test.js

@@ -19,6 +19,12 @@ const StandaloneTestComponent = (0, core_1.Component)({ standalone: true })(clas
 });
 const StandaloneTestDirective = (0, core_1.Directive)({ standalone: true })(class {
 });
+const MixedTestComponent1 = (0, core_1.Component)({ standalone: true })(class extends StandaloneTestComponent {
+});
+const MixedTestComponent2 = (0, core_1.Component)({})(class extends MixedTestComponent1 {
+});
+const MixedTestComponent3 = (0, core_1.Component)({ standalone: true })(class extends MixedTestComponent2 {
+});
 const TestModuleWithDeclarations = (0, core_1.NgModule)({ declarations: [TestComponent1] })(class {
 });
 const TestModuleWithImportsAndProviders = (0, core_1.NgModule)({
@@ -135,6 +141,18 @@ const extractApplicationProviders = (metadata, component) => {
             const { isStandalone } = PropertyExtractor_1.PropertyExtractor.analyzeDecorators(StandaloneTestComponent);
             (0, vitest_1.expect)(isStandalone).toBe(true);
         });
+        (0, vitest_1.it)('isStandalone should be true', () => {
+            const { isStandalone } = PropertyExtractor_1.PropertyExtractor.analyzeDecorators(MixedTestComponent1);
+            (0, vitest_1.expect)(isStandalone).toBe(true);
+        });
+        (0, vitest_1.it)('isStandalone should be false', () => {
+            const { isStandalone } = PropertyExtractor_1.PropertyExtractor.analyzeDecorators(MixedTestComponent2);
+            (0, vitest_1.expect)(isStandalone).toBe(false);
+        });
+        (0, vitest_1.it)('isStandalone should be true', () => {
+            const { isStandalone } = PropertyExtractor_1.PropertyExtractor.analyzeDecorators(MixedTestComponent3);
+            (0, vitest_1.expect)(isStandalone).toBe(true);
+        });
     });
     (0, vitest_1.describe)('extractProviders', () => {
         (0, vitest_1.it)('should return an array of providers', () => {

package/dist/client/decorators.d.ts

@@ -11,4 +11,4 @@ export declare function applicationConfig<TArgs = any>(
  * Set of config options available during the application bootstrap operation.
  */
 config: ApplicationConfig): DecoratorFunction<AngularRenderer, TArgs>;
-export declare const componentWrapperDecorator: <TArgs = any>(element: Type<unknown> | ((story: string) => string), props?: ICollection | ((storyContext: StoryContext<AngularRenderer, TArgs>) => ICollection) | undefined) => DecoratorFunction<AngularRenderer, TArgs>;
+export declare const componentWrapperDecorator: <TArgs = any>(element: Type<unknown> | ((story: string) => string), props?: ICollection | ((storyContext: StoryContext<AngularRenderer, TArgs>) => ICollection)) => DecoratorFunction<AngularRenderer, TArgs>;

package/dist/server/angular-cli-webpack.js

@@ -49,6 +49,9 @@ exports.getWebpackConfig = async (baseConfig, { builderOptions, builderContext }
         styles: builderOptions.styles
             ?.map((style) => (typeof style === 'string' ? style : style.input))
             .filter((style) => typeof style === 'string' || style.inject !== false),
+        outputPath: typeof builderOptions.outputPath === 'string'
+            ? builderOptions.outputPath
+            : builderOptions.outputPath?.base,
         // Fixed options
         optimization: false,
         namedChunks: false,

package/dist/types.d.ts

@@ -1,7 +1,8 @@
 import { StorybookConfig as StorybookConfigBase, TypescriptOptions as TypescriptOptionsReact } from '@storybook/core-webpack';
 import { StorybookConfigWebpack, BuilderOptions, TypescriptOptions as TypescriptOptionsBuilder } from '@storybook/builder-webpack5';
-type FrameworkName = '@storybook/angular';
-type BuilderName = '@storybook/builder-webpack5';
+import { CompatibleString } from '@storybook/types';
+type FrameworkName = CompatibleString<'@storybook/angular'>;
+type BuilderName = CompatibleString<'@storybook/builder-webpack5'>;
 export type FrameworkOptions = AngularOptions & {
     builder?: BuilderOptions;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "8.2.0-alpha.0",
+  "version": "8.2.0-alpha.10",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -37,18 +37,18 @@
     "prep": "rimraf dist && node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/tsc.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "8.2.0-alpha.0",
-    "@storybook/client-logger": "8.2.0-alpha.0",
-    "@storybook/core-common": "8.2.0-alpha.0",
-    "@storybook/core-events": "8.2.0-alpha.0",
-    "@storybook/core-server": "8.2.0-alpha.0",
-    "@storybook/core-webpack": "8.2.0-alpha.0",
-    "@storybook/docs-tools": "8.2.0-alpha.0",
+    "@storybook/builder-webpack5": "8.2.0-alpha.10",
+    "@storybook/client-logger": "8.2.0-alpha.10",
+    "@storybook/core-common": "8.2.0-alpha.10",
+    "@storybook/core-events": "8.2.0-alpha.10",
+    "@storybook/core-server": "8.2.0-alpha.10",
+    "@storybook/core-webpack": "8.2.0-alpha.10",
+    "@storybook/docs-tools": "8.2.0-alpha.10",
     "@storybook/global": "^5.0.0",
-    "@storybook/node-logger": "8.2.0-alpha.0",
-    "@storybook/preview-api": "8.2.0-alpha.0",
-    "@storybook/telemetry": "8.2.0-alpha.0",
-    "@storybook/types": "8.2.0-alpha.0",
+    "@storybook/node-logger": "8.2.0-alpha.10",
+    "@storybook/preview-api": "8.2.0-alpha.10",
+    "@storybook/telemetry": "8.2.0-alpha.10",
+    "@storybook/types": "8.2.0-alpha.10",
     "@types/node": "^18.0.0",
     "@types/react": "^18.0.37",
     "@types/react-dom": "^18.0.11",
@@ -80,24 +80,23 @@
     "@types/cross-spawn": "^6.0.2",
     "@types/tmp": "^0.2.3",
     "cross-spawn": "^7.0.3",
-    "jsdom": "^23.0.1",
     "tmp": "^0.2.1",
     "typescript": "^5.3.2",
     "webpack": "5",
     "zone.js": "^0.14.2"
   },
   "peerDependencies": {
-    "@angular-devkit/architect": ">=0.1500.0 < 0.1800.0",
-    "@angular-devkit/build-angular": ">=15.0.0 < 18.0.0",
-    "@angular-devkit/core": ">=15.0.0 < 18.0.0",
-    "@angular/cli": ">=15.0.0 < 18.0.0",
-    "@angular/common": ">=15.0.0 < 18.0.0",
-    "@angular/compiler": ">=15.0.0 < 18.0.0",
-    "@angular/compiler-cli": ">=15.0.0 < 18.0.0",
-    "@angular/core": ">=15.0.0 < 18.0.0",
-    "@angular/forms": ">=15.0.0 < 18.0.0",
-    "@angular/platform-browser": ">=15.0.0 < 18.0.0",
-    "@angular/platform-browser-dynamic": ">=15.0.0 < 18.0.0",
+    "@angular-devkit/architect": ">=0.1500.0 < 0.1900.0",
+    "@angular-devkit/build-angular": ">=15.0.0 < 19.0.0",
+    "@angular-devkit/core": ">=15.0.0 < 19.0.0",
+    "@angular/cli": ">=15.0.0 < 19.0.0",
+    "@angular/common": ">=15.0.0 < 19.0.0",
+    "@angular/compiler": ">=15.0.0 < 19.0.0",
+    "@angular/compiler-cli": ">=15.0.0 < 19.0.0",
+    "@angular/core": ">=15.0.0 < 19.0.0",
+    "@angular/forms": ">=15.0.0 < 19.0.0",
+    "@angular/platform-browser": ">=15.0.0 < 19.0.0",
+    "@angular/platform-browser-dynamic": ">=15.0.0 < 19.0.0",
     "rxjs": "^6.0.0 || ^7.4.0",
     "typescript": "^4.0.0 || ^5.0.0",
     "zone.js": ">= 0.11.1 < 1.0.0"
@@ -118,5 +117,5 @@
     "post": "./scripts/postbuild.js",
     "tsConfig": "tsconfig.build.json"
   },
-  "gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae17"
+  "gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae16"
 }