banhaten 0.3.0 → 0.5.0

package/src/cli/global-css.js

@@ -1,153 +1,153 @@
-const FONT_IMPORTS = [
-  '@import "@fontsource/inter/400.css";',
-  '@import "@fontsource/inter/500.css";',
-  '@import "@fontsource/inter/600.css";',
-  '@import "@fontsource/inter/700.css";',
-  '@import "@fontsource/ibm-plex-sans-arabic/arabic-400.css";',
-  '@import "@fontsource/ibm-plex-sans-arabic/arabic-500.css";',
-  '@import "@fontsource/ibm-plex-sans-arabic/arabic-600.css";',
-  '@import "@fontsource/ibm-plex-sans-arabic/arabic-700.css";',
-]
-const TAILWIND_IMPORT = '@import "tailwindcss";'
-const CSS_START = "/* Banhaten design system tokens:"
-const CSS_END = "/* End Banhaten design system tokens. */"
-
-export function removeExistingTokenBlock(content, fileLabel = "CSS file") {
-  const lines = splitLinesPreservingEndings(content)
-  const kept = []
-  const removed = []
-  let found = false
-  let inTokenBlock = false
-
-  for (const line of lines) {
-    const trimmed = line.trimStart()
-
-    if (trimmed.startsWith(CSS_START)) {
-      if (found || inTokenBlock) {
-        throw new Error(`${fileLabel}: multiple Banhaten token blocks found.`)
-      }
-      found = true
-      inTokenBlock = true
-      removed.push(line)
-      continue
-    }
-
-    if (trimmed.startsWith(CSS_END)) {
-      if (!inTokenBlock) {
-        throw new Error(`${fileLabel}: Banhaten token end marker has no start marker.`)
-      }
-      inTokenBlock = false
-      removed.push(line)
-      continue
-    }
-
-    if (!inTokenBlock) {
-      kept.push(line)
-    } else {
-      removed.push(line)
-    }
-  }
-
-  if (inTokenBlock) {
-    throw new Error(`${fileLabel}: Banhaten token block is missing its end marker.`)
-  }
-
-  return { block: removed.join(""), content: kept.join(""), found }
-}
-
-export function ensureGlobalCssImports(content) {
-  const cleaned = splitLinesPreservingEndings(content)
-    .filter((line) => {
-      const importSpecifier = readCssImportSpecifier(line)
-      return (
-        importSpecifier !== "tailwindcss" &&
-        !isManagedFontImport(importSpecifier)
-      )
-    })
-    .join("")
-    .trimStart()
-  return `${TAILWIND_IMPORT}\n${FONT_IMPORTS.join("\n")}\n${cleaned}`
-}
-
-function splitLinesPreservingEndings(content) {
-  const lines = []
-  let lineStart = 0
-  let index = 0
-
-  while (index < content.length) {
-    if (content[index] === "\r" && content[index + 1] === "\n") {
-      lines.push(content.slice(lineStart, index + 2))
-      index += 2
-      lineStart = index
-      continue
-    }
-
-    if (content[index] === "\n") {
-      lines.push(content.slice(lineStart, index + 1))
-      index += 1
-      lineStart = index
-      continue
-    }
-
-    index += 1
-  }
-
-  if (lineStart < content.length) {
-    lines.push(content.slice(lineStart))
-  }
-
-  return lines
-}
-
-function readCssImportSpecifier(line) {
-  const trimmed = line.trim()
-  const importPrefix = "@import"
-  if (!trimmed.startsWith(importPrefix)) return null
-
-  let index = importPrefix.length
-  while (trimmed[index] === " " || trimmed[index] === "\t") {
-    index += 1
-  }
-
-  const quote = trimmed[index]
-  if (quote !== "\"" && quote !== "'") return null
-
-  const start = index + 1
-  index = start
-  while (index < trimmed.length && trimmed[index] !== quote) {
-    index += 1
-  }
-
-  if (index >= trimmed.length) return null
-  const specifier = trimmed.slice(start, index)
-  index += 1
-
-  while (trimmed[index] === " " || trimmed[index] === "\t") {
-    index += 1
-  }
-
-  if (trimmed[index] === ";") index += 1
-
-  while (trimmed[index] === " " || trimmed[index] === "\t") {
-    index += 1
-  }
-
-  return index === trimmed.length ? specifier : null
-}
-
-function isManagedFontImport(specifier) {
-  if (!specifier) return false
-  if (specifier === "@fontsource/inter") return true
-  if (specifier === "@fontsource-variable/inter") return true
-  if (specifier === "@fontsource/ibm-plex-sans-arabic") return true
-
-  for (const weight of ["400", "500", "600", "700"]) {
-    if (specifier === `@fontsource/inter/${weight}.css`) return true
-    if (
-      specifier ===
-      `@fontsource/ibm-plex-sans-arabic/arabic-${weight}.css`
-    ) return true
-  }
-
-  return false
-}
+const FONT_IMPORTS = [
+  '@import "@fontsource/inter/400.css";',
+  '@import "@fontsource/inter/500.css";',
+  '@import "@fontsource/inter/600.css";',
+  '@import "@fontsource/inter/700.css";',
+  '@import "@fontsource/ibm-plex-sans-arabic/arabic-400.css";',
+  '@import "@fontsource/ibm-plex-sans-arabic/arabic-500.css";',
+  '@import "@fontsource/ibm-plex-sans-arabic/arabic-600.css";',
+  '@import "@fontsource/ibm-plex-sans-arabic/arabic-700.css";',
+]
+const TAILWIND_IMPORT = '@import "tailwindcss";'
+const CSS_START = "/* Banhaten design system tokens:"
+const CSS_END = "/* End Banhaten design system tokens. */"
+
+export function removeExistingTokenBlock(content, fileLabel = "CSS file") {
+  const lines = splitLinesPreservingEndings(content)
+  const kept = []
+  const removed = []
+  let found = false
+  let inTokenBlock = false
+
+  for (const line of lines) {
+    const trimmed = line.trimStart()
+
+    if (trimmed.startsWith(CSS_START)) {
+      if (found || inTokenBlock) {
+        throw new Error(`${fileLabel}: multiple Banhaten token blocks found.`)
+      }
+      found = true
+      inTokenBlock = true
+      removed.push(line)
+      continue
+    }
+
+    if (trimmed.startsWith(CSS_END)) {
+      if (!inTokenBlock) {
+        throw new Error(`${fileLabel}: Banhaten token end marker has no start marker.`)
+      }
+      inTokenBlock = false
+      removed.push(line)
+      continue
+    }
+
+    if (!inTokenBlock) {
+      kept.push(line)
+    } else {
+      removed.push(line)
+    }
+  }
+
+  if (inTokenBlock) {
+    throw new Error(`${fileLabel}: Banhaten token block is missing its end marker.`)
+  }
+
+  return { block: removed.join(""), content: kept.join(""), found }
+}
+
+export function ensureGlobalCssImports(content) {
+  const cleaned = splitLinesPreservingEndings(content)
+    .filter((line) => {
+      const importSpecifier = readCssImportSpecifier(line)
+      return (
+        importSpecifier !== "tailwindcss" &&
+        !isManagedFontImport(importSpecifier)
+      )
+    })
+    .join("")
+    .trimStart()
+  return `${TAILWIND_IMPORT}\n${FONT_IMPORTS.join("\n")}\n${cleaned}`
+}
+
+function splitLinesPreservingEndings(content) {
+  const lines = []
+  let lineStart = 0
+  let index = 0
+
+  while (index < content.length) {
+    if (content[index] === "\r" && content[index + 1] === "\n") {
+      lines.push(content.slice(lineStart, index + 2))
+      index += 2
+      lineStart = index
+      continue
+    }
+
+    if (content[index] === "\n") {
+      lines.push(content.slice(lineStart, index + 1))
+      index += 1
+      lineStart = index
+      continue
+    }
+
+    index += 1
+  }
+
+  if (lineStart < content.length) {
+    lines.push(content.slice(lineStart))
+  }
+
+  return lines
+}
+
+function readCssImportSpecifier(line) {
+  const trimmed = line.trim()
+  const importPrefix = "@import"
+  if (!trimmed.startsWith(importPrefix)) return null
+
+  let index = importPrefix.length
+  while (trimmed[index] === " " || trimmed[index] === "\t") {
+    index += 1
+  }
+
+  const quote = trimmed[index]
+  if (quote !== "\"" && quote !== "'") return null
+
+  const start = index + 1
+  index = start
+  while (index < trimmed.length && trimmed[index] !== quote) {
+    index += 1
+  }
+
+  if (index >= trimmed.length) return null
+  const specifier = trimmed.slice(start, index)
+  index += 1
+
+  while (trimmed[index] === " " || trimmed[index] === "\t") {
+    index += 1
+  }
+
+  if (trimmed[index] === ";") index += 1
+
+  while (trimmed[index] === " " || trimmed[index] === "\t") {
+    index += 1
+  }
+
+  return index === trimmed.length ? specifier : null
+}
+
+function isManagedFontImport(specifier) {
+  if (!specifier) return false
+  if (specifier === "@fontsource/inter") return true
+  if (specifier === "@fontsource-variable/inter") return true
+  if (specifier === "@fontsource/ibm-plex-sans-arabic") return true
+
+  for (const weight of ["400", "500", "600", "700"]) {
+    if (specifier === `@fontsource/inter/${weight}.css`) return true
+    if (
+      specifier ===
+      `@fontsource/ibm-plex-sans-arabic/arabic-${weight}.css`
+    ) return true
+  }
+
+  return false
+}