kinda implemented export

src/components/AllDecks.tsx

@@ -1,46 +1,49 @@
-import React, { useState } from "react"
+import React from "react"
 import RetakesConfig from "../types/RetakesConfig"
 import Side from "../types/Side"
 import CardComp from "./Card"
 import DeckComp from "./Deck"
 
-const AllDecks: React.FC = () => {
-    const [retakesConfig,setRetakesConfig] = useState(new RetakesConfig())
+interface Props {
+    retakesConfig: RetakesConfig
+    onChange?: (newConfig: RetakesConfig)=>void
+}
 
+const AllDecks: React.FC<Props> = ({retakesConfig,onChange}) => {
     return (
         <div>
             <DeckComp title="CT Pistol" side={Side.CT} deck={retakesConfig.ctPistol} 
-                onChange={(newDeck)=> setRetakesConfig(new RetakesConfig({...retakesConfig,...{ctPistol:newDeck}}))} />
+                onChange={(newDeck)=> onChange?.(new RetakesConfig({...retakesConfig,...{ctPistol:newDeck}}))} />
             <DeckComp title="T Pistol" side={Side.T} deck={retakesConfig.tPistol} 
-                onChange={(newDeck)=> setRetakesConfig(new RetakesConfig({...retakesConfig,...{tPistol:newDeck}}))} />
+                onChange={(newDeck)=> onChange?.(new RetakesConfig({...retakesConfig,...{tPistol:newDeck}}))} />
             
             <DeckComp title="CT Upgraded Pistol" side={Side.CT} deck={retakesConfig.ctUpgradedPistol} 
-                onChange={(newDeck)=> setRetakesConfig(new RetakesConfig({...retakesConfig,...{ctUpgradedPistol:newDeck}}))} />
+                onChange={(newDeck)=> onChange?.(new RetakesConfig({...retakesConfig,...{ctUpgradedPistol:newDeck}}))} />
             <DeckComp title="T Upgraded Pistol" side={Side.T} deck={retakesConfig.tUpgradedPistol} 
-                onChange={(newDeck)=> setRetakesConfig(new RetakesConfig({...retakesConfig,...{tUpgradedPistol:newDeck}}))} />
+                onChange={(newDeck)=> onChange?.(new RetakesConfig({...retakesConfig,...{tUpgradedPistol:newDeck}}))} />
             
             <DeckComp title="CT Light" side={Side.CT} deck={retakesConfig.ctLight} 
-                onChange={(newDeck)=> setRetakesConfig(new RetakesConfig({...retakesConfig,...{ctLight:newDeck}}))} />
+                onChange={(newDeck)=> onChange?.(new RetakesConfig({...retakesConfig,...{ctLight:newDeck}}))} />
             <DeckComp title="T Light" side={Side.T} deck={retakesConfig.tLight} 
-                onChange={(newDeck)=> setRetakesConfig(new RetakesConfig({...retakesConfig,...{tLight:newDeck}}))} />
+                onChange={(newDeck)=> onChange?.(new RetakesConfig({...retakesConfig,...{tLight:newDeck}}))} />
             
             <DeckComp title="CT Full" side={Side.CT} deck={retakesConfig.ctFull} 
-                onChange={(newDeck)=> setRetakesConfig(new RetakesConfig({...retakesConfig,...{ctFull:newDeck}}))} />
+                onChange={(newDeck)=> onChange?.(new RetakesConfig({...retakesConfig,...{ctFull:newDeck}}))} />
             <DeckComp title="T Full" side={Side.T} deck={retakesConfig.tFull} 
-                onChange={(newDeck)=> setRetakesConfig(new RetakesConfig({...retakesConfig,...{tFull:newDeck}}))} />
+                onChange={(newDeck)=> onChange?.(new RetakesConfig({...retakesConfig,...{tFull:newDeck}}))} />
 
             <div className="flex">
                 <CardComp card={retakesConfig.ctEnemy} side={Side.T} 
-                    onChange={(newCard)=>setRetakesConfig(new RetakesConfig({...retakesConfig,...{ctEnemy:newCard}}))} />
+                    onChange={(newCard)=>onChange?.(new RetakesConfig({...retakesConfig,...{ctEnemy:newCard}}))} />
                 <CardComp card={retakesConfig.tEnemy} side={Side.CT} 
-                    onChange={(newCard)=>setRetakesConfig(new RetakesConfig({...retakesConfig,...{tEnemy:newCard}}))} />
+                    onChange={(newCard)=>onChange?.(new RetakesConfig({...retakesConfig,...{tEnemy:newCard}}))} />
             </div>
 
             <div className="flex">
                 <CardComp card={retakesConfig.ctBonus} side={Side.CT} 
-                    onChange={(newCard)=>setRetakesConfig(new RetakesConfig({...retakesConfig,...{ctBonus:newCard}}))} />
+                    onChange={(newCard)=>onChange?.(new RetakesConfig({...retakesConfig,...{ctBonus:newCard}}))} />
                 <CardComp card={retakesConfig.tBonus} side={Side.T} 
-                    onChange={(newCard)=>setRetakesConfig(new RetakesConfig({...retakesConfig,...{tBonus:newCard}}))} />
+                    onChange={(newCard)=>onChange?.(new RetakesConfig({...retakesConfig,...{tBonus:newCard}}))} />
             </div>
         </div>
     )

src/components/App.tsx

@@ -1,22 +1,19 @@
-import React from 'react';
+import React, { useState } from 'react';
+import RetakesConfig from '../types/RetakesConfig';
 import AllDecks from './AllDecks';
 import MenuBar from './MenuBar';
 
 function App() {
-  // const [CTDeck,setCTDeck] = useState<Deck>(new Deck(
-  //   2,new CardGroup(
-  //     2,new Card("AWE fake",false,false,Item.AWP,Item.DECOY),
-  //     new Card("M4 Flash",true,true,Item.AK_47_M4,Item.FLASHBANG)
-  //   ),
-  //   new CardGroup(
-  //     3,new Card("One deag",true,false,Item.DESERT_EAGLE)
-  //   )
-  // ))
+
+  const [retakesConfig,setRetakesConfig] = useState(new RetakesConfig())
 
   return (
     <div className="text-white">
-      <MenuBar />
-      <AllDecks />
+      <MenuBar onExport={()=>{
+        const exportString = retakesConfig.toCvar()
+        console.log(exportString)
+      }} />
+      <AllDecks retakesConfig={retakesConfig} onChange={(newConfig)=>setRetakesConfig(newConfig)} />
     </div>
   );
 }

src/types/Card.ts

@@ -13,7 +13,7 @@ class Card {
         this.items = items
     }
 
-    public toString(): string {
+    public toCvar(): string {
         return `${this.title},${bToS(this.armor)},${bToS(this.helmet)},${this.items.join(",")}`
     }
 }

src/types/CardGroup.ts

@@ -9,8 +9,8 @@ class CardGroup {
         this.cards = cards
     }
 
-    public toString(): string {
-        return `${this.numInDeck};${this.cards.map(e => e.toString()).join(";")}`
+    public toCvar(): string {
+        return `${this.numInDeck};${this.cards.map(e => e.toCvar()).join(";")}`
     }
 }
 

src/types/Deck.ts

@@ -9,8 +9,8 @@ class Deck {
         this.cardGroups = cardGroups
     }
 
-    public toString(): string {
-        return `${this.numDefusers}|${this.cardGroups.map(e => e.toString()).join("|")}`
+    public toCvar(): string {
+        return `${this.numDefusers}|${this.cardGroups.map(e => e.toCvar()).join("|")}`
     }
 }
 

src/types/RetakesConfig.ts

@@ -59,8 +59,20 @@ class RetakesConfig {
         }
     }
 
-    public toCvar(){
-
+    public toCvar(): string{
+        return `mp_retake_ct_loadout_default_pistol_round "${this.ctPistol.toCvar()}"
+mp_retake_t_loadout_default_pistol_round "${this.tPistol.toCvar()}"
+mp_retake_ct_loadout_upgraded_pistol_round "${this.ctUpgradedPistol.toCvar()}"
+mp_retake_t_loadout_upgraded_pistol_round "${this.tUpgradedPistol.toCvar()}"
+mp_retake_ct_loadout_light_buy_round "${this.ctLight.toCvar()}"
+mp_retake_t_loadout_light_buy_round "${this.tLight.toCvar()}"
+mp_retake_ct_loadout_full_buy_round "${this.ctFull.toCvar()}"
+mp_retake_t_loadout_full_buy_round "${this.tFull.toCvar()}"
+mp_retake_ct_loadout_bonus_card "${this.ctBonus.toCvar()}"
+mp_retake_t_loadout_bonus_card "${this.tBonus.toCvar()}"
+mp_retake_ct_loadout_bonus_card_availability "${this.ctBonusAvailability.join(",")}"
+mp_retake_t_loadout_bonus_card_availability "${this.tBonusAvailability.join(",")}"
+`
     }
 
 }