Experimental support for Svelte 5

.gitignore

@@ -1,3 +1,4 @@
+.svelte-kit/
 dist/
 node_modules/
 storybook-static/

.prettierrc

@@ -1,8 +1,8 @@
 {
-    "printWidth": 100,
-    "tabWidth": 2,
-    "bracketSpacing": true,
-    "trailingComma": "es5",
-    "singleQuote": true,
-    "arrowParens": "always"
-}
+  "printWidth": 100,
+  "tabWidth": 2,
+  "bracketSpacing": true,
+  "trailingComma": "es5",
+  "singleQuote": true,
+  "arrowParens": "always"
+}

.storybook/main.ts

@@ -2,18 +2,20 @@ import type { StorybookConfig } from '@storybook/svelte-vite';
 
 const config: StorybookConfig = {
   framework: '@storybook/svelte-vite',
-  stories: [{
-    directory: '../stories',
-    files:'**/*.stories.svelte',
-    titlePrefix:'Demo'
-  }],
   addons: [
-    '../dist/preset/index.js',
+    '../dist/preset.js',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
   ],
+  stories: [
+    {
+      directory: '../stories',
+      files: '**/*.stories.svelte',
+      titlePrefix: 'Demo',
+    },
+  ],
   docs: {
-    autodocs: 'tag'
-  }
+    autodocs: 'tag',
+  },
 };
 export default config;

package.json

@@ -4,6 +4,7 @@
   "description": "Allows to write stories in Svelte syntax",
   "keywords": [
     "storybook-addons",
+    "csf",
     "svelte"
   ],
   "repository": {
@@ -12,24 +13,20 @@
   },
   "license": "MIT",
   "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
     "./preset": {
-      "types": "./dist/preset/index.d.ts",
-      "default": "./dist/preset/index.js"
+      "types": "./dist/preset.d.ts",
+      "default": "./dist/preset.js"
     },
     "./package.json": "./package.json"
   },
   "files": [
     "dist/**/*",
-    "README.md",
-    "*.js",
-    "*.d.ts"
+    "README.md"
   ],
   "scripts": {
     "clean": "rimraf ./dist",
@@ -39,72 +36,64 @@
     "chromatic": "chromatic --exit-zero-on-changes",
     "coverage": "vitest run --coverage",
     "check": "svelte-check",
-    "lint": "eslint --cache --cache-location=.cache/eslint --ext .js,.jsx,.json,.html,.ts,.tsx,.mjs --report-unused-disable-directives",
-    "storybook": "storybook dev --port 6006",
+    "lint": "eslint --cache --cache-location=.cache/eslint --ext .js.json,.html,.svelte,.ts --report-unused-disable-directives",
+    "storybook": "storybook dev --port 6006 --no-open",
     "start": "concurrently \"pnpm run storybook --quiet\" \"pnpm run build --watch\"",
     "build-storybook": "storybook build",
     "release": "pnpm run build && auto shipit"
   },
   "dependencies": {
-    "@babel/runtime": "^7.22.6",
     "dedent": "^1.2.0",
-    "fs-extra": "^11.1.1",
-    "magic-string": "^0.30.1"
+    "estree-util-to-js": "^2.0.0",
+    "magic-string": "^0.30.1",
+    "zimmerframe": "^1.1.2"
   },
   "devDependencies": {
     "@auto-it/released": "^10.32.6",
-    "@storybook/addon-actions": "^8.0.0-rc.2",
-    "@storybook/addon-essentials": "^8.0.0-rc.2",
-    "@storybook/addon-interactions": "^8.0.0-rc.2",
-    "@storybook/blocks": "^8.0.0-rc.2",
-    "@storybook/client-logger": "^8.0.0-rc.2",
-    "@storybook/components": "^8.0.0-rc.2",
-    "@storybook/csf": "^0.1.1",
+    "@storybook/addon-actions": "^8.1.0",
+    "@storybook/addon-essentials": "^8.1.0",
+    "@storybook/addon-interactions": "^8.1.0",
+    "@storybook/client-logger": "^8.1.0",
+    "@storybook/csf": "^0.1.5",
     "@storybook/eslint-config-storybook": "^3.1.2",
-    "@storybook/node-logger": "^8.0.0-rc.2",
-    "@storybook/preview-api": "^8.0.0-rc.2",
-    "@storybook/svelte": "^8.0.0-rc.2",
-    "@storybook/svelte-vite": "^8.0.0-rc.2",
-    "@storybook/test": "^8.0.0-rc.2",
-    "@storybook/theming": "^8.0.0-rc.2",
-    "@storybook/types": "^8.0.0-rc.2",
+    "@storybook/node-logger": "^8.1.0",
+    "@storybook/preview-api": "^8.1.0",
+    "@storybook/svelte": "^8.1.0",
+    "@storybook/svelte-vite": "^8.1.0",
+    "@storybook/test": "^8.1.0",
+    "@storybook/types": "^8.1.0",
     "@sveltejs/package": "^2.2.0",
-    "@sveltejs/vite-plugin-svelte": "^2.4.2",
+    "@sveltejs/vite-plugin-svelte": "4.0.0-next.1",
+    "@total-typescript/ts-reset": "^0.5.1",
     "@tsconfig/svelte": "^5.0.0",
-    "@types/estree": "^1.0.1",
+    "@types/estree": "^1.0.5",
+    "@types/node": "^20.12.12",
     "auto": "^11.1.1",
     "chromatic": "^6.19.9",
     "concurrently": "^8.2.0",
     "eslint": "^7.17.0",
     "eslint-plugin-storybook": "^0.6.12",
-    "jsdom": "^22.1.0",
+    "jsdom": "^24.0.0",
     "prettier": "^3.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rimraf": "^3.0.2",
-    "storybook": "^8.0.0-rc.2",
-    "svelte": "^4.2.2",
+    "rimraf": "^5.0.7",
+    "storybook": "^8.1.0",
+    "svelte": "5.0.0-next.136",
     "svelte-check": "^3.5.0",
-    "svelte-jester": "^2.3.2",
-    "svelte-loader": "^3.1.7",
+    "svelte-package": "^0.1.0",
     "typescript": "^5.1.6",
-    "vite": "^4.4.3",
-    "vitest": "^0.33.0"
+    "vite": "^5.2.10",
+    "vitest": "^1.5.2"
   },
   "peerDependencies": {
-    "@storybook/svelte": "^7.0.0 || ^8.0.0 || ^8.0.0-beta.0",
-    "@sveltejs/vite-plugin-svelte": "^2.0.0 || ^3.0.0",
-    "svelte": "^4.0.0",
-    "svelte-loader": "^3.1.2",
-    "vite": "^4.0.0 || ^5.0.0"
+    "@storybook/svelte": "^8.1.0",
+    "@sveltejs/vite-plugin-svelte": "^3.1.0",
+    "svelte": "^5.0.0-next.117",
+    "vite": "^5.2.10"
   },
   "peerDependenciesMeta": {
     "@sveltejs/vite-plugin-svelte": {
       "optional": true
     },
-    "svelte-loader": {
-      "optional": true
-    },
     "vite": {
       "optional": true
     }