{"version":3,"sources":["components/Header.tsx","components/DownloadIcon.tsx","components/LockIcon.tsx","components/EyeIcon.tsx","components/ImageGrid.tsx","pages/Home.tsx","utils/jsonFetcher.ts","App.tsx","reportWebVitals.ts","index.tsx"],"names":["Header","login","className","href","target","rel","to","undefined","DownloadIcon","fill","xmlns","viewBox","d","LockIcon","EyeIcon","ImageCard","image","id","previewURL","name","alt","uploaded","isPrivate","downloadCount","src","dateTime","moment","fromNow","download","ImageGrid","map","Home","jsonFetcher","fetch","then","response","json","Router","path","element","App","value","fetcher","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.bc6652f2.chunk.js","sourcesContent":["import { FC } from \"react\";\nimport { Link } from \"react-router-dom\";\n\nexport const Header: FC<{ login?: boolean }> = ({ login = true }) => {\n  return (\n    <div className=\"pt-4 pb-6 mb-8 bg-blue-900 sticky top-0 z-10\">\n      <header className=\"flex items-center text-blue-50 max-w-6xl mx-auto\">\n        <h1 className=\"flex-1 text-lg md:text-xl lg:text-2xl\">\n          Image sharing platform built on{\" \"}\n          <a\n            href=\"https://pages.cloudflare.com/\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"underline\"\n          >\n            Cloudflare Pages\n          </a>\n        </h1>\n        {login ? (\n          <nav className=\"ml-4\">\n            <ul>\n              <li>\n                <Link to=\"admin\" className=\"underline\">\n                  Log in\n                </Link>\n              </li>\n            </ul>\n          </nav>\n        ) : undefined}\n      </header>\n    </div>\n  );\n};\n","import type { FC } from \"react\";\n\nexport const DownloadIcon: FC = () => {\n  return (\n    <svg\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 16 16\"\n    >\n      <path d=\"M11.962 7.442l-.712-.7L8.36 9.69V1.975h-1V9.69L4.472 6.742l-.715.7L7.86 11.63l4.102-4.188zm1.395 5.556H2.477v1h10.88v-1z\"></path>\n    </svg>\n  );\n};\n","import type { FC } from \"react\";\n\nexport const LockIcon: FC = () => {\n  return (\n    <svg\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 16 16\"\n    >\n      <path d=\"M12.39 6.902h-1.193V4.705a3.197 3.197 0 10-6.394 0v2.197H3.61l-.5.5V14l.5.5h8.78l.5-.5V7.402l-.5-.5zM5.803 4.705a2.197 2.197 0 014.394 0v2.197H5.803V4.705zM11.89 13.5H4.11V7.902h7.78V13.5z\"></path>\n      <path d=\"M8 8.95a.965.965 0 00-.43 1.83v1.57h.86v-1.57A.965.965 0 008 8.95z\"></path>\n    </svg>\n  );\n};\n","import type { FC } from \"react\";\n\nexport const EyeIcon: FC = () => {\n  return (\n    <svg\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 16 16\"\n    >\n      <path d=\"M8 3.17A9.195 9.195 0 00.068 7.75v.5a9.16 9.16 0 0015.865 0v-.5A9.196 9.196 0 008 3.17zm0 8.66A8.198 8.198 0 011.083 8a8.162 8.162 0 0113.835 0A8.198 8.198 0 018 11.83z\"></path>\n      <path d=\"M8 4.5a3.5 3.5 0 100 7 3.5 3.5 0 000-7zm0 6a2.5 2.5 0 110-5 2.5 2.5 0 010 5z\"></path>\n      <path d=\"M8.85 7.853a.75.75 0 100-1.5.75.75 0 000 1.5z\"></path>\n    </svg>\n  );\n};\n","import type { FC } from \"react\";\nimport useSWR from \"swr\";\nimport moment from \"moment\";\nimport { DownloadIcon } from \"./DownloadIcon\";\nimport { LockIcon } from \"./LockIcon\";\nimport { EyeIcon } from \"./EyeIcon\";\n\nconst ImageCard: FC<{ image: Image }> = ({\n  image: { id, previewURL, name, alt, uploaded, isPrivate, downloadCount },\n}) => {\n  return (\n    <div className=\"my-3 shadow-lg rounded-b-xl bg-white\">\n      <figure>\n        <div className=\"sm:aspect-w-1 sm:aspect-h-1\">\n          <img src={previewURL} className=\"w-full object-contain\" alt={alt} />\n        </div>\n        <figcaption className=\"m-3\">\n          <code>{name}</code>\n          <p>\n            <time dateTime={uploaded} className=\"text-sm\">\n              {moment(uploaded).fromNow()}\n            </time>\n          </p>\n        </figcaption>\n      </figure>\n      <div className=\"flex justify-end p-2\">\n        <div className=\"flex items-center mr-2\">\n          <svg className=\"h-8 w-8 p-1\">\n            <EyeIcon />\n          </svg>\n          <span className=\"tabular-nums\">{downloadCount}</span>\n        </div>\n        {!isPrivate ? (\n          <a\n            className=\"text-green-800 bg-green-200 rounded-md h-8 w-8 p-1\"\n            aria-label=\"Download\"\n            href={`/api/download?id=${id}`}\n            download\n          >\n            <DownloadIcon />\n          </a>\n        ) : (\n          <div className=\"text-gray-800 bg-gray-200 rounded-md h-8 w-8 p-1\">\n            <LockIcon />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const ImageGrid: FC = () => {\n  // const { data, error } = useSWR<{ images: Image[] }>(\"/api/images\");\n\n  // if (error || data === undefined) {\n  //   return (\n  //     <div>\n  //       An unexpected error has occurred when fetching the list of images.\n  //       Please try again.\n  //     </div>\n  //   );\n  // }\n\n  const data = {\n    images: [\n      {\n        id: \"8277aeb6-f3fb-445d-43f9-ae710b3ffc00\",\n        previewURL:\n          \"https://imagedelivery.net/c_kvDVNdc0jEhXS4gDzgVA/8277aeb6-f3fb-445d-43f9-ae710b3ffc00/blurred\",\n        name: \"hannah-grace-fk4tiMlDFF0-unsplash.jpg\",\n        alt: \"string\",\n        uploaded: \"2021-11-17T06:31:25.203Z\",\n        isPrivate: true,\n        downloadCount: 2,\n      },\n      {\n        id: \"e45bc50e-814f-4f2a-e6ab-d68a3f457500\",\n        previewURL:\n          \"https://imagedelivery.net/c_kvDVNdc0jEhXS4gDzgVA/e45bc50e-814f-4f2a-e6ab-d68a3f457500/blurred\",\n        name: \"parttime-portraits-atOlntWcO4k-unsplash.jpg\",\n        alt: \"string\",\n        uploaded: \"2021-11-17T06:32:39.845Z\",\n        isPrivate: true,\n        downloadCount: 4,\n      },\n      {\n        id: \"4f7fb54c-8469-4be1-eba1-f43f4286e800\",\n        previewURL:\n          \"https://imagedelivery.net/c_kvDVNdc0jEhXS4gDzgVA/4f7fb54c-8469-4be1-eba1-f43f4286e800/blurred\",\n        name: \"andrew-schultz-DTSDD968Mpw-unsplash.jpg\",\n        alt: \"string\",\n        uploaded: \"2021-11-17T06:33:43.406Z\",\n        isPrivate: true,\n        downloadCount: 1,\n      },\n      {\n        id: \"59384c25-66ac-4a0e-abf0-381b20c52a00\",\n        previewURL:\n          \"https://imagedelivery.net/c_kvDVNdc0jEhXS4gDzgVA/59384c25-66ac-4a0e-abf0-381b20c52a00/blurred\",\n        name: \"david-clarke-sVtcRzphxbk-unsplash.jpg\",\n        alt: \"string\",\n        uploaded: \"2021-11-17T06:34:08.727Z\",\n        isPrivate: true,\n        downloadCount: 1,\n      },\n      {\n        id: \"73d49242-64f0-4fce-c98b-5094a2ce2800\",\n        previewURL:\n          \"https://imagedelivery.net/c_kvDVNdc0jEhXS4gDzgVA/73d49242-64f0-4fce-c98b-5094a2ce2800/blurred\",\n        name: \"karsten-winegeart-Qb7D1xw28Co-unsplash.jpg\",\n        alt: \"string\",\n        uploaded: \"2021-11-17T06:35:25.795Z\",\n        isPrivate: true,\n        downloadCount: 2,\n      },\n      {\n        id: \"62fd1c2a-d41b-4256-fff7-8d4e855a7300\",\n        previewURL:\n          \"https://imagedelivery.net/c_kvDVNdc0jEhXS4gDzgVA/62fd1c2a-d41b-4256-fff7-8d4e855a7300/blurred\",\n        name: \"bill-stephan-9LkqymZFLrE-unsplash.jpg\",\n        alt: \"string\",\n        uploaded: \"2021-11-17T06:59:35.151Z\",\n        isPrivate: true,\n        downloadCount: 1,\n      },\n      {\n        id: \"91e684d1-940b-443c-b845-b67972fc9e00\",\n        previewURL:\n          \"https://imagedelivery.net/c_kvDVNdc0jEhXS4gDzgVA/91e684d1-940b-443c-b845-b67972fc9e00/blurred\",\n        name: \"karsten-winegeart-oU6KZTXhuvk-unsplash.jpg\",\n        alt: \"string\",\n        uploaded: \"2021-11-17T06:59:37.854Z\",\n        isPrivate: true,\n        downloadCount: 1,\n      },\n    ],\n  };\n\n  return (\n    <div className=\"grid gap-4 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5\">\n      {data.images.map((image) => (\n        <ImageCard image={image} key={image.id} />\n      ))}\n    </div>\n  );\n};\n","import type { FC } from \"react\";\nimport { Header } from \"../components/Header\";\nimport { ImageGrid } from \"../components/ImageGrid\";\n\nexport const Home: FC = () => {\n  return (\n    <div>\n      <Header login={false} />\n      <main className=\"max-w-6xl mx-auto p-4 pb-12\">\n        <ImageGrid />\n      </main>\n    </div>\n  );\n};\n","export const jsonFetcher = (...args: Parameters<typeof fetch>) =>\n  fetch(...args).then((response) => response.json());\n","import type { FC } from \"react\";\nimport { BrowserRouter, Routes, Route, Navigate } from \"react-router-dom\";\nimport useSWR, { SWRConfig } from \"swr\";\nimport { Home } from \"./pages/Home\";\nimport { Setup } from \"./pages/Setup\";\nimport { Admin } from \"./pages/Admin\";\nimport { jsonFetcher } from \"./utils/jsonFetcher\";\n\nconst Router: FC = () => {\n  // const { data: setup, error } = useSWR(\"/api/setup\");\n\n  // if (error) return <div>{`Error loading setup information: ${error}`}</div>;\n  const setup = true;\n\n  return (\n    <BrowserRouter>\n      <Routes>\n        <Route\n          path=\"/\"\n          element={setup ? <Home /> : <Navigate to=\"admin/setup\" />}\n        />\n        {/* <Route path=\"admin/setup\" element={<Setup />} />\n        <Route path=\"admin\" element={<Admin />} /> */}\n      </Routes>\n    </BrowserRouter>\n  );\n};\n\nexport const App: FC = () => {\n  return (\n    <SWRConfig value={{ fetcher: jsonFetcher }}>\n      <Router />\n    </SWRConfig>\n  );\n};\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport { App } from \"./App\";\nimport reportWebVitals from \"./reportWebVitals\";\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById(\"root\")\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}