From 1bbf4fae56bb8854d9ecc6134f4822199f0a7273 Mon Sep 17 00:00:00 2001
From: basilgood <elsile69@yahoo.com>
Date: Mon, 29 Jul 2024 11:26:39 +0300
Subject: [PATCH] chore: add correct path to be used both on live or static

---
 .storybook/main.js                     |  2 +-
 package.json                           |  2 +-
 stories/cosmoz-image-viewer.stories.js | 14 ++++++++++----
 stories/data.js                        |  6 +++---
 stories/haunted-pan-zoom.stories.js    |  2 +-
 5 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/.storybook/main.js b/.storybook/main.js
index 0f0cae6..85caa1a 100644
--- a/.storybook/main.js
+++ b/.storybook/main.js
@@ -23,7 +23,7 @@ const config = {
 
 		return config;
 	},
-	// staticDirs: ['images'],
+	staticDirs: ['../stories/images'],
 };
 
 export default config;
diff --git a/package.json b/package.json
index 4713bba..f89be62 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
 		"storybook:start": "storybook dev -p 6006",
 		"storybook:build": "storybook build",
 		"storybook:deploy": "storybook-to-ghpages",
-		"storybook:preview": "npm run storybook:build && http-server -c-1 -p 6006 -so ./storybook-static",
+		"storybook:preview": "npm run storybook:build && http-server -c-1 -p 6006 -o",
 		"prepare": "husky install"
 	},
 	"release": {
diff --git a/stories/cosmoz-image-viewer.stories.js b/stories/cosmoz-image-viewer.stories.js
index 50fcd40..a68e0ee 100644
--- a/stories/cosmoz-image-viewer.stories.js
+++ b/stories/cosmoz-image-viewer.stories.js
@@ -36,7 +36,10 @@ export const Basic = ({
 		?loop=${loop}
 		?show-zoom=${showZoom}
 		?detached-show-zoom=${detachedShowZoom}
-		.images=${['stories/images/cosmos1.jpg', 'stories/images/cosmos2.jpg']}
+		.images=${[
+			'cosmos1.jpg',
+			'cosmos2.jpg',
+		]}
 	></cosmoz-image-viewer>
 `;
 
@@ -52,10 +55,13 @@ Basic.args = {
 
 export const Issue21 = () => {
 	const images1 = [
-			'stories/images/stockholm.jpg',
-			'stories/images/strasbourg.jpg',
+			'stockholm.jpg',
+			'strasbourg.jpg',
 		],
-		images2 = ['stories/images/cosmos1.jpg', 'stories/images/cosmos2.jpg'];
+		images2 = [
+			'cosmos1.jpg',
+			'cosmos2.jpg',
+		];
 	return html`
 		<cosmoz-image-viewer
 			show-detach
diff --git a/stories/data.js b/stories/data.js
index a2501a0..2294a3f 100644
--- a/stories/data.js
+++ b/stories/data.js
@@ -1,9 +1,9 @@
 export const images = [
-	'stories/images/stockholm.jpg',
+	'stockholm.jpg',
 	'this-is-a-loading-error.jpg',
-	() => 'stories/images/a_size.png',
+	() => 'a_size.png',
 	() =>
 		new Promise((resolve) =>
-			setTimeout(() => resolve('stories/images/strasbourg.jpg'), 500),
+			setTimeout(() => resolve('strasbourg.jpg'), 500),
 		),
 ];
diff --git a/stories/haunted-pan-zoom.stories.js b/stories/haunted-pan-zoom.stories.js
index a7190f9..f41e54f 100644
--- a/stories/haunted-pan-zoom.stories.js
+++ b/stories/haunted-pan-zoom.stories.js
@@ -7,7 +7,7 @@ export default {
 };
 const Template = ({ disabled, height, zoomStiffness, panStiffness }) => html`
 	<haunted-pan-zoom
-		src="stories/images/a_size.png"
+		src="a_size.png"
 		style="height: ${height}px;"
 		?disabled=${disabled}
 		.zoomStiffness=${zoomStiffness}