fix: checkWall, checkMove and import Skin duplicate key

Author: minhnq

src/app/aneko-builder/components/StateList.tsx

@@ -101,11 +101,11 @@ export default function StateList({ onEditState }: StateListProps) {
                 <div className={styles.panelContent}>
                     {state.skinData.states.length > 0 ? (
                         <div className={styles.stateList}>
-                            {state.skinData.states.map((motionState) => {
+                            {state.skinData.states.map((motionState, index) => {
                                 const isRequired = isRequiredState(motionState.state);
                                 return (
                                     <div
-                                        key={motionState.state}
+                                        key={`${motionState.state}-${index}`}
                                         className={`${styles.stateItem} ${state.selectedStateId === motionState.state ? styles.selected : ''}`}
                                         onClick={() => selectState(motionState.state)}
                                     >

src/lib/utils/skinExport.ts

@@ -25,12 +25,14 @@ function generateSkinXml(skinData: SkinData): string {
 
     // Build motion elements
     const motions = states.map(state => {
-        const motionAttrs: Record<string, unknown> = {
+        const motionAttrs: Record<string, string> = {
             '@_state': state.state,
         };
 
-        if (state.checkMove) motionAttrs['@_checkMove'] = 'true';
-        if (state.checkWall) motionAttrs['@_checkWall'] = 'true';
+        // Only add boolean attributes if they are truthy
+        // Use Boolean() to handle any edge cases from various data sources
+        if (Boolean(state.checkMove)) motionAttrs['@_checkMove'] = 'true';
+        if (Boolean(state.checkWall)) motionAttrs['@_checkWall'] = 'true';
         if (state.nextState) motionAttrs['@_nextState'] = state.nextState;
 
         const children = buildAnimationItems(state.items);
@@ -66,6 +68,7 @@ function generateSkinXml(skinData: SkinData): string {
         format: true,
         indentBy: '    ',
         suppressEmptyNode: true,
+        suppressBooleanAttributes: false,
     });
 
     return builder.build(xmlObj);