"use client"
 
export function ColorPicker() {
  return (
    <input
      type="color"
      defaultValue="#e64900"
      aria-label="Choose accent color"
      className="w-9 h-9 p-1 rounded-xl cursor-pointer transition-all duration-150 hover:bg-[var(--color-bg-2)] active:scale-95"
      style={{ border: "1px solid var(--color-border)" }}
      onChange={(event) =>
        document.documentElement.style.setProperty(
          "--color-accent",
          event.target.value,
        )
      }
    />
  )
}

"use client"
 
import { Popover, PopoverButton, PopoverPanel } from "@headlessui/react"
import { useEffect, useState } from "react"
import PaletteIcon from "@/assets/svg/palette.svg"
 
const STORAGE_KEY = "accent-color"
const DEFAULT_COLOR = "#e64900"
const COLORS = ["#e64900", "#d9480f", "#e03131", "#c2255c", "#9c36b5", "#5f3dc4", "#4263eb", "#1971c2", "#0b7285", "#087f5b"]
 
function withAlpha(hex: string, alpha: number) {
  const value = hex.replace("#", "")
  const red = Number.parseInt(value.slice(0, 2), 16)
  const green = Number.parseInt(value.slice(2, 4), 16)
  const blue = Number.parseInt(value.slice(4, 6), 16)
 
  return `rgba(${red}, ${green}, ${blue}, ${alpha})`
}
 
function applyColor(color: string) {
  document.documentElement.style.setProperty("--color-accent", color)
  document.documentElement.style.setProperty("--color-accent-muted", withAlpha(color, 0.5))
  document.documentElement.style.setProperty("--color-accent-border", withAlpha(color, 0.4))
}
 
