@storybook/angular
Version:
Storybook for Angular: Develop Angular components in isolation with hot reloading.
54 lines (53 loc) • 2.3 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.sourceDecorator = exports.skipSourceRender = void 0;
const docs_tools_1 = require("storybook/internal/docs-tools");
const preview_api_1 = require("storybook/preview-api");
const renderer_1 = require("../../renderer");
const skipSourceRender = (context) => {
const sourceParams = context?.parameters.docs?.source;
// always render if the user forces it
if (sourceParams?.type === docs_tools_1.SourceType.DYNAMIC) {
return false;
}
// never render if the user is forcing the block to render code, or
// if the user provides code
return sourceParams?.code || sourceParams?.type === docs_tools_1.SourceType.CODE;
};
exports.skipSourceRender = skipSourceRender;
/**
* Angular source decorator.
*
* @param storyFn Fn
* @param context StoryContext
*/
const sourceDecorator = (storyFn, context) => {
const story = storyFn();
const source = (0, preview_api_1.useRef)(undefined);
(0, preview_api_1.useEffect)(() => {
if ((0, exports.skipSourceRender)(context)) {
return;
}
const { props, userDefinedTemplate } = story;
const { component, argTypes, parameters } = context;
const template = parameters.docs?.source?.excludeDecorators
? context.originalStoryFn(context.args, context).template
: story.template;
if (component && !userDefinedTemplate) {
const sourceFromComponent = (0, renderer_1.computesTemplateSourceFromComponent)(component, props, argTypes);
// We might have a story with a Directive or Service defined as the component
// In these cases there might exist a template, even if we aren't able to create source from component
const newSource = sourceFromComponent || template;
if (newSource && newSource !== source.current) {
(0, preview_api_1.emitTransformCode)(newSource, context);
source.current = newSource;
}
}
else if (template && template !== source.current) {
(0, preview_api_1.emitTransformCode)(template, context);
source.current = template;
}
});
return story;
};
exports.sourceDecorator = sourceDecorator;