banhaten 0.1.3 → 0.3.0

package/src/cli/global-css.js

@@ -0,0 +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
+}