Initial Filamenteka setup - Bambu Lab filament tracker

- React + TypeScript frontend with automatic color coding
- Confluence API integration for data sync
- AWS Amplify deployment with Terraform
- Support for all Bambu Lab filament colors including gradients
This commit is contained in:
DaX
2025-06-17 22:39:35 +02:00
parent 8cc137864b
commit c394d94bb0
23 changed files with 1090 additions and 0 deletions

View File

@@ -0,0 +1,25 @@
import React from 'react';
import { getFilamentColor, getColorStyle, getContrastColor } from '../data/bambuLabColors';
interface ColorCellProps {
colorName: string;
}
export const ColorCell: React.FC<ColorCellProps> = ({ colorName }) => {
const colorMapping = getFilamentColor(colorName);
const style = getColorStyle(colorMapping);
const textColor = Array.isArray(colorMapping.hex)
? '#000000'
: getContrastColor(colorMapping.hex);
return (
<div className="flex items-center gap-2">
<div
className="w-6 h-6 rounded border border-gray-300"
style={style}
title={Array.isArray(colorMapping.hex) ? colorMapping.hex.join(' - ') : colorMapping.hex}
/>
<span style={{ color: textColor }}>{colorName}</span>
</div>
);
};