@rimelight/ui 0.0.41 → 0.0.43

package/src/ui.ts

@@ -1,159 +0,0 @@
-import type { AstroIntegration } from "astro"
-import UnoCSS from "unocss/astro"
-import { merge } from "./utils/merge"
-import { uiConfig } from "./themes"
-import type { UIConfig } from "./config/ui.config"
-import { colorConfig } from "./config/color.config"
-import rimelightUiPreset, { uiSrcGlob, uiFilesystemGlob } from "./presets"
-import type { RimelightPresetOptions } from "./presets"
-
-export type { UIConfig } from "./config/ui.config"
-export type { RimelightIcons } from "./icons/defaults"
-export { defineTheme } from "./themes"
-
-export function ui(options: UIConfig = {}): AstroIntegration[] {
-  let astroLogger: any = null
-
-  const presetOptions: RimelightPresetOptions = {
-    colors: options.colors ?? {},
-    ...(options.autogenerateColorModes !== undefined && {
-      autogenerateColorModes: options.autogenerateColorModes
-    }),
-    ...(options.presets !== undefined && {
-      presets: options.presets
-    })
-  }
-
-  const resolvedConfig = {
-    ...merge(options.components?.themes ?? {}, uiConfig),
-    logos: options.logos ?? {},
-    colors: Array.from(new Set([...colorConfig.colors, ...Object.keys(options.colors ?? {})])),
-    shortcuts: options.shortcuts ?? {},
-    icons: options.icons ?? {}
-  }
-
-  const userUnoConfig = options.unocss ?? {}
-
-  const contentObj =
-    userUnoConfig.content && typeof userUnoConfig.content === "object"
-      ? userUnoConfig.content
-      : null
-  const pipeline =
-    contentObj &&
-    "pipeline" in contentObj &&
-    typeof contentObj.pipeline === "object" &&
-    contentObj.pipeline !== null
-      ? contentObj.pipeline
-      : null
-  const rawIncludes = pipeline && "include" in pipeline ? pipeline.include : undefined
-  let userPipelineIncludes: (string | RegExp)[] = []
-  if (Array.isArray(rawIncludes)) {
-    userPipelineIncludes = rawIncludes.filter(
-      (item): item is string | RegExp => typeof item === "string" || item instanceof RegExp
-    )
-  } else if (typeof rawIncludes === "string" || rawIncludes instanceof RegExp) {
-    userPipelineIncludes = [rawIncludes]
-  }
-
-  const rawFilesystem = contentObj && "filesystem" in contentObj ? contentObj.filesystem : undefined
-  let userFilesystem: string[] = []
-  if (Array.isArray(rawFilesystem)) {
-    userFilesystem = rawFilesystem.filter((item): item is string => typeof item === "string")
-  } else if (typeof rawFilesystem === "string") {
-    userFilesystem = [rawFilesystem]
-  }
-
-  return [
-    UnoCSS({
-      ...userUnoConfig,
-      presets: [rimelightUiPreset(presetOptions), ...(userUnoConfig.presets ?? [])],
-      safelist: [
-        ...Object.values(options.icons ?? {}).filter(
-          (v): v is string => typeof v === "string" && v.startsWith("i-")
-        ),
-        ...(userUnoConfig.safelist ?? [])
-      ],
-      content: {
-        pipeline: {
-          include: [
-            /\.(vue|svelte|[jt]sx|mdx?|astro|elm|php|phtml|html)($|\?)/,
-            "src/**/*.{js,ts,jsx,tsx,vue,svelte,astro}",
-            uiSrcGlob,
-            ...userPipelineIncludes
-          ]
-        },
-        filesystem: [uiFilesystemGlob, "src/components/**/*", "src/pages/**/*", ...userFilesystem]
-      },
-      configResolved(config) {
-        logUnoConfig(config, astroLogger)
-        userUnoConfig.configResolved?.(config)
-      }
-    }),
-    {
-      name: "@rimelight/ui",
-      hooks: {
-        "astro:config:setup": ({ updateConfig, logger }) => {
-          astroLogger = logger
-          logger.info("Initializing @rimelight/ui core")
-          updateConfig({
-            vite: {
-              plugins: [createVirtualModulePlugin(resolvedConfig)]
-            }
-          })
-        }
-      }
-    }
-  ]
-}
-
-/**
- * Creates a Vite plugin to resolve and load the virtual config module.
- */
-function createVirtualModulePlugin(config: any) {
-  const id = "virtual:rimelight-ui"
-  return {
-    name: "vite-plugin-rimelight-ui-virtual",
-    enforce: "pre" as const,
-    resolveId: (rId: string) => (rId === id ? "\0" + id : null),
-    load: (rId: string) =>
-      rId === "\0" + id
-        ? `const _config = ${JSON.stringify(config)}; export const getUIConfig = () => _config;`
-        : null
-  }
-}
-
-/**
- * Helper to log UnoCSS configuration details and rule collisions in development.
- */
-function logUnoConfig(config: any, astroLogger: any) {
-  if (process.env.NODE_ENV !== "development" || process.env.UNO_CONFIG_LOGGED) {
-    return
-  }
-  process.env.UNO_CONFIG_LOGGED = "true"
-
-  const log = (msg: string, isWarn = false) => {
-    const logger = astroLogger ?? console
-    const method = isWarn ? "warn" : astroLogger ? "info" : "log"
-    logger[method](msg)
-  }
-
-  log(`[UnoCSS] Presets: ${config.presets.map((p: any) => p.name).join(", ")}`)
-  log(`[UnoCSS] Rules: ${config.rules.length}`)
-  log(`[UnoCSS] Shortcuts: ${Object.keys(config.shortcuts).length}`)
-
-  const ruleNames = config.rules.map((r: any) => (Array.isArray(r) ? r[0].toString() : "dynamic"))
-  const seen = new Set<string>()
-  const duplicates = new Set<string>()
-  for (const name of ruleNames) {
-    if (seen.has(name)) {
-      duplicates.add(name)
-    } else {
-      seen.add(name)
-    }
-  }
-  const filtered = Array.from(duplicates).filter((d: string) => d !== "/^(.+?)-(\\$.+)$/")
-
-  if (filtered.length > 0) {
-    log(`[UnoCSS] Rule collisions: ${filtered.join(", ")}`, true)
-  }
-}

