@storybook/angular
Version:
Storybook for Angular: Develop Angular components in isolation with hot reloading.
70 lines (69 loc) • 2.79 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.componentWrapperDecorator = exports.moduleMetadata = void 0;
exports.applicationConfig = applicationConfig;
const ComputesTemplateFromComponent_1 = require("./angular-beta/ComputesTemplateFromComponent");
const NgComponentAnalyzer_1 = require("./angular-beta/utils/NgComponentAnalyzer");
// We use `any` here as the default type rather than `Args` because we need something that is
// castable to any component-specific args type when the user is being careful.
const moduleMetadata = (metadata) => (storyFn) => {
const story = storyFn();
const storyMetadata = story.moduleMetadata || {};
metadata = metadata || {};
return {
...story,
moduleMetadata: {
declarations: [...(metadata.declarations || []), ...(storyMetadata.declarations || [])],
entryComponents: [
...(metadata.entryComponents || []),
...(storyMetadata.entryComponents || []),
],
imports: [...(metadata.imports || []), ...(storyMetadata.imports || [])],
schemas: [...(metadata.schemas || []), ...(storyMetadata.schemas || [])],
providers: [...(metadata.providers || []), ...(storyMetadata.providers || [])],
},
};
};
exports.moduleMetadata = moduleMetadata;
/**
* Decorator to set the config options which are available during the application bootstrap
* operation
*/
function applicationConfig(
/** Set of config options available during the application bootstrap operation. */
config) {
return (storyFn) => {
const story = storyFn();
const storyConfig = story.applicationConfig;
return {
...story,
applicationConfig: storyConfig || config
? {
...config,
...storyConfig,
providers: [...(config?.providers || []), ...(storyConfig?.providers || [])],
}
: undefined,
};
};
}
const componentWrapperDecorator = (element, props) => (storyFn, storyContext) => {
const story = storyFn();
const currentProps = typeof props === 'function' ? props(storyContext) : props;
const template = (0, NgComponentAnalyzer_1.isComponent)(element)
? (0, ComputesTemplateFromComponent_1.computesTemplateFromComponent)(element, currentProps ?? {}, story.template)
: element(story.template);
return {
...story,
template,
...(currentProps || story.props
? {
props: {
...currentProps,
...story.props,
},
}
: {}),
};
};
exports.componentWrapperDecorator = componentWrapperDecorator;