snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)
This commit is contained in:
113
apps/v4/app/(app)/(create)/lib/randomize-biases.ts
Normal file
113
apps/v4/app/(app)/(create)/lib/randomize-biases.ts
Normal file
@@ -0,0 +1,113 @@
|
||||
import type {
|
||||
BaseColor,
|
||||
BaseColorName,
|
||||
Radius,
|
||||
StyleName,
|
||||
Theme,
|
||||
ThemeName,
|
||||
} from "@/registry/config"
|
||||
|
||||
import { type FONTS } from "./fonts"
|
||||
|
||||
export type RandomizeContext = {
|
||||
style?: StyleName
|
||||
baseColor?: BaseColorName
|
||||
theme?: ThemeName
|
||||
chartColor?: string
|
||||
iconLibrary?: string
|
||||
font?: string
|
||||
menuAccent?: string
|
||||
menuColor?: string
|
||||
radius?: string
|
||||
}
|
||||
|
||||
export type BiasFilter<T> = (
|
||||
items: readonly T[],
|
||||
context: RandomizeContext
|
||||
) => readonly T[]
|
||||
|
||||
export type RandomizeBiases = {
|
||||
baseColors?: BiasFilter<BaseColor>
|
||||
chartColors?: BiasFilter<Theme>
|
||||
fonts?: BiasFilter<(typeof FONTS)[number]>
|
||||
radius?: BiasFilter<Radius>
|
||||
}
|
||||
|
||||
// Theme → chart color pairings for randomization.
|
||||
const CHART_COLOR_PAIRINGS: Record<string, string[]> = {
|
||||
red: ["teal", "sky"],
|
||||
orange: ["teal", "blue"],
|
||||
amber: ["cyan", "indigo"],
|
||||
yellow: ["sky", "violet"],
|
||||
lime: ["indigo", "pink"],
|
||||
green: ["purple", "rose"],
|
||||
emerald: ["purple", "red"],
|
||||
teal: ["fuchsia", "red"],
|
||||
cyan: ["rose", "amber"],
|
||||
sky: ["red", "yellow"],
|
||||
blue: ["orange", "yellow"],
|
||||
indigo: ["amber", "yellow"],
|
||||
violet: ["yellow", "lime"],
|
||||
purple: ["green", "lime"],
|
||||
fuchsia: ["lime", "teal"],
|
||||
pink: ["green", "cyan"],
|
||||
rose: ["emerald", "sky"],
|
||||
}
|
||||
|
||||
/**
|
||||
* Configuration for randomization biases.
|
||||
* Add biases here to influence random selection based on context.
|
||||
*/
|
||||
export const RANDOMIZE_BIASES: RandomizeBiases = {
|
||||
baseColors: (baseColors) => {
|
||||
return baseColors.filter((c) => c.name !== "gray")
|
||||
},
|
||||
fonts: (fonts, context) => {
|
||||
// When style is lyra, only use mono fonts.
|
||||
if (context.style === "lyra") {
|
||||
return fonts.filter((font) => font.value === "jetbrains-mono")
|
||||
}
|
||||
|
||||
return fonts
|
||||
},
|
||||
radius: (radii, context) => {
|
||||
// When style is lyra, always use "none" radius.
|
||||
if (context.style === "lyra") {
|
||||
return radii.filter((radius) => radius.name === "none")
|
||||
}
|
||||
|
||||
// Rhea does not support the "large" radius.
|
||||
if (context.style === "rhea") {
|
||||
return radii.filter((radius) => radius.name !== "large")
|
||||
}
|
||||
|
||||
return radii
|
||||
},
|
||||
chartColors: (chartColors, context) => {
|
||||
// When theme has a pairing, restrict chart colors to the paired values.
|
||||
const pairing = context.theme ? CHART_COLOR_PAIRINGS[context.theme] : null
|
||||
if (pairing) {
|
||||
const filtered = chartColors.filter((c) => pairing.includes(c.name))
|
||||
if (filtered.length > 0) {
|
||||
return filtered
|
||||
}
|
||||
}
|
||||
|
||||
return chartColors
|
||||
},
|
||||
}
|
||||
|
||||
/**
|
||||
* Applies biases to a list of items based on the current context.
|
||||
*/
|
||||
export function applyBias<T>(
|
||||
items: readonly T[],
|
||||
context: RandomizeContext,
|
||||
biasFilter?: BiasFilter<T>
|
||||
): readonly T[] {
|
||||
if (!biasFilter) {
|
||||
return items
|
||||
}
|
||||
|
||||
return biasFilter(items, context)
|
||||
}
|
||||
Reference in New Issue
Block a user