feat: support ES5

Author: pyjun01

package.json

@@ -59,6 +59,7 @@
   "devDependencies": {
     "@mvlchain/eslint-config": "^1.0.3",
     "@mvlchain/prettier-config": "^1.0.1",
+    "@swc/core": "^1.3.101",
     "@types/google.maps": "^3.54.10",
     "@types/react": "^18.2.33",
     "@types/react-dom": "^18.2.14",

pnpm-lock.yaml

@@ -13,14 +13,9 @@ export const appendLibImportScript = ({ apiKey, v = 'weekly', libraries, languag
   const lib = Array.from(new Set<LibraryName>((['maps', 'core'] as LibraryName[]).concat(libraries ?? []))).join(',');
 
   // code from https://developers.google.com/maps/documentation/javascript/load-maps-js-api#dynamic-library-import
-  script.innerHTML = `(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=\`https://maps.\${c}apis.com/maps/api/js?\`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({
-    key: "${apiKey}",
-    v: "${v}",
-    libraries: "${lib}",
-    ${language ? `language: "${language}",` : ''}
-    ${region ? `region: "${region}",` : ''}
-    ${authReferrerPolicy ? `authReferrerPolicy: "${authReferrerPolicy}",` : ''}
-  });`;
+  script.innerHTML = `(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=\`https://maps.\${c}apis.com/maps/api/js?\`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));if(m.querySelector("script[nonce]")){a.nonce=m.querySelector("script[nonce]").nonce}else{a.nonce=""};m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({key: "${apiKey}",v: "${v}",libraries: "${lib}",${
+    language ? `language: "${language}",` : ''
+  }${region ? `region: "${region}",` : ''}${authReferrerPolicy ? `authReferrerPolicy: "${authReferrerPolicy}",` : ''}});`;
 
   document.head.append(script);
 };

src/utils/appendScript.ts

@@ -1,12 +1,27 @@
-import { defineConfig } from 'tsup';
+import { Options, defineConfig } from 'tsup';
 
-export default defineConfig({
-  entry: ['src/index.ts'],
-  format: ['esm', 'cjs'],
-  splitting: false,
-  sourcemap: false,
-  clean: true,
-  minify: true,
-  dts: true,
-  legacyOutput: true,
+export default defineConfig((options) => {
+  const commonOptions: Partial<Options> = {
+    ...options,
+    entry: ['src/index.ts'],
+    splitting: false,
+    sourcemap: false,
+    clean: true,
+    minify: true,
+    dts: true,
+    legacyOutput: true,
+  };
+
+  return [
+    {
+      ...commonOptions,
+      format: ['cjs'],
+      target: 'es5',
+    },
+    {
+      ...commonOptions,
+      format: ['esm'],
+      target: 'es6',
+    },
+  ];
 });