-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #218 from facets-io/bug-fixes-preview-and-misc
Bug fixes preview and misc
- Loading branch information
Showing
13 changed files
with
270 additions
and
89 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -78,4 +78,4 @@ | |
| "webpack-cli": "^4.4.0", | ||
| "zip-folder": "^1.0.0" | ||
| } | ||
| } | ||
| } | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,153 @@ | ||
| (function () { | ||
| function getDomPath(el) { | ||
| if (!el || !isElement(el)) { | ||
| return ''; | ||
| } | ||
| var stack = []; | ||
| var isShadow = false; | ||
| while (el.parentNode != null) { | ||
| var sibCount = 0; | ||
| var sibIndex = 0; | ||
| for (var i = 0; i < el.parentNode.childNodes.length; i++) { | ||
| var sib = el.parentNode.childNodes[i]; | ||
| if (sib.nodeName == el.nodeName) { | ||
| if (sib === el) { | ||
| sibIndex = sibCount; | ||
| } | ||
| sibCount++; | ||
| } | ||
| } | ||
| var nodeName = el.nodeName.toLowerCase(); | ||
| if (isShadow) { | ||
| nodeName += "::shadow"; | ||
| isShadow = false; | ||
| } | ||
| if (sibCount > 1) { | ||
| if (sibIndex === 0) { | ||
| stack.unshift(nodeName); | ||
| } else { | ||
| stack.unshift(nodeName + ':nth-of-type(' + (sibIndex + 1) + ')'); | ||
| } | ||
| } else { | ||
| stack.unshift(nodeName); | ||
| } | ||
| el = el.parentNode; | ||
| if (el.nodeType === 11) { | ||
| isShadow = true; | ||
| el = el.host; | ||
| } | ||
| } | ||
| var res = stack.slice(1).join(' > '); | ||
| return res.replace(/ /g, ""); | ||
| } | ||
|
|
||
| /** | ||
| * Returns whether a given element in an HTML element or not | ||
| * | ||
| * @param element | ||
| * @returns {boolean} | ||
| */ | ||
| function isElement(element) { | ||
| return element instanceof Element || element instanceof HTMLDocument; | ||
| } | ||
|
|
||
| const keys = { | ||
| 'FACET_EXTENSION_DISABLE_MO': 'FACET_EXTENSION_DISABLE_MO', | ||
| 'FACET_EXTENSION_PREVIEW_TAB_ID': 'FACET_EXTENSION_PREVIEW_TAB_ID', | ||
| 'FACET_EXTENSION_ALREADY_INTEGRATED': 'FACET_EXTENSION_ALREADY_INTEGRATED', | ||
| 'FACET_EXTENSION_INJECTING_SCRIPT_TAG': 'FACET_EXTENSION_INJECTING_SCRIPT_TAG', | ||
| 'FACET_MAP_PREVIEW': 'FACET_MAP_PREVIEW' | ||
| } | ||
|
|
||
| function getFacetExtensionCookie(key) { | ||
| const value = `; ${document.cookie}`; | ||
| const parts = value.split(`; ${key}=`); | ||
| if (parts.length === 2) { | ||
| return parts.pop().split(';').shift(); | ||
| } | ||
| } | ||
|
|
||
| function extractDomainId() { | ||
| try { | ||
| let domainId = getFacetExtensionCookie(keys["FACET_EXTENSION_INJECTING_SCRIPT_TAG"]); | ||
| console.log('DOMAINid', domainId) | ||
| if (domainId) { | ||
| let splitArr = domainId.split('~'); | ||
| console.log('[extractDomainId] RETURNING', splitArr[1]); | ||
| return splitArr[1]; | ||
| } | ||
| return undefined; | ||
| } catch (e) { | ||
| console.log('[extractDomainId] [err]', e); | ||
| return undefined; | ||
| } | ||
| } | ||
|
|
||
| const globalFacetKey = 'GLOBAL-FACET-DECLARATION'; | ||
| // TODO COME FROM TEMPLATE | ||
| const facetCookieData = getFacetExtensionCookie(keys["FACET_MAP_PREVIEW"]); | ||
| const data = JSON.parse(JSON.parse(facetCookieData)); | ||
|
|
||
| let nodesToRemove = (data[window.location.pathname] || []).concat(data[globalFacetKey] || []) || []; | ||
| console.log('[PREVIEW][FACETMAP]', nodesToRemove); | ||
|
|
||
| /** | ||
| * Computes whether the element's path is in the nodesToRemove array | ||
| * | ||
| * @param {*} element | ||
| */ | ||
| const inHashMap = (element) => { | ||
| const domPath = getDomPath(element); | ||
| let exists = false; | ||
| nodesToRemove.forEach(path => { | ||
| if (path.includes(domPath)) { | ||
| exists = true; | ||
| return; | ||
| } | ||
| }); | ||
| return exists; | ||
| } | ||
|
|
||
| const callback = async function (mutationsList) { | ||
| try { | ||
| for (let mutation of mutationsList) { | ||
| if (mutation && mutation.target && mutation.target.children) { | ||
| const subPathContainedInMap = inHashMap(mutation.target); | ||
| if (!subPathContainedInMap) { | ||
| continue; | ||
| } | ||
| domPathHide(mutation, mutation.target.children) | ||
| } | ||
| } | ||
| } catch (e) { | ||
| console.log('[ERROR]', e); | ||
| } | ||
| }; | ||
|
|
||
| /** | ||
| * Recursive function that iterates among DOM children | ||
| * | ||
| * @param {*} mutation | ||
| * @param {*} mutationChildren | ||
| */ | ||
| const domPathHide = (mutation, mutationChildren) => { | ||
| if (!mutationChildren) { | ||
| return; | ||
| } | ||
| for (const child of mutationChildren) { | ||
| const childDomPath = getDomPath(child); | ||
| if (nodesToRemove.includes(childDomPath) && child.style) { | ||
| child.style.display = "none"; | ||
| child.style.setProperty("display", "none", "important"); | ||
| } | ||
| domPathHide(mutation, child.childNodes); | ||
| } | ||
| } | ||
|
|
||
| const targetNode = document; | ||
| const config = { subtree: true, childList: true, attributes: true }; | ||
|
|
||
| const observer = new MutationObserver(callback); | ||
| observer.observe(targetNode, config); | ||
|
|
||
| })(); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.