61:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 62:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 63:Td09,import type { ShaderColorParam, ShaderMotionParams, ShaderPreset } from "./types" export const ditherShineFragmentShader = `#version 300 es precision highp float; uniform float u_time; uniform vec2 u_resolution; uniform float u_pxSize; uniform vec4 u_colorBack; uniform vec4 u_colorFront; uniform float u_type; uniform float u_bandWidth; uniform float u_sweepDuration; uniform float u_pauseDuration; out vec4 fragColor; float readBayer2(vec2 cell) { vec2 corner = floor(cell); return fract(corner.x * 0.5 + corner.y * corner.y * 0.75); } float readBayer(vec2 cell, float size) { float fine = readBayer2(cell); if (size < 3.0) { return fine; } float medium = readBayer2(cell * 0.5) * 0.25 + fine; if (size < 6.0) { return medium; } return (readBayer2(cell * 0.25) * 0.25 + readBayer2(cell * 0.5)) * 0.25 + fine; } float readBandProfile(float offset) { float band = step(abs(offset), 0.5) * clamp(0.25 + (0.4375 - abs(offset)) * 2.0, 0.0, 1.0); float glintOffset = abs(offset + 0.9375); float glint = step(glintOffset, 0.1875) * (1.0 - glintOffset / 0.375); return max(band, glint); } void main() { vec2 fragment = vec2(gl_FragCoord.x, u_resolution.y - gl_FragCoord.y); vec2 cell = floor(fragment / u_pxSize); vec2 grid = max(ceil(u_resolution / u_pxSize) - 1.0, vec2(1.0)); float diagonal = (cell.x + cell.y) / (grid.x + grid.y); float bandWidth = max(u_bandWidth, 0.001); float sweepDuration = max(u_sweepDuration, 0.001); float cycle = sweepDuration + max(u_pauseDuration, 0.0); float progress = clamp(mod(u_time, cycle) / sweepDuration, 0.0, 1.0); float center = mix(-0.5 * bandWidth, 1.0 + 1.125 * bandWidth, progress); float intensity = readBandProfile((diagonal - center) / bandWidth); vec4 color = intensity > readBayer(cell, u_type) ? u_colorFront : u_colorBack; fragColor = vec4(color.rgb * color.a, color.a); } ` export const DitherShineTypes = { "2x2": 2, "4x4": 4, "8x8": 8, } as const export type DitherShineType = keyof typeof DitherShineTypes export type DitherShineUniforms = { u_type: number u_bandWidth: number u_sweepDuration: number u_pauseDuration: number } export type DitherShineColors = { u_colorBack: ShaderColorParam u_colorFront: ShaderColorParam } export type DitherShineParams = Required & { colorBack: ShaderColorParam colorFront: ShaderColorParam type: DitherShineType bandWidth: number sweepDuration: number pauseDuration: number } export const defaultPreset: ShaderPreset = { name: "Default", params: { speed: 1, frame: 0, fps: 10, colorBack: "--primary", colorFront: "--primary-foreground", type: "4x4", bandWidth: 0.35, sweepDuration: 1.2, pauseDuration: 1.2, }, } export const glintPreset: ShaderPreset = { name: "Glint", params: { ...defaultPreset.params, type: "2x2", bandWidth: 0.14, sweepDuration: 0.6, pauseDuration: 1.8, }, } export const slowPreset: ShaderPreset = { name: "Slow", params: { ...defaultPreset.params, type: "8x8", bandWidth: 0.6, sweepDuration: 2.4, pauseDuration: 1.6, }, } export const ditherShinePresets: readonly ShaderPreset[] = [ defaultPreset, glintPreset, slowPreset, ] 64:T671,"use client" import * as React from "react" import { ShaderMount, type ShaderMountProps } from "@/components/ui/shader-mount" import { defaultPreset, type DitherShineColors, ditherShineFragmentShader, type DitherShineParams, DitherShineTypes, type DitherShineUniforms, } from "@/lib/shaders/dither-shine" type DitherShineProps = Omit & Partial const DitherShine = React.memo(function DitherShine({ speed = defaultPreset.params.speed, frame = defaultPreset.params.frame, fps = defaultPreset.params.fps, colorBack = defaultPreset.params.colorBack, colorFront = defaultPreset.params.colorFront, type = defaultPreset.params.type, bandWidth = defaultPreset.params.bandWidth, sweepDuration = defaultPreset.params.sweepDuration, pauseDuration = defaultPreset.params.pauseDuration, ...props }: DitherShineProps) { const uniforms = React.useMemo( () => ({ u_type: DitherShineTypes[type], u_bandWidth: bandWidth, u_sweepDuration: sweepDuration, u_pauseDuration: pauseDuration, }), [type, bandWidth, sweepDuration, pauseDuration] ) const colors = React.useMemo( () => ({ u_colorBack: colorBack, u_colorFront: colorFront }), [colorBack, colorFront] ) return ( ) }) export { DitherShine } export type { DitherShineProps } 60:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L61",null,{"namespace":"@ui95","registryDependencies":["@ui95/theme","@ui95/shader-mount"]}]]}],null]}],["$","$L62",null,{"files":[{"path":"lib/shaders/dither-shine.ts","content":"$63","type":"registry:lib","target":"@lib/shaders/dither-shine.ts"},{"path":"components/ui/dither-shine.tsx","content":"$64","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]