🔧 refactor(Mapbox): remove debug option from useOptimizedComputed

🎨 style: import CSS styles in index.ts and configure asset file naming in vite.config.ts
♻️ chore: update package version to 3.2.2 in package.json and yarn.lock

Author: danhnguyen

libs/components/Mapbox.vue

@@ -169,7 +169,6 @@ const mapOptions = useOptimizedComputed(
   },
   {
     deepEqual: true, // Use deep equality for complex objects
-    debug: props.debug,
   },
 );
 

libs/composables/utils/useOptimizedComputed.ts

@@ -10,8 +10,6 @@ interface OptimizedComputedOptions<T> {
   equalityFn?: (a: T, b: T) => boolean;
   /** Cache duration in milliseconds (default: no expiration) */
   cacheDuration?: number;
-  /** Enable debug logging */
-  debug?: boolean;
 }
 
 /**
@@ -26,12 +24,7 @@ export function useOptimizedComputed<T>(
   getter: () => T,
   options: OptimizedComputedOptions<T> = {},
 ): ComputedRef<T> {
-  const {
-    deepEqual = false,
-    equalityFn,
-    cacheDuration,
-    debug = false,
-  } = options;
+  const { deepEqual = false, equalityFn, cacheDuration } = options;
 
   const lastValue = ref<T>();
   const lastComputedTime = ref<number>(0);
@@ -56,9 +49,6 @@ export function useOptimizedComputed<T>(
     if (cacheDuration && hasInitialValue.value) {
       const timeSinceLastCompute = now - lastComputedTime.value;
       if (timeSinceLastCompute < cacheDuration) {
-        if (debug) {
-          console.log('useOptimizedComputed: returning cached value');
-        }
         return lastValue.value as T;
       }
     }
@@ -67,9 +57,6 @@ export function useOptimizedComputed<T>(
 
     // Check if value actually changed
     if (hasInitialValue.value && isEqual(newValue, lastValue.value as T)) {
-      if (debug) {
-        console.log('useOptimizedComputed: value unchanged, returning cached');
-      }
       return lastValue.value as T;
     }
 
@@ -78,10 +65,6 @@ export function useOptimizedComputed<T>(
     lastComputedTime.value = now;
     hasInitialValue.value = true;
 
-    if (debug) {
-      console.log('useOptimizedComputed: computed new value', newValue);
-    }
-
     return newValue;
   });
 }

libs/index.ts

@@ -1,3 +1,6 @@
+// Import CSS styles
+import './style.css';
+
 // Export all composables
 export * from './composables';
 

package.json

@@ -113,7 +113,7 @@
     "vue-eslint-parser": "^9.4.3",
     "vue-router": "^4.3.2",
     "vue-tsc": "^2.0.19",
-    "vue3-maplibre-gl": "^3.2.1"
+    "vue3-maplibre-gl": "^3.2.2"
   },
   "lint-staged": {
     "*.{ts,tsx,js,jsx,cjs,mjs,vue}": "eslint --fix",

vite.config.ts

@@ -45,6 +45,16 @@ export default defineConfig({
         {
           format: 'es',
           entryFileNames: 'index.js',
+          assetFileNames: (assetInfo) => {
+            // Ensure CSS files are named style.css
+            if (
+              assetInfo.names &&
+              assetInfo.names.some((name) => name.endsWith('.css'))
+            ) {
+              return 'style.css';
+            }
+            return '[name].[ext]';
+          },
           globals: {
             vue: 'Vue',
             'maplibre-gl': 'maplibregl',
@@ -135,8 +145,8 @@ export default defineConfig({
     },
     // Enable CSS optimization
     cssMinify: true,
-    // CSS code splitting
-    cssCodeSplit: true,
+    // Disable CSS code splitting to bundle all CSS into one file
+    cssCodeSplit: false,
   },
   // Optimize dependencies
   optimizeDeps: {

yarn.lock

@@ -445,19 +445,6 @@
   resolved "https://registry.yarnpkg.com/@mapbox/whoots-js/-/whoots-js-3.1.0.tgz#497c67a1cef50d1a2459ba60f315e448d2ad87fe"
   integrity sha512-Es6WcD0nO5l+2BOQS4uLfNPYQaNDfbot3X1XUoloz+x0mPDS3eeORZJl06HXjwBG1fOGwCRnzK88LMdxKRrd6Q==
 
-"@maplibre/maplibre-gl-style-spec@^20.3.1":
-  version "20.4.0"
-  resolved "https://registry.yarnpkg.com/@maplibre/maplibre-gl-style-spec/-/maplibre-gl-style-spec-20.4.0.tgz#408339e051fb51e022b40af2235e0beb037937ea"
-  integrity sha512-AzBy3095fTFPjDjmWpR2w6HVRAZJ6hQZUCwk5Plz6EyfnfuQW1odeW5i2Ai47Y6TBA2hQnC+azscjBSALpaWgw==
-  dependencies:
-    "@mapbox/jsonlint-lines-primitives" "~2.0.2"
-    "@mapbox/unitbezier" "^0.0.1"
-    json-stringify-pretty-compact "^4.0.0"
-    minimist "^1.2.8"
-    quickselect "^2.0.0"
-    rw "^1.3.3"
-    tinyqueue "^3.0.0"
-
 "@maplibre/maplibre-gl-style-spec@^23.3.0":
   version "23.3.0"
   resolved "https://registry.yarnpkg.com/@maplibre/maplibre-gl-style-spec/-/maplibre-gl-style-spec-23.3.0.tgz#b69ab48cb3abead4e49213396c8f83492638b97c"
@@ -1628,7 +1615,7 @@ doctrine@^3.0.0:
   dependencies:
     esutils "^2.0.2"
 
-earcut@^3.0.0, earcut@^3.0.1:
+earcut@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/earcut/-/earcut-3.0.1.tgz#f60b3f671c5657cca9d3e131c5527c5dde00ef38"
   integrity sha512-0l1/0gOjESMeQyYaK5IDiPNvFeu93Z/cO0TjZh9eZ1vyCtZnA7KMZ8rQggpsJHIbGSdrqYq9OhuveadOVHCshw==
@@ -2295,38 +2282,6 @@ maplibre-gl@*, maplibre-gl@^5.6.1:
     tinyqueue "^3.0.0"
     vt-pbf "^3.1.3"
 
-maplibre-gl@^4.3.2:
-  version "4.7.1"
-  resolved "https://registry.yarnpkg.com/maplibre-gl/-/maplibre-gl-4.7.1.tgz#06a524438ee2aafbe8bcd91002a4e01468ea5486"
-  integrity sha512-lgL7XpIwsgICiL82ITplfS7IGwrB1OJIw/pCvprDp2dhmSSEBgmPzYRvwYYYvJGJD7fxUv1Tvpih4nZ6VrLuaA==
-  dependencies:
-    "@mapbox/geojson-rewind" "^0.5.2"
-    "@mapbox/jsonlint-lines-primitives" "^2.0.2"
-    "@mapbox/point-geometry" "^0.1.0"
-    "@mapbox/tiny-sdf" "^2.0.6"
-    "@mapbox/unitbezier" "^0.0.1"
-    "@mapbox/vector-tile" "^1.3.1"
-    "@mapbox/whoots-js" "^3.1.0"
-    "@maplibre/maplibre-gl-style-spec" "^20.3.1"
-    "@types/geojson" "^7946.0.14"
-    "@types/geojson-vt" "3.2.5"
-    "@types/mapbox__point-geometry" "^0.1.4"
-    "@types/mapbox__vector-tile" "^1.3.4"
-    "@types/pbf" "^3.0.5"
-    "@types/supercluster" "^7.1.3"
-    earcut "^3.0.0"
-    geojson-vt "^4.0.2"
-    gl-matrix "^3.4.3"
-    global-prefix "^4.0.0"
-    kdbush "^4.0.2"
-    murmurhash-js "^1.0.0"
-    pbf "^3.3.0"
-    potpack "^2.0.0"
-    quickselect "^3.0.0"
-    supercluster "^8.0.1"
-    tinyqueue "^3.0.0"
-    vt-pbf "^3.1.3"
-
 [email protected]:
   version "8.11.1"
   resolved "https://registry.yarnpkg.com/mark.js/-/mark.js-8.11.1.tgz#180f1f9ebef8b0e638e4166ad52db879beb2ffc5"
@@ -2668,11 +2623,6 @@ queue-microtask@^1.2.2:
   resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
   integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
 
-quickselect@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/quickselect/-/quickselect-2.0.0.tgz#f19680a486a5eefb581303e023e98faaf25dd018"
-  integrity sha512-RKJ22hX8mHe3Y6wH/N3wCM6BWtjaxIyyUIkpHOvfFnxdI4yD4tBXEBKSbriGujF6jnSVkJrffuo6vxACiSSxIw==
-
 quickselect@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/quickselect/-/quickselect-3.0.0.tgz#a37fc953867d56f095a20ac71c6d27063d2de603"
@@ -3253,24 +3203,12 @@ vue-tsc@^2.0.19:
     "@volar/typescript" "2.4.15"
     "@vue/language-core" "2.2.12"
 
-vue3-maplibre-gl@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/vue3-maplibre-gl/-/vue3-maplibre-gl-3.2.0.tgz#1503faf9850eb23446d531751b4b219fc196cb34"
-  integrity sha512-+aficvPPwyUO6LQGjzh0IlEr0udUckTrqGSeHYKJ6v4+jXNKPnnWKRptgNfI39YK9jkwtMZO0FCyfBzFT4wHdQ==
-  dependencies:
-    maplibre-gl "^4.3.2"
-    vue "^3.4.27"
-
-vue3-maplibre-gl@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/vue3-maplibre-gl/-/vue3-maplibre-gl-3.2.1.tgz#a194d454682ad2b4d3d22231c0be9adcdc210700"
-  integrity sha512-ZNTak3OUraIhg1ZDmHePSzaDzmJJ0taOqQsTi5qhbb83vup8M/zxnO5AvDs3YscJcSV99uW2aIng3mVVw4YCrw==
-  dependencies:
-    maplibre-gl "^5.6.1"
-    vue "^3.5.17"
-    vue3-maplibre-gl "^3.2.0"
+vue3-maplibre-gl@^3.2.2:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/vue3-maplibre-gl/-/vue3-maplibre-gl-3.2.2.tgz#f5112bfb26930687fe1e3991f9215eb49565d361"
+  integrity sha512-kr1sCCt8+s866qQuYR/WYLM9njsgAFGL9U+K4LisEzjLHzg/+nbxxWWZtmLC9ej9pTdsLwnxCDeFKMrvyfwTSQ==
 
-vue@^3.4.27, vue@^3.5.13, vue@^3.5.17:
+vue@^3.5.13, vue@^3.5.17:
   version "3.5.17"
   resolved "https://registry.yarnpkg.com/vue/-/vue-3.5.17.tgz#ea8a6a45abb2b0620e7d479319ce8434b55650cf"
   integrity sha512-LbHV3xPN9BeljML+Xctq4lbz2lVHCR6DtbpTf5XIO6gugpXUN49j2QQPcMj086r9+AkJ0FfUT8xjulKKBkkr9g==