88 lines
3.2 KiB
JavaScript
88 lines
3.2 KiB
JavaScript
|
#!/usr/bin/env node
|
||
|
|
|
||
|
|
const fs = require('fs');
|
||
|
|
const path = require('path');
|
||
|
|
|
||
|
|
// 교체할 패턴들
|
||
|
|
const patterns = [
|
||
|
|
// 기본 Select 패턴
|
||
|
|
{
|
||
|
|
from: /<Select\s+([^>]*?)>\s*<SelectTrigger([^>]*?)>\s*<SelectValue([^>]*?)\/>\s*<\/SelectTrigger>\s*<SelectContent>([\s\S]*?)<\/SelectContent>\s*<\/Select>/g,
|
||
|
|
to: (match, selectProps, triggerProps, valueProps, content) => {
|
||
|
|
// SelectItem들을 option으로 변환
|
||
|
|
const options = content.replace(/<SelectItem\s+([^>]*?)>([\s\S]*?)<\/SelectItem>/g, (itemMatch, itemProps, itemContent) => {
|
||
|
|
const valueMatch = itemProps.match(/value="([^"]*?)"/);
|
||
|
|
const value = valueMatch ? valueMatch[1] : '';
|
||
|
|
return `<option value="${value}">${itemContent.trim()}</option>`;
|
||
|
|
});
|
||
|
|
|
||
|
|
// className 추출
|
||
|
|
const classMatch = triggerProps.match(/className="([^"]*?)"/);
|
||
|
|
const triggerClass = classMatch ? classMatch[1] : '';
|
||
|
|
|
||
|
|
// value와 onValueChange 추출
|
||
|
|
const valueMatch = selectProps.match(/value=\{([^}]*?)\}/);
|
||
|
|
const onChangeMatch = selectProps.match(/onValueChange=\{([^}]*?)\}/);
|
||
|
|
|
||
|
|
const value = valueMatch ? valueMatch[1] : '';
|
||
|
|
const onChange = onChangeMatch ? onChangeMatch[1] : '';
|
||
|
|
|
||
|
|
// onChange를 HTML select 형식으로 변환
|
||
|
|
const htmlOnChange = onChange.replace(/\(([^)]*?)\)\s*=>\s*/, '(e) => ').replace(/value/g, 'e.target.value');
|
||
|
|
|
||
|
|
return `<select
|
||
|
|
className="w-full rounded-md border border-gray-300 px-3 py-2 text-sm focus:border-blue-500 focus:ring-1 focus:ring-blue-500 focus:outline-none ${triggerClass}"
|
||
|
|
value={${value}}
|
||
|
|
onChange={${htmlOnChange}}
|
||
|
|
>
|
||
|
|
${options}
|
||
|
|
</select>`;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
];
|
||
|
|
|
||
|
|
// 파일 처리 함수
|
||
|
|
function processFile(filePath) {
|
||
|
|
try {
|
||
|
|
let content = fs.readFileSync(filePath, 'utf8');
|
||
|
|
let modified = false;
|
||
|
|
|
||
|
|
patterns.forEach(pattern => {
|
||
|
|
if (pattern.from.test(content)) {
|
||
|
|
content = content.replace(pattern.from, pattern.to);
|
||
|
|
modified = true;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
if (modified) {
|
||
|
|
fs.writeFileSync(filePath, content, 'utf8');
|
||
|
|
console.log(`✅ 수정됨: ${filePath}`);
|
||
|
|
} else {
|
||
|
|
console.log(`⏭️ 변경사항 없음: ${filePath}`);
|
||
|
|
}
|
||
|
|
} catch (error) {
|
||
|
|
console.error(`❌ 오류 (${filePath}):`, error.message);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// 처리할 파일들
|
||
|
|
const filesToProcess = [
|
||
|
|
'frontend/components/screen/panels/PropertiesPanel.tsx',
|
||
|
|
'frontend/components/screen/panels/DataTableConfigPanel.tsx',
|
||
|
|
'frontend/components/screen/panels/ButtonConfigPanel.tsx',
|
||
|
|
'frontend/components/screen/panels/FileComponentConfigPanel.tsx',
|
||
|
|
'frontend/components/screen/panels/ResolutionPanel.tsx',
|
||
|
|
'frontend/components/screen/panels/webtype-configs/TextTypeConfigPanel.tsx',
|
||
|
|
'frontend/components/screen/panels/webtype-configs/NumberTypeConfigPanel.tsx',
|
||
|
|
'frontend/components/screen/panels/webtype-configs/DateTypeConfigPanel.tsx',
|
||
|
|
'frontend/components/screen/panels/webtype-configs/CheckboxTypeConfigPanel.tsx',
|
||
|
|
'frontend/components/screen/panels/webtype-configs/EntityTypeConfigPanel.tsx',
|
||
|
|
'frontend/components/screen/panels/webtype-configs/CodeTypeConfigPanel.tsx',
|
||
|
|
];
|
||
|
|
|
||
|
|
console.log('🔄 Select 컴포넌트 교체 시작...');
|
||
|
|
filesToProcess.forEach(processFile);
|
||
|
|
console.log('✅ 완료!');
|
||
|
|
|
||
|
|
|