package/src/utils/defineTheme.ts

@@ -1,5 +0,0 @@
-import type { ComponentTheme } from "../types/component"
-
-export function defineTheme<const T extends ComponentTheme>(theme: T): T {
-  return theme
-}

package/src/utils/merge.ts

@@ -1,62 +0,0 @@
-export function isPlainObject(value: unknown): boolean {
-  if (value === null || typeof value !== "object") {
-    return false
-  }
-  const prototype = Object.getPrototypeOf(value)
-
-  if (
-    prototype !== null &&
-    prototype !== Object.prototype &&
-    Object.getPrototypeOf(prototype) !== null
-  ) {
-    return false
-  }
-
-  if (Symbol.iterator in value) {
-    return false
-  }
-
-  if (Symbol.toStringTag in value) {
-    return Object.prototype.toString.call(value) === "[object Module]"
-  }
-
-  return true
-}
-
-export function merge<T extends Record<string, any>>(base: T, defaults: Record<string, any>): T
-
-export function merge(
-  base: Record<string, any>,
-  defaults: Record<string, any>
-): Record<string, any> {
-  if (!isPlainObject(defaults)) {
-    return merge(base, {})
-  }
-  if (!isPlainObject(base)) {
-    return { ...defaults }
-  }
-
-  const object = { ...defaults }
-
-  for (const key of Object.keys(base)) {
-    if (key === "__proto__" || key === "constructor") {
-      continue
-    }
-
-    const value = base[key]
-
-    if (value === null || value === undefined) {
-      continue
-    }
-
-    if (Array.isArray(value) && Array.isArray(object[key])) {
-      object[key] = [...value, ...object[key]]
-    } else if (isPlainObject(value) && isPlainObject(object[key])) {
-      object[key] = merge(value, object[key])
-    } else {
-      object[key] = value
-    }
-  }
-
-  return object
-}

