@rimelight/ui 0.0.33 → 0.0.35

package/src/components/astro/RLAAlert.astro

@@ -1,93 +0,0 @@
----
-import { scv, cx } from "css-variants"
-import { useUi, resolveClasses } from "../../utils"
-import type { AlertProps } from "../../types"
-import alertThemeDefault, { createAlertTheme } from "../../themes/alert.theme"
-import { getUIConfig } from "virtual:rimelight-ui"
-import RLAAvatar from "./RLAAvatar.astro"
-
-const uiConfig = getUIConfig()
-const alertTheme = uiConfig.colors ? createAlertTheme(uiConfig.colors) : alertThemeDefault
-const alert = scv(alertTheme)
-
-const {
-  variant = "solid",
-  color = "primary",
-  title,
-  description,
-  icon,
-  avatar,
-  actions,
-  close,
-  orientation = "horizontal",
-  theme,
-  ui: uiProp,
-  class: className,
-  ...rest
-} = Astro.props as AlertProps
-
-const isIcon = !!(icon || Astro.slots.has("icon"))
-
-const classes = resolveClasses(alert, {
-  variant,
-  color,
-  orientation,
-  title: !!(title || Astro.slots.has("title")),
-  theme
-}, useUi("alert", uiProp), className)
----
-<div
-  class={classes.root}
-  data-slot="root"
-  role="alert"
-  {...rest}
->
-  <slot name="icon">
-    {icon && (
-      <span class={classes.icon} data-slot="icon">
-        <span class={cx(icon)} aria-hidden="true" />
-      </span>
-    )}
-  </slot>
-
-  <slot name="avatar" {...{ ui: classes }}>
-    {avatar && (
-      <RLAAvatar 
-        {...(typeof avatar === 'string' ? { src: avatar } : avatar)} 
-        size={classes.avatarSize as any} 
-        class={classes.avatar} 
-        data-slot="avatar" 
-      />
-    )}
-  </slot>
-
-  <div class={classes.wrapper} data-slot="wrapper">
-    {(title || Astro.slots.has("title")) && (
-      <h5 class={classes.title} data-slot="title">
-        {title}
-        <slot name="title" />
-      </h5>
-    )}
-
-    {(description || Astro.slots.has("default")) && (
-      <div class={classes.description} data-slot="description">
-        {description}
-        <slot />
-      </div>
-    )}
-
-    {(actions || Astro.slots.has("actions")) && (
-      <div class={classes.actions} data-slot="actions">
-        <slot name="actions" />
-      </div>
-    )}
-  </div>
-
-  <slot name="close" {...{ ui: classes }}>
-    {close && (
-      <button class={classes.close} data-slot="close">
-        <span class="i-lucide-x size-4" />
-      </button>
-    )}
-  </slot>
-</div>

package/src/components/astro/RLABlogPost.astro

@@ -1,7 +0,0 @@
----
-import RLAPost from "./RLAPost.astro"
-import type { PostProps } from "../../types"
-
-const props = Astro.props as PostProps
----
-<RLAPost {...props} />

package/src/components/astro/RLABlogPosts.astro

@@ -1,9 +0,0 @@
----
-import RLAPosts from "./RLAPosts.astro"
-import type { PostsProps } from "../../types"
-
-const props = Astro.props as PostsProps
----
-<RLAPosts {...props}>
-  <slot />
-</RLAPosts>

package/src/components/astro/RLAChangelog.astro

@@ -1,23 +0,0 @@
----
-import { scv } from "css-variants"
-import { useUi, resolveClasses } from "../../utils"
-import type { ChangelogProps } from "../../types"
-import changelogThemeDefault, { createChangelogTheme } from "../../themes/changelog.theme"
-import { getUIConfig } from "virtual:rimelight-ui"
-
-const uiConfig = getUIConfig()
-const changelogTheme = uiConfig.colors ? createChangelogTheme() : changelogThemeDefault
-
-const changelog = scv(changelogTheme)
-
-const {
-  ui: uiProp,
-  class: className,
-  ...rest
-} = Astro.props as ChangelogProps
-
-const classes = resolveClasses(changelog, {}, useUi("changelog", uiProp), className);
----
-<div class={classes.root} data-slot="root" {...rest}>
-  <slot />
-</div>

package/src/components/astro/RLAMegamenu.astro

