eomsangdonandClaude Opus 5
4cb9b15939
파일마다 포맷 폭이 달라(≈80 대 100) 한 줄만 고쳐도 포맷터가 무관한 줄을 대량 재포맷했음. 사용자 지시로 전체를 한 번에 맞춤. 코드 동작 변경 없음 — 포맷만. - 프론트엔드 `.ts/.css/.html` → 저장소 prettier (`.prettierrc`, printWidth 100) - `B07_DesignDetail/openwebcad/**` → 자체 biome (tab 들여쓰기·single quote·lineWidth 100). `biome format` 만 사용 — `biome lint --write` 는 포맷 아닌 코드 수정까지 하므로 제외 - 파이썬 → `ruff format` (엔진 코드는 이미 정합, resources·scratch 스크립트 24개만 변경) 두 포맷터가 서로 되돌리지 않도록 `.prettierignore` 신규 — openwebcad 와 빌드·산출물 폴더를 prettier 대상에서 뺌. `.prettierrc` 에 `endOfLine: "auto"` 추가 — 기본값 `lf` 가 `core.autocrlf=true` 로 받은 CRLF 파일을 매번 전부 다시 써서 `--list-different` 가 실제 포맷 차이를 가리고 있었음. 검증: `tsc --noEmit` 통과(루트·openwebcad 둘 다), pytest 349 passed / 17 skipped / 0 failed, CAD vitest 87건 중 81 passed / 6 failed(laptop-sub 기준선과 동일, 회귀 없음). 포맷터 재실행 시 prettier·biome 모두 변경 0건. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
192 lines
7.2 KiB
TypeScript
192 lines
7.2 KiB
TypeScript
import type { FC } from 'react';
|
|
import AlignBottomIcon from 'teenyicons/outline/align-bottom.svg?react';
|
|
import AlignCenterHorizontalIcon from 'teenyicons/outline/align-center-horizontal.svg?react';
|
|
import AlignCenterVerticalIcon from 'teenyicons/outline/align-center-vertical.svg?react';
|
|
import AlignLeftIcon from 'teenyicons/outline/align-left.svg?react';
|
|
import AlignRightIcon from 'teenyicons/outline/align-right.svg?react';
|
|
import AlignTextJustifyIcon from 'teenyicons/outline/align-text-justify.svg?react';
|
|
import AlignTopIcon from 'teenyicons/outline/align-top.svg?react';
|
|
import AntiClockwiseIcon from 'teenyicons/outline/anti-clockwise.svg?react';
|
|
import ArrowLeftCircle from 'teenyicons/outline/arrow-left-circle.svg?react';
|
|
import ArrowRightCircle from 'teenyicons/outline/arrow-right-circle.svg?react';
|
|
import CircleIcon from 'teenyicons/outline/circle.svg?react';
|
|
import ClockwiseIcon from 'teenyicons/outline/clockwise.svg?react';
|
|
import CropIcon from 'teenyicons/outline/crop.svg?react';
|
|
import DirectionIcon from 'teenyicons/outline/direction.svg?react';
|
|
import DocumentsIcon from 'teenyicons/outline/documents.svg?react';
|
|
import DownloadIcon from 'teenyicons/outline/download.svg?react';
|
|
import EditIcon from 'teenyicons/outline/edit.svg?react';
|
|
import ExpandIcon from 'teenyicons/outline/expand.svg?react';
|
|
import EyeClosedIcon from 'teenyicons/outline/eye-closed.svg?react';
|
|
import EyeIcon from 'teenyicons/outline/eye.svg?react';
|
|
import FilePlusIcon from 'teenyicons/outline/file-plus.svg?react';
|
|
import FolderPlusIcon from 'teenyicons/outline/folder-plus.svg?react';
|
|
import FolderTickIcon from 'teenyicons/outline/folder-tick.svg?react';
|
|
import FolderXIcon from 'teenyicons/outline/folder-x.svg?react';
|
|
import FolderIcon from 'teenyicons/outline/folder.svg?react';
|
|
import GithubIcon from 'teenyicons/outline/github.svg?react';
|
|
import GridLayoutIcon from 'teenyicons/outline/grid-layout.svg?react';
|
|
import ImageIcon from 'teenyicons/outline/image.svg?react';
|
|
import JavascriptIcon from 'teenyicons/outline/javascript.svg?react';
|
|
import LayersDifferenceIcon from 'teenyicons/outline/layers-difference.svg?react';
|
|
import LineIcon from 'teenyicons/outline/line.svg?react';
|
|
import LockIcon from 'teenyicons/outline/lock.svg?react';
|
|
import PdfIcon from 'teenyicons/outline/pdf.svg?react';
|
|
import PngIcon from 'teenyicons/outline/png.svg?react';
|
|
import SaveIcon from 'teenyicons/outline/save.svg?react';
|
|
import SendDownIcon from 'teenyicons/outline/send-down.svg?react';
|
|
import SendUpIcon from 'teenyicons/outline/send-up.svg?react';
|
|
import SquareIcon from 'teenyicons/outline/square.svg?react';
|
|
import SvgIcon from 'teenyicons/outline/svg.svg?react';
|
|
import UnlockIcon from 'teenyicons/outline/unlock.svg?react';
|
|
import HomeAltIcon from 'teenyicons/outline/home-alt.svg?react';
|
|
|
|
import VectorDocumentIcon from 'teenyicons/outline/vector-document.svg?react';
|
|
import SolidDownSmallIcon from 'teenyicons/solid/down-small.svg?react';
|
|
import SolidDownIcon from 'teenyicons/solid/down.svg?react';
|
|
import ImageSoldIcon from 'teenyicons/solid/image.svg?react';
|
|
import JavascriptSolidIcon from 'teenyicons/solid/javascript.svg?react';
|
|
import PdfSolidIcon from 'teenyicons/solid/pdf.svg?react';
|
|
import SolidUpSmallIcon from 'teenyicons/solid/up-small.svg?react';
|
|
import SolidUpIcon from 'teenyicons/solid/up.svg?react';
|
|
import VectorDocumentSolidIcon from 'teenyicons/solid/vector-document.svg?react';
|
|
import MeasurementIcon from './custom-icons/measurement.svg?react';
|
|
import ScaleIcon from './custom-icons/scale.svg?react'; // https://icon-sets.iconify.design/teenyicons
|
|
|
|
// https://icon-sets.iconify.design/teenyicons
|
|
enum IconName {
|
|
// Outline icons
|
|
Line = 'Line',
|
|
Square = 'Square',
|
|
Circle = 'Circle',
|
|
Direction = 'Direction',
|
|
VectorDocument = 'VectorDocument',
|
|
VectorDocumentSolid = 'VectorDocumentSolid',
|
|
LayersDifference = 'LayersDifference',
|
|
AntiClockwise = 'AntiClockwise',
|
|
Clockwise = 'Clockwise',
|
|
Github = 'Github',
|
|
Crop = 'Crop',
|
|
Folder = 'Folder',
|
|
FolderTick = 'FolderTick',
|
|
Save = 'Save',
|
|
Svg = 'Svg',
|
|
Pdf = 'Pdf',
|
|
PdfSolid = 'PdfSolid',
|
|
Png = 'Png',
|
|
Javascript = 'Javascript',
|
|
JavascriptSolid = 'JavascriptSolid',
|
|
Expand = 'Expand',
|
|
Image = 'Image',
|
|
ImageSolid = 'ImageSolid',
|
|
ArrowLeftCircle = 'ArrowLeftCircle',
|
|
ArrowRightCircle = 'ArrowRightCircle',
|
|
Measurement = 'Measurement',
|
|
FilePlus = 'FilePlus',
|
|
Edit = 'Edit',
|
|
SendUp = 'SendUp',
|
|
SendDown = 'SendDown',
|
|
AlignLeft = 'AlignLeft',
|
|
AlignRight = 'AlignRight',
|
|
AlignCenterHorizontal = 'AlignCenterHorizontal',
|
|
AlignTop = 'AlignTop',
|
|
AlignBottom = 'AlignBottom',
|
|
AlignCenterVertical = 'AlignCenterVertical',
|
|
Documents = 'Documents',
|
|
Download = 'Download',
|
|
FolderX = 'FolderX',
|
|
FolderPlus = 'FolderPlus',
|
|
AlignTextJustify = 'AlignTextJustify',
|
|
Eye = 'Eye',
|
|
EyeClosed = 'EyeClosed',
|
|
Lock = 'Lock',
|
|
Unlock = 'Unlock',
|
|
GridLayout = 'GridLayout',
|
|
HomeAlt = 'HomeAlt',
|
|
|
|
// Solid icons
|
|
SolidDown = 'SolidDown',
|
|
SolidUp = 'SolidUp',
|
|
SolidUpSmall = 'SolidUpSmall',
|
|
SolidDownSmall = 'SolidDownSmall',
|
|
|
|
// Custom icons
|
|
Scale = 'Scale',
|
|
}
|
|
|
|
const icons: Record<IconName, FC> = {
|
|
// Outline icons
|
|
[IconName.Line]: LineIcon,
|
|
[IconName.Square]: SquareIcon,
|
|
[IconName.Circle]: CircleIcon,
|
|
[IconName.Direction]: DirectionIcon,
|
|
[IconName.VectorDocument]: VectorDocumentIcon,
|
|
[IconName.VectorDocumentSolid]: VectorDocumentSolidIcon,
|
|
[IconName.LayersDifference]: LayersDifferenceIcon,
|
|
[IconName.AntiClockwise]: AntiClockwiseIcon,
|
|
[IconName.Clockwise]: ClockwiseIcon,
|
|
[IconName.Github]: GithubIcon,
|
|
[IconName.Crop]: CropIcon,
|
|
[IconName.Folder]: FolderIcon,
|
|
[IconName.FolderTick]: FolderTickIcon,
|
|
[IconName.Save]: SaveIcon,
|
|
[IconName.Svg]: SvgIcon,
|
|
[IconName.Pdf]: PdfIcon,
|
|
[IconName.PdfSolid]: PdfSolidIcon,
|
|
[IconName.Png]: PngIcon,
|
|
[IconName.Javascript]: JavascriptIcon,
|
|
[IconName.JavascriptSolid]: JavascriptSolidIcon,
|
|
[IconName.Expand]: ExpandIcon,
|
|
[IconName.Image]: ImageIcon,
|
|
[IconName.ImageSolid]: ImageSoldIcon,
|
|
[IconName.ArrowLeftCircle]: ArrowLeftCircle,
|
|
[IconName.ArrowRightCircle]: ArrowRightCircle,
|
|
[IconName.Measurement]: MeasurementIcon,
|
|
[IconName.FilePlus]: FilePlusIcon,
|
|
[IconName.Edit]: EditIcon,
|
|
[IconName.SendUp]: SendUpIcon,
|
|
[IconName.SendDown]: SendDownIcon,
|
|
[IconName.AlignLeft]: AlignLeftIcon,
|
|
[IconName.AlignRight]: AlignRightIcon,
|
|
[IconName.AlignCenterHorizontal]: AlignCenterHorizontalIcon,
|
|
[IconName.AlignTop]: AlignTopIcon,
|
|
[IconName.AlignBottom]: AlignBottomIcon,
|
|
[IconName.AlignCenterVertical]: AlignCenterVerticalIcon,
|
|
[IconName.Documents]: DocumentsIcon,
|
|
[IconName.Download]: DownloadIcon,
|
|
[IconName.FolderX]: FolderXIcon,
|
|
[IconName.FolderPlus]: FolderPlusIcon,
|
|
[IconName.AlignTextJustify]: AlignTextJustifyIcon,
|
|
[IconName.Eye]: EyeIcon,
|
|
[IconName.EyeClosed]: EyeClosedIcon,
|
|
[IconName.Lock]: LockIcon,
|
|
[IconName.Unlock]: UnlockIcon,
|
|
[IconName.GridLayout]: GridLayoutIcon,
|
|
[IconName.HomeAlt]: HomeAltIcon,
|
|
|
|
// Solid icons
|
|
[IconName.SolidDown]: SolidDownIcon,
|
|
[IconName.SolidUp]: SolidUpIcon,
|
|
[IconName.SolidUpSmall]: SolidUpSmallIcon,
|
|
[IconName.SolidDownSmall]: SolidDownSmallIcon,
|
|
|
|
// Custom icons
|
|
[IconName.Scale]: ScaleIcon,
|
|
};
|
|
|
|
export { IconName };
|
|
|
|
interface IconProps {
|
|
name: IconName;
|
|
className?: string;
|
|
}
|
|
|
|
export const Icon: FC<IconProps> = ({ name, className }) => {
|
|
const CurrentIcon = icons[name];
|
|
return (
|
|
<div className={`icon w-5${className ? ` ${className}` : ''}`}>
|
|
<CurrentIcon />
|
|
</div>
|
|
);
|
|
};
|