[
  {
    "path": ".gitignore",
    "content": "# Numerous always-ignore extensions\n*.diff\n*.err\n*.log\n*.orig\n*.rej\n*.swo\n*.swp\n*.vi\n*.zip\n*~\n*.sass-cache\n*.ruby-version\n*.rbenv-version\n\n# OS or Editor folders\n._*\n.cache\n.DS_Store\n.idea\n.project\n.settings\n.tmproj\n*.esproj\n*.sublime-project\n*.sublime-workspace\nnbproject\nThumbs.db\n.fseventsd\n.DocumentRevisions*\n.TemporaryItems\n.Trashes\n\n# Other paths to ignore\n.awcache\nbower_components\nnode_modules\npackage-lock.json\ndist"
  },
  {
    "path": "README.md",
    "content": "`next-chrome` is a [Next.js](https://nextjs.org/) starter project to bootstrap a new Chrome extension.\n\n[Helpful Tips for Starting a Next.js Chrome Extension | CSS-Tricks](https://css-tricks.com/nextjs-chrome-extension-starter/)\n\n```sh\ncd next-app\n\nyarn # run once\n\nyarn build # on macOS\nyarn build:linux # on Linux\n```\n\n![Screenshot](./screenshot.png)\n"
  },
  {
    "path": "extension/manifest.json",
    "content": "{\n  \"name\": \"Next Chrome\",\n  \"description\": \"Next.js Chrome Extension starter\",\n  \"version\": \"0.0.1\",\n  \"manifest_version\": 3,\n  \"action\": {\n    \"default_title\": \"Next.js app\",\n    \"default_popup\": \"index.html\"\n  }\n}\n"
  },
  {
    "path": "extension/manifest.v2.json",
    "content": "{\n  \"name\": \"Next Chrome\",\n  \"description\": \"Next.js Chrome Extension starter\",\n  \"version\": \"0.0.1\",\n  \"manifest_version\": 2,\n  \"browser_action\": {\n    \"default_title\": \"Next.js app\",\n    \"default_popup\": \"index.html\"\n  }\n}\n"
  },
  {
    "path": "next-app/.eslintrc.json",
    "content": "{\n  \"extends\": \"next/core-web-vitals\"\n}\n"
  },
  {
    "path": "next-app/.gitignore",
    "content": "# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.\n\n# dependencies\n/node_modules\n/.pnp\n.pnp.js\n\n# testing\n/coverage\n\n# next.js\n/.next/\n/out/\n\n# production\n/build\n\n# misc\n.DS_Store\n*.pem\n\n# debug\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n\n# local env files\n.env.local\n.env.development.local\n.env.test.local\n.env.production.local\n\n# vercel\n.vercel\n"
  },
  {
    "path": "next-app/package.json",
    "content": "{\n  \"name\": \"next-app\",\n  \"private\": true,\n  \"scripts\": {\n    \"dev\": \"next dev\",\n    \"build\": \"next build && next export && mv out/_next out/next && sed -i '' -e 's/\\\\/_next/\\\\.\\\\/next/g' out/**.html && mv out/index.html ../extension && rsync -va --delete-after out/next/ ../extension/next/ && rm -rf out && rsync -va --delete-after public/next-assets ../extension/\",\n    \"build:linux\": \"next build && next export && mv out/_next out/next && sed -i 's/\\\\/_next/\\\\.\\\\/next/g' out/**.html && mv out/index.html ../extension && rsync -va --delete-after out/next/ ../extension/next/ && rm -rf out && rsync -va --delete-after public/next-assets ../extension/\",\n    \"start\": \"next start\",\n    \"lint\": \"next lint\"\n  },\n  \"dependencies\": {\n    \"next\": \"latest\",\n    \"react\": \"latest\",\n    \"react-dom\": \"latest\"\n  },\n  \"devDependencies\": {\n    \"eslint\": \"latest\",\n    \"eslint-config-next\": \"latest\"\n  }\n}\n"
  },
  {
    "path": "next-app/pages/_app.js",
    "content": "import '../styles/globals.css'\n\nfunction MyApp({ Component, pageProps }) {\n  return <Component {...pageProps} />\n}\n\nexport default MyApp\n"
  },
  {
    "path": "next-app/pages/index.js",
    "content": "import styles from \"../styles/Home.module.css\";\n\nconst IndexPage = () => {\n  return (\n    <div className={styles.container}>\n      <main className={styles.main}>\n        <h1 className={styles.title}>\n          Welcome to <a href=\"https://nextjs.org\">Next.js!</a>\n        </h1>\n\n        <p className={styles.description}>\n          Get started by editing{\" \"}\n          <code className={styles.code}>pages/index.js</code>\n        </p>\n\n        <div className={styles.grid}>\n          <a href=\"https://nextjs.org/docs\" className={styles.card}>\n            <h2>Documentation &rarr;</h2>\n            <p>Find in-depth information about Next.js features and API.</p>\n          </a>\n\n          <a href=\"https://nextjs.org/learn\" className={styles.card}>\n            <h2>Learn &rarr;</h2>\n            <p>Learn about Next.js in an interactive course with quizzes!</p>\n          </a>\n\n          <a\n            href=\"https://github.com/vercel/next.js/tree/canary/examples\"\n            className={styles.card}\n          >\n            <h2>Examples &rarr;</h2>\n            <p>Discover and deploy boilerplate example Next.js projects.</p>\n          </a>\n\n          <a\n            href=\"https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app\"\n            className={styles.card}\n          >\n            <h2>Deploy &rarr;</h2>\n            <p>\n              Instantly deploy your Next.js site to a public URL with Vercel.\n            </p>\n          </a>\n        </div>\n      </main>\n\n      <footer className={styles.footer}>\n        <a\n          href=\"https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Powered by{\" \"}\n          <span className={styles.logo}>\n            <img\n              src=\"assets/vercel.svg\"\n              alt=\"Vercel Logo\"\n              width={72}\n              height={16}\n            />\n          </span>\n        </a>\n      </footer>\n    </div>\n  );\n};\n\nexport default IndexPage;\n"
  },
  {
    "path": "next-app/styles/Home.module.css",
    "content": ".container {\n  padding: 0 2rem;\n}\n\n.main {\n  min-height: 100vh;\n  padding: 4rem 0;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.footer {\n  display: flex;\n  flex: 1;\n  padding: 2rem 0;\n  border-top: 1px solid #eaeaea;\n  justify-content: center;\n  align-items: center;\n}\n\n.footer a {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 1;\n}\n\n.title a {\n  color: #0070f3;\n  text-decoration: none;\n}\n\n.title a:hover,\n.title a:focus,\n.title a:active {\n  text-decoration: underline;\n}\n\n.title {\n  margin: 0;\n  line-height: 1.15;\n  font-size: 4rem;\n}\n\n.title,\n.description {\n  text-align: center;\n}\n\n.description {\n  margin: 4rem 0;\n  line-height: 1.5;\n  font-size: 1.5rem;\n}\n\n.code {\n  background: #fafafa;\n  border-radius: 5px;\n  padding: 0.75rem;\n  font-size: 1.1rem;\n  font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,\n    Bitstream Vera Sans Mono, Courier New, monospace;\n}\n\n.grid {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n  max-width: 800px;\n}\n\n.card {\n  margin: 1rem;\n  padding: 1.5rem;\n  text-align: left;\n  color: inherit;\n  text-decoration: none;\n  border: 1px solid #eaeaea;\n  border-radius: 10px;\n  transition: color 0.15s ease, border-color 0.15s ease;\n  max-width: 300px;\n}\n\n.card:hover,\n.card:focus,\n.card:active {\n  color: #0070f3;\n  border-color: #0070f3;\n}\n\n.card h2 {\n  margin: 0 0 1rem 0;\n  font-size: 1.5rem;\n}\n\n.card p {\n  margin: 0;\n  font-size: 1.25rem;\n  line-height: 1.5;\n}\n\n.logo {\n  height: 1em;\n  margin-left: 0.5rem;\n}\n\n@media (max-width: 600px) {\n  .grid {\n    width: 100%;\n    flex-direction: column;\n  }\n}\n"
  },
  {
    "path": "next-app/styles/globals.css",
    "content": "html,\nbody {\n  padding: 0;\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,\n    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\n* {\n  box-sizing: border-box;\n}\n"
  }
]