export function ColorPicker() {
  const [color, setColor] = useState(DEFAULT_COLOR)
 
  useEffect(() => {
    const savedColor = window.localStorage.getItem(STORAGE_KEY)
    if (savedColor) {
      setColor(savedColor)
      applyColor(savedColor)
    }
  }, [])
 
  const selectColor = (nextColor: string) => {
    setColor(nextColor)
    applyColor(nextColor)
    window.localStorage.setItem(STORAGE_KEY, nextColor)
  }
 
  return (
    <Popover className="relative">
      <PopoverButton
        className="w-9 h-9 flex items-center justify-center rounded-xl transition-all duration-150 hover:bg-[var(--color-bg-2)] active:scale-95 outline-none"
        style={{ border: "1px solid var(--color-border)", color: "var(--color-text-2)" }}
        aria-label="Choose accent color"
        title="Choose accent color"
      >
        <PaletteIcon className="w-4 h-4" />
      </PopoverButton>
 
      <PopoverPanel
        anchor="bottom start"
        className="w-52 p-3 rounded-xl z-50 !mt-1"
        style={{
          border: "1px solid var(--color-border)",
          background: "var(--color-bg)",
          boxShadow: "rgba(0,0,0,0.12) 0px 16px 48px, rgba(0,0,0,0.06) 0px 4px 16px",
        }}
      >
        <p className="mb-2 text-xs font-semibold" style={{ color: "var(--color-text-2)" }}>
          Accent color
        </p>
        <div className="grid grid-cols-5 gap-2">
          {COLORS.map((swatch) => (
            <button
              key={swatch}
              type="button"
              onClick={() => selectColor(swatch)}
              className="w-7 h-7 rounded-full transition-transform hover:scale-110 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-[var(--color-text)]"
              style={{
                backgroundColor: swatch,
                boxShadow: color === swatch ? "0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-text)" : undefined,
              }}
              aria-label={`Use ${swatch} accent color`}
            />
          ))}
        </div>
        <label className="mt-3 flex items-center justify-between text-xs" style={{ color: "var(--color-text-2)" }}>
          Custom color
          <input
            type="color"
            value={color}
            onChange={(event) => selectColor(event.target.value)}
            className="w-8 h-7 cursor-pointer rounded border-0 bg-transparent p-0"
            aria-label="Custom accent color"
          />
        </label>
      </PopoverPanel>
    </Popover>
  )

"use client"
 
export function RandomButton({ hrefs }: { hrefs: string[] }) {
  return (
    <button
      className="w-9 h-9 flex items-center justify-center rounded-xl transition-all duration-150 hover:bg-[var(--color-bg-2)] active:scale-95 disabled:opacity-50"
      style={{
        border: "1px solid var(--color-border)",
        color: "var(--color-text-2)",
      }}
      disabled={!hrefs.length}
      onClick={() => {
        **window.location.assign(hrefs[Math.floor(Math.random() * hrefs.length)])**
      }}
    >
      ?
    </button>
  )
}

"use client"
 
import { useRouter } from "@/i18n/navigation"
 
export function RandomButton({ hrefs }: { hrefs: string[] }) {
  const router = useRouter()
 
  return (
    <button
      type="button"
      className="w-9 h-9 flex items-center justify-center rounded-xl transition-all duration-150 hover:bg-[var(--color-bg-2)] active:scale-95 disabled:opacity-50"
      style={{
        border: "1px solid var(--color-border)",
        color: "var(--color-text-2)",
      }}
      disabled={!hrefs.length}
      onClick={() => {
        **router.push(hrefs[Math.floor(Math.random() * hrefs.length)])**
      }}
      title="Random post"
      aria-label="Random post"
    >
      ?
    </button>
  )
}

@Service
public class InMemoryFileService {
    // ponytail: unbounded process memory; replace with object storage when uploads must survive restarts or grow.
    private final Map<String, StoredFile> files = new ConcurrentHashMap<>();
 
    public UploadedFileResponse store(MultipartFile file) {
        if (file == null || file.isEmpty()) {
            throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "File must not be empty.");
        }
 
        try {
            String id = UUID.randomUUID().toString();
            String filename = file.getOriginalFilename();
            filename = filename == null || filename.isBlank() ? "file" : filename;
            StoredFile storedFile = new StoredFile(file.getBytes(), filename);
            files.put(id, storedFile);
            return new UploadedFileResponse(id, filename, storedFile.content().length);
        } catch (IOException e) {
            throw new ResponseStatusException(HttpStatus.BAD_REQUEST, "Could not read uploaded file.", e);
        }
    }
 
    public StoredFile get(String id) {
        StoredFile file = files.get(id);
        if (file == null) {
            throw new ResponseStatusException(HttpStatus.NOT_FOUND, "File not found.");
        }
        return file;
    }
 
    record StoredFile(byte[] content, String filename) {
    }
}
 

@Service
public class InMemoryFileStorageService {
 
    private final Map<UUID, StoredFile> files = new ConcurrentHashMap<>();
 
    public UploadedFileResponse store(MultipartFile file) {
        if (file.isEmpty()) {
            throw new BizException(FileErrorCode.FILE_EMPTY);
        }
 
        try {
            UUID id = UUID.randomUUID();
            String originalFilename = file.getOriginalFilename();
            String filename = (originalFilename == null || originalFilename.isBlank()) ? "file" : originalFilename;
            String contentType = file.getContentType();
            String safeContentType = contentType == null ? MediaType.APPLICATION_OCTET_STREAM_VALUE : contentType;
            byte[] content = file.getBytes();
 
            files.put(id, new StoredFile(filename, safeContentType, content));
            return new UploadedFileResponse(id, filename, safeContentType, content.length);
        } catch (IOException e) {
            throw new BizException(FileErrorCode.FILE_READ_FAILED);
        }
    }
 
    public StoredFile get(UUID id) {
        StoredFile storedFile = files.get(id);
        if (storedFile == null) {
            throw new BizException(FileErrorCode.FILE_NOT_FOUND);
        }
        return storedFile;
    }
 
    public record StoredFile(String originalFilename, String contentType, byte[] content) {
        public StoredFile {
            content = content.clone();
        }
 
        @Override
        public byte[] content() {
            return content.clone();
        }
    }
}