package/src/utils/resolveClasses.ts

@@ -1,39 +0,0 @@
-import { cx } from "css-variants"
-import { getUIConfig } from "virtual:rimelight-ui"
-
-// Hoisted once at module load — getUIConfig() returns a static frozen object.
-const uiConfig = getUIConfig()
-
-export function resolveClasses<T extends (...args: never[]) => Record<string, string>>(
-  themeFn: T,
-  variants: Parameters<T>[0],
-  mergedUI: Record<string, string | Function | undefined>,
-  rootClass?: string
-): Record<string, string> {
-  const isUnstyled = uiConfig?.unstyled === true
-
-  const resolved = isUnstyled ? {} : themeFn(variants)
-  const result: Record<string, string> = {}
-
-  // Fill in slots from theme function or default to empty strings if unstyled
-  const slots = isUnstyled ? Object.keys(mergedUI) : Object.keys(resolved)
-  if (isUnstyled && rootClass && !slots.includes("root")) {
-    slots.push("root")
-  }
-
-  for (const slot of slots) {
-    const value = isUnstyled ? "" : (resolved[slot] ?? "")
-    const override = mergedUI[slot]
-    if (typeof override === "function") {
-      result[slot] = cx(override(value))
-    } else {
-      result[slot] = cx(value, override)
-    }
-  }
-
-  if (rootClass) {
-    result.root = cx(result.root ?? "", rootClass)
-  }
-
-  return result
-}

package/src/utils/resolveTheme.ts

@@ -1,13 +0,0 @@
-import { getUIConfig } from "virtual:rimelight-ui"
-
-const uiConfig = getUIConfig()
-
-export function resolveTheme<T>(
-  themeDefault: T,
-  themeCreator?: (colors: readonly string[]) => T
-): T {
-  if (uiConfig.colors && themeCreator) {
-    return themeCreator(uiConfig.colors)
-  }
-  return themeDefault
-}

package/src/utils/shortcuts.ts

