Merge pull request #61 from pinanks/DOT-1844

Add StoryBook 7 support

Author: pinanks

commands/storybook.js

@@ -30,7 +30,7 @@ async function storybook(serve, options) {
             .then(async function (response) {
                 let stories = {}
                 for (const [storyId, storyInfo] of Object.entries(response.data.stories)) {
-                    if (!skipStory(storyInfo.name, storybookConfig)) {
+                    if (!skipStory(storyInfo, storybookConfig)) {
                         stories[storyId] = {
                             name: storyInfo.name,
                             kind: storyInfo.kind,

commands/utils/static.js

@@ -58,7 +58,7 @@ function filterStories(dirPath, storybookConfig) {
 	stories = JSON.parse(fs.readFileSync(`${dirPath}/stories.json`)).stories;
 
 	for (const [storyId, storyInfo] of Object.entries(stories)) {
-		if (!skipStory(storyInfo.name, storybookConfig)) {
+		if (!skipStory(storyInfo, storybookConfig)) {
 			storyIds.push(storyId);
 		}
 	}

commands/utils/story.js

@@ -1,12 +1,17 @@
 // Returns true or false if the story should be skipped based on include and exclude config
-function skipStory(name, config) {
+function skipStory(story, config) {
+	// skip story if it's docs
+	if (story.parameters && story.parameters.docsOnly) {
+		return true;
+	}
+
     let matches = regexp => {
-      if (typeof regexp === 'string') {
-        let [, parsed, flags] = /^\/(.+)\/(\w+)?$/.exec(regexp) || [];
-        regexp = new RegExp(parsed ?? regexp, flags);
-      }
+		if (typeof regexp === 'string') {
+			let [, parsed, flags] = /^\/(.+)\/(\w+)?$/.exec(regexp) || [];
+			regexp = new RegExp(parsed ?? regexp, flags);
+		}
 
-      return regexp?.test?.(name);
+      	return regexp?.test?.(story.name);
     };
 
     let include = [].concat(config?.include).filter(Boolean);
@@ -15,6 +20,6 @@ function skipStory(name, config) {
     let skip = include?.length ? !include.some(matches) : false;
     if (!skip && !exclude?.some(matches)) return false;
     return true;
-  };
+};
 
-  module.exports = { skipStory };
+module.exports = { skipStory };