| | |
| | | |
| | | const drag = simulation => { |
| | | function dragstarted(event, d) { |
| | | if (!event.active) simulation.alphaTarget(1).restart(); |
| | | d.fx = d.x; |
| | | d.fy = d.y; |
| | | if (!event.active) simulation.alphaTarget(1).restart() |
| | | d.fx = d.x |
| | | d.fy = d.y |
| | | } |
| | | |
| | | function dragged(event, d) { |
| | | d.fx = event.x; |
| | | d.fy = event.y; |
| | | d.fx = event.x |
| | | d.fy = event.y |
| | | } |
| | | |
| | | function dragended(event, d) { |
| | | if (!event.active) simulation.alphaTarget(0); |
| | | d.fx = null; |
| | | d.fy = null; |
| | | if (!event.active) simulation.alphaTarget(0) |
| | | d.fx = null |
| | | d.fy = null |
| | | } |
| | | |
| | | const noop = () => { } |
| | | return d3.drag() |
| | | .on("start", enableDrag ? dragstarted : noop) |
| | | .on("drag", enableDrag ? dragged : noop) |
| | | .on("end", enableDrag ? dragended : noop); |
| | | .on("end", enableDrag ? dragended : noop) |
| | | } |
| | | |
| | | const height = Math.max(document.getElementById("graph-container").offsetHeight, 250) |
| | |
| | | const simulation = d3.forceSimulation(data.nodes) |
| | | .force("charge", d3.forceManyBody().strength(-30)) |
| | | .force("link", d3.forceLink(data.links).id(d => d.id).distance(40)) |
| | | .force("center", d3.forceCenter()); |
| | | .force("center", d3.forceCenter()) |
| | | |
| | | const svg = d3.select('#graph-container') |
| | | .append('svg') |
| | | .attr('width', width) |
| | | .attr('height', height) |
| | | .attr("viewBox", [-width / 2, -height / 2, width, height]); |
| | | .attr("viewBox", [-width / 2, -height / 2, width, height]) |
| | | |
| | | if (enableLegend) { |
| | | const legend = [ |
| | |
| | | .duration(200) |
| | | .style("opacity", 0) |
| | | }) |
| | | .call(drag(simulation)); |
| | | .call(drag(simulation)) |
| | | |
| | | // draw labels |
| | | const labels = graphNode.append("text") |
| | |
| | | .style("pointer-events", "none") |
| | | .style("font-size", "0.4em") |
| | | .raise() |
| | | .call(drag(simulation)); |
| | | .call(drag(simulation)) |
| | | |
| | | // set panning |
| | | |
| | |
| | | .extent([[0, 0], [width, height]]) |
| | | .scaleExtent([0.25, 4]) |
| | | .on("zoom", ({ transform }) => { |
| | | link.attr("transform", transform); |
| | | node.attr("transform", transform); |
| | | link.attr("transform", transform) |
| | | node.attr("transform", transform) |
| | | const scale = transform.k |
| | | const scaledOpacity = Math.max((scale - 1) / 3.75, 0) |
| | | labels |
| | | .attr("transform", transform) |
| | | .style("opacity", scaledOpacity) |
| | | })); |
| | | })) |
| | | } |
| | | |
| | | // progress the simulation |
| | |
| | | labels |
| | | .attr("x", d => d.x) |
| | | .attr("y", d => d.y) |
| | | }); |
| | | }) |
| | | } |
| | |
| | | preserveLinks: false, |
| | | } |
| | | ) => { |
| | | let output = markdown || ""; |
| | | output = output.replace(/^(-\s*?|\*\s*?|_\s*?){3,}\s*$/gm, ""); |
| | | let output = markdown || "" |
| | | output = output.replace(/^(-\s*?|\*\s*?|_\s*?){3,}\s*$/gm, "") |
| | | |
| | | try { |
| | | if (options.stripListLeaders) { |
| | |
| | | output = output.replace( |
| | | /^([\s\t]*)([\*\-\+]|\d+\.)\s+/gm, |
| | | options.listUnicodeChar + " $1" |
| | | ); |
| | | else output = output.replace(/^([\s\t]*)([\*\-\+]|\d+\.)\s+/gm, "$1"); |
| | | ) |
| | | else output = output.replace(/^([\s\t]*)([\*\-\+]|\d+\.)\s+/gm, "$1") |
| | | } |
| | | if (options.gfm) { |
| | | output = output |
| | | .replace(/\n={2,}/g, "\n") |
| | | .replace(/~{3}.*\n/g, "") |
| | | .replace(/~~/g, "") |
| | | .replace(/`{3}.*\n/g, ""); |
| | | .replace(/`{3}.*\n/g, "") |
| | | } |
| | | if (options.preserveLinks) { |
| | | output = output.replace(/\[(.*?)\][\[\(](.*?)[\]\)]/g, "$1 ($2)") |
| | |
| | | .replace(/([\*_]{1,3})(\S.*?\S{0,1})\1/g, "$2") |
| | | .replace(/(`{3,})(.*?)\1/gm, "$2") |
| | | .replace(/`(.+?)`/g, "$1") |
| | | .replace(/\n{2,}/g, "\n\n"); |
| | | .replace(/\n{2,}/g, "\n\n") |
| | | } catch (e) { |
| | | console.error(e); |
| | | return markdown; |
| | | console.error(e) |
| | | return markdown |
| | | } |
| | | return output; |
| | | }; |
| | | return output |
| | | } |
| | | // ----- |
| | | |
| | | (async function() { |
| | |
| | | term, |
| | | })) |
| | | .join("\n") |
| | | const anchors = document.getElementsByClassName("result-card"); |
| | | [...anchors].forEach(anchor => { |
| | | const anchors = [...document.getElementsByClassName("result-card")] |
| | | anchors.forEach(anchor => { |
| | | anchor.onclick = () => redir(anchor.id, term) |
| | | }) |
| | | } |