@@ -1,322 +0,0 @@
-import { atom } from "nanostores"
-
-export type Handler = (e: KeyboardEvent) => void
-
-export interface ShortcutConfig {
-  handler: Handler
-  usingInput?: boolean | string
-  label?: string
-  description?: string
-  category?: string
-  order?: number
-}
-
-export interface ShortcutsConfig {
-  [key: string]: ShortcutConfig | Handler | false | null | undefined
-}
-
-export interface ShortcutsOptions {
-  chainDelay?: number
-}
-
-interface Shortcut {
-  key: string
-  handler: Handler
-  chained: boolean
-  ctrlKey: boolean
-  metaKey: boolean
-  shiftKey: boolean
-  altKey: boolean
-  usingInput?: boolean | string
-}
-
-export interface RegisteredShortcut {
-  id: string
-  keys: string[]
-  label?: string
-  description?: string
-  category?: string
-  order?: number
-}
-
-// OS detection
-const macOS =
-  typeof window !== "undefined" &&
-  typeof navigator !== "undefined" &&
-  /Macintosh;/.test(navigator.userAgent)
-
-// Modifiers map for human-readable display
-const kbdKeysMap: Record<string, string> = {
-  meta: macOS ? "⌘" : "Ctrl",
-  command: macOS ? "⌘" : "Ctrl",
-  ctrl: "Ctrl",
-  control: "Ctrl",
-  alt: macOS ? "⌥" : "Alt",
-  option: macOS ? "⌥" : "Alt",
-  shift: macOS ? "⇧" : "Shift",
-  enter: "↵",
-  delete: "⌦",
-  backspace: "⌫",
-  escape: "Esc",
-  tab: "⇥",
-  space: "Space",
-  arrowup: "↑",
-  arrowdown: "↓",
-  arrowleft: "←",
-  arrowright: "→"
-}
-
-// Convert a combination string (e.g. meta_alt_t) into platform-specific readable key symbol arrays
-export function formatShortcutKeys(keyStr: string): string[] {
-  const parts = keyStr.split("_")
-  return parts.map((part) => {
-    const lower = part.toLowerCase()
-    if (kbdKeysMap[lower] !== undefined) {
-      return kbdKeysMap[lower]
-    }
-    if (lower.length === 1) {
-      return lower.toUpperCase()
-    }
-    return part.charAt(0).toUpperCase() + part.slice(1)
-  })
-}
-
-// Reactive store containing all currently registered shortcuts on the page
-export const activeShortcutsStore = atom<RegisteredShortcut[]>([])
-
-const specialKeysMap: Record<string, string> = {
-  space: "Space",
-  enter: "Enter",
-  escape: "Escape",
-  tab: "Tab",
-  backspace: "Backspace",
-  delete: "Delete",
-  arrowup: "ArrowUp",
-  arrowdown: "ArrowDown",
-  arrowleft: "ArrowLeft",
-  arrowright: "ArrowRight"
-}
-
-// Simple key to code conversion for layout/translation independence under Alt
-function convertKeyToCode(key: string): string {
-  if (/^[a-z]$/i.test(key)) return `Key${key.toUpperCase()}`
-  if (/^\d$/.test(key)) return `Digit${key}`
-  if (/^f\d+$/i.test(key)) return key.toUpperCase()
-  return specialKeysMap[key.toLowerCase()] || key
-}
-
-// Input tag checking
-function isUsingInput(activeElement: Element | null): boolean | string {
-  if (!activeElement) return false
-  const tagName = activeElement.tagName
-  const contentEditable = activeElement.getAttribute("contenteditable")
-  const isInput =
-    tagName === "INPUT" ||
-    tagName === "TEXTAREA" ||
-    contentEditable === "true" ||
-    contentEditable === "plaintext-only"
-  if (isInput) {
-    return activeElement.getAttribute("name") || true
-  }
-  return false
-}
-
-interface ParsedShortcuts {
-  shortcuts: Shortcut[]
-  registered: RegisteredShortcut[]
-}
-
-const parseCache = new WeakMap<ShortcutsConfig, ParsedShortcuts>()
-
-function parseShortcutConfig(config: ShortcutsConfig): ParsedShortcuts {
-  const cached = parseCache.get(config)
-  if (cached) return cached
-
-  const shortcuts: Shortcut[] = Object.entries(config)
-    .map(([key, shortcutConfig]): Shortcut | null => {
-      if (!shortcutConfig) return null
-
-      let handler: Handler
-      let usingInput: boolean | string = false
-
-      if (typeof shortcutConfig === "function") {
-        handler = shortcutConfig
-      } else {
-        handler = shortcutConfig.handler
-        usingInput = shortcutConfig.usingInput ?? false
-      }
-
-      if (!handler) return null
-
-      const chained = key.includes("-") && key !== "-" && !key.includes("_")
-      let baseKey = ""
-      let ctrlKey = false
-      let metaKey = false
-      let shiftKey = false
-      let altKey = false
-
-      if (chained) {
-        baseKey = key.toLowerCase()
-      } else {
-        const parts = key.toLowerCase().split("_")
-        baseKey = parts
-          .filter((p) => !["meta", "command", "ctrl", "shift", "alt", "option"].includes(p))
-          .join("_")
-        ctrlKey = parts.includes("ctrl")
-        metaKey = parts.includes("meta") || parts.includes("command")
-        shiftKey = parts.includes("shift")
-        altKey = parts.includes("alt") || parts.includes("option")
-
-        if (!macOS && metaKey && !ctrlKey) {
-          metaKey = false
-          ctrlKey = true
-        }
-      }
-
-      return { key: baseKey, handler, chained, ctrlKey, metaKey, shiftKey, altKey, usingInput }
-    })
-    .filter((item): item is Shortcut => item !== null)
-
-  const registered: RegisteredShortcut[] = Object.entries(config).flatMap(
-    ([key, shortcutConfig]) => {
-      if (!shortcutConfig || typeof shortcutConfig !== "object") return []
-
-      const { label, description, category, order } = shortcutConfig
-      if (!label && !description) return []
-
-      const item: RegisteredShortcut = {
-        id: `${key}-${Math.random().toString(36).slice(2, 7)}`,
-        keys: formatShortcutKeys(key),
-        category: category || "system"
-      }
-      if (label) item.label = label
-      if (description) item.description = description
-      if (order !== undefined) item.order = order
-      return [item]
-    }
-  )
-
-  const result = { shortcuts, registered }
-  parseCache.set(config, result)
-  return result
-}
-
-export function defineShortcuts(
-  config: ShortcutsConfig,
-  options: ShortcutsOptions = {}
-): () => void {
-  if (typeof window === "undefined") {
-    return () => {}
-  }
-
-  const { shortcuts: parsedShortcuts, registered: itemsToRegister } = parseShortcutConfig(config)
-
-  const chainDelay = options.chainDelay ?? 800
-  const chainedInputs: string[] = []
-  let debounceTimer: ReturnType<typeof setTimeout> | undefined
-
-  const clearChainedInput = () => {
-    chainedInputs.length = 0
-  }
-
-  if (itemsToRegister.length > 0) {
-    activeShortcutsStore.set([...activeShortcutsStore.get(), ...itemsToRegister])
-  }
-
-  const onKeyDown = (e: KeyboardEvent) => {
-    if (!e.key) return
-
-    const activeEl = document.activeElement
-    const currentlyUsingInput = isUsingInput(activeEl)
-
-    // Helper to check if a shortcut is enabled given current focus state
-    const isShortcutEnabled = (shortcut: Shortcut) => {
-      if (!shortcut.usingInput) {
-        return !currentlyUsingInput
-      }
-      if (typeof shortcut.usingInput === "string") {
-        return currentlyUsingInput === shortcut.usingInput
-      }
-      return true
-    }
-
-    // Handle chained shortcuts
-    chainedInputs.push(e.key.toLowerCase())
-    clearTimeout(debounceTimer)
-
-    if (chainedInputs.length >= 2) {
-      const chainedKey = chainedInputs.slice(-2).join("-")
-      const matchedChained = parsedShortcuts.find((s) => s.chained && s.key === chainedKey)
-      if (matchedChained && isShortcutEnabled(matchedChained)) {
-        e.preventDefault()
-        matchedChained.handler(e)
-        clearChainedInput()
-        return
-      }
-    }
-
-    // Handle standard shortcuts
-    for (const shortcut of parsedShortcuts) {
-      if (shortcut.chained) continue
-
-      if (e.ctrlKey !== shortcut.ctrlKey) continue
-      if (e.metaKey !== shortcut.metaKey) continue
-      if (e.altKey !== shortcut.altKey) continue
-
-      // Match by code when Alt modifier is active to avoid key translation issues
-      const useCode = shortcut.altKey && e.altKey
-      if (useCode) {
-        if (e.code !== convertKeyToCode(shortcut.key)) continue
-      } else {
-        const pressedKey = e.key.toLowerCase()
-        if (pressedKey !== shortcut.key) continue
-      }
-
-      // Shift modifier check:
-      // If the shortcut explicitly specifies shiftKey: true, then e.shiftKey must be true.
-      // If the shortcut does NOT specify shiftKey: true, but e.shiftKey is true:
-      // - If the base key is a letter (e.g. 'k'), then we do NOT match (because it's Shift+K, not K).
-      // - If the base key is a shiftable control key (like 'arrowleft'), we do NOT match.
-      // - For other keys (like '?', '/', etc.), we allow it to match even if e.shiftKey is true.
-      const alphabetKey = /^[a-z]$/i.test(shortcut.key)
-      const shiftableKeys = [
-        "arrowleft",
-        "arrowright",
-        "arrowup",
-        "arrowdown",
-        "tab",
-        "escape",
-        "enter",
-        "backspace"
-      ]
-      const shiftableKey = shiftableKeys.includes(shortcut.key)
-
-      if (shortcut.shiftKey && !e.shiftKey) continue
-      if (!shortcut.shiftKey && e.shiftKey && (alphabetKey || shiftableKey)) continue
-
-      if (isShortcutEnabled(shortcut)) {
-        e.preventDefault()
-        shortcut.handler(e)
-        clearChainedInput()
-        return
-      }
-    }
-
-    debounceTimer = setTimeout(clearChainedInput, chainDelay)
-  }
-
-  window.addEventListener("keydown", onKeyDown)
-
-  return () => {
-    window.removeEventListener("keydown", onKeyDown)
-    clearTimeout(debounceTimer)
-
-    // Unregister items from the active store
-    if (itemsToRegister.length > 0) {
-      const idsToRemove = new Set(itemsToRegister.map((item) => item.id))
-      activeShortcutsStore.set(
-        activeShortcutsStore.get().filter((item) => !idsToRemove.has(item.id))
-      )
-    }
-  }
-}

