@storybook/angular 9.0.0-rc.1 → 9.0.0-rc.3

package/dist/client/{docs/compodoc.d.ts → compodoc.d.ts}

@@ -1,5 +1,5 @@
 import { ArgTypes, SBType } from 'storybook/internal/types';
-import { Class, CompodocJson, Component, Directive, Injectable, Method, Pipe, Property } from './types';
+import { Class, CompodocJson, Component, Directive, Injectable, Method, Pipe, Property } from './compodoc-types';
 export declare const isMethod: (methodOrProp: Method | Property) => methodOrProp is Method;
 export declare const setCompodocJson: (compodocJson: CompodocJson) => void;
 export declare const getCompodocJson: () => CompodocJson;

package/dist/client/config.d.ts

@@ -1,6 +1,6 @@
 import './globals';
 export { render, renderToCanvas } from './render';
 export { decorateStory as applyDecorators } from './decorateStory';
-export declare const parameters: {
-    renderer: "angular";
-};
+import { ArgTypesEnhancer, Parameters } from 'storybook/internal/types';
+export declare const parameters: Parameters;
+export declare const argTypesEnhancers: ArgTypesEnhancer[];

package/dist/client/config.js

@@ -1,10 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.parameters = exports.applyDecorators = exports.renderToCanvas = exports.render = void 0;
+exports.argTypesEnhancers = exports.parameters = exports.applyDecorators = exports.renderToCanvas = exports.render = void 0;
 require("./globals");
 var render_1 = require("./render");
 Object.defineProperty(exports, "render", { enumerable: true, get: function () { return render_1.render; } });
 Object.defineProperty(exports, "renderToCanvas", { enumerable: true, get: function () { return render_1.renderToCanvas; } });
 var decorateStory_1 = require("./decorateStory");
 Object.defineProperty(exports, "applyDecorators", { enumerable: true, get: function () { return decorateStory_1.decorateStory; } });
-exports.parameters = { renderer: 'angular' };
+const docs_tools_1 = require("storybook/internal/docs-tools");
+const compodoc_1 = require("./compodoc");
+exports.parameters = {
+    renderer: 'angular',
+    docs: {
+        story: { inline: true },
+        extractArgTypes: compodoc_1.extractArgTypes,
+        extractComponentDescription: compodoc_1.extractComponentDescription,
+    },
+};
+exports.argTypesEnhancers = [docs_tools_1.enhanceArgTypes];

package/dist/client/config.mjs

@@ -1,4 +1,14 @@
 import './globals';
 export { render, renderToCanvas } from './render';
 export { decorateStory as applyDecorators } from './decorateStory';
-export const parameters = { renderer: 'angular' };
+import { enhanceArgTypes } from 'storybook/internal/docs-tools';
+import { extractArgTypes, extractComponentDescription } from './compodoc';
+export const parameters = {
+    renderer: 'angular',
+    docs: {
+        story: { inline: true },
+        extractArgTypes,
+        extractComponentDescription,
+    },
+};
+export const argTypesEnhancers = [enhanceArgTypes];

package/dist/client/docs/config.d.ts

@@ -1,4 +1,3 @@
-import { ArgTypesEnhancer, DecoratorFunction, Parameters } from 'storybook/internal/types';
+import { DecoratorFunction, Parameters } from 'storybook/internal/types';
 export declare const parameters: Parameters;
 export declare const decorators: DecoratorFunction[];
-export declare const argTypesEnhancers: ArgTypesEnhancer[];

package/dist/client/docs/config.js

@@ -1,14 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.argTypesEnhancers = exports.decorators = exports.parameters = void 0;
+exports.decorators = exports.parameters = void 0;
 const docs_tools_1 = require("storybook/internal/docs-tools");
