From 2f93789b98ac75ac38c68959223016517d587c1c Mon Sep 17 00:00:00 2001
From: Manuel Meister <manuel.meister@jvm.ch>
Date: Mon, 12 Aug 2024 09:53:42 +0200
Subject: [PATCH] Improve demo start

Fix #267
---
 README.md             |  5 ++---
 package-lock.json     |  4 ++--
 package.json          |  3 ++-
 vite.config.common.js | 26 +++++++++++++-------------
 4 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/README.md b/README.md
index cd3c5db..0ca3e33 100644
--- a/README.md
+++ b/README.md
@@ -39,7 +39,7 @@ Also works with CSS Animations that use a `view-timeline` or `scroll-timeline`
 }
 ```
 
-Please ensure your CSS is hosted on the same domain as your website or included directly on the page within a <style> tag.
+Please ensure your CSS is hosted on the same domain as your website or included directly on the page within a &lt;style&gt; tag.
 
 If you are loading stylesheets from other origins, the polyfill might not be able to fetch and apply them correctly, due to browser security restrictions.
 
@@ -52,8 +52,7 @@ For more details on and use-cases of scroll-driven animations, please refer to [
 Running a dev environment
 
 ```shell script
-npm i
-npm run dev 
+npm start
 ```
 
 Then open the browser `http://localhost:3000`, choose one of the demos (test) to see how your changes. 
diff --git a/package-lock.json b/package-lock.json
index fc3dc2c..b7d43b2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "scroll-timeline-polyfill",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "scroll-timeline-polyfill",
-      "version": "1.0.0",
+      "version": "1.1.0",
       "license": "Apache-2.0",
       "devDependencies": {
         "terser": "^5.27.0",
diff --git a/package.json b/package.json
index 531b52b..ac5ba4d 100644
--- a/package.json
+++ b/package.json
@@ -5,9 +5,10 @@
   "type": "module",
   "scripts": {
     "build": "vite build",
-    "build-lite" : "vite build --config vite.config.lite.js", 
+    "build-lite" : "vite build --config vite.config.lite.js",
     "dev": "vite",
     "deploy": "npm run build && npm run build-lite",
+    "start": "npm run build && npm run dev",
     "test-setup": "node test/setup/checkout-wpt.mjs",
     "test:wpt": "npm run test-setup && cd test && cd wpt && (python wpt run --headless -y --log-wptreport ../report/data.json --log-wptscreenshot=../report/screenshots.txt --log-html=../report/index.html --inject-script ../../dist/scroll-timeline.js firefox scroll-animations || true)",
     "test:simple": "npm run test-setup && cd test && cd wpt && python wpt serve --inject-script ../../dist/scroll-timeline.js",
diff --git a/vite.config.common.js b/vite.config.common.js
index eb842fc..ca7fdf4 100644
--- a/vite.config.common.js
+++ b/vite.config.common.js
@@ -4,25 +4,25 @@ export function buildConfig(source, filename) {
             sourcemap: true,
             emptyOutDir: false,
             lib: {
-            // Could also be a dictionary or array of multiple entry points
-            entry: source,
-            name: 'ScrollTimeline',
-            // the proper extensions will be added
-            fileName: (format, entryAlias) => `${filename}${format=='iife'?'':'-' + format}.js`,
-            formats: ['iife'],
+                // Could also be a dictionary or array of multiple entry points
+                entry: source,
+                name: 'ScrollTimeline',
+                // the proper extensions will be added
+                fileName: (format, entryAlias) => `${filename}${format=='iife'?'':'-' + format}.js`,
+                formats: ['iife'],
             },
             minify: 'terser',
             terserOptions: {
-            keep_classnames: /^((View|Scroll)Timeline)|CSS.*$/
+                keep_classnames: /^((View|Scroll)Timeline)|CSS.*$/
             },
             rollupOptions: {
-            output: {
-                // Provide global variables to use in the UMD build
-                // for externalized deps
-                globals: {
+                output: {
+                    // Provide global variables to use in the UMD build
+                    // for externalized deps
+                    globals: {
+                    },
                 },
-            },
             }
         }
     };
-}
\ No newline at end of file
+}