{"version":3,"sources":["App.js","index.js"],"names":["initial","params","url","href","queryString","RegExp","exec","getQueryParams","window","location","exclude","localStorage","getItem","Link","children","target","rel","App","inputRef","useRef","useState","githubUser","word","setWord","useEffect","current","setTimeout","focus","linksRender","permalinkRender","cleanWord","startsWith","split","formatWord","codeSandbox","githubPkg","githubJSRequire","excludeSpecificUser","newWord","formatRequire","githubJSImport","formatImport","githubJSCode","sourceGraphRequire","sourceGraphImport","sourceGraphPkg","style","textAlign","origin","textDecoration","marginLeft","className","ref","onChange","e","value","padding","width","fontSize","placeholder","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.dabce473.chunk.js","sourcesContent":["import { useState, useRef, useEffect } from 'react'\nimport './App.css';\n\nconst initial = getQueryParams('pkg', window.location.href)\nconst exclude = window.localStorage.getItem('excludeUser') || ''\n\nfunction Link({ href, children }) {\n  return (\n    <a href={href} target='_blank' rel=\"noopener\">\n      {children}\n    </a>\n  )\n}\n\nfunction App() {\n  const inputRef = useRef()\n  const [ githubUser, setGithubUser ] = useState(exclude)\n  const [ word, setWord ] = useState(initial)\n\n  const excludeSpecificUser = (githubUser) ? `+-user%3A${githubUser}` : ''\n\n  useEffect(() => {\n    if (inputRef?.current) {\n      setTimeout(() => {\n        inputRef.current.focus()\n      }, 500)\n    }\n  }, [])\n\n  const cleanWord = formatWord(word)\n  const codeSandbox = `https://codesandbox.io/search?refinementList%5Btemplate%5D=&refinementList%5Bnpm_dependencies.dependency%5D%5B0%5D=${word}&refinementList%5Btags%5D=&page=1&configure%5BhitsPerPage%5D=12`\n  const githubPkg = `https://github.com/search?q=path%3Apackage.json+%2F%5C\"${word}%5C\"%5Cs*%3A%5Cs*%5C\"%5Cd%2B%5C.%5Cd%2B%5C.%5Cd%2B%5C\"%2F+NOT+removeWord&s=indexed&type=code`\n  const githubJSRequire = `https://github.com/search${formatRequire(word, excludeSpecificUser)}`\n  const githubJSImport = `https://github.com/search${formatImport(cleanWord, excludeSpecificUser)}`\n  const githubJSCode = `https://github.com/search?type=code&q=${word}+%28language%3AJavaScript+OR+language%3ATypeScript%29`\n\n  const sourceGraphRequire = `https://sourcegraph.com/search?q=require%5C%28%28%27%7C\"%29${word}%28%27%7C\"%29%5C%29+%28lang:javascript+OR+lang:typescript%29&patternType=regexp`\n  const sourceGraphImport = `https://sourcegraph.com/search?q=%28import.*%28%27%7C\"%29${word}%28%27%7C\"%29%29%28lang:javascript+OR+lang:typescript%29&patternType=regexp`\n  const sourceGraphPkg = `https://sourcegraph.com/search?q=context:global+%28${word}28lang:JSON%29&patternType=regexp`\n\n  let linksRender\n  if(word) {\n    linksRender = (\n      <div style={{ textAlign: 'left' }}>\n        <p>Searching for package \"<strong>{word}</strong>\"</p>\n        <p>\n          - <Link href={githubJSCode}>\n            Github Javascript + Typescript Code search for <strong>\"{word}\"</strong>\n            </Link>\n        </p>\n        <p>\n          - <Link href={githubPkg}> \n              Github projects package.json using {word}\n            </Link>\n        </p>\n        <p>\n          - <Link href={githubJSImport}>\n           Github projects Javascript <strong>import {word}</strong>\n            </Link>\n        </p>\n        <p>\n          - <Link href={githubJSRequire}>\n            Github projects Javascript <strong>require(\"{word}\") </strong>\n            </Link>\n        </p>\n    \n        <p>\n          - <Link href={codeSandbox}>\n            CodeSandbox examples of {word}\n            </Link>\n        </p>\n        <p>\n          - <Link href={sourceGraphPkg}>\n            SourceGraph package.json for <strong>{word}</strong>\n            </Link>\n        </p>\n        <p>\n          - <Link href={sourceGraphRequire}>\n            SourceGraph <strong>require(\"{word}\") </strong>\n            </Link>\n        </p>\n        <p>\n          - <Link href={sourceGraphImport}>\n            SourceGraph <strong>import {word}</strong>\n            </Link>\n        </p>\n        <p>\n          - <Link href={`https://www.google.com/search?q=${word}+-npmjs.com+-amazon.com+-amazonaws.cn&biw=2844&bih=1387&tbs=qdr:y`}>\n            Google results for <strong>{word}</strong> past year\n            </Link>\n        </p>\n\n         <div>\n           <h3>Other tools</h3>\n           <p>\n             - <Link href={`https://npmarket.netlify.app/?q=${word}&from=0`}>\n                search npmarket \"{word}\"\n               </Link>\n           </p>\n            <p>\n             - <Link href={`https://repo-review.herokuapp.com/`}>\n                search repo-review\n               </Link>\n           </p>\n           <p>\n             - <Link href={`https://namae.dev/s/${word}`}>\n                Check name availability https://namae.dev/s/{word}\n               </Link>\n           </p>\n           <p>\n             - <Link href={`https://instantdomainsearch.com/search/domains?q=${word}`}>\n                Domain search for {word}\n               </Link>\n           </p>\n         </div>\n      </div>\n    )\n  }\n\n  let permalinkRender\n  if (word) {\n    permalinkRender = (\n      <a \n        href={`${window.location.origin}?pkg=${word}`}\n        style={{ textDecoration: 'none', marginLeft: 12 }}\n        target='_blank' rel=\"noopener\"\n      >\n        🔗\n      </a>\n    )\n  }\n\n  return (\n    <div className=\"App\">\n      <h1>JS Code Search</h1>\n      <p>Search for usage examples of any npm package!</p>\n      <div>\n        <input \n          ref={inputRef}\n          onChange={(e) => setWord(e.target.value)}\n          value={word}\n          style={{padding: '8px 12px', width: 450, fontSize: 16}}\n          placeholder='Enter name of package or code symbol here'\n        />\n        {permalinkRender}\n      </div>\n      {linksRender}\n    </div>\n  )\n}\n\nfunction formatWord(word) {\n  // Github doesnt search for anything prefixed with @ for some reason\n  if (word.startsWith('@')) {\n    const newWord = word.split('/')[1]\n    return newWord\n  }\n  return word\n}\n\nfunction formatRequire(word, excludeSpecificUser) {\n  // Github doesnt search for anything prefixed with @ for some reason\n  if (word.startsWith('@')) {\n    const newWord = word.split('/')[1]\n    return `?o=desc&s=indexed&q=%28\"require%28%5C\"${newWord}%5C\"%29\"+OR+\"require%28%27${newWord}%27%29\"%29+%28path%3A**.js+OR+path%3A**.ts+OR+path%3A**.tsx+OR+path%3A**.esm%29+%28language%3AJavaScript+OR+language%3ATypeScript%29&type=code`\n  }\n  return `?o=desc&s=indexed&q=%28\"require%28%5C\"${word}%5C\"%29\"+OR+\"require%28%27${word}%27%29\"%29+%28path%3A**.js+OR+path%3A**.ts+OR+path%3A**.tsx+OR+path%3A**.esm%29+%28language%3AJavaScript+OR+language%3ATypeScript%29&type=code`\n}\n\nfunction formatImport(word, excludeSpecificUser) {\n  // from word\n  return `?q=%28\"from+%5C\"${word}%5C\"\"+OR+\"from+%27${word}%27\"%29+%28path%3A**.js+OR+path%3A**.ts+OR+path%3A**.tsx+OR+path%3A**.esm%29+%28language%3AJavaScript+OR+language%3ATypeScript%29&type=code`\n}\n\nfunction getQueryParams(params, url) {\n  let href = url;\n  //this expression is to get the query strings\n  let reg = new RegExp( '[?&]' + params + '=([^&#]*)', 'i' );\n  let queryString = reg.exec(href);\n  return queryString ? queryString[1] : '';\n}\n\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);"],"sourceRoot":""}