Merge pull request #148 from dev-five-git/support-story-book

Support storybook

Author: owjs3901

.changeset/brown-schools-jam.md

@@ -0,0 +1,5 @@
+---
+"@devup-ui/vite-plugin": patch
+---
+
+Support storybook

packages/vite-plugin/src/__tests__/plugin.test.ts

@@ -3,7 +3,7 @@ import { writeFile } from 'node:fs/promises'
 import { dirname, join, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
 
-import { codeExtract, getThemeInterface } from '@devup-ui/wasm'
+import { codeExtract, getCss, getThemeInterface } from '@devup-ui/wasm'
 import { describe } from 'vitest'
 
 import { DevupUI } from '../plugin'
@@ -344,13 +344,10 @@ describe('devupUIPlugin', () => {
       Date.now = () => 1
       expect((plugin as any).load('code')).toBeUndefined()
       expect((plugin as any).load(cssFile)).toBeUndefined()
+      vi.mocked(getCss).mockReturnValueOnce('css code')
       expect(
         (plugin as any).load('devup-ui.css?v=some').length.toString(),
-      ).toBe(
-        (plugin as any)
-          .resolveId(cssFile, 'code')
-          .substring(`devup-ui.css?v=${Date.now()}`.length),
-      )
+      ).toBe('css code'.length.toString())
     })
   })
 })

packages/vite-plugin/src/plugin.ts

@@ -4,6 +4,7 @@ import { join, resolve } from 'node:path'
 
 import {
   codeExtract,
+  getCss,
   getThemeInterface,
   registerTheme,
   setDebug,
@@ -115,7 +116,9 @@ export function DevupUI({
         return `devup-ui.css?t=${Date.now().toString() + globalCss.length}`
     },
     load(id) {
-      if (id.split('?')[0] === 'devup-ui.css') return globalCss
+      if (id.split('?')[0] === 'devup-ui.css')
+        // for no share env like storybook
+        return (globalCss = getCss())
     },
     enforce: 'pre',
     async transform(code, id) {