2d:null 2e:["$","title",null,{"children":"StackShare Tools, Categorized | Nikita Sharov | Observable"}] 33:T811,icons = ({ gitFork: ``, textFile: ``, externalLink: `` })34:T8cc,html``35:[{"id":"b73c1411be07575077f27ae026101cba0556319196cdf950077b6ddd56e4126bf0c18e2732f2d773e906f2fc2ff3eb9db1a95ddcdc5d3d1ab1ad297f4f10b003","href":"https://static.observableusercontent.com/files/b73c1411be07575077f27ae026101cba0556319196cdf950077b6ddd56e4126bf0c18e2732f2d773e906f2fc2ff3eb9db1a95ddcdc5d3d1ab1ad297f4f10b003","name":"categorized-tools.json","type":"application/json","lastModified":1603122058888.816,"size":46034}] 31:{"id":"5f71960e3b6d7254","slug":"stackshare-tools-categorized","title":"StackShare Tools, Categorized","thumbnail":"4e09e19ec208394edd3ce52aab8be9bba0f26d967a3fcfdb5554e7ee112b7945","access_level":"public","create_time":"$D2020-10-19T14:22:50.482Z","update_time":"$D2021-02-22T10:02:36.725Z","view_time":null,"first_public_time":"$D2020-10-19T17:14:48.403Z","has_unpublished_edits":null,"fork":{"id":"2ec9c7ddd70240df","slug":"stackshare-tools","title":"StackShare Tools","owner":{"id":"6c49d8d38db08400","login":"nikita-sharov","name":"Nikita Sharov"}},"stars":1,"starred":false,"owner":{"type":"team","id":"6c49d8d38db08400","login":"nikita-sharov","name":"Nikita Sharov","avatar_url":"https://avatars-next.observableusercontent.com/544afb614871e9f3bee546cbff7e689f2a454464b16ac434007893bde877f2df","tier":"starter_2024"},"version":533,"publish_version":533,"role":null,"authored":false,"authors":[{"type":"individual","id":"ee7c67b988c5530c","login":"nikita-sharov","name":"Nikita Sharov","avatar_url":"https://avatars-next.observableusercontent.com/544afb614871e9f3bee546cbff7e689f2a454464b16ac434007893bde877f2df","tier":null}],"members":[{"type":"individual","id":"ee7c67b988c5530c","login":"nikita-sharov","name":"Nikita Sharov","avatar_url":"https://avatars-next.observableusercontent.com/544afb614871e9f3bee546cbff7e689f2a454464b16ac434007893bde877f2df","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":{"id":"bbeaa8de0298bcf0","slug":"stackshare","title":"StackShare","owner":{"id":"6c49d8d38db08400","login":"nikita-sharov","name":"Nikita Sharov"}},"type":"notebook","body":{"title":"StackShare Tools, Categorized","cells":[{"id":0,"value":"md`# StackShare Tools, Categorized`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":423,"value":"import {categories} from \"@nikita-sharov/stackshare-tool-categories\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"tools = FileAttachment(\"categorized-tools.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"viewof toolName = select({\n title: \"Tool name\",\n options: tools.map(d => d.name).sort((a, b) => a.toUpperCase().localeCompare(b.toUpperCase())),\n value: \"D3.js\"\n})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"tool = tools.find(d => d.name === toolName);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"html`${toolLiteral(tool)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":426,"value":"md`

Categorization

\n\nAdditional [post-processing](https://observablehq.com/@nikita-sharov/the-dark-force-of-scraping) (don’t try this at home): Tool’s [category](https://stackshare.io/categories) is not availible via the [StackShare API](https://observablehq.com/@nikita-sharov/stackshare-api).\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":437,"value":"categorizedTools = {\n if (!(categorization instanceof Map)) { \n return \"are to be stored as JSON, after successfull categorization\"; \n }\n \n return tools.map(d => {\n return {\n canonicalUrl: d.canonicalUrl,\n categorySlug: categorization.get(d.slug),\n description: d.description,\n id: d.id,\n imageUrl: d.imageUrl,\n name: d.name,\n ossRepo: d.ossRepo,\n slug: d.slug,\n title: d.title,\n websiteUrl: d.websiteUrl\n }\n }); \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":435,"value":"categorization = {\n return \"is to be run manually\"; // comment out to run\n const toolSlugs = tools.map(d => d.slug);\n return categorize(toolSlugs);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":433,"value":"async function* categorize(slugs) { \n yield html``;\n const categorization = new Map();\n for (let i = 0; i < slugs.length; i++) {\n const slug = slugs[i];\n const categorySlug = await fetchCategorySlug(slug);\n categorization.set(slug, categorySlug); \n yield html``;\n \n // 75 request tokens per minute from the proxy, 4500 requests per hour\n await Promises.delay(1000);\n }\n \n yield categorization;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":431,"value":"fetchCategorySlug = async (toolSlug) => {\n const proxyUrl = \"https://nikita-sharov.herokuapp.com/\";\n const url = `${proxyUrl}https://stackshare.io/${toolSlug}`;\n const document = await fetch(url)\n .then(response => response.text())\n .then(text => (new DOMParser).parseFromString(text, \"text/html\"));\n \n const link = document.querySelector(\"a.css-ld8qhm:nth-child(7)\");\n if (link) { \n return link.getAttribute(\"href\");\n }\n \n return undefined;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":410,"value":"md`---\n## Representation\n\nIllustrating the data available (for free, more or less); \nfor a side-by-side comparison with the [original](https://stackshare.io/d3)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"toolLiteral = (tool) => {\n return `\n

\n ${categoriesLiteral(tool)}\n \n ${descriptionLiteral(tool)}\n

`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":466,"value":"categoriesLiteral = (tool) => {\n const path = getCategoryPath(tool.categorySlug);\n path[0].name = \"Home\";\n const links = path.map(d => `${d.name}`);\n return `\n

\n ${links.join(`/`)}\n

\n`\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":502,"value":"getCategoryPath = (categorySlug) => {\n const root = d3.hierarchy(categories);\n const target = root.find(d => d.data.slug === categorySlug);\n return root.path(target).map(d => d.data); \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"logoLiteral = (tool) => {\n const stackshareUrl = tool.canonicalUrl ?? `https://stackshare.io/${tool.slug}`; \n \n // StackShare is denying access to several hosted images (URLs returned by the API)\n const fallbackLogoUrl = \"https://img.stackshare.io/no-img-open-source.png\"; \n return `\n\n

\n`; \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"nameplateLiteral = (tool) => {\n return `\n

\n ${nameLiteral(tool)}\n ${repoLiteral(tool)}\n

\n ${titleLiteral(tool)}\n

`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"nameLiteral = (tool) => `

${tool.name}

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"repoLiteral = (tool) => {\n if (!tool.ossRepo) {\n return \"\";\n }\n \n return `${icons.gitFork}`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"titleLiteral = (tool) => `

${tool.title}

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":305,"value":"websiteLiteral = (tool) => {\n if (!tool.websiteUrl) {\n return \"\";\n }\n \n try {\n const url = new URL(tool.websiteUrl);\n const text = url.hostname.replace(\"www.\", \"\")\n return `${icons.externalLink}${text}`;\n } catch {\n return \"\";\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"descriptionLiteral = (tool) => {\n let description = \"\"; \n if (tool.description) {\n description += `

${tool.description}

`; \n }\n \n description += `

${categoryLiteral(tool)}

`; \n return `\n

\n \n ${icons.textFile}\n

Description

\n \n

What is ${tool.name}?

${description}

`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":493,"value":"categoryLiteral = (tool) => {\n const category = getCategory(tool.categorySlug);\n return `${tool.name} is a tool in the ${category.name} category of a tech stack.`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":497,"value":"getCategory = (categorySlug) => d3.hierarchy(categories).find(d => d.data.slug === categorySlug).data;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"md`---\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":457,"value":"d3 = require(\"d3-hierarchy@2\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"import {radio, select, slider} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 32:"$31:body"