Merge branch 'master' into angular-modulemetadata-decorator

README.md

@@ -29,6 +29,7 @@ Storybook comes with a lot of [addons](https://storybook.js.org/addons/introduct
     -   [Supported Frameworks](#supported-frameworks)
     -   [Sub Projects](#sub-projects)
     -   [Addons](#addons)
+-   [Live Examples](#live-examples) 💪
 -   [Contributing](#contributing)
     -   [Development scripts](#development-scripts)
     -   [Backers](#backers)
@@ -91,6 +92,21 @@ For additional help, join us [in our Slack](https://now-examples-slackin-rrirkqo
 
 See [Addon / Framework Support Table](ADDONS_SUPPORT.md)
 
+## Live Examples
+
+### 3.4.alpha
+> Note, this is an Alpha version. Some of the features still might not be released
+
+ - [React Official](https://storybooks-official.netlify.com)
+ - [Vue](https://storybooks-vue.netlify.com/)
+ - [Angular](https://storybooks-angular.netlify.com/)
+ - [Polymer](https://storybooks-polymer.netlify.com/)
+
+### 3.3
+ - [React Official](https://release-3-3--storybooks-official.netlify.com)
+ - [Vue](https://release-3-3--storybooks-vue.netlify.com/)
+ - [Angular](https://release-3-3--storybooks-angular.netlify.com/)
+
 ## Contributing
 
 We welcome contributions to Storybook!

addons/jest/src/components/Result.js

@@ -106,6 +106,13 @@ const createSubgroup = (acc, item, i, list) => {
 
   // on last iteration inject at detected injectionpoint, and group
   if (i === list.length - 1) {
+    // Provide a "safety net" when Jest returns a partially recognized "group"
+    // (recognized by acc.startTrigger but acc.endTrigger was never found) and
+    // it's the only group in output for a test result. In that case, acc.list
+    // will be empty, so return whatever was found, even if it will be unstyled
+    // and prevent next createSubgroup calls from throwing due to empty lists.
+    acc.list.push(null);
+
     return acc.list.reduce((eacc, el, ei) => {
       switch (true) {
         case acc.injectionPoint === 0 && ei === 0: {

docs/gatsby-config.js

@@ -16,6 +16,7 @@ module.exports = {
         '/basics/exporting-storybook/',
         '/basics/faq/',
         '/basics/community/',
+        '/basics/live-examples/',
       ],
       configurations: [
         '/configurations/default-config/',

docs/src/components/Homepage/MainLinks/index.js

@@ -85,6 +85,9 @@ class MainLinks extends React.Component {
                 <li>
                   <Link to="/basics/writing-stories/">Writing stories</Link>
                 </li>
+                <li>
+                  <Link to="/basics/live-examples/">Live Examples</Link>
+                </li>
               </ul>
             </div>
 

docs/src/pages/basics/live-examples/index.md

@@ -0,0 +1,18 @@
+---
+id: 'live-examples'
+title: 'Live Examples'
+---
+
+### 3.4.alpha
+
+> Note, this is an Alpha version. Some of the features still might not be released
+
+ - [React Official](https://storybooks-official.netlify.com)
+ - [Vue](https://storybooks-vue.netlify.com/)
+ - [Angular](https://storybooks-angular.netlify.com/)
+ - [Polymer](https://storybooks-polymer.netlify.com/)
+
+### 3.3
+ - [React Official](https://release-3-3--storybooks-official.netlify.com)
+ - [Vue](https://release-3-3--storybooks-vue.netlify.com/)
+ - [Angular](https://release-3-3--storybooks-angular.netlify.com/)