-const compodoc_1 = require("./compodoc");
 const sourceDecorator_1 = require("./sourceDecorator");
 exports.parameters = {
     docs: {
-        story: { inline: true },
-        extractArgTypes: compodoc_1.extractArgTypes,
-        extractComponentDescription: compodoc_1.extractComponentDescription,
         source: {
             type: docs_tools_1.SourceType.DYNAMIC,
             language: 'html',
@@ -16,4 +12,3 @@ exports.parameters = {
     },
 };
 exports.decorators = [sourceDecorator_1.sourceDecorator];
-exports.argTypesEnhancers = [docs_tools_1.enhanceArgTypes];

package/dist/client/docs/config.mjs

@@ -1,11 +1,7 @@
-import { SourceType, enhanceArgTypes } from 'storybook/internal/docs-tools';
-import { extractArgTypes, extractComponentDescription } from './compodoc';
+import { SourceType } from 'storybook/internal/docs-tools';
 import { sourceDecorator } from './sourceDecorator';
 export const parameters = {
     docs: {
-        story: { inline: true },
-        extractArgTypes,
-        extractComponentDescription,
         source: {
             type: SourceType.DYNAMIC,
             language: 'html',
@@ -13,4 +9,3 @@ export const parameters = {
     },
 };
 export const decorators = [sourceDecorator];
-export const argTypesEnhancers = [enhanceArgTypes];

package/dist/preset.js

@@ -6,13 +6,17 @@ const getAbsolutePath = (input) => (0, node_path_1.dirname)(require.resolve((0,
 exports.addons = [
     require.resolve('./server/framework-preset-angular-cli'),
     require.resolve('./server/framework-preset-angular-ivy'),
-    require.resolve('./server/framework-preset-angular-docs'),
 ];
-const previewAnnotations = (entries = [], options) => {
+const previewAnnotations = async (entries = [], options) => {
     const annotations = [...entries, require.resolve('./client/config')];
     if (options.enableProdMode) {
         annotations.unshift(require.resolve('./client/preview-prod'));
     }
+    const docsConfig = await options.presets.apply('docs', {}, options);
+    const docsEnabled = Object.keys(docsConfig).length > 0;
+    if (docsEnabled) {
+        annotations.push(require.resolve('./client/docs/config'));
+    }
     return annotations;
 };
 exports.previewAnnotations = previewAnnotations;

package/dist/preset.mjs

@@ -3,13 +3,17 @@ const getAbsolutePath = (input) => dirname(require.resolve(join(input, 'package.
 export const addons = [
     require.resolve('./server/framework-preset-angular-cli'),
     require.resolve('./server/framework-preset-angular-ivy'),
-    require.resolve('./server/framework-preset-angular-docs'),
 ];
-export const previewAnnotations = (entries = [], options) => {
+export const previewAnnotations = async (entries = [], options) => {
     const annotations = [...entries, require.resolve('./client/config')];
     if (options.enableProdMode) {
         annotations.unshift(require.resolve('./client/preview-prod'));
     }
+    const docsConfig = await options.presets.apply('docs', {}, options);
+    const docsEnabled = Object.keys(docsConfig).length > 0;
+    if (docsEnabled) {
+        annotations.push(require.resolve('./client/docs/config'));
+    }
     return annotations;
 };
 export const core = async (config, options) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "9.0.0-rc.1",
+  "version": "9.0.0-rc.3",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -52,8 +52,8 @@
     "prep": "rimraf dist && jiti ../../../scripts/prepare/tsc.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "9.0.0-rc.1",
-    "@storybook/core-webpack": "9.0.0-rc.1",
+    "@storybook/builder-webpack5": "9.0.0-rc.3",
+    "@storybook/core-webpack": "9.0.0-rc.3",
     "@storybook/global": "^5.0.0",
     "@types/webpack-env": "^1.18.0",
     "fd-package-json": "^1.2.0",
@@ -96,7 +96,7 @@
     "@angular/platform-browser": ">=18.0.0 < 20.0.0",
     "@angular/platform-browser-dynamic": ">=18.0.0 < 20.0.0",
     "rxjs": "^6.5.3 || ^7.4.0",
-    "storybook": "^9.0.0-rc.1",
+    "storybook": "^9.0.0-rc.3",
     "typescript": "^4.9.0 || ^5.0.0",
     "zone.js": ">=0.14.0"
   },

package/template/components/index.js

@@ -1,8 +1,6 @@
-import { global } from '@storybook/global';
-
 import Button from './button.component';
 import Form from './form.component';
 import Html from './html.component';
 import Pre from './pre.component';
 
-global.Components = { Button, Html, Pre, Form };
+globalThis.__TEMPLATE_COMPONENTS__ = { Button, Html, Pre, Form };

package/dist/client/docs/index.d.ts

@@ -1 +0,0 @@
-export * from './compodoc';

package/dist/client/docs/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./compodoc"), exports);

package/dist/client/docs/index.mjs

@@ -1 +0,0 @@
-export * from './compodoc';

package/dist/server/framework-preset-angular-docs.d.ts

@@ -1,2 +0,0 @@
-import { PresetProperty } from 'storybook/internal/types';
-export declare const previewAnnotations: PresetProperty<'previewAnnotations'>;

package/dist/server/framework-preset-angular-docs.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.previewAnnotations = void 0;
-const docs_tools_1 = require("storybook/internal/docs-tools");
-const previewAnnotations = (entry = [], options) => {
-    if (!(0, docs_tools_1.hasDocsOrControls)(options))
-        return entry;
-    return [...entry, require.resolve('../client/docs/config')];
-};
-exports.previewAnnotations = previewAnnotations;

package/dist/server/framework-preset-angular-docs.mjs

@@ -1,6 +0,0 @@
-import { hasDocsOrControls } from 'storybook/internal/docs-tools';
-export const previewAnnotations = (entry = [], options) => {
-    if (!hasDocsOrControls(options))
-        return entry;
-    return [...entry, require.resolve('../client/docs/config')];
-};