@@ -1,23 +0,0 @@
----
-import { scv } from "css-variants"
-import { useUi, resolveClasses } from "../../utils"
-import type { MegamenuProps } from "../../types"
-import megamenuThemeDefault, { createMegamenuTheme } from "../../themes/megamenu.theme"
-import { getUIConfig } from "virtual:rimelight-ui"
-
-const uiConfig = getUIConfig()
-const megamenuTheme = uiConfig.colors ? createMegamenuTheme() : megamenuThemeDefault
-
-const megamenu = scv(megamenuTheme)
-
-const {
-  ui: uiProp,
-  class: className,
-  ...rest
-} = Astro.props as MegamenuProps
-
-const classes = resolveClasses(megamenu, {}, useUi("megamenu", uiProp), className);
----
-<div class={classes.root} data-slot="root" {...rest}>
-  <slot />
-</div>

package/src/components/astro/RLAPosts.astro

@@ -1,23 +0,0 @@
----
-import { scv } from "css-variants"
-import { useUi, resolveClasses } from "../../utils"
-import type { PostsProps } from "../../types"
-import postsThemeDefault, { createPostsTheme } from "../../themes/posts.theme"
-import { getUIConfig } from "virtual:rimelight-ui"
-
-const uiConfig = getUIConfig()
-const postsTheme = uiConfig.colors ? createPostsTheme() : postsThemeDefault
-
-const posts = scv(postsTheme)
-
-const {
-  ui: uiProp,
-  class: className,
-  ...rest
-} = Astro.props as PostsProps
-
-const classes = resolveClasses(posts, {}, useUi("posts", uiProp), className);
----
-<div class={classes.root} data-slot="root" {...rest}>
-  <slot />
-</div>

package/src/plugins/index.ts

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

package/src/plugins/starlightDocsApi/components/ApiTheme.astro

@@ -1,27 +0,0 @@
----
-import type { ComponentMetaMap } from "../types"
-import { generateThemeCode } from "../utils"
-import meta from "virtual:rimelight-ui-docs-meta"
-
-interface Props {
-  component: string
-}
-
-const { component } = Astro.props
-
-const allMeta = meta as unknown as ComponentMetaMap
-const compMeta = allMeta[component]
-
-const theme = compMeta?.theme ?? null
-const themeCode = theme ? generateThemeCode(component, theme) : null
----
-
-{themeCode ? (
-  <div class="expressive-code">
-    <figure class="frame">
-      <pre class="language-ts overflow-x-auto"><code class="language-ts">{themeCode}</code></pre>
-    </figure>
-  </div>
-) : (
-  <p class="text-sm italic text-gray-500">No theme data available.</p>
-)}

package/src/plugins/starlightDocsApi/index.ts

