@things-factory/kpi 10.1.147 → 10.1.149

package/client/google-map/google-map-loader.ts

@@ -1,19 +1,17 @@
+import { loadGoogleMaps } from '@operato/utils/google-maps-loader.js'
 import ScriptLoader from '@operato/utils/script-loader.js'
+import { fetchSettingRule } from '@things-factory/setting-ui/dist-client/fetch-setting-value.js'
+
+/** The domain setting that holds this site's Google Maps API key. The key is never written in source. */
+export const GOOGLE_MAP_API_KEY_SETTING = 'google-map-api-key'
 
 export default class GoogleMapLoader {
-  static loaded = false
   static markerClustererLoaded = false
 
+  /** Loads Google Maps once per page with the key from the domain setting; without one, it refuses. */
   static async load() {
-    if (GoogleMapLoader.loaded) {
-      return
-    }
-    var key = 'AIzaSyBgQZb-SFqjQBC_XTxNiz0XapejNwV9PgA'
-
-    await ScriptLoader.load(
-      'https://maps.googleapis.com/maps/api/js' + (key ? '?key=' + key : '') + '&libraries=places'
-    )
-    GoogleMapLoader.loaded = true
+    const key = await fetchSettingRule(GOOGLE_MAP_API_KEY_SETTING)
+    await loadGoogleMaps(typeof key === 'string' ? key : '')
   }
 
   static async loadMarkerClusterer() {

package/dist-client/google-map/google-map-loader.d.ts

@@ -1,6 +1,8 @@
+/** The domain setting that holds this site's Google Maps API key. The key is never written in source. */
+export declare const GOOGLE_MAP_API_KEY_SETTING = "google-map-api-key";
 export default class GoogleMapLoader {
-    static loaded: boolean;
     static markerClustererLoaded: boolean;
+    /** Loads Google Maps once per page with the key from the domain setting; without one, it refuses. */
     static load(): Promise<void>;
     static loadMarkerClusterer(): Promise<void>;
 }

package/dist-client/google-map/google-map-loader.js

@@ -1,14 +1,14 @@
+import { loadGoogleMaps } from '@operato/utils/google-maps-loader.js';
 import ScriptLoader from '@operato/utils/script-loader.js';
+import { fetchSettingRule } from '@things-factory/setting-ui/dist-client/fetch-setting-value.js';
+/** The domain setting that holds this site's Google Maps API key. The key is never written in source. */
+export const GOOGLE_MAP_API_KEY_SETTING = 'google-map-api-key';
 export default class GoogleMapLoader {
-    static { this.loaded = false; }
     static { this.markerClustererLoaded = false; }
+    /** Loads Google Maps once per page with the key from the domain setting; without one, it refuses. */
     static async load() {
-        if (GoogleMapLoader.loaded) {
-            return;
-        }
-        var key = 'AIzaSyBgQZb-SFqjQBC_XTxNiz0XapejNwV9PgA';
-        await ScriptLoader.load('https://maps.googleapis.com/maps/api/js' + (key ? '?key=' + key : '') + '&libraries=places');
-        GoogleMapLoader.loaded = true;
+        const key = await fetchSettingRule(GOOGLE_MAP_API_KEY_SETTING);
+        await loadGoogleMaps(typeof key === 'string' ? key : '');
     }
     static async loadMarkerClusterer() {
         if (GoogleMapLoader.markerClustererLoaded) {

package/dist-client/google-map/google-map-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"google-map-loader.js","sourceRoot":"","sources":["../../client/google-map/google-map-loader.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,iCAAiC,CAAA;AAE1D,MAAM,CAAC,OAAO,OAAO,eAAe;aAC3B,WAAM,GAAG,KAAK,CAAA;aACd,0BAAqB,GAAG,KAAK,CAAA;IAEpC,MAAM,CAAC,KAAK,CAAC,IAAI;QACf,IAAI,eAAe,CAAC,MAAM,EAAE,CAAC;YAC3B,OAAM;QACR,CAAC;QACD,IAAI,GAAG,GAAG,yCAAyC,CAAA;QAEnD,MAAM,YAAY,CAAC,IAAI,CACrB,yCAAyC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,mBAAmB,CAC7F,CAAA;QACD,eAAe,CAAC,MAAM,GAAG,IAAI,CAAA;IAC/B,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,mBAAmB;QAC9B,IAAI,eAAe,CAAC,qBAAqB,EAAE,CAAC;YAC1C,OAAM;QACR,CAAC;QAED,0CAA0C;QAC1C,MAAM,YAAY,CAAC,IAAI,CAAC,iEAAiE,CAAC,CAAA;QAE1F,eAAe,CAAC,qBAAqB,GAAG,IAAI,CAAA;IAC9C,CAAC","sourcesContent":["import ScriptLoader from '@operato/utils/script-loader.js'\n\nexport default class GoogleMapLoader {\n  static loaded = false\n  static markerClustererLoaded = false\n\n  static async load() {\n    if (GoogleMapLoader.loaded) {\n      return\n    }\n    var key = 'AIzaSyBgQZb-SFqjQBC_XTxNiz0XapejNwV9PgA'\n\n    await ScriptLoader.load(\n      'https://maps.googleapis.com/maps/api/js' + (key ? '?key=' + key : '') + '&libraries=places'\n    )\n    GoogleMapLoader.loaded = true\n  }\n\n  static async loadMarkerClusterer() {\n    if (GoogleMapLoader.markerClustererLoaded) {\n      return\n    }\n\n    // Google Maps 공식 MarkerClusterer 라이브러리 로드\n    await ScriptLoader.load('https://unpkg.com/@googlemaps/markerclusterer/dist/index.min.js')\n\n    GoogleMapLoader.markerClustererLoaded = true\n  }\n}\n"]}
+{"version":3,"file":"google-map-loader.js","sourceRoot":"","sources":["../../client/google-map/google-map-loader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAA;AACrE,OAAO,YAAY,MAAM,iCAAiC,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,+DAA+D,CAAA;AAEhG,yGAAyG;AACzG,MAAM,CAAC,MAAM,0BAA0B,GAAG,oBAAoB,CAAA;AAE9D,MAAM,CAAC,OAAO,OAAO,eAAe;aAC3B,0BAAqB,GAAG,KAAK,CAAA;IAEpC,qGAAqG;IACrG,MAAM,CAAC,KAAK,CAAC,IAAI;QACf,MAAM,GAAG,GAAG,MAAM,gBAAgB,CAAC,0BAA0B,CAAC,CAAA;QAC9D,MAAM,cAAc,CAAC,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IAC1D,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,mBAAmB;QAC9B,IAAI,eAAe,CAAC,qBAAqB,EAAE,CAAC;YAC1C,OAAM;QACR,CAAC;QAED,0CAA0C;QAC1C,MAAM,YAAY,CAAC,IAAI,CAAC,iEAAiE,CAAC,CAAA;QAE1F,eAAe,CAAC,qBAAqB,GAAG,IAAI,CAAA;IAC9C,CAAC","sourcesContent":["import { loadGoogleMaps } from '@operato/utils/google-maps-loader.js'\nimport ScriptLoader from '@operato/utils/script-loader.js'\nimport { fetchSettingRule } from '@things-factory/setting-ui/dist-client/fetch-setting-value.js'\n\n/** The domain setting that holds this site's Google Maps API key. The key is never written in source. */\nexport const GOOGLE_MAP_API_KEY_SETTING = 'google-map-api-key'\n\nexport default class GoogleMapLoader {\n  static markerClustererLoaded = false\n\n  /** Loads Google Maps once per page with the key from the domain setting; without one, it refuses. */\n  static async load() {\n    const key = await fetchSettingRule(GOOGLE_MAP_API_KEY_SETTING)\n    await loadGoogleMaps(typeof key === 'string' ? key : '')\n  }\n\n  static async loadMarkerClusterer() {\n    if (GoogleMapLoader.markerClustererLoaded) {\n      return\n    }\n\n    // Google Maps 공식 MarkerClusterer 라이브러리 로드\n    await ScriptLoader.load('https://unpkg.com/@googlemaps/markerclusterer/dist/index.min.js')\n\n    GoogleMapLoader.markerClustererLoaded = true\n  }\n}\n"]}