42:null 43:["$","title",null,{"children":"Package Dependency Visualizer | cwf onsite | Observable"}] 49:T44a,viewof input = { switch (inputtype) { case "url": { const form = html``; form.text.value = 'https://raw.githubusercontent.com/robilars-amazon/useless-javascript-modules-mean/v1.0.0/package-lock.json'; form.text.oninput = event => event.stopPropagation(); form.value = fetch(form.text.value).then(response => response.text()); form.onsubmit = event => { form.value = fetch(form.text.value).then(response => response.text()); form.dispatchEvent(new CustomEvent("input")); event.preventDefault(); }; return form; } case "text": { return html`

`;
    }
    case "file": {
      const form = html`<form><label>package-lock.json file: <input name=i type=file accept=.json></label>`;
      form.oninput = () => form.value = Files.text(form.i.files[0]);
      return form;
    }
  }
}4a:T666,data = {
  const root = JSON.parse(input.replace(new RegExp('@useless-javascript-modules/', 'g'), ''));
  const nodes = [];
  const nodeSet = new Set;
  const edges = [];
  const edgeSet = new Set;
  const ancestors = [root];

function resolve(name, range) {
    for (const module of ancestors) {
      if (!module.dependencies) continue;
      const dependency = module.dependencies[name];
      if (dependency && semver.satisfies(dependency.version, range)) {
        return dependency;
      }
    }
  }

function define(name, value) {
    const key = `${name}@${value.version}`;
    ancestors.unshift(value);
    if (nodeSet.has(key)) return;
    nodeSet.add(key);
    nodes.push(key);
    if (value.dependencies) {
      for (const [subname, subvalue] of Object.entries(value.dependencies)) {
        define(subname, subvalue);
      }
    }
    if (value.requires) {
      for (const [subname, subvalue] of Object.entries(value.requires)) {
        const dependency = resolve(subname, subvalue);
        if (!dependency) continue;
        const subkey = `${subname}@${dependency.version}`;
        if (edgeSet.has(`${key}|${subkey}`)) continue;
        edgeSet.add(`${key}|${subkey}`);
        edges.push([key, subkey]);
      }
    }
    ancestors.shift();
  }

for (const [name, value] of Object.entries(root.dependencies)) {
    nodes.push(`${root.name}@${root.version}`)
    edges.push([`${root.name}@${root.version}`, `${name}@${value.version}`]);
    define(name, value);
  }
  
  
    console.log({name: `${root.name}@${root.version}`, nodes, edges})

return {name: `${root.name}@${root.version}`, nodes, edges};
}4b:[]
47:{"id":"0c896210a830dd20","slug":null,"title":"Package Dependency Visualizer","thumbnail":"c5c32798d1af7f4babd26ec3d810cf1d8d790ab4445efded29c9dc6a9b843464","access_level":"public","create_time":"$D2023-03-22T14:56:14.570Z","update_time":"$D2023-03-22T14:56:14.570Z","view_time":null,"first_public_time":"$D2023-03-22T14:56:14.570Z","has_unpublished_edits":null,"fork":{"id":"fa99f965f8f0e2da","slug":"package-lock-json-visualizer","title":"Package Dependency Visualizer","owner":{"id":"d3dcc3449daeed10","login":"robilars-amazon","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"21dfa574ccca3707","login":"cwf-onsite","name":"cwf onsite","avatar_url":"https://avatars-next.observableusercontent.com/8d2a5a19622d2de6622ac64a541aad0c04bd75fa3be8a8c68455bfd820e3623d","tier":"starter_2024","bio":"","following":false},"version":394,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"bcc170e413bc5d5d","login":"lynchbomb","name":"Marc Lynch","avatar_url":"https://avatars-next.observableusercontent.com/ee340e7fb8e2497082f5fe2e5ee9db9bc0e5a52835ee4da7c0ce5d6f0f2b0717","tier":null,"bio":"","following":false}],"members":[{"type":"team","id":"21dfa574ccca3707","login":"cwf-onsite","name":"cwf onsite","avatar_url":"https://avatars-next.observableusercontent.com/8d2a5a19622d2de6622ac64a541aad0c04bd75fa3be8a8c68455bfd820e3623d","tier":"starter_2024","role":"editor"},{"type":"individual","id":"bcc170e413bc5d5d","login":"lynchbomb","name":"Marc Lynch","avatar_url":"https://avatars-next.observableusercontent.com/ee340e7fb8e2497082f5fe2e5ee9db9bc0e5a52835ee4da7c0ce5d6f0f2b0717","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Package Dependency Visualizer","cells":[{"id":0,"value":"md`# Package Dependency Visualizer`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":240,"value":"viewof inputtype = html`<select>\n  <option value=url selected>URL\n  <option value=file>File\n  <option value=text>Text\n</select>`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"viewof orient = html`<select>\n<option value=LR>left-to-right\n<option value=RL>right-to-left\n<option value=TB selected>top-to-bottom\n<option value=BT>bottom-to-top\n</select>`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"chart = dot`digraph \"${data.name}\" {\nrankdir = ${orient};\nnode [color = none, fontcolor = grey]\n${data.nodes.map(node => `\"${node}\" [\n  style = filled,\n  color = black,\n  fontcolor = black,\n  fillcolor = white,\n  // href = \"https://www.npmjs.com/package/${node.split(\"@\").join(\"/v/\")}\",\n  target = _blank\n]`).join(\"\\n\")}\n${data.edges.map(([source, target]) => `\"${source}\" -> \"${target}\"`).join(\"\\n\")}\n}`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"\nhtml`\n${DOM.download(await rasterize(chart), `${data.name}.png`, \"Download as PNG\")}\n${DOM.download(await serialize(chart), `${data.name}.svg`, \"Download as SVG\")}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":252,"value":"style = html`<style>\n\ntextarea {\n  display: block;\n  box-sizing: border-box;\n  background: transparent;\n  width: calc(100% + 28px);\n  font: var(--mono_fonts);\n  border: none;\n  padding: 6px 10px;\n  margin: 0 -14px;\n  tab-size: 2;\n  resize: none;\n  background: rgb(247,247,249);\n}\n\ntextarea:focus {\n  outline: none;\n}\n\n</style>`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"dot = require(\"@observablehq/graphviz@0.2\").then(dot => dot.options({TOTAL_MEMORY: 1024 * 1024 * 64}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":288,"value":"semver = {\n  const module = window.module = {};\n  await require(\"semver@5\").catch(() => {});\n  delete window.module;\n  delete window.exports;\n  return module.exports;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"import {rasterize, serialize} from \"@mbostock/saving-svg\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4b","stdlib":"1"}}
48:"$47:body"
</article></body></html>