@@ -1,272 +0,0 @@
-import type { StarlightPlugin } from "@astrojs/starlight/types"
-import virtual from "vite-plugin-virtual"
-import path from "node:path"
-import { fileURLToPath } from "node:url"
-import { readFileSync, existsSync, readdirSync } from "node:fs"
-import ts from "typescript"
-import type { ComponentMeta, PropMeta, SlotMeta, EmitMeta, ThemeMeta } from "./types"
-import { extractVueMetaDirect } from "./extract-vue"
-
-const pathDirname = path.dirname(fileURLToPath(import.meta.url))
-const uiRoot = path.resolve(pathDirname, "..", "..", "..")
-
-function pascalToKebab(name: string): string {
-  return name.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase()
-}
-
-function extractAstroPropsFromInterface(sourceFile: ts.SourceFile): PropMeta[] {
-  const props: PropMeta[] = []
-
-  function visit(node: ts.Node) {
-    if (
-      (ts.isInterfaceDeclaration(node) || ts.isTypeAliasDeclaration(node)) &&
-      node.modifiers?.some((m) => m.kind === ts.SyntaxKind.ExportKeyword)
-    ) {
-      const name = node.name.text
-      if (name.endsWith("Props") || name === "Props") {
-        if (ts.isInterfaceDeclaration(node)) {
-          for (const member of node.members) {
-            if (ts.isPropertySignature(member) && member.name && ts.isIdentifier(member.name)) {
-              const propName = member.name.text
-              if (propName === "class" || propName.startsWith("data-")) continue
-              const type = member.type ? member.type.getText().replace(/^[^:]+:\s*/, "") : "unknown"
-              const isOptional = member.questionToken !== undefined
-              props.push({ name: propName, type, required: !isOptional, description: "" })
-            }
-          }
-        } else if (ts.isTypeAliasDeclaration(node) && ts.isTypeLiteralNode(node.type)) {
-          for (const member of node.type.members) {
-            if (ts.isPropertySignature(member) && member.name && ts.isIdentifier(member.name)) {
-              const propName = member.name.text
-              if (propName === "class" || propName.startsWith("data-")) continue
-              const type = member.type ? member.type.getText().replace(/^[^:]+:\s*/, "") : "unknown"
-              const isOptional = member.questionToken !== undefined
-              props.push({ name: propName, type, required: !isOptional, description: "" })
-            }
-          }
-        }
-      }
-    }
-    ts.forEachChild(node, visit)
-  }
-
-  visit(sourceFile)
-  return props
-}
-
-function extractAstroMeta(filePath: string): { props: PropMeta[]; slots: SlotMeta[] } {
-  const content = readFileSync(filePath, "utf-8")
-  const frontmatterMatch = content.match(/^---\n([\s\S]*?)\n---/)
-  if (!frontmatterMatch) return { props: [], slots: [] }
-
-  const frontmatter = frontmatterMatch[1]
-  const sourceFile = ts.createSourceFile(
-    "component.ts",
-    frontmatter ?? "",
-    ts.ScriptTarget.Latest,
-    true,
-    ts.ScriptKind.TS
-  )
-
-  const props = extractAstroPropsFromInterface(sourceFile)
-
-  const slots: SlotMeta[] = []
-  const slotMatches = content.matchAll(/<slot(?:\s+name=["']([^"']+)["'])?/g)
-  for (const match of slotMatches) {
-    slots.push({ name: match[1] ?? "default", bindings: {}, description: "" })
-  }
-  if (!slots.length) slots.push({ name: "default", bindings: {}, description: "" })
-
-  return { props, slots }
-}
-
-function safeParse(code: string): unknown {
-  try {
-    const normalized = code
-      .replace(/'/g, '"')
-      .replace(/,\s*\}/g, "}")
-      .replace(/,\s*\]/g, "]")
-    return JSON.parse(normalized)
-  } catch {
-    return {}
-  }
-}
-
-function isStringOrArray(value: unknown): value is string | string[] {
-  return typeof value === "string" || Array.isArray(value)
-}
-
-function isStringRecord(value: unknown): value is Record<string, string | string[]> {
-  if (typeof value !== "object" || value === null) return false
-  return Object.values(value).every(isStringOrArray)
-}
-
-function isVariantRecord(
-  value: unknown
-): value is Record<string, Record<string, Record<string, string | string[]>>> {
-  if (typeof value !== "object" || value === null) return false
-  return Object.values(value).every(
-    (v) => typeof v === "object" && v !== null && Object.values(v).every(isStringRecord)
-  )
-}
-
-function isCompoundArray(value: unknown): value is Record<string, unknown>[] {
-  return Array.isArray(value) && value.every((v) => typeof v === "object" && v !== null)
-}
-
-function isDefaultVariants(value: unknown): value is Record<string, unknown> {
-  return typeof value === "object" && value !== null
-}
-
-function extractThemeMeta(componentName: string, themesDir: string): ThemeMeta | null {
-  if (!existsSync(themesDir)) return null
-
-  const themeFiles = readdirSync(themesDir).filter((f) => f.endsWith(".theme.ts"))
-  let themePath: string | null = null
-  for (const file of themeFiles) {
-    const baseName = file.replace(".theme.ts", "")
-    if (baseName === componentName.toLowerCase()) {
-      themePath = path.join(themesDir, file)
-      break
-    }
-  }
-
-  if (!themePath || !existsSync(themePath)) return null
-
-  const content = readFileSync(themePath, "utf-8")
-  const slotsMatch = content.match(/slots:\s*\[([^\]]*)\]/)
-  const baseMatch = content.match(/base:\s*(\{[\s\S]*?\n[ \t]*\})/)
-  const variantsMatch = content.match(/variants:\s*(\{[\s\S]*?\n[ \t]*\})/)
-  const compoundMatch = content.match(/compoundVariants:\s*(\[[\s\S]*?\n[ \t]*\])/)
-  const defaultVariantsMatch = content.match(/defaultVariants:\s*(\{[\s\S]*?\n[ \t]*\})/)
-
-  const slots = slotsMatch
-    ? slotsMatch[1]!
-        .split(",")
-        .map((s) => s.trim().replace(/["']/g, ""))
-        .filter(Boolean)
-    : []
-
-  const parsedBase = baseMatch ? safeParse(baseMatch[1]!) : {}
-  const parsedVariants = variantsMatch ? safeParse(variantsMatch[1]!) : {}
-  const parsedCompound = compoundMatch ? safeParse(compoundMatch[1]!) : []
-  const parsedDefaults = defaultVariantsMatch ? safeParse(defaultVariantsMatch[1]!) : {}
-
-  return {
-    slots,
-    base: isStringRecord(parsedBase) ? parsedBase : {},
-    variants: isVariantRecord(parsedVariants) ? parsedVariants : {},
-    compoundVariants: isCompoundArray(parsedCompound) ? parsedCompound : [],
-    defaultVariants: isDefaultVariants(parsedDefaults) ? parsedDefaults : {}
-  }
-}
-
-function getComponentNameFromFilename(filename: string): string {
-  return filename.replace(/^(RLA|RLV)/, "").replace(/\.(astro|vue)$/, "")
-}
-
-function extractAllMeta(): Record<string, ComponentMeta> {
-  const componentsDir = path.join(uiRoot, "src", "components")
-  const themesDir = path.join(uiRoot, "src", "themes")
-
-  const vueDir = path.join(componentsDir, "vue")
-  const astroDir = path.join(componentsDir, "astro")
-
-  const vueFiles = existsSync(vueDir)
-    ? readdirSync(vueDir).filter((f: string) => f.endsWith(".vue"))
-    : []
-  const astroFiles = existsSync(astroDir)
-    ? readdirSync(astroDir).filter((f: string) => f.endsWith(".astro") && f !== "Head.astro")
-    : []
-
-  const vueComponents = new Map<string, string>()
-  const astroComponents = new Map<string, string>()
-
-  for (const f of vueFiles) vueComponents.set(getComponentNameFromFilename(f), f)
-  for (const f of astroFiles) astroComponents.set(getComponentNameFromFilename(f), f)
-
-  const allNames = new Set([...vueComponents.keys(), ...astroComponents.keys()])
-  const result: Record<string, ComponentMeta> = {}
-
-  for (const name of [...allNames].toSorted()) {
-    const vueFile = vueComponents.get(name)
-    const astroFile = astroComponents.get(name)
-
-    let props: PropMeta[] = []
-    let slots: SlotMeta[] = []
-    let emits: EmitMeta[] = []
-    const frameworks: ("astro" | "vue")[] = []
-
-    if (vueFile) {
-      frameworks.push("vue")
-      try {
-        const vueMeta = extractVueMetaDirect(path.join(vueDir, vueFile))
-        props = vueMeta.props
-        slots = vueMeta.slots
-        emits = vueMeta.emits
-      } catch (err) {
-        console.warn(`[starlightDocsApi] Failed to extract Vue meta for ${vueFile}:`, err)
-      }
-    }
-
-    if (astroFile) {
-      frameworks.push("astro")
-      if (!vueFile) {
-        try {
-          const astroMeta = extractAstroMeta(path.join(astroDir, astroFile))
-          props = astroMeta.props
-          slots = astroMeta.slots
-        } catch (err) {
-          console.warn(`[starlightDocsApi] Failed to extract Astro meta for ${astroFile}:`, err)
-        }
-      }
-    }
-
-    const theme = extractThemeMeta(name, themesDir)
-
-    result[pascalToKebab(name)] = {
-      name,
-      astroComponent: astroFile ?? null,
-      vueComponent: vueFile ?? null,
-      frameworks,
-      props,
-      slots,
-      emits,
-      theme
-    }
-  }
-
-  return result
-}
-
-export interface StarlightDocsApiConfig {}
-
-export default function starlightDocsApi(_config?: StarlightDocsApiConfig): StarlightPlugin {
-  return {
-    name: "rimelight-ui-starlight-docs-api",
-    hooks: {
-      "config:setup"({ addIntegration, logger }) {
-        logger.info("Initializing @rimelight/ui docs API")
-
-        const meta = extractAllMeta()
-
-        addIntegration({
-          name: "rimelight-ui-starlight-docs-api-integration",
-          hooks: {
-            "astro:config:setup": ({ updateConfig }) => {
-              updateConfig({
-                vite: {
-                  plugins: [
-                    virtual({
-                      "virtual:rimelight-ui-docs-meta": `export default ${JSON.stringify(meta)}`
-                    })
-                  ]
-                }
-              } as Record<string, unknown>)
-            }
-          }
-        })
-      }
-    }
-  }
-}

package/src/styles/prism.css

@@ -1,42 +0,0 @@
-/* Minimal Prism theme to be used with @astrojs/prism */
-pre[class*="language-"],
-code[class*="language-"] {
-  color: #d4e1f5;
-  background: #1e1e1e;
-  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 0.95em;
-  line-height: 1.5;
-  padding: 1em;
-  border-radius: 6px;
-  overflow: auto;
-}
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
-  color: #6a9955; /* greenish */
-  font-style: italic;
-}
-.token.punctuation {
-  color: #d4e1f5;
-}
-.token.keyword {
-  color: #569cd6;
-}
-.token.boolean {
-  color: #d19a66;
-}
-.token.number {
-  color: #b5cea8;
-}
-.token.string {
-  color: #ce9178;
-}
-.token.function {
-  color: #dcdcaa;
-}
-
-/* Basic line highlighting compatibility helpers (optional) */
-.code-line {
-  display: block;
-}

package/src/themes/changelog.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createChangelogTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createChangelogTheme()

package/src/themes/posts.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createPostsTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: "grid gap-8"
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createPostsTheme()