Update file path handling

histoire-dev · Dec 10, 2024 · 0f2c515 · 0f2c515
1 parent dde4f7a
commit 0f2c515
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 10 deletions.
diff --git a/packages/histoire-shared/src/codegen/serialize-js.ts b/packages/histoire-shared/src/codegen/serialize-js.ts
@@ -1,4 +1,4 @@
-const KEY_ESCAPE_REG = /[\s-.:|#@$£*%]/
+const KEY_ESCAPE_REG = /[\s\-.:|#@$£*%]/
 const MAX_SINGLE_LINE_ARRAY_LENGTH = 3
 
 interface Line {

diff --git a/packages/histoire/src/node/builtin-plugins/vanilla-support/collect.ts b/packages/histoire/src/node/builtin-plugins/vanilla-support/collect.ts
@@ -2,10 +2,6 @@ import type { ServerRunPayload, ServerStory, ServerVariant } from '@histoire/sha
 import type { StoryOptions, VariantOptions } from './types'
 
 export async function run({ file, storyData }: ServerRunPayload) {
-  if (file.moduleId.toLowerCase().includes('tailwind')) {
-    return
-  }
-
   const { default: Comp } = await import(/* @vite-ignore */ file.moduleId)
 
   const options = Comp as StoryOptions

diff --git a/packages/histoire/src/node/colors.ts b/packages/histoire/src/node/colors.ts
@@ -281,15 +281,15 @@ export const defaultColors = {
 }
 
 const HEX = /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i
-const SHORT_HEX = /^#([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i
+const SHORT_HEX = /^#([a-f\d]){3,4}$/i
 const VALUE = `(?:\\d+|\\d*\\.\\d+)%?`
 const SEP = `(?:\\s*,\\s*|\\s+)`
 const ALPHA_SEP = `\\s*[,/]\\s*`
 const RGB = new RegExp(
   `^rgba?\\(\\s*(${VALUE})${SEP}(${VALUE})${SEP}(${VALUE})(?:${ALPHA_SEP}(${VALUE}))?\\s*\\)$`,
 )
 const HSL = new RegExp(
-  `^hsla?\\(\\s*((?:${VALUE})(?:deg|rad|grad|turn)?)${SEP}(${VALUE})${SEP}(${VALUE})(?:${ALPHA_SEP}(${VALUE}))?\\s*\\)$`,
+  `^hsla?\\(\\s*(${VALUE}(?:deg|rad|grad|turn)?)${SEP}(${VALUE})${SEP}(${VALUE})(?:${ALPHA_SEP}(${VALUE}))?\\s*\\)$`,
 )
 
 export function parseColor(value) {

diff --git a/packages/histoire/src/node/util/vendors.ts b/packages/histoire/src/node/util/vendors.ts
@@ -1,5 +1,5 @@
 import path from 'node:path'
-import { fileURLToPath } from 'node:url'
+import { fileURLToPath, pathToFileURL } from 'node:url'
 
 // Resolve an absolute path to e.g. node_modules/.pnpm/[email protected][email protected]/node_modules/histoire/dist/node/vendors/controls.js
 // https://github.com/histoire-dev/histoire/issues/282
@@ -18,5 +18,10 @@ export function getInjectedImport(request: string) {
     id = alias[id]
   }
 
-  return JSON.stringify(id)
+  if (path.isAbsolute(id)) {
+    return JSON.stringify(pathToFileURL(id).href)
+  }
+  else {
+    return JSON.stringify(id)
+  }
 }
diff --git a/packages/histoire/src/node/vite.ts b/packages/histoire/src/node/vite.ts
@@ -91,7 +91,7 @@ export async function getViteConfigWithPlugins(isServer: boolean, ctx: Context):
             'vue',
           ],
           alias: {
-            'histoire-style': `file://${join(APP_PATH, process.env.HISTOIRE_DEV ? 'app/style/main.pcss' : 'style.css')}`,
+            'histoire-style': join(APP_PATH, process.env.HISTOIRE_DEV ? 'app/style/main.pcss' : 'style.css'),
           },
           ...(isServer
             ? {