@storybook/sveltekit 7.0.0-alpha.58

package/README.md

@@ -0,0 +1 @@
+# Storybook for SvelteKit

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from '@storybook/svelte-vite';

package/dist/index.js

@@ -0,0 +1 @@
+var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("@storybook/svelte-vite"),module.exports);

package/dist/index.mjs

@@ -0,0 +1 @@
+export*from"@storybook/svelte-vite";

package/dist/preset.d.ts

@@ -0,0 +1,6 @@
+import { StorybookConfig } from '@storybook/svelte-vite';
+
+declare const core: StorybookConfig['core'];
+declare const viteFinal: NonNullable<StorybookConfig['viteFinal']>;
+
+export { core, viteFinal };

package/dist/preset.js

@@ -0,0 +1 @@
+var n=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var u=(t,o)=>{for(var e in o)n(t,e,{get:o[e],enumerable:!0})},v=(t,o,e,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of b(o))!p.call(t,r)&&r!==e&&n(t,r,{get:()=>o[r],enumerable:!(i=a(o,r))||i.enumerable});return t};var f=t=>v(n({},"__esModule",{value:!0}),t);var c={};u(c,{core:()=>g,viteFinal:()=>y});module.exports=f(c);var l=require("@storybook/svelte-vite/preset"),s=require("@storybook/builder-vite"),g={builder:"@storybook/builder-vite",renderer:"@storybook/svelte"},y=async(t,o)=>{let e=await(0,l.viteFinal)(t,o),{plugins:i=[]}=e;return i=(0,s.withoutVitePlugins)(i,["vite-plugin-svelte-kit"]),{...e,plugins:i}};0&&(module.exports={core,viteFinal});

package/dist/preset.mjs

@@ -0,0 +1 @@
+import{viteFinal as svelteViteFinal}from"@storybook/svelte-vite/preset";import{withoutVitePlugins}from"@storybook/builder-vite";var core={builder:"@storybook/builder-vite",renderer:"@storybook/svelte"},viteFinal=async(config,options)=>{let baseConfig=await svelteViteFinal(config,options),{plugins=[]}=baseConfig;return plugins=withoutVitePlugins(plugins,["vite-plugin-svelte-kit"]),{...baseConfig,plugins}};export{core,viteFinal};

package/jest.config.js

@@ -0,0 +1,7 @@
+const path = require('path');
+const baseConfig = require('../../jest.config.node');
+
+module.exports = {
+  ...baseConfig,
+  displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
+};

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "@storybook/sveltekit",
+  "version": "7.0.0-alpha.58",
+  "description": "Storybook for SvelteKit",
+  "keywords": [
+    "storybook",
+    "svelte",
+    "sveltekit",
+    "svelte-kit"
+  ],
+  "homepage": "https://github.com/storybookjs/storybook/tree/next/code/frameworks/sveltekit",
+  "bugs": {
+    "url": "https://github.com/storybookjs/storybook/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/storybookjs/storybook.git",
+    "directory": "code/frameworks/sveltekit"
+  },
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/storybook"
+  },
+  "license": "MIT",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./preset": {
+      "require": "./dist/preset.js",
+      "import": "./dist/preset.mjs",
+      "types": "./dist/preset.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/**/*",
+    "template/**/*",
+    "types/**/*",
+    "README.md",
+    "*.js",
+    "*.d.ts"
+  ],
+  "scripts": {
+    "check": "tsc --noEmit",
+    "prep": "../../../scripts/prepare/bundle.ts"
+  },
+  "dependencies": {
+    "@storybook/builder-vite": "7.0.0-alpha.58",
+    "@storybook/svelte-vite": "7.0.0-alpha.58"
+  },
+  "devDependencies": {
+    "@types/node": "^16.0.0",
+    "typescript": "^4.9.3",
+    "vite": "^3.1.3"
+  },
+  "peerDependencies": {
+    "@storybook/addon-svelte-csf": "^2.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@storybook/addon-svelte-csf": {
+      "optional": true
+    }
+  },
+  "engines": {
+    "node": "^14.18 || >=16"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "bundler": {
+    "entries": [
+      "./src/index.ts",
+      "./src/preset.ts"
+    ],
+    "platform": "node"
+  },
+  "gitHead": "c7f8e3e8486ab5caf3da0ef016acfd2065f0dc05"
+}

package/preset.js

@@ -0,0 +1 @@
+module.exports = require('./dist/preset');

package/template/cli/Button.stories.js

@@ -0,0 +1,39 @@
+import Button from './Button.svelte';
+
+// More on how to set up stories at: https://storybook.js.org/docs/7.0/svelte/writing-stories/introduction
+export default {
+  title: 'Example/Button',
+  component: Button,
+  tags: ['docsPage'],
+  argTypes: {
+    backgroundColor: { control: 'color' },
+  },
+};
+
+// More on writing stories with args: https://storybook.js.org/docs/7.0/svelte/writing-stories/args
+export const Primary = {
+  args: {
+    primary: true,
+    label: 'Button',
+  },
+};
+
+export const Secondary = {
+  args: {
+    label: 'Button',
+  },
+};
+
+export const Large = {
+  args: {
+    size: 'large',
+    label: 'Button',
+  },
+};
+
+export const Small = {
+  args: {
+    size: 'small',
+    label: 'Button',
+  },
+};

package/template/cli/Button.svelte

@@ -0,0 +1,34 @@
+<script>
+  import './button.css';
+
+  /**
+   * Is this the principal call to action on the page?
+   */
+  export let primary = false;
+
+  /**
+   * What background color to use
+   */
+  export let backgroundColor = undefined;
+  /**
+   * How large should the button be?
+   */
+  export let size = 'medium';
+  /**
+   * Button contents
+   */
+  export let label;
+
+  $: mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+
+  $: style = backgroundColor ? `background-color: ${backgroundColor}` : '';
+</script>
+
+<button
+  type="button"
+  class={['storybook-button', `storybook-button--${size}`, mode].join(' ')}
+  {style}
+  on:click
+>
+  {label}
+</button>