Moved everything to one file for easier transport

alt-bits.js

@@ -4,11 +4,11 @@ import './components/alt-bits-participant.js'
 import './components/alt-bits-participant-detail.js'
 import './components/alt-bits-participation.js'
 import './components/ui-modal.js'
-import SETTINGS from './settings.js'
+// import SETTINGS from './settings.js'
 
-if(SETTINGS == undefined) throw "Missing configuration settings";
+// if(SETTINGS == undefined) throw "Missing configuration settings";
 
-async function load(){
+async function AltBits(SETTINGS){
     let raw = await fetch(SETTINGS.baseURL);
     let json = await raw.json();
     let members = Object.values(json.members).sort((a, b)=>(b?._participations?.total || 0) - (a?._participations.total || 0));
@@ -40,4 +40,7 @@ async function load(){
         })
     })
 }
-load();
+
+window.AltBits = AltBits;
+export default AltBits;
+// load();

index.html

@@ -46,6 +46,26 @@ <h1>Acerca de</h1>
         <p>Made with ❤️ by <a href="https://ctrl-alt-tec.hackclub.com">Ctrl Alt Tec</a></p>
     </footer>
 
-    <script src="./alt-bits.js" type="module"></script>
+    <!-- <script src="./alt-bits.js" type="module"></script> -->
+    <script type="module">
+        import AltBits from './alt-bits.js'
+        AltBits({
+            columnNames: {
+                member: {
+                    name: member => `${member['Nombre(s)']} ${member['Apellido Paterno']} ${member['Apellido Materno']}` || 'Unasigned',
+                    id: member => member['Matrícula'],
+                    score: member =>  member?._participations?.total || 1,
+                    participations: member => member?._participations?.participations
+                },
+                participation: {
+                    date: participation => participation['Fecha'], 
+                    category: participation => participation['Categoría'], 
+                    description: participation => participation['Descripción'], 
+                    score: participation => participation['Bits']
+                }
+            },
+            baseURL: 'http://ctrl-api.hackclub.com/api/participation?org=ctrl-alt-tec'
+        })
+    </script>
 </body>
 </html>