Add support for URL arguments

Author: GuillaumeGomez

util/gh-pages/script.js

@@ -262,6 +262,11 @@ function toggleExpansion(expand) {
 );
 }
 
+// Returns the current URL without any query parameter or hash.
+functiongetNakedUrl(){
+returnwindow.location.href.split("?")[0].split("#")[0];
+}
+
 constGROUPS_FILTER_DEFAULT={
 cargo: true,
 complexity: true,
@@ -287,6 +292,17 @@ const APPLICABILITIES_FILTER_DEFAULT = {
 MaybeIncorrect: true,
 HasPlaceholders: true,
 };
+constURL_PARAMS_CORRESPONDANCE={
+"groups_filter": "groups",
+"levels_filter": "levels",
+"applicabilities_filter": "applicabilities",
+"version_filter": "versions",
+};
+constVERSIONS_CORRESPONDANCE={
+"lte": "≤",
+"gte": "≥",
+"eq": "=",
+};
 
 window.filters={
 groups_filter: {id: "lint-groups", ...GROUPS_FILTER_DEFAULT},
@@ -321,7 +337,65 @@ window.filters = {
 }
 returnfilters.allLints;
 },
+regenerateURLparams: ()=>{
+consturlParams=newURLSearchParams(window.location.search);
+
+functioncompareObjects(obj1,obj2){
+return(JSON.stringify(obj1)===JSON.stringify({id: obj1.id, ...obj2}));
+}
+functionupdateIfNeeded(filterName,obj2){
+constobj1=filters[filterName];
+constname=URL_PARAMS_CORRESPONDANCE[filterName];
+if(!compareObjects(obj1,obj2)){
+urlParams.set(
+name,
+Object.entries(obj1).filter(
+([key,value])=>value&&key!=="id"
+).map(
+([key,_])=>key
+).join(","),
+);
+}else{
+urlParams.delete(name);
+}
+}
+
+updateIfNeeded("groups_filter",GROUPS_FILTER_DEFAULT);
+updateIfNeeded("levels_filter",LEVEL_FILTERS_DEFAULT);
+updateIfNeeded(
+"applicabilities_filter",APPLICABILITIES_FILTER_DEFAULT);
+
+constversions=[];
+if(filters.version_filter["="]!==null){
+versions.push(`eq:${filters.version_filter["="]}`);
+}
+if(filters.version_filter["≥"]!==null){
+versions.push(`gte:${filters.version_filter["≥"]}`);
+}
+if(filters.version_filter["≤"]!==null){
+versions.push(`lte:${filters.version_filter["≤"]}`);
+}
+if(versions.length!==0){
+urlParams.set(URL_PARAMS_CORRESPONDANCE["version_filter"],versions.join(","));
+}else{
+urlParams.delete(URL_PARAMS_CORRESPONDANCE["version_filter"]);
+}
+
+letparams=urlParams.toString();
+if(params.length!==0){
+params=`?${params}`;
+}
+
+consturl=getNakedUrl()+params+window.location.hash
+if(!history.state){
+history.pushState(null,"",url);
+}else{
+history.replaceState(null,"",url);
+}
+},
 filterLints: ()=>{
+// First we regenerate the URL parameters.
+filters.regenerateURLparams();
 for(constlintoffilters.getAllLints()){
 lint.filteredOut=(!filters.groups_filter[lint.group]
 ||!filters.levels_filter[lint.level]
@@ -339,17 +413,19 @@ window.filters = {
 },
 };
 
-functionupdateFilter(elem,filter){
+functionupdateFilter(elem,filter,skipLintsFiltering){
 constvalue=elem.getAttribute("data-value");
 if(filters[filter][value]!==elem.checked){
 filters[filter][value]=elem.checked;
 constcounter=document.querySelector(`#${filters[filter].id} .badge`);
 counter.innerText=parseInt(counter.innerText)+(elem.checked ? 1 : -1);
-filters.filterLints();
+if(!skipLintsFiltering){
+filters.filterLints();
+}
 }
 }
 
-functionupdateVersionFilters(elem,comparisonKind){
+functionupdateVersionFilters(elem,skipLintsFiltering){
 letvalue=elem.value.trim();
 if(value.length===0){
 value=null;
@@ -359,9 +435,12 @@ function updateVersionFilters(elem, comparisonKind) {
 console.error(`Failed to get version number from "${value}"`);
 return;
 }
+constcomparisonKind=elem.getAttribute("data-value");
 if(filters.version_filter[comparisonKind]!==value){
 filters.version_filter[comparisonKind]=value;
-filters.filterLints();
+if(!skipLintsFiltering){
+filters.filterLints();
+}
 }
 }
 
@@ -454,11 +533,11 @@ function generateSettings() {
  class="version-filter-input form-control filter-input" \
  maxlength="2" \
  data-value="${kind}" \
- onchange="updateVersionFilters(this, '${kind}')" \
- oninput="updateVersionFilters(this, '${kind}')" \
- onkeydown="updateVersionFilters(this, '${kind}')" \
- onkeyup="updateVersionFilters(this, '${kind}')" \
- onpaste="updateVersionFilters(this, '${kind}')" \
+ onchange="updateVersionFilters(this)" \
+ oninput="updateVersionFilters(this)" \
+ onkeydown="updateVersionFilters(this)" \
+ onkeyup="updateVersionFilters(this)" \
+ onpaste="updateVersionFilters(this)" \
  />
  <span>.0</span>\
 </li>`;
@@ -495,6 +574,33 @@ function scrollToLintByURL() {
 }
 }
 
+functionparseURLFilters(){
+consturlParams=newURLSearchParams(window.location.search);
+
+for(const[key,value]ofurlParams.entries()){
+for(const[corres_key,corres_value]ofObject.entries(URL_PARAMS_CORRESPONDANCE)){
+if(corres_value===key){
+if(key!=="versions"){
+constsettings=newSet(value.split(","));
+onEachLazy(document.querySelectorAll(`#lint-${key} ul input`),elem=>{
+elem.checked=settings.has(elem.getAttribute("data-value"));
+updateFilter(elem,corres_key,true);
+});
+}else{
+constsettings=value.split(",").map(elem=>elem.split(":"));
+
+for(const[kind,value]ofsettings){
+constelem=document.querySelector(
+`#version-filter input[data-value="${VERSIONS_CORRESPONDANCE[kind]}"]`);
+updateVersionFilters(elem,true);
+}
+}
+}
+}
+}
+}
+
+parseURLFilters();
 scrollToLintByURL();
 filters.filterLints();
 onEachLazy(document.querySelectorAll("pre > code.language-rust"),el=>hljs.highlightElement(el));