@storybook/angular 6.4.0-alpha.32 → 6.4.0-alpha.36
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.
- package/dist/ts3.4/builders/build-storybook/index.d.ts +2 -1
- package/dist/ts3.4/builders/start-storybook/index.d.ts +2 -1
- package/dist/ts3.4/client/preview/angular/helpers.d.ts +3 -3
- package/dist/ts3.4/client/preview/angular-beta/AbstractRenderer.d.ts +3 -1
- package/dist/ts3.4/client/preview/angular-beta/CanvasRenderer.d.ts +1 -0
- package/dist/ts3.4/client/preview/angular-beta/DocsRenderer.d.ts +1 -0
- package/dist/ts3.4/client/preview/angular-beta/ElementRendererService.d.ts +2 -1
- package/dist/ts3.4/client/preview/angular-beta/RendererService.d.ts +3 -2
- package/dist/ts3.4/client/preview/angular-beta/StorybookModule.d.ts +2 -3
- package/dist/ts3.4/client/preview/config.d.ts +4 -0
- package/dist/ts3.4/client/preview/decorateStory.d.ts +3 -3
- package/dist/ts3.4/client/preview/decorators.d.ts +5 -4
- package/dist/ts3.4/client/preview/index.d.ts +3 -2
- package/dist/ts3.4/client/preview/render.d.ts +5 -11
- package/dist/ts3.4/client/preview/types-6-0.d.ts +9 -8
- package/dist/ts3.4/client/preview/types.d.ts +1 -1
- package/dist/ts3.4/server/__mocks-ng-workspace__/with-lib/projects/pattern-lib/src/main.d.ts +1 -0
- package/dist/ts3.4/server/__mocks-ng-workspace__/without-projects-entry/projects/pattern-lib/src/main.d.ts +1 -0
- package/dist/ts3.4/server/__mocks-ng-workspace__/without-tsConfig/src/main.d.ts +1 -0
- package/dist/ts3.4/server/framework-preset-angular-cli.d.ts +1 -0
- package/dist/ts3.9/builders/build-storybook/index.d.ts +2 -1
- package/dist/ts3.9/builders/build-storybook/index.js +33 -15
- package/dist/ts3.9/builders/build-storybook/schema.json +14 -2
- package/dist/ts3.9/builders/start-storybook/index.d.ts +2 -1
- package/dist/ts3.9/builders/start-storybook/index.js +33 -15
- package/dist/ts3.9/builders/start-storybook/schema.json +14 -2
- package/dist/ts3.9/client/preview/angular/helpers.d.ts +3 -3
- package/dist/ts3.9/client/preview/angular-beta/AbstractRenderer.d.ts +3 -1
- package/dist/ts3.9/client/preview/angular-beta/AbstractRenderer.js +3 -2
- package/dist/ts3.9/client/preview/angular-beta/CanvasRenderer.d.ts +1 -0
- package/dist/ts3.9/client/preview/angular-beta/DocsRenderer.d.ts +1 -0
- package/dist/ts3.9/client/preview/angular-beta/ElementRendererService.d.ts +2 -1
- package/dist/ts3.9/client/preview/angular-beta/ElementRendererService.js +2 -2
- package/dist/ts3.9/client/preview/angular-beta/RendererService.d.ts +3 -2
- package/dist/ts3.9/client/preview/angular-beta/RendererService.js +3 -3
- package/dist/ts3.9/client/preview/angular-beta/StorybookModule.d.ts +2 -3
- package/dist/ts3.9/client/preview/angular-beta/StorybookModule.js +2 -2
- package/dist/ts3.9/client/preview/config.d.ts +4 -0
- package/dist/ts3.9/client/preview/config.js +7 -0
- package/dist/ts3.9/client/preview/decorateStory.d.ts +3 -3
- package/dist/ts3.9/client/preview/decorateStory.js +4 -26
- package/dist/ts3.9/client/preview/decorators.d.ts +5 -4
- package/dist/ts3.9/client/preview/index.d.ts +3 -2
- package/dist/ts3.9/client/preview/index.js +3 -5
- package/dist/ts3.9/client/preview/render.d.ts +5 -11
- package/dist/ts3.9/client/preview/render.js +10 -9
- package/dist/ts3.9/client/preview/types-6-0.d.ts +9 -8
- package/dist/ts3.9/client/preview/types.d.ts +1 -1
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/angular.json +28 -0
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/projects/pattern-lib/src/main.d.ts +1 -0
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/projects/pattern-lib/src/main.js +5 -0
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/projects/pattern-lib/tsconfig.lib.json +25 -0
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/tsconfig.json +13 -0
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-projects-entry/projects/pattern-lib/src/main.d.ts +1 -0
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-projects-entry/projects/pattern-lib/src/main.js +5 -0
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-projects-entry/projects/pattern-lib/tsconfig.lib.json +25 -0
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-projects-entry/tsconfig.json +13 -0
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-tsConfig/angular.json +16 -0
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-tsConfig/src/main.d.ts +1 -0
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-tsConfig/src/main.js +5 -0
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-tsConfig/src/tsconfig.app.json +9 -0
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-tsConfig/tsconfig.json +13 -0
- package/dist/ts3.9/server/angular-devkit-build-webpack.js +2 -2
- package/dist/ts3.9/server/framework-preset-angular-cli.d.ts +1 -0
- package/dist/ts3.9/server/framework-preset-angular-cli.js +20 -11
- package/package.json +11 -9
- package/preset.js +7 -0
- package/standalone.d.ts +2 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { PartialStoryFn } from '@storybook/csf';
|
|
2
|
+
import { AngularFramework } from '../types-6-0';
|
|
3
3
|
declare global {
|
|
4
4
|
interface Window {
|
|
5
5
|
NODE_ENV: 'string' | 'development' | undefined;
|
|
6
6
|
}
|
|
7
7
|
}
|
|
8
|
-
export declare const renderNgApp: (storyFn:
|
|
8
|
+
export declare const renderNgApp: (storyFn: PartialStoryFn<AngularFramework>, forced: boolean) => void;
|
|
@@ -28,11 +28,13 @@ export declare abstract class AbstractRenderer {
|
|
|
28
28
|
* @param forced {boolean} If :
|
|
29
29
|
* - true render will only use the StoryFn `props' in storyProps observable that will update sotry's component/template properties. Improves performance without reloading the whole module&component if props changes
|
|
30
30
|
* - false fully recharges or initializes angular module & component
|
|
31
|
+
* @param component {Component}
|
|
31
32
|
* @param parameters {Parameters}
|
|
32
33
|
*/
|
|
33
|
-
render({ storyFnAngular, forced, parameters, targetDOMNode, }: {
|
|
34
|
+
render({ storyFnAngular, forced, parameters, component, targetDOMNode, }: {
|
|
34
35
|
storyFnAngular: StoryFnAngularReturnType;
|
|
35
36
|
forced: boolean;
|
|
37
|
+
component?: any;
|
|
36
38
|
parameters: Parameters;
|
|
37
39
|
targetDOMNode: HTMLElement;
|
|
38
40
|
}): Promise<void>;
|
|
@@ -114,11 +114,12 @@ var AbstractRenderer = /** @class */ (function () {
|
|
|
114
114
|
* @param forced {boolean} If :
|
|
115
115
|
* - true render will only use the StoryFn `props' in storyProps observable that will update sotry's component/template properties. Improves performance without reloading the whole module&component if props changes
|
|
116
116
|
* - false fully recharges or initializes angular module & component
|
|
117
|
+
* @param component {Component}
|
|
117
118
|
* @param parameters {Parameters}
|
|
118
119
|
*/
|
|
119
120
|
AbstractRenderer.prototype.render = function (_a) {
|
|
120
121
|
var _b;
|
|
121
|
-
var storyFnAngular = _a.storyFnAngular, forced = _a.forced, parameters = _a.parameters, targetDOMNode = _a.targetDOMNode;
|
|
122
|
+
var storyFnAngular = _a.storyFnAngular, forced = _a.forced, parameters = _a.parameters, component = _a.component, targetDOMNode = _a.targetDOMNode;
|
|
122
123
|
return __awaiter(this, void 0, void 0, function () {
|
|
123
124
|
var targetSelector, newStoryProps$, moduleMetadata;
|
|
124
125
|
return __generator(this, function (_c) {
|
|
@@ -126,7 +127,7 @@ var AbstractRenderer = /** @class */ (function () {
|
|
|
126
127
|
case 0:
|
|
127
128
|
targetSelector = "" + this.storyId;
|
|
128
129
|
newStoryProps$ = new rxjs_1.BehaviorSubject(storyFnAngular.props);
|
|
129
|
-
moduleMetadata = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular: storyFnAngular,
|
|
130
|
+
moduleMetadata = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular: storyFnAngular, component: component, targetSelector: targetSelector }, newStoryProps$);
|
|
130
131
|
if (!this.fullRendererRequired({
|
|
131
132
|
storyFnAngular: storyFnAngular,
|
|
132
133
|
moduleMetadata: moduleMetadata,
|
|
@@ -10,8 +10,9 @@ export declare class ElementRendererService {
|
|
|
10
10
|
/**
|
|
11
11
|
* Returns a custom element generated by Angular elements
|
|
12
12
|
*/
|
|
13
|
-
renderAngularElement({ storyFnAngular, parameters, }: {
|
|
13
|
+
renderAngularElement({ storyFnAngular, parameters, component, }: {
|
|
14
14
|
storyFnAngular: StoryFnAngularReturnType;
|
|
15
15
|
parameters: Parameters;
|
|
16
|
+
component: any;
|
|
16
17
|
}): Promise<CustomElementConstructor>;
|
|
17
18
|
}
|
|
@@ -81,11 +81,11 @@ var ElementRendererService = /** @class */ (function () {
|
|
|
81
81
|
*/
|
|
82
82
|
ElementRendererService.prototype.renderAngularElement = function (_a) {
|
|
83
83
|
var _b;
|
|
84
|
-
var storyFnAngular = _a.storyFnAngular, parameters = _a.parameters;
|
|
84
|
+
var storyFnAngular = _a.storyFnAngular, parameters = _a.parameters, component = _a.component;
|
|
85
85
|
return __awaiter(this, void 0, void 0, function () {
|
|
86
86
|
var ngModule;
|
|
87
87
|
return __generator(this, function (_c) {
|
|
88
|
-
ngModule = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular: storyFnAngular,
|
|
88
|
+
ngModule = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular: storyFnAngular, component: component, targetSelector: RendererService_1.RendererService.SELECTOR_STORYBOOK_WRAPPER }, new rxjs_1.BehaviorSubject(storyFnAngular.props));
|
|
89
89
|
return [2 /*return*/, this.rendererService
|
|
90
90
|
.newPlatformBrowserDynamic()
|
|
91
91
|
.bootstrapModule(createElementsModule(ngModule), (_b = parameters.bootstrapModuleOptions) !== null && _b !== void 0 ? _b : undefined)
|
|
@@ -21,11 +21,12 @@ export declare class RendererService {
|
|
|
21
21
|
* @param forced {boolean} If :
|
|
22
22
|
* - true render will only use the StoryFn `props' in storyProps observable that will update sotry's component/template properties. Improves performance without reloading the whole module&component if props changes
|
|
23
23
|
* - false fully recharges or initializes angular module & component
|
|
24
|
-
* @param
|
|
24
|
+
* @param component {Parameters}
|
|
25
25
|
*/
|
|
26
|
-
render({ storyFnAngular, forced, parameters, }: {
|
|
26
|
+
render({ storyFnAngular, forced, component, parameters, }: {
|
|
27
27
|
storyFnAngular: StoryFnAngularReturnType;
|
|
28
28
|
forced: boolean;
|
|
29
|
+
component?: any;
|
|
29
30
|
parameters: Parameters;
|
|
30
31
|
}): Promise<void>;
|
|
31
32
|
newPlatformBrowserDynamic(): PlatformRef;
|
|
@@ -74,18 +74,18 @@ var RendererService = /** @class */ (function () {
|
|
|
74
74
|
* @param forced {boolean} If :
|
|
75
75
|
* - true render will only use the StoryFn `props' in storyProps observable that will update sotry's component/template properties. Improves performance without reloading the whole module&component if props changes
|
|
76
76
|
* - false fully recharges or initializes angular module & component
|
|
77
|
-
* @param
|
|
77
|
+
* @param component {Parameters}
|
|
78
78
|
*/
|
|
79
79
|
RendererService.prototype.render = function (_a) {
|
|
80
80
|
var _b;
|
|
81
|
-
var storyFnAngular = _a.storyFnAngular, forced = _a.forced, parameters = _a.parameters;
|
|
81
|
+
var storyFnAngular = _a.storyFnAngular, forced = _a.forced, component = _a.component, parameters = _a.parameters;
|
|
82
82
|
return __awaiter(this, void 0, void 0, function () {
|
|
83
83
|
var storyProps$, moduleMetadata, resetCompiledComponents;
|
|
84
84
|
return __generator(this, function (_c) {
|
|
85
85
|
switch (_c.label) {
|
|
86
86
|
case 0:
|
|
87
87
|
storyProps$ = new rxjs_1.BehaviorSubject(storyFnAngular.props);
|
|
88
|
-
moduleMetadata = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular: storyFnAngular,
|
|
88
|
+
moduleMetadata = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular: storyFnAngular, component: component, targetSelector: RendererService.SELECTOR_STORYBOOK_WRAPPER }, storyProps$);
|
|
89
89
|
if (!this.fullRendererRequired({
|
|
90
90
|
storyFnAngular: storyFnAngular,
|
|
91
91
|
moduleMetadata: moduleMetadata,
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { NgModule, Type } from '@angular/core';
|
|
2
2
|
import { Subject } from 'rxjs';
|
|
3
3
|
import { ICollection, StoryFnAngularReturnType } from '../types';
|
|
4
|
-
|
|
5
|
-
export declare const getStorybookModuleMetadata: ({ storyFnAngular, parameters, targetSelector, }: {
|
|
4
|
+
export declare const getStorybookModuleMetadata: ({ storyFnAngular, component: annotatedComponent, targetSelector, }: {
|
|
6
5
|
storyFnAngular: StoryFnAngularReturnType;
|
|
7
|
-
|
|
6
|
+
component?: any;
|
|
8
7
|
targetSelector: string;
|
|
9
8
|
}, storyProps$: Subject<ICollection>) => NgModule;
|
|
10
9
|
export declare const createStorybookModule: (ngModule: NgModule) => Type<unknown>;
|
|
@@ -33,13 +33,13 @@ var ComputesTemplateFromComponent_1 = require("./ComputesTemplateFromComponent")
|
|
|
33
33
|
var deprecatedStoryComponentWarning = util_deprecate_1.default(function () { }, ts_dedent_1.default(templateObject_1 || (templateObject_1 = __makeTemplateObject(["`component` story return value is deprecated, and will be removed in Storybook 7.0.\n Instead, use `export const default = () => ({ component: AppComponent });`\n or\n ```\n export const Primary: Story = () => ({});\n Primary.parameters = { component: AppComponent };\n ```\n Read more at \n - https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-angular-story-component).\n - https://storybook.js.org/docs/angular/writing-stories/parameters\n "], ["\\`component\\` story return value is deprecated, and will be removed in Storybook 7.0.\n Instead, use \\`export const default = () => ({ component: AppComponent });\\`\n or\n \\`\\`\\`\n export const Primary: Story = () => ({});\n Primary.parameters = { component: AppComponent };\n \\`\\`\\`\n Read more at \n - https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-angular-story-component).\n - https://storybook.js.org/docs/angular/writing-stories/parameters\n "]))));
|
|
34
34
|
exports.getStorybookModuleMetadata = function (_a, storyProps$) {
|
|
35
35
|
var _b, _c, _d, _e, _f;
|
|
36
|
-
var storyFnAngular = _a.storyFnAngular,
|
|
36
|
+
var storyFnAngular = _a.storyFnAngular, annotatedComponent = _a.component, targetSelector = _a.targetSelector;
|
|
37
37
|
var storyComponent = storyFnAngular.component, props = storyFnAngular.props, styles = storyFnAngular.styles, _g = storyFnAngular.moduleMetadata, moduleMetadata = _g === void 0 ? {} : _g;
|
|
38
38
|
var template = storyFnAngular.template;
|
|
39
39
|
if (storyComponent) {
|
|
40
40
|
deprecatedStoryComponentWarning();
|
|
41
41
|
}
|
|
42
|
-
var component = storyComponent !== null && storyComponent !== void 0 ? storyComponent :
|
|
42
|
+
var component = storyComponent !== null && storyComponent !== void 0 ? storyComponent : annotatedComponent;
|
|
43
43
|
if (hasNoTemplate(template) && component) {
|
|
44
44
|
template = ComputesTemplateFromComponent_1.computesTemplateFromComponent(component, props, '');
|
|
45
45
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.parameters = void 0;
|
|
4
|
+
var render_1 = require("./render");
|
|
5
|
+
Object.defineProperty(exports, "render", { enumerable: true, get: function () { return render_1.render; } });
|
|
6
|
+
Object.defineProperty(exports, "renderToDOM", { enumerable: true, get: function () { return render_1.renderToDOM; } });
|
|
7
|
+
exports.parameters = { framework: 'angular' };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { DecoratorFunction,
|
|
2
|
-
import {
|
|
3
|
-
export default function decorateStory(mainStoryFn:
|
|
1
|
+
import { DecoratorFunction, LegacyStoryFn } from '@storybook/csf';
|
|
2
|
+
import { AngularFramework } from './types-6-0';
|
|
3
|
+
export default function decorateStory(mainStoryFn: LegacyStoryFn<AngularFramework>, decorators: DecoratorFunction<AngularFramework>[]): LegacyStoryFn<AngularFramework>;
|
|
@@ -10,17 +10,6 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
13
|
var __spreadArrays = (this && this.__spreadArrays) || function () {
|
|
25
14
|
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
|
26
15
|
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
@@ -29,23 +18,12 @@ var __spreadArrays = (this && this.__spreadArrays) || function () {
|
|
|
29
18
|
return r;
|
|
30
19
|
};
|
|
31
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
var store_1 = require("@storybook/store");
|
|
32
22
|
var ComputesTemplateFromComponent_1 = require("./angular-beta/ComputesTemplateFromComponent");
|
|
33
|
-
var defaultContext = {
|
|
34
|
-
id: 'unspecified',
|
|
35
|
-
name: 'unspecified',
|
|
36
|
-
kind: 'unspecified',
|
|
37
|
-
parameters: {},
|
|
38
|
-
args: {},
|
|
39
|
-
argTypes: {},
|
|
40
|
-
globals: {},
|
|
41
|
-
};
|
|
42
23
|
function decorateStory(mainStoryFn, decorators) {
|
|
43
24
|
var returnDecorators = __spreadArrays([cleanArgsDecorator], decorators).reduce(function (previousStoryFn, decorator) { return function (context) {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
if (_a === void 0) { _a = {}; }
|
|
47
|
-
var parameters = _a.parameters, innerContext = __rest(_a, ["parameters"]);
|
|
48
|
-
return previousStoryFn(__assign(__assign({}, context), innerContext));
|
|
25
|
+
var decoratedStory = decorator(function (update) {
|
|
26
|
+
return previousStoryFn(__assign(__assign({}, context), store_1.sanitizeStoryContextUpdate(update)));
|
|
49
27
|
}, context);
|
|
50
28
|
return decoratedStory;
|
|
51
29
|
}; }, function (context) { return prepareMain(mainStoryFn(context), context); });
|
|
@@ -55,7 +33,7 @@ exports.default = decorateStory;
|
|
|
55
33
|
var prepareMain = function (story, context) {
|
|
56
34
|
var _a;
|
|
57
35
|
var template = story.template;
|
|
58
|
-
var component = (_a = story.component) !== null && _a !== void 0 ? _a : context.
|
|
36
|
+
var component = (_a = story.component) !== null && _a !== void 0 ? _a : context.component;
|
|
59
37
|
var userDefinedTemplate = !hasNoTemplate(template);
|
|
60
38
|
if (!userDefinedTemplate && component) {
|
|
61
39
|
template = ComputesTemplateFromComponent_1.computesTemplateFromComponent(component, story.props, '');
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Type } from '@angular/core';
|
|
2
|
-
import { DecoratorFunction, StoryContext } from '@storybook/
|
|
3
|
-
import { ICollection, NgModuleMetadata
|
|
4
|
-
|
|
5
|
-
export declare const
|
|
2
|
+
import { DecoratorFunction, StoryContext } from '@storybook/csf';
|
|
3
|
+
import { ICollection, NgModuleMetadata } from './types';
|
|
4
|
+
import { AngularFramework } from './types-6-0';
|
|
5
|
+
export declare const moduleMetadata: (metadata: Partial<NgModuleMetadata>) => DecoratorFunction<AngularFramework>;
|
|
6
|
+
export declare const componentWrapperDecorator: (element: Type<unknown> | ((story: string) => string), props?: ICollection | ((storyContext: StoryContext<AngularFramework>) => ICollection)) => DecoratorFunction<AngularFramework>;
|
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
/// <reference types="node" />
|
|
3
3
|
import { ClientStoryApi, Loadable } from '@storybook/addons';
|
|
4
4
|
import './globals';
|
|
5
|
-
import { IStorybookSection
|
|
6
|
-
|
|
5
|
+
import { IStorybookSection } from './types';
|
|
6
|
+
import { AngularFramework } from './types-6-0';
|
|
7
|
+
interface ClientApi extends ClientStoryApi<AngularFramework['storyResult']> {
|
|
7
8
|
setAddon(addon: any): void;
|
|
8
9
|
configure(loader: Loadable, module: NodeModule): void;
|
|
9
10
|
getStorybook(): IStorybookSection[];
|
|
@@ -12,13 +12,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
12
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
13
|
exports.raw = exports.getStorybook = exports.forceReRender = exports.setAddon = exports.clearDecorators = exports.addParameters = exports.addDecorator = exports.configure = exports.storiesOf = void 0;
|
|
14
14
|
var client_1 = require("@storybook/core/client");
|
|
15
|
-
var decorateStory_1 = __importDefault(require("./decorateStory"));
|
|
16
15
|
require("./globals");
|
|
17
|
-
var render_1 =
|
|
16
|
+
var render_1 = require("./render");
|
|
17
|
+
var decorateStory_1 = __importDefault(require("./decorateStory"));
|
|
18
18
|
var framework = 'angular';
|
|
19
|
-
var
|
|
20
|
-
var api = client_1.start(render_1.default, { decorateStory: decorateStory_1.default });
|
|
21
|
-
api.clientApi.globalRender = globalRender;
|
|
19
|
+
var api = client_1.start(render_1.renderToDOM, { decorateStory: decorateStory_1.default, render: render_1.render });
|
|
22
20
|
exports.storiesOf = function (kind, m) {
|
|
23
21
|
return api.clientApi.storiesOf(kind, m).addParameters({
|
|
24
22
|
framework: framework,
|
|
@@ -1,13 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { RenderContext } from '@storybook/store';
|
|
2
|
+
import { ArgsStoryFn } from '@storybook/csf';
|
|
3
|
+
import { AngularFramework } from './types-6-0';
|
|
4
4
|
import { RendererFactory } from './angular-beta/RendererFactory';
|
|
5
5
|
export declare const rendererFactory: RendererFactory;
|
|
6
|
-
export
|
|
7
|
-
|
|
8
|
-
showMain: () => void;
|
|
9
|
-
forceRender: boolean;
|
|
10
|
-
parameters: Parameters;
|
|
11
|
-
targetDOMNode: HTMLElement;
|
|
12
|
-
id: string;
|
|
13
|
-
}): Promise<void>;
|
|
6
|
+
export declare const render: ArgsStoryFn<AngularFramework>;
|
|
7
|
+
export declare function renderToDOM({ storyFn, showMain, forceRemount, storyContext: { parameters, component }, id, }: RenderContext<AngularFramework>, element: HTMLElement): Promise<void>;
|
|
@@ -36,13 +36,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
|
-
exports.rendererFactory = void 0;
|
|
39
|
+
exports.renderToDOM = exports.render = exports.rendererFactory = void 0;
|
|
40
40
|
var helpers_1 = require("./angular/helpers");
|
|
41
41
|
var RendererFactory_1 = require("./angular-beta/RendererFactory");
|
|
42
|
-
var rootElement = global.document.getElementById('root');
|
|
43
42
|
exports.rendererFactory = new RendererFactory_1.RendererFactory();
|
|
44
|
-
function
|
|
45
|
-
|
|
43
|
+
exports.render = function (props) { return ({ props: props }); };
|
|
44
|
+
function renderToDOM(_a, element) {
|
|
45
|
+
var storyFn = _a.storyFn, showMain = _a.showMain, forceRemount = _a.forceRemount, _b = _a.storyContext, parameters = _b.parameters, component = _b.component, id = _a.id;
|
|
46
46
|
return __awaiter(this, void 0, void 0, function () {
|
|
47
47
|
var renderer;
|
|
48
48
|
return __generator(this, function (_c) {
|
|
@@ -50,17 +50,18 @@ function renderMain(_a) {
|
|
|
50
50
|
case 0:
|
|
51
51
|
showMain();
|
|
52
52
|
if (parameters.angularLegacyRendering) {
|
|
53
|
-
helpers_1.renderNgApp(storyFn,
|
|
53
|
+
helpers_1.renderNgApp(storyFn, !forceRemount);
|
|
54
54
|
return [2 /*return*/];
|
|
55
55
|
}
|
|
56
|
-
return [4 /*yield*/, exports.rendererFactory.getRendererInstance(id,
|
|
56
|
+
return [4 /*yield*/, exports.rendererFactory.getRendererInstance(id, element)];
|
|
57
57
|
case 1:
|
|
58
58
|
renderer = _c.sent();
|
|
59
59
|
return [4 /*yield*/, renderer.render({
|
|
60
60
|
storyFnAngular: storyFn(),
|
|
61
|
+
component: component,
|
|
61
62
|
parameters: parameters,
|
|
62
|
-
forced:
|
|
63
|
-
targetDOMNode:
|
|
63
|
+
forced: !forceRemount,
|
|
64
|
+
targetDOMNode: element,
|
|
64
65
|
})];
|
|
65
66
|
case 2:
|
|
66
67
|
_c.sent();
|
|
@@ -69,4 +70,4 @@ function renderMain(_a) {
|
|
|
69
70
|
});
|
|
70
71
|
});
|
|
71
72
|
}
|
|
72
|
-
exports.
|
|
73
|
+
exports.renderToDOM = renderToDOM;
|
|
@@ -1,26 +1,27 @@
|
|
|
1
|
-
import { Args
|
|
1
|
+
import { Args, Parameters as DefaultParameters, StoryContext as DefaultStoryContext, ComponentAnnotations, StoryAnnotationsOrFn } from '@storybook/csf';
|
|
2
2
|
import { StoryFnAngularReturnType } from './types';
|
|
3
|
-
export type { Args, ArgTypes } from '@storybook/
|
|
4
|
-
declare type
|
|
5
|
-
|
|
3
|
+
export type { Args, ArgTypes } from '@storybook/csf';
|
|
4
|
+
export declare type AngularFramework = {
|
|
5
|
+
component: any;
|
|
6
|
+
storyResult: StoryFnAngularReturnType;
|
|
7
|
+
};
|
|
6
8
|
/**
|
|
7
9
|
* Metadata to configure the stories for a component.
|
|
8
10
|
*
|
|
9
11
|
* @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
|
|
10
12
|
*/
|
|
11
|
-
export declare type Meta<
|
|
13
|
+
export declare type Meta<TArgs = Args> = ComponentAnnotations<AngularFramework, TArgs>;
|
|
12
14
|
/**
|
|
13
15
|
* Story function that represents a component example.
|
|
14
16
|
*
|
|
15
17
|
* @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
|
|
16
18
|
*/
|
|
17
|
-
export declare type Story<
|
|
19
|
+
export declare type Story<TArgs = Args> = StoryAnnotationsOrFn<AngularFramework, TArgs>;
|
|
18
20
|
export declare type Parameters = DefaultParameters & {
|
|
19
21
|
/** Uses legacy angular rendering engine that use dynamic component */
|
|
20
22
|
angularLegacyRendering?: boolean;
|
|
21
|
-
component: unknown;
|
|
22
23
|
bootstrapModuleOptions?: unknown;
|
|
23
24
|
};
|
|
24
|
-
export declare type StoryContext = DefaultStoryContext & {
|
|
25
|
+
export declare type StoryContext = DefaultStoryContext<AngularFramework> & {
|
|
25
26
|
parameters: Parameters;
|
|
26
27
|
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
|
|
3
|
+
"version": 1,
|
|
4
|
+
"newProjectRoot": "projects",
|
|
5
|
+
"projects": {
|
|
6
|
+
"pattern-lib": {
|
|
7
|
+
"projectType": "library",
|
|
8
|
+
"root": "projects/pattern-lib",
|
|
9
|
+
"sourceRoot": "projects/pattern-lib/src",
|
|
10
|
+
"prefix": "lib",
|
|
11
|
+
"architect": {
|
|
12
|
+
"build": {
|
|
13
|
+
"builder": "@angular-devkit/build-angular:ng-packagr",
|
|
14
|
+
"options": {
|
|
15
|
+
"tsConfig": "projects/pattern-lib/tsconfig.lib.json",
|
|
16
|
+
"project": "projects/pattern-lib/ng-package.json"
|
|
17
|
+
},
|
|
18
|
+
"configurations": {
|
|
19
|
+
"production": {
|
|
20
|
+
"tsConfig": "projects/pattern-lib/tsconfig.lib.prod.json"
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
"defaultProject": "pattern-lib"
|
|
28
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const not = "empty";
|
package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/projects/pattern-lib/tsconfig.lib.json
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/* To learn more about this file see: https://angular.io/config/tsconfig. */
|
|
2
|
+
{
|
|
3
|
+
"extends": "../../tsconfig.json",
|
|
4
|
+
"compilerOptions": {
|
|
5
|
+
"outDir": "../../out-tsc/lib",
|
|
6
|
+
"target": "es2015",
|
|
7
|
+
"declaration": true,
|
|
8
|
+
"declarationMap": true,
|
|
9
|
+
"inlineSources": true,
|
|
10
|
+
"types": [],
|
|
11
|
+
"lib": [
|
|
12
|
+
"dom",
|
|
13
|
+
"es2018"
|
|
14
|
+
]
|
|
15
|
+
},
|
|
16
|
+
"angularCompilerOptions": {
|
|
17
|
+
"skipTemplateCodegen": true,
|
|
18
|
+
"strictMetadataEmit": true,
|
|
19
|
+
"enableResourceInlining": true
|
|
20
|
+
},
|
|
21
|
+
"exclude": [
|
|
22
|
+
"src/test.ts",
|
|
23
|
+
"**/*.spec.ts"
|
|
24
|
+
]
|
|
25
|
+
}
|