@rimelight/ui 0.0.32 → 0.0.33

package/src/integrations/ui.ts

@@ -1,12 +1,15 @@
 import type { AstroIntegration } from "astro"
 import UnoCSS from "unocss/astro"
 import vue from "@astrojs/vue"
-import uiPlugin from "@nuxt/ui/vite"
 import defu from "defu"
-import tailwindcss from "@tailwindcss/vite"
 import { defaultUIConfig } from "../themes"
 import type { ComponentTheme } from "../utils/defineTheme"
-import rimelightUiPreset, { uiSrcGlob, uiFilesystemGlob } from "../presets"
+import rimelightUiPreset, {
+  uiSrcGlob,
+  uiFilesystemGlob,
+  type ColorConfigValue,
+  type RimelightPresetOptions
+} from "../presets"
 
 /**
  * Shape of the `ui` config that can be passed to the integration.
@@ -37,27 +40,34 @@ export interface UIOptions {
   /**
    * Custom colors. Each color can be:
    *
-   * - **Flat format**: `{ "500": "#7146ff", "600": "#6222ff" }` — used in all modes.
-   *   No mode-specific buckets needed.
-   *
-   * - **Mode format**: flat shades at root define the base; `light`, `dark`,
-   *   `flat` buckets layer on top:
+   * - **Flat format**: `{ "500": "#7146ff", "600": "#6222ff" }` — used in all modes. No mode-specific
+   *   buckets needed.
+   * - **Mode format**: flat shades at root define the base; `light`, `dark`, `flat` buckets layer on
+   *   top:
    *
    *   ```ts
    *   { "500": "base", light: { "600": "light-blue" }, dark: { "500": "dark-blue" } }
    *   ```
    *
-   *   Each shade falls back through: **mode bucket → flat → unthemed → light → dark**.
-   *   Defining a single source (e.g. only `dark`) propagates to all modes.
+   *   Each shade falls back through: **mode bucket → flat → unthemed → light → dark**. Defining a
+   *   single source (e.g. only `dark`) propagates to all modes.
    *
-   *   Use the `theme` prop on components to pin colors: `<Button theme="flat">` forces
-   *   the flat bucket regardless of current mode.
+   *   Use the `theme` prop on components to pin colors: `<Button theme="flat">` forces the flat
+   *   bucket regardless of current mode.
    */
-  colors?: Record<string, Record<string, string> | { light?: Record<string, string>; dark?: Record<string, string>; flat?: Record<string, string> }>
+  colors?: Record<
+    string,
+    | Record<string, string>
+    | {
+        light?: Record<string, string>
+        dark?: Record<string, string>
+        flat?: Record<string, string>
+      }
+  >
   /**
-   * When `true`, auto-generates missing `light`/`dark` mode buckets from flat color values
-   * using `color-mix(in oklch, ...)`. Explicitly provided buckets always take precedence.
-   * Defaults to `true`.
+   * When `true`, auto-generates missing `light`/`dark` mode buckets from flat color values using
+   * `color-mix(in oklch, ...)`. Explicitly provided buckets always take precedence. Defaults to
+   * `true`.
    */
   autogenerateColorModes?: boolean
 }
@@ -97,9 +107,15 @@ export function ui(options: UIOptions = {}): AstroIntegration[] {
     "ideation",
     "source"
   ]
-  const userColors = options.colors ?? {}
+  const userColors = (options.colors ?? {}) as Record<string, ColorConfigValue>
   const userColorNames = Object.keys(userColors)
   const mergedColors = [...new Set([...coreColors, ...userColorNames])]
