From 5e1648cd2342d7077bee0ec28634fd0ffb3c71bb Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Mon, 26 Jun 2023 02:40:54 +0100
Subject: [PATCH] Update css file name

---
 docs/package.json                                | 2 +-
 docs/pnpm-lock.yaml                              | 8 ++++----
 docs/src/components/examples/SimpleHighlight.tsx | 2 +-
 index.html                                       | 1 -
 src/driver.ts                                    | 1 +
 vite.config.ts                                   | 7 +++++++
 6 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/docs/package.json b/docs/package.json
index ddd803b..447f975 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -16,7 +16,7 @@
     "@types/react": "^18.0.21",
     "@types/react-dom": "^18.0.6",
     "astro": "^2.7.0",
-    "driver.js": "1.1.2-next.0",
+    "driver.js": "1.1.3-next.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-fast-marquee": "^1.6.0",
diff --git a/docs/pnpm-lock.yaml b/docs/pnpm-lock.yaml
index e5ceac6..e800d9d 100644
--- a/docs/pnpm-lock.yaml
+++ b/docs/pnpm-lock.yaml
@@ -24,8 +24,8 @@ dependencies:
     specifier: ^2.7.0
     version: 2.7.0
   driver.js:
-    specifier: 1.1.2-next.0
-    version: 1.1.2-next.0
+    specifier: 1.1.3-next.0
+    version: 1.1.3-next.0
   react:
     specifier: ^18.0.0
     version: 18.2.0
@@ -1376,8 +1376,8 @@ packages:
   /dlv@1.1.3:
     resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
 
-  /driver.js@1.1.2-next.0:
-    resolution: {integrity: sha512-2VrKUesC5Cs0OTSze2fhpkiHF4+wNxEwwOuD9AtCWiLDhtwc5En3ktHeP057yhSfEvaUQihffchylQ001zEPSQ==}
+  /driver.js@1.1.3-next.0:
+    resolution: {integrity: sha512-O2Lsz+f2TZ6Twp349MkFXd+2JVH8b2dQhlNUDIxkagFsJ6oxgTOnWdAqtYmv8cjSEgmu+IzWHfgkJukp7GcPUQ==}
     dev: false
 
   /dset@3.1.2:
diff --git a/docs/src/components/examples/SimpleHighlight.tsx b/docs/src/components/examples/SimpleHighlight.tsx
index 0a58a6d..99b2eeb 100644
--- a/docs/src/components/examples/SimpleHighlight.tsx
+++ b/docs/src/components/examples/SimpleHighlight.tsx
@@ -1,6 +1,6 @@
 import { useEffect } from "react";
 import { Config, driver } from "driver.js";
-import "driver.js/dist/style.css";
+import "driver.js/dist/driver.css";
 
 import type { DriveStep } from "driver.js";
 
diff --git a/index.html b/index.html
index 4044811..be1e399 100644
--- a/index.html
+++ b/index.html
@@ -338,7 +338,6 @@ npm install driver.js</pre
     </div>
     <script type="module">
       import { driver } from "./src/driver.ts";
-      import "./src/driver.css";
 
       const basicTourSteps = [
         {
diff --git a/src/driver.ts b/src/driver.ts
index 97ff45a..a737687 100644
--- a/src/driver.ts
+++ b/src/driver.ts
@@ -5,6 +5,7 @@ import { Config, configure, getConfig } from "./config";
 import { destroyHighlight, highlight } from "./highlight";
 import { destroyEmitter, listen } from "./emitter";
 import { getState, resetState, setState } from "./state";
+import "./driver.css";
 
 export type DriveStep = {
   element?: string | Element;
diff --git a/vite.config.ts b/vite.config.ts
index ae23839..57c560d 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -21,6 +21,13 @@ module.exports = defineConfig({
       formats,
       fileName: format => fileName[format],
     },
+    rollupOptions: {
+      output: {
+        assetFileNames: assetInfo => {
+          return assetInfo.name === "style.css" ? `${packageName}.css` : assetInfo.name;
+        },
+      },
+    },
   },
   test: {},
 });