GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-06 07:21:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

Temporary work arounds for a couple of angular issues

Browse Source
This commit is contained in:
Tom Coleman 2021-09-02 20:58:30 +10:00
parent e4236c1452
commit b75ad5889e
3 changed files with 24 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
addons/storyshots/storyshots-core/package.json
View File

@ -48,6 +48,7 @@
"@storybook/addons": "6.4.0-alpha.19",
"@storybook/client-api": "6.4.0-alpha.19",
"@storybook/core": "6.4.0-alpha.19",
"@storybook/core-client": "6.4.0-alpha.19",
"@storybook/core-common": "6.4.0-alpha.19",
"@storybook/csf": "0.0.2--canary.c10361d.0",
"@types/glob": "^7.1.3",

5
addons/storyshots/storyshots-core/src/frameworks/configure.ts
View File

@ -4,6 +4,8 @@ import { toRequireContext } from '@storybook/core-common';
import registerRequireContextHook from 'babel-plugin-require-context-hook/register';
import global from 'global';
import { Framework, ArgsEnhancer, ArgTypesEnhancer, DecoratorFunction } from '@storybook/csf';
import { inferArgTypes } from '@storybook/core-client';
import { addArgTypesEnhancer } from '@storybook/client-api';
import { ClientApi } from './Loader';
import { StoryshotsOptions } from '../api/StoryshotsOptions';
@ -76,6 +78,9 @@ function configure<TFramework extends Framework>(
): void {
const { configPath = '.storybook', config, storybook } = options;
// TODO -- this is temporary while we work out a better approach
addArgTypesEnhancer(inferArgTypes);
if (config && typeof config === 'function') {
config(storybook);
return;

34
app/angular/src/client/preview/decorateStory.ts
View File

@ -49,21 +49,23 @@ function hasNoTemplate(template: string | null | undefined): template is undefin
}
const cleanArgsDecorator: DecoratorFunction<AngularFramework> = (storyFn, context) => {
if (!context.argTypes || !context.args) {
return storyFn();
}
const argsToClean = context.args;
context.args = Object.entries(argsToClean).reduce((obj, [key, arg]) => {
const argType = context.argTypes[key];
// Only keeps args with a control or an action in argTypes
if (argType.action || argType.control) {
return { ...obj, [key]: arg };
}
return obj;
}, {});
// TODO --temporary
return storyFn();
// if (!context.argTypes || !context.args) {
// return storyFn();
// }
// const argsToClean = context.args;
// context.args = Object.entries(argsToClean).reduce((obj, [key, arg]) => {
// const argType = context.argTypes[key];
// // Only keeps args with a control or an action in argTypes
// if (argType.action || argType.control) {
// return { ...obj, [key]: arg };
// }
// return obj;
// }, {});
// return storyFn();
};