package/src/utils/toast.ts

@@ -1,36 +0,0 @@
-import { atom } from "nanostores"
-import type { ThemeColor } from "../types/component"
-
-export interface Toast {
-  id?: string | number
-  title?: string
-  description?: string
-  icon?: string
-  color?: ThemeColor
-  timeout?: number
-  callback?: () => void
-}
-
-export const toastsStore = atom<Toast[]>([])
-
-export function addToast(toast: Toast) {
-  const id = toast.id || Date.now()
-  const newToast = { ...toast, id }
-  toastsStore.set([...toastsStore.get(), newToast])
-
-  if (toast.timeout !== 0) {
-    setTimeout(() => {
-      removeToast(id)
-    }, toast.timeout || 5000)
-  }
-
-  return newToast
-}
-
-export function removeToast(id: string | number) {
-  const currentToasts = toastsStore.get()
-  const target = currentToasts.find((t) => t.id === id)
-  if (!target) return
-  if (target.callback) target.callback()
-  toastsStore.set(currentToasts.filter((t) => t.id !== id))
-}

package/src/utils/useUi.ts

@@ -1,33 +0,0 @@
-import { merge } from "./merge"
-import { getUIConfig } from "virtual:rimelight-ui"
-
-const mergeCache = new WeakMap<object, Record<string, string | Function | undefined>>()
-
-export function useUi(
-  componentName: string,
-  uiProp?: Record<string, string | Function | undefined>
-): Record<string, string | Function | undefined> {
-  const globalConfig = getUIConfig()
-  const defaults = globalConfig[componentName]
-
-  if (!defaults) return {}
-
-  if (!uiProp || Object.keys(uiProp).length === 0) {
-    return defaults
-  }
-
-  const cached = mergeCache.get(uiProp)
-  if (cached) return cached
-
-  const merged = merge(uiProp, defaults)
-  const result: Record<string, string | Function | undefined> = {}
-  for (const key of Object.keys(merged)) {
-    const value = merged[key]
-    if (typeof value === "string" || typeof value === "function") {
-      result[key] = value
-    }
-  }
-
-  mergeCache.set(uiProp, result)
-  return result
-}