@storybook/angular 6.4.0-beta.23 → 6.4.0-beta.24
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/package.json +9 -9
- package/types-7-0.d.ts +1 -0
- package/dist/ts3.4/builders/build-storybook/index.d.ts +0 -12
- package/dist/ts3.4/builders/start-storybook/index.d.ts +0 -12
- package/dist/ts3.4/builders/utils/build-standalone-errors-handler.d.ts +0 -1
- package/dist/ts3.4/builders/utils/run-compodoc.d.ts +0 -6
- package/dist/ts3.4/client/index.d.ts +0 -4
- package/dist/ts3.4/client/preview/angular/app.token.d.ts +0 -3
- package/dist/ts3.4/client/preview/angular/components/app.component.d.ts +0 -38
- package/dist/ts3.4/client/preview/angular/helpers.d.ts +0 -8
- package/dist/ts3.4/client/preview/angular-beta/AbstractRenderer.d.ts +0 -44
- package/dist/ts3.4/client/preview/angular-beta/CanvasRenderer.d.ts +0 -14
- package/dist/ts3.4/client/preview/angular-beta/ComputesTemplateFromComponent.d.ts +0 -17
- package/dist/ts3.4/client/preview/angular-beta/DocsRenderer.d.ts +0 -14
- package/dist/ts3.4/client/preview/angular-beta/RendererFactory.d.ts +0 -11
- package/dist/ts3.4/client/preview/angular-beta/StorybookModule.d.ts +0 -9
- package/dist/ts3.4/client/preview/angular-beta/StorybookProvider.d.ts +0 -5
- package/dist/ts3.4/client/preview/angular-beta/StorybookWrapperComponent.d.ts +0 -9
- package/dist/ts3.4/client/preview/angular-beta/utils/NgComponentAnalyzer.d.ts +0 -26
- package/dist/ts3.4/client/preview/angular-beta/utils/NgModulesAnalyzer.d.ts +0 -6
- package/dist/ts3.4/client/preview/angular-polyfills.d.ts +0 -41
- package/dist/ts3.4/client/preview/config.d.ts +0 -4
- package/dist/ts3.4/client/preview/decorateStory.d.ts +0 -3
- package/dist/ts3.4/client/preview/decorators.d.ts +0 -6
- package/dist/ts3.4/client/preview/globals.d.ts +0 -1
- package/dist/ts3.4/client/preview/index.d.ts +0 -25
- package/dist/ts3.4/client/preview/render.d.ts +0 -7
- package/dist/ts3.4/client/preview/types-6-0.d.ts +0 -42
- package/dist/ts3.4/client/preview/types-7-0.d.ts +0 -9
- package/dist/ts3.4/client/preview/types.d.ts +0 -29
- package/dist/ts3.4/demo/button.component.d.ts +0 -5
- package/dist/ts3.4/demo/welcome.component.d.ts +0 -4
- package/dist/ts3.4/public_api.d.ts +0 -1
- package/dist/ts3.4/renderer.d.ts +0 -4
- package/dist/ts3.4/server/__mocks-ng-workspace__/minimal-config/src/main.d.ts +0 -1
- package/dist/ts3.4/server/__mocks-ng-workspace__/some-config/src/main.d.ts +0 -1
- package/dist/ts3.4/server/__mocks-ng-workspace__/with-angularBrowserTarget/src/main.d.ts +0 -1
- package/dist/ts3.4/server/__mocks-ng-workspace__/with-lib/projects/pattern-lib/src/main.d.ts +0 -1
- package/dist/ts3.4/server/__mocks-ng-workspace__/with-nx/src/main.d.ts +0 -1
- package/dist/ts3.4/server/__mocks-ng-workspace__/with-nx-workspace/src/main.d.ts +0 -1
- package/dist/ts3.4/server/__mocks-ng-workspace__/with-options-styles/src/main.d.ts +0 -1
- package/dist/ts3.4/server/__mocks-ng-workspace__/without-projects-entry/projects/pattern-lib/src/main.d.ts +0 -1
- package/dist/ts3.4/server/__mocks-ng-workspace__/without-tsConfig/src/main.d.ts +0 -1
- package/dist/ts3.4/server/angular-devkit-build-webpack.d.ts +0 -30
- package/dist/ts3.4/server/angular-read-workspace.d.ts +0 -13
- package/dist/ts3.4/server/build.d.ts +0 -1
- package/dist/ts3.4/server/create-fork-ts-checker-plugin.d.ts +0 -3
- package/dist/ts3.4/server/framework-preset-angular-cli.d.ts +0 -73
- package/dist/ts3.4/server/framework-preset-angular-ivy.d.ts +0 -10
- package/dist/ts3.4/server/framework-preset-angular.d.ts +0 -4
- package/dist/ts3.4/server/index.d.ts +0 -1
- package/dist/ts3.4/server/ngx-template-loader/index.d.ts +0 -1
- package/dist/ts3.4/server/options.d.ts +0 -3
- package/dist/ts3.4/server/preset.d.ts +0 -3
- package/dist/ts3.4/server/ts_config.d.ts +0 -2
- package/dist/ts3.4/server/utils/filter-out-styling-rules.d.ts +0 -2
- package/dist/ts3.4/server/utils/module-is-available.d.ts +0 -1
- package/dist/ts3.4/server/utils/normalize-asset-patterns.d.ts +0 -6
- package/dist/ts3.4/server/utils/normalize-optimization.d.ts +0 -3
- package/dist/ts3.4/types/index.d.ts +0 -6
- package/dist/ts3.9/builders/build-storybook/index.d.ts +0 -12
- package/dist/ts3.9/builders/build-storybook/index.js +0 -114
- package/dist/ts3.9/builders/build-storybook/schema.json +0 -72
- package/dist/ts3.9/builders/builders.json +0 -14
- package/dist/ts3.9/builders/start-storybook/index.d.ts +0 -12
- package/dist/ts3.9/builders/start-storybook/index.js +0 -117
- package/dist/ts3.9/builders/start-storybook/schema.json +0 -99
- package/dist/ts3.9/builders/utils/build-standalone-errors-handler.d.ts +0 -1
- package/dist/ts3.9/builders/utils/build-standalone-errors-handler.js +0 -36
- package/dist/ts3.9/builders/utils/run-compodoc.d.ts +0 -6
- package/dist/ts3.9/builders/utils/run-compodoc.js +0 -45
- package/dist/ts3.9/client/index.d.ts +0 -4
- package/dist/ts3.9/client/index.js +0 -28
- package/dist/ts3.9/client/preview/angular/app.token.d.ts +0 -3
- package/dist/ts3.9/client/preview/angular/app.token.js +0 -5
- package/dist/ts3.9/client/preview/angular/components/app.component.d.ts +0 -38
- package/dist/ts3.9/client/preview/angular/components/app.component.js +0 -146
- package/dist/ts3.9/client/preview/angular/helpers.d.ts +0 -8
- package/dist/ts3.9/client/preview/angular/helpers.js +0 -165
- package/dist/ts3.9/client/preview/angular-beta/AbstractRenderer.d.ts +0 -44
- package/dist/ts3.9/client/preview/angular-beta/AbstractRenderer.js +0 -215
- package/dist/ts3.9/client/preview/angular-beta/CanvasRenderer.d.ts +0 -14
- package/dist/ts3.9/client/preview/angular-beta/CanvasRenderer.js +0 -97
- package/dist/ts3.9/client/preview/angular-beta/ComputesTemplateFromComponent.d.ts +0 -17
- package/dist/ts3.9/client/preview/angular-beta/ComputesTemplateFromComponent.js +0 -112
- package/dist/ts3.9/client/preview/angular-beta/DocsRenderer.d.ts +0 -14
- package/dist/ts3.9/client/preview/angular-beta/DocsRenderer.js +0 -145
- package/dist/ts3.9/client/preview/angular-beta/RendererFactory.d.ts +0 -11
- package/dist/ts3.9/client/preview/angular-beta/RendererFactory.js +0 -101
- package/dist/ts3.9/client/preview/angular-beta/StorybookModule.d.ts +0 -9
- package/dist/ts3.9/client/preview/angular-beta/StorybookModule.js +0 -78
- package/dist/ts3.9/client/preview/angular-beta/StorybookProvider.d.ts +0 -5
- package/dist/ts3.9/client/preview/angular-beta/StorybookProvider.js +0 -27
- package/dist/ts3.9/client/preview/angular-beta/StorybookWrapperComponent.d.ts +0 -9
- package/dist/ts3.9/client/preview/angular-beta/StorybookWrapperComponent.js +0 -155
- package/dist/ts3.9/client/preview/angular-beta/utils/NgComponentAnalyzer.d.ts +0 -26
- package/dist/ts3.9/client/preview/angular-beta/utils/NgComponentAnalyzer.js +0 -124
- package/dist/ts3.9/client/preview/angular-beta/utils/NgModulesAnalyzer.d.ts +0 -6
- package/dist/ts3.9/client/preview/angular-beta/utils/NgModulesAnalyzer.js +0 -44
- package/dist/ts3.9/client/preview/angular-polyfills.d.ts +0 -41
- package/dist/ts3.9/client/preview/angular-polyfills.js +0 -61
- package/dist/ts3.9/client/preview/config.d.ts +0 -4
- package/dist/ts3.9/client/preview/config.js +0 -7
- package/dist/ts3.9/client/preview/decorateStory.d.ts +0 -3
- package/dist/ts3.9/client/preview/decorateStory.js +0 -62
- package/dist/ts3.9/client/preview/decorators.d.ts +0 -6
- package/dist/ts3.9/client/preview/decorators.js +0 -49
- package/dist/ts3.9/client/preview/globals.d.ts +0 -1
- package/dist/ts3.9/client/preview/globals.js +0 -9
- package/dist/ts3.9/client/preview/index.d.ts +0 -25
- package/dist/ts3.9/client/preview/index.js +0 -40
- package/dist/ts3.9/client/preview/render.d.ts +0 -7
- package/dist/ts3.9/client/preview/render.js +0 -73
- package/dist/ts3.9/client/preview/types-6-0.d.ts +0 -42
- package/dist/ts3.9/client/preview/types-6-0.js +0 -2
- package/dist/ts3.9/client/preview/types-7-0.d.ts +0 -9
- package/dist/ts3.9/client/preview/types-7-0.js +0 -2
- package/dist/ts3.9/client/preview/types.d.ts +0 -29
- package/dist/ts3.9/client/preview/types.js +0 -2
- package/dist/ts3.9/demo/button.component.d.ts +0 -5
- package/dist/ts3.9/demo/button.component.js +0 -37
- package/dist/ts3.9/demo/welcome.component.d.ts +0 -4
- package/dist/ts3.9/demo/welcome.component.js +0 -32
- package/dist/ts3.9/public_api.d.ts +0 -1
- package/dist/ts3.9/public_api.js +0 -24
- package/dist/ts3.9/renderer.d.ts +0 -4
- package/dist/ts3.9/renderer.js +0 -10
- package/dist/ts3.9/server/__mocks-ng-workspace__/empty-projects-entry/angular.json +0 -4
- package/dist/ts3.9/server/__mocks-ng-workspace__/minimal-config/angular.json +0 -17
- package/dist/ts3.9/server/__mocks-ng-workspace__/minimal-config/src/main.d.ts +0 -1
- package/dist/ts3.9/server/__mocks-ng-workspace__/minimal-config/src/main.js +0 -5
- package/dist/ts3.9/server/__mocks-ng-workspace__/minimal-config/src/tsconfig.app.json +0 -9
- package/dist/ts3.9/server/__mocks-ng-workspace__/minimal-config/tsconfig.json +0 -13
- package/dist/ts3.9/server/__mocks-ng-workspace__/some-config/angular.json +0 -18
- package/dist/ts3.9/server/__mocks-ng-workspace__/some-config/src/main.d.ts +0 -1
- package/dist/ts3.9/server/__mocks-ng-workspace__/some-config/src/main.js +0 -5
- package/dist/ts3.9/server/__mocks-ng-workspace__/some-config/src/tsconfig.app.json +0 -9
- package/dist/ts3.9/server/__mocks-ng-workspace__/some-config/tsconfig.json +0 -13
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-angularBrowserTarget/angular.json +0 -60
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-angularBrowserTarget/src/main.d.ts +0 -1
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-angularBrowserTarget/src/main.js +0 -5
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-angularBrowserTarget/src/tsconfig.app.json +0 -9
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-angularBrowserTarget/tsconfig.json +0 -13
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/angular.json +0 -28
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/projects/pattern-lib/src/main.d.ts +0 -1
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/projects/pattern-lib/src/main.js +0 -5
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/projects/pattern-lib/tsconfig.lib.json +0 -25
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/tsconfig.json +0 -13
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-nx/angular.json +0 -17
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-nx/nx.json +0 -3
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-nx/src/main.d.ts +0 -1
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-nx/src/main.js +0 -5
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-nx/src/tsconfig.app.json +0 -8
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-nx/tsconfig.json +0 -14
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-nx-workspace/nx.json +0 -3
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-nx-workspace/src/main.d.ts +0 -1
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-nx-workspace/src/main.js +0 -5
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-nx-workspace/src/tsconfig.app.json +0 -8
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-nx-workspace/tsconfig.json +0 -14
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-nx-workspace/workspace.json +0 -17
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-options-styles/angular.json +0 -17
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-options-styles/src/main.d.ts +0 -1
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-options-styles/src/main.js +0 -5
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-options-styles/src/tsconfig.app.json +0 -9
- package/dist/ts3.9/server/__mocks-ng-workspace__/with-options-styles/tsconfig.json +0 -13
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-architect-build/angular.json +0 -5
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-architect-build-options/angular.json +0 -11
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-compatible-projects/angular.json +0 -7
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-projects-entry/angular.json +0 -3
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-projects-entry/projects/pattern-lib/src/main.d.ts +0 -1
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-projects-entry/projects/pattern-lib/src/main.js +0 -5
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-projects-entry/projects/pattern-lib/tsconfig.lib.json +0 -25
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-projects-entry/tsconfig.json +0 -13
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-tsConfig/angular.json +0 -16
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-tsConfig/src/main.d.ts +0 -1
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-tsConfig/src/main.js +0 -5
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-tsConfig/src/tsconfig.app.json +0 -9
- package/dist/ts3.9/server/__mocks-ng-workspace__/without-tsConfig/tsconfig.json +0 -13
- package/dist/ts3.9/server/angular-devkit-build-webpack.d.ts +0 -30
- package/dist/ts3.9/server/angular-devkit-build-webpack.js +0 -213
- package/dist/ts3.9/server/angular-read-workspace.d.ts +0 -13
- package/dist/ts3.9/server/angular-read-workspace.js +0 -118
- package/dist/ts3.9/server/build.d.ts +0 -1
- package/dist/ts3.9/server/build.js +0 -65
- package/dist/ts3.9/server/create-fork-ts-checker-plugin.d.ts +0 -3
- package/dist/ts3.9/server/create-fork-ts-checker-plugin.js +0 -19
- package/dist/ts3.9/server/framework-preset-angular-cli.d.ts +0 -73
- package/dist/ts3.9/server/framework-preset-angular-cli.js +0 -159
- package/dist/ts3.9/server/framework-preset-angular-ivy.d.ts +0 -10
- package/dist/ts3.9/server/framework-preset-angular-ivy.js +0 -111
- package/dist/ts3.9/server/framework-preset-angular.d.ts +0 -4
- package/dist/ts3.9/server/framework-preset-angular.js +0 -74
- package/dist/ts3.9/server/index.d.ts +0 -1
- package/dist/ts3.9/server/index.js +0 -8
- package/dist/ts3.9/server/ngx-template-loader/index.d.ts +0 -1
- package/dist/ts3.9/server/ngx-template-loader/index.js +0 -46
- package/dist/ts3.9/server/options.d.ts +0 -3
- package/dist/ts3.9/server/options.js +0 -8
- package/dist/ts3.9/server/preset.d.ts +0 -3
- package/dist/ts3.9/server/preset.js +0 -21
- package/dist/ts3.9/server/ts_config.d.ts +0 -2
- package/dist/ts3.9/server/ts_config.js +0 -28
- package/dist/ts3.9/server/utils/filter-out-styling-rules.d.ts +0 -2
- package/dist/ts3.9/server/utils/filter-out-styling-rules.js +0 -16
- package/dist/ts3.9/server/utils/module-is-available.d.ts +0 -1
- package/dist/ts3.9/server/utils/module-is-available.js +0 -12
- package/dist/ts3.9/server/utils/normalize-asset-patterns.d.ts +0 -6
- package/dist/ts3.9/server/utils/normalize-asset-patterns.js +0 -79
- package/dist/ts3.9/server/utils/normalize-optimization.d.ts +0 -3
- package/dist/ts3.9/server/utils/normalize-optimization.js +0 -20
- package/dist/ts3.9/types/index.d.ts +0 -6
- package/dist/ts3.9/types/index.js +0 -2
|
@@ -1,215 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
22
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
23
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
24
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
25
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
26
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
27
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
28
|
-
});
|
|
29
|
-
};
|
|
30
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
31
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
32
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
33
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
34
|
-
function step(op) {
|
|
35
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
36
|
-
while (_) try {
|
|
37
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
38
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
39
|
-
switch (op[0]) {
|
|
40
|
-
case 0: case 1: t = op; break;
|
|
41
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
42
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
43
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
44
|
-
default:
|
|
45
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
46
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
47
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
48
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
49
|
-
if (t[2]) _.ops.pop();
|
|
50
|
-
_.trys.pop(); continue;
|
|
51
|
-
}
|
|
52
|
-
op = body.call(thisArg, _);
|
|
53
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
54
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
58
|
-
exports.AbstractRenderer = void 0;
|
|
59
|
-
/* eslint-disable no-undef */
|
|
60
|
-
var core_1 = require("@angular/core");
|
|
61
|
-
var platform_browser_dynamic_1 = require("@angular/platform-browser-dynamic");
|
|
62
|
-
var rxjs_1 = require("rxjs");
|
|
63
|
-
var telejson_1 = require("telejson");
|
|
64
|
-
var StorybookModule_1 = require("./StorybookModule");
|
|
65
|
-
// platform must be init only if render is called at least once
|
|
66
|
-
var platformRef;
|
|
67
|
-
function getPlatform(newPlatform) {
|
|
68
|
-
if (!platformRef || newPlatform) {
|
|
69
|
-
platformRef = platform_browser_dynamic_1.platformBrowserDynamic();
|
|
70
|
-
}
|
|
71
|
-
return platformRef;
|
|
72
|
-
}
|
|
73
|
-
var AbstractRenderer = /** @class */ (function () {
|
|
74
|
-
function AbstractRenderer(storyId) {
|
|
75
|
-
this.storyId = storyId;
|
|
76
|
-
if (typeof NODE_ENV === 'string' && NODE_ENV !== 'development') {
|
|
77
|
-
try {
|
|
78
|
-
// platform should be set after enableProdMode()
|
|
79
|
-
core_1.enableProdMode();
|
|
80
|
-
}
|
|
81
|
-
catch (e) {
|
|
82
|
-
// eslint-disable-next-line no-console
|
|
83
|
-
console.debug(e);
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
/**
|
|
88
|
-
* Wait and destroy the platform
|
|
89
|
-
*/
|
|
90
|
-
AbstractRenderer.resetPlatformBrowserDynamic = function () {
|
|
91
|
-
var _this = this;
|
|
92
|
-
return new Promise(function (resolve) {
|
|
93
|
-
if (platformRef && !platformRef.destroyed) {
|
|
94
|
-
platformRef.onDestroy(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
95
|
-
return __generator(this, function (_a) {
|
|
96
|
-
resolve();
|
|
97
|
-
return [2 /*return*/];
|
|
98
|
-
});
|
|
99
|
-
}); });
|
|
100
|
-
// Destroys the current Angular platform and all Angular applications on the page.
|
|
101
|
-
// So call each angular ngOnDestroy and avoid memory leaks
|
|
102
|
-
platformRef.destroy();
|
|
103
|
-
return;
|
|
104
|
-
}
|
|
105
|
-
resolve();
|
|
106
|
-
}).then(function () {
|
|
107
|
-
getPlatform(true);
|
|
108
|
-
});
|
|
109
|
-
};
|
|
110
|
-
/**
|
|
111
|
-
* Bootstrap main angular module with main component or send only new `props` with storyProps$
|
|
112
|
-
*
|
|
113
|
-
* @param storyFnAngular {StoryFnAngularReturnType}
|
|
114
|
-
* @param forced {boolean} If :
|
|
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
|
-
* - false fully recharges or initializes angular module & component
|
|
117
|
-
* @param component {Component}
|
|
118
|
-
* @param parameters {Parameters}
|
|
119
|
-
*/
|
|
120
|
-
AbstractRenderer.prototype.render = function (_a) {
|
|
121
|
-
var _b;
|
|
122
|
-
var storyFnAngular = _a.storyFnAngular, forced = _a.forced, parameters = _a.parameters, component = _a.component, targetDOMNode = _a.targetDOMNode;
|
|
123
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
124
|
-
var targetSelector, newStoryProps$, moduleMetadata;
|
|
125
|
-
return __generator(this, function (_c) {
|
|
126
|
-
switch (_c.label) {
|
|
127
|
-
case 0:
|
|
128
|
-
targetSelector = "" + this.storyId;
|
|
129
|
-
newStoryProps$ = new rxjs_1.BehaviorSubject(storyFnAngular.props);
|
|
130
|
-
moduleMetadata = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular: storyFnAngular, component: component, targetSelector: targetSelector }, newStoryProps$);
|
|
131
|
-
if (!this.fullRendererRequired({
|
|
132
|
-
storyFnAngular: storyFnAngular,
|
|
133
|
-
moduleMetadata: moduleMetadata,
|
|
134
|
-
forced: forced,
|
|
135
|
-
})) {
|
|
136
|
-
this.storyProps$.next(storyFnAngular.props);
|
|
137
|
-
return [2 /*return*/];
|
|
138
|
-
}
|
|
139
|
-
return [4 /*yield*/, this.beforeFullRender()];
|
|
140
|
-
case 1:
|
|
141
|
-
_c.sent();
|
|
142
|
-
// Complete last BehaviorSubject and set a new one for the current module
|
|
143
|
-
if (this.storyProps$) {
|
|
144
|
-
this.storyProps$.complete();
|
|
145
|
-
}
|
|
146
|
-
this.storyProps$ = newStoryProps$;
|
|
147
|
-
this.initAngularRootElement(targetDOMNode, targetSelector);
|
|
148
|
-
return [4 /*yield*/, getPlatform().bootstrapModule(StorybookModule_1.createStorybookModule(moduleMetadata), (_b = parameters.bootstrapModuleOptions) !== null && _b !== void 0 ? _b : undefined)];
|
|
149
|
-
case 2:
|
|
150
|
-
_c.sent();
|
|
151
|
-
return [4 /*yield*/, this.afterFullRender()];
|
|
152
|
-
case 3:
|
|
153
|
-
_c.sent();
|
|
154
|
-
return [2 /*return*/];
|
|
155
|
-
}
|
|
156
|
-
});
|
|
157
|
-
});
|
|
158
|
-
};
|
|
159
|
-
AbstractRenderer.prototype.initAngularRootElement = function (targetDOMNode, targetSelector) {
|
|
160
|
-
// Adds DOM element that angular will use as bootstrap component
|
|
161
|
-
// eslint-disable-next-line no-param-reassign
|
|
162
|
-
targetDOMNode.innerHTML = '';
|
|
163
|
-
targetDOMNode.appendChild(document.createElement(targetSelector));
|
|
164
|
-
};
|
|
165
|
-
AbstractRenderer.prototype.fullRendererRequired = function (_a) {
|
|
166
|
-
var _b;
|
|
167
|
-
var storyFnAngular = _a.storyFnAngular, moduleMetadata = _a.moduleMetadata, forced = _a.forced;
|
|
168
|
-
var previousStoryRenderInfo = this.previousStoryRenderInfo;
|
|
169
|
-
var currentStoryRender = {
|
|
170
|
-
storyFnAngular: storyFnAngular,
|
|
171
|
-
moduleMetadataSnapshot: telejson_1.stringify(moduleMetadata),
|
|
172
|
-
};
|
|
173
|
-
this.previousStoryRenderInfo = currentStoryRender;
|
|
174
|
-
if (
|
|
175
|
-
// check `forceRender` of story RenderContext
|
|
176
|
-
!forced ||
|
|
177
|
-
// if it's the first rendering and storyProps$ is not init
|
|
178
|
-
!this.storyProps$) {
|
|
179
|
-
return true;
|
|
180
|
-
}
|
|
181
|
-
// force the rendering if the template has changed
|
|
182
|
-
var hasChangedTemplate = !!(storyFnAngular === null || storyFnAngular === void 0 ? void 0 : storyFnAngular.template) &&
|
|
183
|
-
((_b = previousStoryRenderInfo === null || previousStoryRenderInfo === void 0 ? void 0 : previousStoryRenderInfo.storyFnAngular) === null || _b === void 0 ? void 0 : _b.template) !== storyFnAngular.template;
|
|
184
|
-
if (hasChangedTemplate) {
|
|
185
|
-
return true;
|
|
186
|
-
}
|
|
187
|
-
// force the rendering if the metadata structure has changed
|
|
188
|
-
var hasChangedModuleMetadata = currentStoryRender.moduleMetadataSnapshot !== (previousStoryRenderInfo === null || previousStoryRenderInfo === void 0 ? void 0 : previousStoryRenderInfo.moduleMetadataSnapshot);
|
|
189
|
-
return hasChangedModuleMetadata;
|
|
190
|
-
};
|
|
191
|
-
/**
|
|
192
|
-
* Reset compiled components because we often want to compile the same component with
|
|
193
|
-
* more than one NgModule.
|
|
194
|
-
*/
|
|
195
|
-
AbstractRenderer.resetCompiledComponents = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
196
|
-
var ɵresetCompiledComponents, e_1;
|
|
197
|
-
return __generator(this, function (_a) {
|
|
198
|
-
switch (_a.label) {
|
|
199
|
-
case 0:
|
|
200
|
-
_a.trys.push([0, 2, , 3]);
|
|
201
|
-
return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('@angular/core')); })];
|
|
202
|
-
case 1:
|
|
203
|
-
ɵresetCompiledComponents = (_a.sent()).ɵresetCompiledComponents;
|
|
204
|
-
ɵresetCompiledComponents();
|
|
205
|
-
return [3 /*break*/, 3];
|
|
206
|
-
case 2:
|
|
207
|
-
e_1 = _a.sent();
|
|
208
|
-
return [3 /*break*/, 3];
|
|
209
|
-
case 3: return [2 /*return*/];
|
|
210
|
-
}
|
|
211
|
-
});
|
|
212
|
-
}); };
|
|
213
|
-
return AbstractRenderer;
|
|
214
|
-
}());
|
|
215
|
-
exports.AbstractRenderer = AbstractRenderer;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { AbstractRenderer } from './AbstractRenderer';
|
|
2
|
-
import { StoryFnAngularReturnType } from '../types';
|
|
3
|
-
import { Parameters } from '../types-6-0';
|
|
4
|
-
export declare class CanvasRenderer extends AbstractRenderer {
|
|
5
|
-
render(options: {
|
|
6
|
-
storyFnAngular: StoryFnAngularReturnType;
|
|
7
|
-
forced: boolean;
|
|
8
|
-
parameters: Parameters;
|
|
9
|
-
component: any;
|
|
10
|
-
targetDOMNode: HTMLElement;
|
|
11
|
-
}): Promise<void>;
|
|
12
|
-
beforeFullRender(): Promise<void>;
|
|
13
|
-
afterFullRender(): Promise<void>;
|
|
14
|
-
}
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
extendStatics(d, b);
|
|
11
|
-
function __() { this.constructor = d; }
|
|
12
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
13
|
-
};
|
|
14
|
-
})();
|
|
15
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
16
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
17
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
18
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
19
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
20
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
21
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
25
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
26
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
27
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
28
|
-
function step(op) {
|
|
29
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
30
|
-
while (_) try {
|
|
31
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
32
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
33
|
-
switch (op[0]) {
|
|
34
|
-
case 0: case 1: t = op; break;
|
|
35
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
36
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
37
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
38
|
-
default:
|
|
39
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
40
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
41
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
42
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
43
|
-
if (t[2]) _.ops.pop();
|
|
44
|
-
_.trys.pop(); continue;
|
|
45
|
-
}
|
|
46
|
-
op = body.call(thisArg, _);
|
|
47
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
48
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
52
|
-
exports.CanvasRenderer = void 0;
|
|
53
|
-
var AbstractRenderer_1 = require("./AbstractRenderer");
|
|
54
|
-
var CanvasRenderer = /** @class */ (function (_super) {
|
|
55
|
-
__extends(CanvasRenderer, _super);
|
|
56
|
-
function CanvasRenderer() {
|
|
57
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
58
|
-
}
|
|
59
|
-
CanvasRenderer.prototype.render = function (options) {
|
|
60
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
61
|
-
return __generator(this, function (_a) {
|
|
62
|
-
switch (_a.label) {
|
|
63
|
-
case 0: return [4 /*yield*/, _super.prototype.render.call(this, options)];
|
|
64
|
-
case 1:
|
|
65
|
-
_a.sent();
|
|
66
|
-
return [2 /*return*/];
|
|
67
|
-
}
|
|
68
|
-
});
|
|
69
|
-
});
|
|
70
|
-
};
|
|
71
|
-
CanvasRenderer.prototype.beforeFullRender = function () {
|
|
72
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
73
|
-
return __generator(this, function (_a) {
|
|
74
|
-
switch (_a.label) {
|
|
75
|
-
case 0: return [4 /*yield*/, CanvasRenderer.resetPlatformBrowserDynamic()];
|
|
76
|
-
case 1:
|
|
77
|
-
_a.sent();
|
|
78
|
-
return [2 /*return*/];
|
|
79
|
-
}
|
|
80
|
-
});
|
|
81
|
-
});
|
|
82
|
-
};
|
|
83
|
-
CanvasRenderer.prototype.afterFullRender = function () {
|
|
84
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
85
|
-
return __generator(this, function (_a) {
|
|
86
|
-
switch (_a.label) {
|
|
87
|
-
case 0: return [4 /*yield*/, AbstractRenderer_1.AbstractRenderer.resetCompiledComponents()];
|
|
88
|
-
case 1:
|
|
89
|
-
_a.sent();
|
|
90
|
-
return [2 /*return*/];
|
|
91
|
-
}
|
|
92
|
-
});
|
|
93
|
-
});
|
|
94
|
-
};
|
|
95
|
-
return CanvasRenderer;
|
|
96
|
-
}(AbstractRenderer_1.AbstractRenderer));
|
|
97
|
-
exports.CanvasRenderer = CanvasRenderer;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { Type } from '@angular/core';
|
|
2
|
-
import { ArgTypes } from '@storybook/api';
|
|
3
|
-
import { ICollection } from '../types';
|
|
4
|
-
/**
|
|
5
|
-
* Converts a component into a template with inputs/outputs present in initial props
|
|
6
|
-
* @param component
|
|
7
|
-
* @param initialProps
|
|
8
|
-
* @param innerTemplate
|
|
9
|
-
*/
|
|
10
|
-
export declare const computesTemplateFromComponent: (component: Type<unknown>, initialProps?: ICollection, innerTemplate?: string) => string;
|
|
11
|
-
/**
|
|
12
|
-
* Converts a component into a template with inputs/outputs present in initial props
|
|
13
|
-
* @param component
|
|
14
|
-
* @param initialProps
|
|
15
|
-
* @param innerTemplate
|
|
16
|
-
*/
|
|
17
|
-
export declare const computesTemplateSourceFromComponent: (component: Type<unknown>, initialProps?: ICollection, argTypes?: ArgTypes) => string;
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __spreadArrays = (this && this.__spreadArrays) || function () {
|
|
7
|
-
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
|
8
|
-
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
9
|
-
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
10
|
-
r[k] = a[j];
|
|
11
|
-
return r;
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.computesTemplateSourceFromComponent = exports.computesTemplateFromComponent = void 0;
|
|
15
|
-
var NgComponentAnalyzer_1 = require("./utils/NgComponentAnalyzer");
|
|
16
|
-
var separateInputsOutputsAttributes = function (ngComponentInputsOutputs, props) {
|
|
17
|
-
if (props === void 0) { props = {}; }
|
|
18
|
-
var inputs = ngComponentInputsOutputs.inputs
|
|
19
|
-
.filter(function (i) { return i.templateName in props; })
|
|
20
|
-
.map(function (i) { return i.templateName; });
|
|
21
|
-
var outputs = ngComponentInputsOutputs.outputs
|
|
22
|
-
.filter(function (o) { return o.templateName in props; })
|
|
23
|
-
.map(function (o) { return o.templateName; });
|
|
24
|
-
return {
|
|
25
|
-
inputs: inputs,
|
|
26
|
-
outputs: outputs,
|
|
27
|
-
otherProps: Object.keys(props).filter(function (k) { return !__spreadArrays(inputs, outputs).includes(k); }),
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
/**
|
|
31
|
-
* Converts a component into a template with inputs/outputs present in initial props
|
|
32
|
-
* @param component
|
|
33
|
-
* @param initialProps
|
|
34
|
-
* @param innerTemplate
|
|
35
|
-
*/
|
|
36
|
-
exports.computesTemplateFromComponent = function (component, initialProps, innerTemplate) {
|
|
37
|
-
if (innerTemplate === void 0) { innerTemplate = ''; }
|
|
38
|
-
var ngComponentMetadata = NgComponentAnalyzer_1.getComponentDecoratorMetadata(component);
|
|
39
|
-
var ngComponentInputsOutputs = NgComponentAnalyzer_1.getComponentInputsOutputs(component);
|
|
40
|
-
if (!ngComponentMetadata.selector) {
|
|
41
|
-
// Allow to add renderer component when NgComponent selector is undefined
|
|
42
|
-
return "<ng-container *ngComponentOutlet=\"storyComponent\"></ng-container>";
|
|
43
|
-
}
|
|
44
|
-
var _a = separateInputsOutputsAttributes(ngComponentInputsOutputs, initialProps), initialInputs = _a.inputs, initialOutputs = _a.outputs;
|
|
45
|
-
var templateInputs = initialInputs.length > 0 ? " " + initialInputs.map(function (i) { return "[" + i + "]=\"" + i + "\""; }).join(' ') : '';
|
|
46
|
-
var templateOutputs = initialOutputs.length > 0
|
|
47
|
-
? " " + initialOutputs.map(function (i) { return "(" + i + ")=\"" + i + "($event)\""; }).join(' ')
|
|
48
|
-
: '';
|
|
49
|
-
return buildTemplate(ngComponentMetadata.selector, innerTemplate, templateInputs, templateOutputs);
|
|
50
|
-
};
|
|
51
|
-
var createAngularInputProperty = function (_a) {
|
|
52
|
-
var propertyName = _a.propertyName, value = _a.value, argType = _a.argType;
|
|
53
|
-
var _b = (argType === null || argType === void 0 ? void 0 : argType.type) || {}, _c = _b.name, type = _c === void 0 ? null : _c, _d = _b.summary, summary = _d === void 0 ? null : _d;
|
|
54
|
-
var templateValue = type === 'enum' && !!summary ? summary + "." + value : value;
|
|
55
|
-
var actualType = type === 'enum' && summary ? 'enum' : typeof value;
|
|
56
|
-
var requiresBrackets = ['object', 'any', 'boolean', 'enum', 'number'].includes(actualType);
|
|
57
|
-
if (typeof value === 'object') {
|
|
58
|
-
templateValue = propertyName;
|
|
59
|
-
}
|
|
60
|
-
return "" + (requiresBrackets ? '[' : '') + propertyName + (requiresBrackets ? ']' : '') + "=\"" + templateValue + "\"";
|
|
61
|
-
};
|
|
62
|
-
/**
|
|
63
|
-
* Converts a component into a template with inputs/outputs present in initial props
|
|
64
|
-
* @param component
|
|
65
|
-
* @param initialProps
|
|
66
|
-
* @param innerTemplate
|
|
67
|
-
*/
|
|
68
|
-
exports.computesTemplateSourceFromComponent = function (component, initialProps, argTypes) {
|
|
69
|
-
var ngComponentMetadata = NgComponentAnalyzer_1.getComponentDecoratorMetadata(component);
|
|
70
|
-
if (!ngComponentMetadata) {
|
|
71
|
-
return null;
|
|
72
|
-
}
|
|
73
|
-
if (!ngComponentMetadata.selector) {
|
|
74
|
-
// Allow to add renderer component when NgComponent selector is undefined
|
|
75
|
-
return "<ng-container *ngComponentOutlet=\"" + component.name + "\"></ng-container>";
|
|
76
|
-
}
|
|
77
|
-
var ngComponentInputsOutputs = NgComponentAnalyzer_1.getComponentInputsOutputs(component);
|
|
78
|
-
var _a = separateInputsOutputsAttributes(ngComponentInputsOutputs, initialProps), initialInputs = _a.inputs, initialOutputs = _a.outputs;
|
|
79
|
-
var templateInputs = initialInputs.length > 0
|
|
80
|
-
? " " + initialInputs
|
|
81
|
-
.map(function (propertyName) {
|
|
82
|
-
return createAngularInputProperty({
|
|
83
|
-
propertyName: propertyName,
|
|
84
|
-
value: initialProps[propertyName],
|
|
85
|
-
argType: argTypes === null || argTypes === void 0 ? void 0 : argTypes[propertyName],
|
|
86
|
-
});
|
|
87
|
-
})
|
|
88
|
-
.join(' ')
|
|
89
|
-
: '';
|
|
90
|
-
var templateOutputs = initialOutputs.length > 0
|
|
91
|
-
? " " + initialOutputs.map(function (i) { return "(" + i + ")=\"" + i + "($event)\""; }).join(' ')
|
|
92
|
-
: '';
|
|
93
|
-
return buildTemplate(ngComponentMetadata.selector, '', templateInputs, templateOutputs);
|
|
94
|
-
};
|
|
95
|
-
var buildTemplate = function (selector, innerTemplate, inputs, outputs) {
|
|
96
|
-
var firstSelector = selector.split(',')[0];
|
|
97
|
-
var templateReplacers = [
|
|
98
|
-
[/(^.*?)(?=[,])/, '$1'],
|
|
99
|
-
[/(^\..+)/, 'div$1'],
|
|
100
|
-
[/(^\[.+?])/, 'div$1'],
|
|
101
|
-
[/([\w[\]]+)(\s*,[\w\s-[\],]+)+/, "$1"],
|
|
102
|
-
[/#([\w-]+)/, " id=\"$1\""],
|
|
103
|
-
[/((\.[\w-]+)+)/, function (_, c) { return " class=\"" + c.split(templateObject_1 || (templateObject_1 = __makeTemplateObject(["."], ["."]))).join(templateObject_2 || (templateObject_2 = __makeTemplateObject([" "], [" "]))).trim() + "\""; }],
|
|
104
|
-
[/(\[.+?])/g, function (_, a) { return " " + a.slice(1, -1); }],
|
|
105
|
-
[/([\S]+)(.*)/, "<$1$2" + inputs + outputs + ">" + innerTemplate + "</$1>"],
|
|
106
|
-
];
|
|
107
|
-
return templateReplacers.reduce(function (prevSelector, _a) {
|
|
108
|
-
var searchValue = _a[0], replacer = _a[1];
|
|
109
|
-
return prevSelector.replace(searchValue, replacer);
|
|
110
|
-
}, firstSelector);
|
|
111
|
-
};
|
|
112
|
-
var templateObject_1, templateObject_2;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { AbstractRenderer } from './AbstractRenderer';
|
|
2
|
-
import { StoryFnAngularReturnType } from '../types';
|
|
3
|
-
import { Parameters } from '../types-6-0';
|
|
4
|
-
export declare class DocsRenderer extends AbstractRenderer {
|
|
5
|
-
render(options: {
|
|
6
|
-
storyFnAngular: StoryFnAngularReturnType;
|
|
7
|
-
forced: boolean;
|
|
8
|
-
component: any;
|
|
9
|
-
parameters: Parameters;
|
|
10
|
-
targetDOMNode: HTMLElement;
|
|
11
|
-
}): Promise<void>;
|
|
12
|
-
beforeFullRender(): Promise<void>;
|
|
13
|
-
afterFullRender(): Promise<void>;
|
|
14
|
-
}
|
|
@@ -1,145 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
extendStatics(d, b);
|
|
11
|
-
function __() { this.constructor = d; }
|
|
12
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
13
|
-
};
|
|
14
|
-
})();
|
|
15
|
-
var __assign = (this && this.__assign) || function () {
|
|
16
|
-
__assign = Object.assign || function(t) {
|
|
17
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
18
|
-
s = arguments[i];
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
return __assign.apply(this, arguments);
|
|
25
|
-
};
|
|
26
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
27
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
28
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
29
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
30
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
31
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
32
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
33
|
-
});
|
|
34
|
-
};
|
|
35
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
36
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
37
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
38
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
39
|
-
function step(op) {
|
|
40
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
41
|
-
while (_) try {
|
|
42
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
43
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
44
|
-
switch (op[0]) {
|
|
45
|
-
case 0: case 1: t = op; break;
|
|
46
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
47
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
48
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
49
|
-
default:
|
|
50
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
51
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
52
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
53
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
54
|
-
if (t[2]) _.ops.pop();
|
|
55
|
-
_.trys.pop(); continue;
|
|
56
|
-
}
|
|
57
|
-
op = body.call(thisArg, _);
|
|
58
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
59
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
60
|
-
}
|
|
61
|
-
};
|
|
62
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
63
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
64
|
-
};
|
|
65
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
66
|
-
exports.DocsRenderer = void 0;
|
|
67
|
-
var addons_1 = require("@storybook/addons");
|
|
68
|
-
var core_events_1 = __importDefault(require("@storybook/core-events"));
|
|
69
|
-
var AbstractRenderer_1 = require("./AbstractRenderer");
|
|
70
|
-
var DocsRenderer = /** @class */ (function (_super) {
|
|
71
|
-
__extends(DocsRenderer, _super);
|
|
72
|
-
function DocsRenderer() {
|
|
73
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
74
|
-
}
|
|
75
|
-
DocsRenderer.prototype.render = function (options) {
|
|
76
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
77
|
-
var channel;
|
|
78
|
-
var _this = this;
|
|
79
|
-
return __generator(this, function (_a) {
|
|
80
|
-
switch (_a.label) {
|
|
81
|
-
case 0:
|
|
82
|
-
channel = addons_1.addons.getChannel();
|
|
83
|
-
/**
|
|
84
|
-
* Destroy and recreate the PlatformBrowserDynamic of angular
|
|
85
|
-
* For several stories to be rendered in the same docs we should
|
|
86
|
-
* not destroy angular between each rendering but do it when the
|
|
87
|
-
* rendered stories are not needed anymore.
|
|
88
|
-
*
|
|
89
|
-
* Note for improvement: currently there is one event per story
|
|
90
|
-
* rendered in the doc. But one event could be enough for the whole docs
|
|
91
|
-
*
|
|
92
|
-
*/
|
|
93
|
-
channel.once(core_events_1.default.STORY_CHANGED, function () { return __awaiter(_this, void 0, void 0, function () {
|
|
94
|
-
return __generator(this, function (_a) {
|
|
95
|
-
switch (_a.label) {
|
|
96
|
-
case 0: return [4 /*yield*/, DocsRenderer.resetPlatformBrowserDynamic()];
|
|
97
|
-
case 1:
|
|
98
|
-
_a.sent();
|
|
99
|
-
return [2 /*return*/];
|
|
100
|
-
}
|
|
101
|
-
});
|
|
102
|
-
}); });
|
|
103
|
-
/**
|
|
104
|
-
* Destroy and recreate the PlatformBrowserDynamic of angular
|
|
105
|
-
* when doc re render. Allows to call ngOnDestroy of angular
|
|
106
|
-
* for previous component
|
|
107
|
-
*/
|
|
108
|
-
channel.once(core_events_1.default.DOCS_RENDERED, function () { return __awaiter(_this, void 0, void 0, function () {
|
|
109
|
-
return __generator(this, function (_a) {
|
|
110
|
-
switch (_a.label) {
|
|
111
|
-
case 0: return [4 /*yield*/, DocsRenderer.resetPlatformBrowserDynamic()];
|
|
112
|
-
case 1:
|
|
113
|
-
_a.sent();
|
|
114
|
-
return [2 /*return*/];
|
|
115
|
-
}
|
|
116
|
-
});
|
|
117
|
-
}); });
|
|
118
|
-
return [4 /*yield*/, _super.prototype.render.call(this, __assign(__assign({}, options), { forced: false }))];
|
|
119
|
-
case 1:
|
|
120
|
-
_a.sent();
|
|
121
|
-
return [2 /*return*/];
|
|
122
|
-
}
|
|
123
|
-
});
|
|
124
|
-
});
|
|
125
|
-
};
|
|
126
|
-
DocsRenderer.prototype.beforeFullRender = function () {
|
|
127
|
-
return __awaiter(this, void 0, void 0, function () { return __generator(this, function (_a) {
|
|
128
|
-
return [2 /*return*/];
|
|
129
|
-
}); });
|
|
130
|
-
};
|
|
131
|
-
DocsRenderer.prototype.afterFullRender = function () {
|
|
132
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
133
|
-
return __generator(this, function (_a) {
|
|
134
|
-
switch (_a.label) {
|
|
135
|
-
case 0: return [4 /*yield*/, AbstractRenderer_1.AbstractRenderer.resetCompiledComponents()];
|
|
136
|
-
case 1:
|
|
137
|
-
_a.sent();
|
|
138
|
-
return [2 /*return*/];
|
|
139
|
-
}
|
|
140
|
-
});
|
|
141
|
-
});
|
|
142
|
-
};
|
|
143
|
-
return DocsRenderer;
|
|
144
|
-
}(AbstractRenderer_1.AbstractRenderer));
|
|
145
|
-
exports.DocsRenderer = DocsRenderer;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { AbstractRenderer } from './AbstractRenderer';
|
|
2
|
-
declare type RenderType = 'canvas' | 'docs';
|
|
3
|
-
export declare class RendererFactory {
|
|
4
|
-
private lastRenderType;
|
|
5
|
-
private rendererMap;
|
|
6
|
-
getRendererInstance(storyId: string, targetDOMNode: HTMLElement): Promise<AbstractRenderer | null>;
|
|
7
|
-
private buildRenderer;
|
|
8
|
-
}
|
|
9
|
-
export declare const getRenderType: (targetDOMNode: HTMLElement) => RenderType;
|
|
10
|
-
export declare function clearRootHTMLElement(renderType: RenderType): void;
|
|
11
|
-
export {};
|