@storybook/svelte-webpack5 7.0.0-beta.14 → 7.0.0-beta.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-webpack5",
-  "version": "7.0.0-beta.14",
+  "version": "7.0.0-beta.15",
   "description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -21,6 +21,7 @@
   "license": "MIT",
   "exports": {
     ".": {
+      "node": "./dist/index.js",
       "require": "./dist/index.js",
       "import": "./dist/index.mjs",
       "types": "./dist/index.d.ts"
@@ -30,18 +31,14 @@
       "import": "./dist/preset.mjs",
       "types": "./dist/preset.d.ts"
     },
-    "./package.json": {
-      "require": "./package.json",
-      "import": "./package.json",
-      "types": "./package.json"
-    }
+    "./package.json": "./package.json"
   },
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
-    "templates/**/*",
+    "template/**/*",
     "README.md",
     "*.js",
     "*.d.ts"
@@ -51,10 +48,10 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-beta.14",
-    "@storybook/core-common": "7.0.0-beta.14",
-    "@storybook/preset-svelte-webpack": "7.0.0-beta.14",
-    "@storybook/svelte": "7.0.0-beta.14"
+    "@storybook/builder-webpack5": "7.0.0-beta.15",
+    "@storybook/core-common": "7.0.0-beta.15",
+    "@storybook/preset-svelte-webpack": "7.0.0-beta.15",
+    "@storybook/svelte": "7.0.0-beta.15"
   },
   "devDependencies": {
     "svelte": "^3.48.0",
@@ -81,5 +78,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "c3b2e8fe2517ba2d7630e260de0fd1ad86cafeb6"
+  "gitHead": "ed794f9d13e2bfe696ed2b230a3da04c203519eb"
 }

package/templates/HOC.svelte

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

package/templates/PreviewRender.svelte

@@ -1,37 +0,0 @@
-<script>
-  import SlotDecorator from './SlotDecorator.svelte';
-  import { dedent } from 'ts-dedent';
-
-  export let name;
-  export let kind;
-  export let storyFn;
-  export let showError;
-
-  const {
-    /** @type {SvelteComponent} */
-    Component,
-    /** @type {any} */
-    props = {},
-    /** @type {{[string]: () => {}}} Attach svelte event handlers */
-    on,
-    Wrapper,
-    WrapperData = {},
-  } = storyFn(); 
-
-  if (!Component) {
-    showError({
-      title: `Expecting a Svelte component from the story: "${name}" of "${kind}".`,
-      description: dedent`
-        Did you forget to return the Svelte component configuration from the story?
-        Use "() => ({ Component: YourComponent, data: {} })"
-        when defining the story.
-      `,
-    });
-  }
-</script>
-<SlotDecorator
-  decorator={Wrapper}
-  decoratorProps={WrapperData}
-  component={Component}
-  props={props}
-  {on}/>

package/templates/SlotDecorator.svelte

@@ -1,30 +0,0 @@
-<script>
-  import { onMount } from 'svelte';
-  export let decorator;
-  export let decoratorProps = {};
-  export let component;
-  export let props = {};
-  export let on;
-
-  let instance;
-  let decoratorInstance;
-
-  function getInstance() {
-    // instance can be undefined if a decorator doesn't have <slot/>
-    return instance || decoratorInstance;
-  }
-
-  if (on) {
-    // Attach svelte event listeners.
-    Object.keys(on).forEach((eventName) => {
-      onMount(() => getInstance().$on(eventName, on[eventName]));
-    });
-  }
-</script>
-{#if decorator}
-  <svelte:component this={decorator} {...decoratorProps} bind:this={decoratorInstance}>
-    <svelte:component this={component} {...props} bind:this={instance}/>
-  </svelte:component>
-{:else}
-  <svelte:component this={component} {...props} bind:this={instance}/>
-{/if}