@feng3d/reactivity 1.0.4 → 1.0.6

package/dist/assets/index.html-Dyp3udP2.js

@@ -0,0 +1,200 @@
+import "./modulepreload-polyfill-DaKOjhqt.js";
+const panel = document.getElementById("panel");
+const content = document.getElementById("content");
+const viewer = document.getElementById("viewer");
+const filterInput = document.getElementById("filterInput");
+const clearSearchButton = document.getElementById("clearSearchButton");
+const expandButton = document.getElementById("expandButton");
+const viewSrcButton = document.getElementById("button");
+const panelScrim = document.getElementById("panelScrim");
+const previewsToggler = document.getElementById("previewsToggler");
+const sectionLink = document.querySelector("#sections > a");
+const sectionDefaultHref = sectionLink.href;
+const links = {};
+const validRedirects = /* @__PURE__ */ new Map();
+const container = document.createElement("div");
+let selected = null;
+init();
+async function init() {
+  content.appendChild(container);
+  viewSrcButton.style.display = "none";
+  const files = await (await fetch("./files.json")).json();
+  const tags = await (await fetch("./tags.json")).json();
+  for (const key in files) {
+    const category = files[key];
+    const header = document.createElement("h2");
+    header.textContent = key;
+    header.setAttribute("data-category", key);
+    container.appendChild(header);
+    for (let i = 0; i < category.length; i++) {
+      const file = category[i];
+      if (file) {
+        validRedirects.set(file, `src/${file}/index.html`);
+        const link = createLink(file, tags[file]);
+        container.appendChild(link);
+        links[file] = link;
+      }
+    }
+  }
+  if (window.location.hash !== "") {
+    let file = window.location.hash.substring(1);
+    file = decodeURIComponent(file);
+    if (validRedirects.has(file) === true) {
+      selectFile(file);
+      viewer.src = validRedirects.get(file);
+      viewer.style.display = "unset";
+    } else {
+      console.warn(`Invalid redirect for ${file}`);
+    }
+  }
+  if (viewer.src === "") {
+    viewer.srcdoc = document.getElementById("PlaceholderHTML").innerHTML;
+    viewer.style.display = "unset";
+  }
+  filterInput.value = extractQuery();
+  if (filterInput.value !== "") {
+    panel.classList.add("searchFocused");
+    updateFilter(files, tags);
+  } else {
+    updateLink("");
+  }
+  filterInput.onfocus = function() {
+    panel.classList.add("searchFocused");
+  };
+  filterInput.onblur = function() {
+    if (filterInput.value === "") {
+      panel.classList.remove("searchFocused");
+    }
+  };
+  clearSearchButton.onclick = function() {
+    filterInput.value = "";
+    updateFilter(files, tags);
+    filterInput.focus();
+  };
+  filterInput.addEventListener("input", function() {
+    updateFilter(files, tags);
+  });
+  expandButton.addEventListener("click", function(event) {
+    event.preventDefault();
+    panel.classList.toggle("open");
+  });
+  panelScrim.onclick = function(event) {
+    event.preventDefault();
+    panel.classList.toggle("open");
+  };
+  previewsToggler.onclick = function(event) {
+    event.preventDefault();
+    content.classList.toggle("minimal");
+  };
+  if (/(iPad|iPhone|iPod)/g.test(navigator.userAgent)) {
+    viewer.style.width = getComputedStyle(viewer).width;
+    viewer.style.height = getComputedStyle(viewer).height;
+    viewer.setAttribute("scrolling", "no");
+  }
+}
+function createLink(file, tags) {
+  const external = Array.isArray(tags) && tags.includes("external") ? ' <span class="tag">external</span>' : "";
+  const template = `
+				<div class="card">
+					<a href="${validRedirects.get(file)}" target="viewer">
+						<div class="cover">
+							<img src="screenshots/${file}.jpg" loading="lazy" width="400" />
+						</div>
+						<div class="title">${getName(file)}${external}</div>
+					</a>
+				</div>
+			`;
+  const link = createElementFromHTML(template);
+  const element = link.querySelector('a[target="viewer"]');
+  element.addEventListener("click", function(event) {
+    if (event.button !== 0 || event.ctrlKey || event.altKey || event.metaKey) return;
+    selectFile(file);
+  });
+  return link;
+}
+function selectFile(file) {
+  if (selected !== null) links[selected].classList.remove("selected");
+  links[file].classList.add("selected");
+  window.location.hash = file;
+  viewer.focus();
+  viewer.style.display = "unset";
+  panel.classList.remove("open");
+  selected = file;
+  viewSrcButton.style.display = "";
+  viewSrcButton.href = `https://gitee.com/feng3d/reactivity/tree/master/examples/src/${selected}/index.ts`;
+  viewSrcButton.title = `View source code for ${getName(selected)} on GitHub`;
+}
+function escapeRegExp(string) {
+  return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function updateFilter(files, tags) {
+  let v = filterInput.value.trim();
+  v = v.replace(/\s+/gi, " ");
+  if (v !== "") {
+    window.history.replaceState({}, "", `?q=${v}${window.location.hash}`);
+  } else {
+    window.history.replaceState({}, "", window.location.pathname + window.location.hash);
+  }
+  const exp = new RegExp(escapeRegExp(v), "gi");
+  for (const key in files) {
+    const section = files[key];
+    for (let i = 0; i < section.length; i++) {
+      filterExample(section[i], exp, tags);
+    }
+  }
+  layoutList(files);
+  updateLink(v);
+}
+function updateLink(search) {
+  if (search) {
+    const link = sectionLink.href.split(/[?#]/)[0];
+    sectionLink.href = `${link}?q=${search}`;
+  } else {
+    sectionLink.href = sectionDefaultHref;
+  }
+}
+function filterExample(file, exp, tags) {
+  const link = links[file];
+  if (!link) return;
+  if (file in tags) file += ` ${tags[file].join(" ")}`;
+  const res = file.replace(/_+/g, " ").match(exp);
+  if (res && res.length > 0) {
+    link.classList.remove("hidden");
+  } else {
+    link.classList.add("hidden");
+  }
+}
+function getName(file) {
+  return file;
+}
+function layoutList(files) {
+  for (const key in files) {
+    let collapsed = true;
+    const section = files[key];
+    for (let i = 0; i < section.length; i++) {
+      const file = section[i];
+      if (links[file].classList.contains("hidden") === false) {
+        collapsed = false;
+        break;
+      }
+    }
+    const element = document.querySelector(`h2[data-category="${key}"]`);
+    if (collapsed) {
+      element.classList.add("hidden");
+    } else {
+      element.classList.remove("hidden");
+    }
+  }
+}
+function extractQuery() {
+  const search = window.location.search;
+  if (search.indexOf("?q=") !== -1) {
+    return decodeURI(search.slice(3));
+  }
+  return "";
+}
+function createElementFromHTML(htmlString) {
+  const div = document.createElement("div");
+  div.innerHTML = htmlString.trim();
+  return div.firstChild;
+}

package/dist/assets/modulepreload-polyfill-DaKOjhqt.js

@@ -0,0 +1,37 @@
+(function polyfill() {
+  const relList = document.createElement("link").relList;
+  if (relList && relList.supports && relList.supports("modulepreload")) {
+    return;
+  }
+  for (const link of document.querySelectorAll('link[rel="modulepreload"]')) {
+    processPreload(link);
+  }
+  new MutationObserver((mutations) => {
+    for (const mutation of mutations) {
+      if (mutation.type !== "childList") {
+        continue;
+      }
+      for (const node of mutation.addedNodes) {
+        if (node.tagName === "LINK" && node.rel === "modulepreload")
+          processPreload(node);
+      }
+    }
+  }).observe(document, { childList: true, subtree: true });
+  function getFetchOpts(link) {
+    const fetchOpts = {};
+    if (link.integrity) fetchOpts.integrity = link.integrity;
+    if (link.referrerPolicy) fetchOpts.referrerPolicy = link.referrerPolicy;
+    if (link.crossOrigin === "use-credentials")
+      fetchOpts.credentials = "include";
+    else if (link.crossOrigin === "anonymous") fetchOpts.credentials = "omit";
+    else fetchOpts.credentials = "same-origin";
+    return fetchOpts;
+  }
+  function processPreload(link) {
+    if (link.ep)
+      return;
+    link.ep = true;
+    const fetchOpts = getFetchOpts(link);
+    fetch(link.href, fetchOpts);
+  }
+})();