From 6fdcd80710761036775bc1b539f23892a65b5696 Mon Sep 17 00:00:00 2001
From: Astrian Zheng <happy.wheel6743@astrian.moe>
Date: Thu, 20 Feb 2025 14:52:48 +1100
Subject: [PATCH] feat: add vite-plugin-css-injected-by-js for improved CSS
 handling and update app import path

---
 package-lock.json  | 11 +++++++++++
 package.json       |  1 +
 playground/app.tsx |  2 +-
 vite.config.ts     |  3 +++
 4 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/package-lock.json b/package-lock.json
index 1918eb0..59f5adf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,6 +23,7 @@
         "typescript": "~5.7.2",
         "typescript-eslint": "^8.22.0",
         "vite": "^6.1.0",
+        "vite-plugin-css-injected-by-js": "^3.5.2",
         "vite-plugin-dts": "^4.5.0"
       },
       "peerDependencies": {
@@ -4523,6 +4524,16 @@
         }
       }
     },
+    "node_modules/vite-plugin-css-injected-by-js": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/vite-plugin-css-injected-by-js/-/vite-plugin-css-injected-by-js-3.5.2.tgz",
+      "integrity": "sha512-2MpU/Y+SCZyWUB6ua3HbJCrgnF0KACAsmzOQt1UvRVJCGF6S8xdA3ZUhWcWdM9ivG4I5az8PnQmwwrkC2CAQrQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "vite": ">2.0.0-0"
+      }
+    },
     "node_modules/vite-plugin-dts": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/vite-plugin-dts/-/vite-plugin-dts-4.5.0.tgz",
diff --git a/package.json b/package.json
index 62d9cd4..4daa8bb 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.22.0",
     "vite": "^6.1.0",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-dts": "^4.5.0"
   },
   "exports": {
diff --git a/playground/app.tsx b/playground/app.tsx
index c69e610..565a61b 100644
--- a/playground/app.tsx
+++ b/playground/app.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { SingleDatePicker } from "../src/index.ts"
+import { SingleDatePicker } from "../dist/index.es"
 import './app.scss'
 
 export default () => {
diff --git a/vite.config.ts b/vite.config.ts
index c38d9a7..e510078 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -2,6 +2,7 @@ import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import dts from 'vite-plugin-dts'
 import path from "path"
+import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js"
 
 export default defineConfig(({mode}) => ({
   build: {
@@ -11,6 +12,7 @@ export default defineConfig(({mode}) => ({
       fileName: format => `index.${format}.js`,
     },
     rollupOptions: {
+      preserveEntrySignatures: "strict",
       external: ["react"],
       output: {
         globals: {
@@ -31,6 +33,7 @@ export default defineConfig(({mode}) => ({
     dts({
       tsconfigPath: "./tsconfig.app.json"
     }),
+    cssInjectedByJsPlugin()
   ],
   resolve: {
     alias: {