Cross domain window parent fix (#62)

* if window.location does not match window.parent.location, then avoid cross-domain exception by using referrer instead of parent.location

* add tweaked embed test for cross-domain

package.json

@@ -13,7 +13,8 @@
     "watch": "cross-env NODE_ENV=development rollup -c --watch",
     "copy-test-files": "copyfiles test/**/* dist -f",
     "test-serve": "serve .",
-    "test": "concurrently pnpm:watch pnpm:copy-test-files pnpm:test-serve",
+    "test-embed-serve": "serve . -l 3333",
+    "test": "concurrently pnpm:watch pnpm:copy-test-files pnpm:test-serve pnpm:test-embed-serve",
     "lint": "eslint src",
     "prepublishOnly": "pnpm run build",
     "prepare": "husky install"

src/api/js-api.js

@@ -111,7 +111,9 @@ function init() {
       // get from url if query param exist
       const queryParam = getParameterByName(
         queryParamOverridesName,
-        window.parent ? window.parent.location.href : window.location.href
+        window.location != window.parent.location
+          ? document.referrer
+          : window.location.href
       );
 
       if (queryParam) {

test/index.html

@@ -65,5 +65,9 @@ <h1>Current: <span id="testTitle">embedded-map</span></h1>
       </ul>
     </div>
     <iframe id="testFrame" src="./embedded-map.html"></iframe>
+    <iframe
+      id="testFrame_cross_domain"
+      src="http://localhost:3333/embedded-map.html"
+    ></iframe>
   </body>
 </html>