Merge pull request #14444 from j3rem1e/issue-14443

Revert "Svelte - Fix async loaders and docs" Fix #14443

addons/docs/src/frameworks/svelte/HOC.svelte

@@ -1,8 +1,7 @@
 <script>
-  export let storyContext;
-  export let unboundStoryFn;
-      
-  let { Component: component, props } = unboundStoryFn(storyContext);
+  export let storyFn;
+
+  let { Component: component, props } = storyFn();
 </script>
 
-<svelte:component this={component} {...props}/>
+<svelte:component this={component} {...props}/>

addons/docs/src/frameworks/svelte/prepareForInline.ts

@@ -1,36 +1,20 @@
-import { StoryContext, StoryFn } from '@storybook/addons';
+import { StoryFn } from '@storybook/addons';
 
 import React from 'react';
 
 // @ts-ignore
 import HOC from './HOC.svelte';
 
-export const prepareForInline = (storyFn: StoryFn, context: StoryContext) => {
+export const prepareForInline = (storyFn: StoryFn) => {
   const el = React.useRef(null);
   React.useEffect(() => {
-    let cancelled = false;
-    const { applyLoaders, unboundStoryFn } = context;
-
-    let cpn: any;
-
-    applyLoaders().then((storyContext: StoryContext) => {
-      if (!cancelled) {
-        cpn = new HOC({
-          target: el.current,
-          props: {
-            storyContext,
-            unboundStoryFn,
-          },
-        });
-      }
+    const root = new HOC({
+      target: el.current,
+      props: {
+        storyFn,
+      },
     });
-
-    return () => {
-      cancelled = true;
-      if (cpn) {
-        cpn.$destroy();
-      }
-    };
+    return () => root.$destroy();
   });
 
   return React.createElement('div', { ref: el });

examples/svelte-kitchen-sink/src/stories/__snapshots__/loaders.stories.storyshot

@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Storyshots Async Loaders Async Loaders 1`] = `
-<section
-  class="storybook-snapshot-container"
->
-  <button
-    class="button svelte-n2tx93 rounded"
-  >
-    <strong>
-      Round
-       corners
-    </strong>
-     
-    <br />
-     
-    
-     
-  </button>
-</section>
-`;

examples/svelte-kitchen-sink/src/stories/loaders.stories.js

@@ -1,16 +0,0 @@
-import Button from '../components/Button.svelte';
-
-export default {
-  title: 'Async Loaders',
-  component: Button,
-};
-
-export const AsyncLoaders = (args, { loaded: { text } = {} }) => ({
-  Component: Button,
-  props: {
-    ...args,
-    text,
-  },
-});
-
-AsyncLoaders.loaders = [async () => ({ text: 'asynchronous value' })];