+  const presetOptions: RimelightPresetOptions = {
+    colors: userColors
+  }
+  if (options.autogenerateColorModes !== undefined) {
+    presetOptions.autogenerateColorModes = options.autogenerateColorModes
+  }
   const resolvedConfig = {
     ...resolvedUI,
     logos: options.logos ?? {},
@@ -113,26 +129,12 @@ export function ui(options: UIOptions = {}): AstroIntegration[] {
     updateConfig({
       vite: {
         optimizeDeps: {
-          exclude: [
-            "@rimelight/ui",
-            "@rimelight/ui/vue-plugin",
-            "@rimelight/ui/integrations/vue-entrypoint",
-            "@nuxt/ui"
-          ]
+          exclude: ["@rimelight/ui"]
         },
         ssr: {
-          noExternal: ["@rimelight/ui", "@nuxt/ui"],
-          optimizeDeps: {
-            exclude: ["@rimelight/ui/vue-plugin", "@rimelight/ui/integrations/vue-entrypoint"]
-          }
+          noExternal: ["@rimelight/ui"]
         },
         plugins: [
-          uiPlugin({
-            router: false,
-            colorMode: false,
-            scanPackages: ["@rimelight/ui"]
-          }),
-          tailwindcss(),
           {
             name: "vite-plugin-rimelight-ui-config",
             enforce: "pre",
@@ -164,7 +166,7 @@ export function ui(options: UIOptions = {}): AstroIntegration[] {
 
   return [
     UnoCSS({
-      presets: [rimelightUiPreset({ colors: userColors, autogenerateColorModes: options.autogenerateColorModes })],
+      presets: [rimelightUiPreset(presetOptions)],
       content: {
         pipeline: {
           include: [
@@ -176,33 +178,22 @@ export function ui(options: UIOptions = {}): AstroIntegration[] {
         },
         filesystem: [uiFilesystemGlob, "../ui/src/**/*", "src/components/**/*", "src/pages/**/*"]
       },
-      shortcuts: {
-        "container": "mx-auto w-full max-w-90rem px-md",
-        "sr-only":
-          "absolute w-px h-px p-0 m-0 overflow-hidden clip-rect-1-1-1-1 whitespace-nowrap border-0"
-      },
-      rules: [
-        [
-          /^clip-rect-(\d+)-(\d+)-(\d+)-(\d+)$/,
-          ([, t, r, b, l]) => ({ clip: `rect(${t}px, ${r}px, ${b}px, ${l}px)` })
-        ]
-      ],
       configResolved(config) {
         if (process.env.NODE_ENV === "development" && !process.env.UNO_CONFIG_LOGGED) {
           process.env.UNO_CONFIG_LOGGED = "true"
           console.log(`[UnoCSS] Presets: ${config.presets.map((p) => p.name).join(", ")}`)
           console.log(`[UnoCSS] Rules: ${config.rules.length}`)
           console.log(`[UnoCSS] Shortcuts: ${Object.keys(config.shortcuts).length}`)
-          const ruleNames = config.rules.map((r) => (Array.isArray(r) ? r[0].toString() : "dynamic"))
+          const ruleNames = config.rules.map((r) =>
+            Array.isArray(r) ? r[0].toString() : "dynamic"
+          )
           const duplicates = ruleNames.filter((item, index) => ruleNames.indexOf(item) !== index)
           const filtered = duplicates.filter((d) => d !== "/^(.+?)-(\\$.+)$/")
           if (filtered.length > 0) console.warn(`[UnoCSS] Rule collisions: ${filtered.join(", ")}`)
         }
       }
     }),
-    vue({
-      appEntrypoint: "@rimelight/ui/integrations/vue-entrypoint"
-    }),
+    vue(),
     rimelightUIIntegration
   ]
 }

package/src/plugins/index.ts

@@ -1,5 +1,2 @@
-export { default as starlightAddons } from "./starlightAddons"
-export type { StarlightAddonsConfig } from "./starlightAddons"
-
-export { default as starlightDocsApi } from "./starlightDocsApi"
-export type { StarlightDocsApiConfig } from "./starlightDocsApi"
+export { default as starlightDocsApi } from "./starlightDocsApi"
+export type { StarlightDocsApiConfig } from "./starlightDocsApi"