Other - Reduce package size

Author: graphieros

convert-json.cjs

@@ -0,0 +1,53 @@
+// convert-json.js
+const fs = require('fs');
+const util = require('util');
+
+/**
+ * Converts a JSON file to a JS file that declares a const variable
+ * and exports it as default, formatting as JS code.
+ *
+ * @example
+ * // From the command line, run:
+ * // $ node convert-json.cjs src/resources/worldGeo.json src/resources/worldGeo.js worldGeo
+ *
+ * // This will read 'src/resources/worldGeo.json', generate:
+ * // const worldGeo = { ... };
+ * // export default worldGeo;
+ * // and write it to 'src/resources/worldGeo.js'
+ *
+ * @param {string} inputJSONPath
+ * @param {string} outputJSPath
+ * @param {string} [variableName='data']
+ */
+function convertJSON(inputJSONPath, outputJSPath, variableName = 'data') {
+    const jsonContent = fs.readFileSync(inputJSONPath, 'utf-8');
+    const parsed = JSON.parse(jsonContent);
+
+    const jsLikeString = util.inspect(parsed, {
+        depth: null,
+        compact: true,
+        maxArrayLength: null,
+        breakLength: 1000000,
+        sorted: false,
+        colors: false,
+        quoteStyle: 'single',
+    });
+
+    const jsContent =
+        `const ${variableName} = ${jsLikeString};\n\nexport default ${variableName};\n`;
+
+    fs.writeFileSync(outputJSPath, jsContent, 'utf-8');
+}
+
+if (require.main === module) {
+    const [, , inputJSONPath, outputJSPath, variableName = 'data'] = process.argv;
+
+    if (!inputJSONPath || !outputJSPath) {
+        console.log('Usage: node convert-json.js <input.json> <output.js> [variableName]');
+        process.exit(1);
+    }
+
+    convertJSON(inputJSONPath, outputJSPath, variableName);
+}
+
+module.exports = { convertJSON };

package.json

@@ -110,4 +110,4 @@
     "vitest": "^3.1.1",
     "vue": "^3.5.14"
   }
-}
+}

src/components/vue-ui-table.vue

@@ -517,7 +517,11 @@
                     </div>
                     <div v-if="currentSelectionSpan.rows.length >= 2" class="chart-trend"
                         :style="`color:${FINAL_CONFIG.style.chart.modal.color}`">
-                        <span>---</span> Trend: {{ ((chartData.progression.trend) * 100).toFixed(1) }} %
+                        <span>---</span> Trend: {{ dataLabel({
+                            v: chartData.progression.trend,
+                            s: '%',
+                            r: 1
+                        }) }}
                     </div>
                 </template>
 

src/components/vue-ui-world.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { ref, computed, watch, nextTick } from 'vue';
-import WORLD_DATA from "../resources/worldGeo.json"
+import WORLD_DATA from "../resources/worldGeo.js"
 import { useConfig } from '../useConfig';
 import { applyDataLabel, convertColorToHex, convertCustomPalette, createCsvContent, createUid, darkenHexColor, dataLabel, downloadCsv, hasDeepProperty, interpolateColorHex, isFunction, lightenHexColor, palette, XMLNS } from '../lib';
 import { useNestedProp } from '../useNestedProp';
@@ -204,7 +204,7 @@ function geoToPath(geometry) {
         //     return pathGen(geometry);
         // }
     //----------------------------------------------------------------------------------------------
-    
+
     const drawPoly = coords =>
         coords.map(
             ring => {