Merge pull request #4 from klovaaxel/refactor

Minor fixes and refactors
klovaaxel · Nov 18, 2024 · d7f4055 · d7f4055
2 parents cd6ba46 + 732d0ad
commit d7f4055
Show file tree

Hide file tree

Showing 14 changed files with 58 additions and 909 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/demo/assets/index-8m_zFTSv.css b/demo/assets/index-8m_zFTSv.css
diff --git a/demo/assets/index-IGd_RBah.js b/demo/assets/index-IGd_RBah.js
diff --git a/demo/index.html b/demo/index.html
diff --git a/dev-tools/filesize.ts b/dev-tools/filesize.ts
@@ -0,0 +1,30 @@
+const fs = require("fs");
+const path = require("path");
+
+const getAllFiles = (dirPath, arrayOfFiles: string[] = []) => {
+    const files = fs.readdirSync(dirPath);
+
+    let filesArray = arrayOfFiles;
+
+    for (const file of files)
+        if (fs.statSync(`${dirPath}/${file}`).isDirectory())
+            filesArray = getAllFiles(`${dirPath}/${file}`, filesArray);
+        else filesArray.push(path.join(path.resolve(__dirname, ".."), dirPath, file));
+
+    return filesArray;
+};
+
+const getSizeOfFiles = (files) => {
+    let size = 0;
+    for (const file of files) size += fs.statSync(file).size;
+
+    return size;
+};
+
+const srcFiles = getAllFiles("src");
+const srcSize = getSizeOfFiles(srcFiles);
+console.log(`The size of all files in the SRC directory is ${srcSize} bytes.`);
+
+const distFiles = getAllFiles("dist");
+const distSize = getSizeOfFiles(distFiles);
+console.log(`The size of all files in the DIST directory is ${distSize} bytes.`);
diff --git a/docs/assets/index-Bq3_fauC.js b/docs/assets/index-Bq3_fauC.js
diff --git a/docs/assets/index-Dw9mXXwR.css b/docs/assets/index-Dw9mXXwR.css
diff --git a/docs/index.html b/docs/index.html
@@ -4,14 +4,16 @@
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <meta name="description" content="An adaptable framework for building accessible comboboxes. Built as a web component">
+
+        <title>Combobox Framework</title>
+
+        <link rel="stylesheet" href="/docs/styles/style.css" />
 
         <!-- fonts -->
         <link rel="preconnect" href="https://fonts.googleapis.com">
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
         <link href="https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
         <!-- end -->
-
-        <title>Combobox Framework</title>
 
         <!-- highlightjs -->
         <link rel="preconnect" href="https://cdnjs.cloudflare.com">
@@ -20,11 +22,8 @@
         <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/xml.min.js"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/css.min.js"></script>
         <!-- end -->
-      <script type="module" crossorigin src="./assets/index-Bq3_fauC.js"></script>
-      <link rel="stylesheet" crossorigin href="./assets/index-Dw9mXXwR.css">
     </head>
     <body>
-
         <article>
             <header>
                 <h1>Combobox framework documentation</h1>
@@ -800,6 +799,8 @@ <h2 id="styling">Styling</h2>
             </section>
         </article>
 
+        <script type="module" src="https://unpkg.com/combobox-framework"></script>
+
         <script>
             const examples = document.querySelectorAll("[data-example]");
             for (const example of examples) {

diff --git a/src/styles/style.css → docs/styles/style.css b/src/styles/style.css → docs/styles/style.css