{"ast":null,"code":"var _jsxFileName = \"/Users/shoofle/Projects/the-forest/src/PageView.jsx\",\n  _s = $RefreshSig$();\nimport logo from './logo.svg';\nimport { queryClient, App } from './App.js';\nimport './App.css';\nimport { useQuery, useMutation } from '@tanstack/react-query';\nimport { useParams } from 'react-router-dom';\nimport { useRef } from 'react';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst url = \"http://127.0.0.1:8000\";\nfunction setCurrentPage(row) {\n  console.log(\"\" + row[0] + \" \" + row[1] + \" \" + row[2]);\n}\nfunction PageView() {\n  _s();\n  const {\n    pagenumber\n  } = useParams();\n  const myContainer = useRef(null);\n  const {\n    isPending,\n    error,\n    data\n  } = useQuery({\n    queryKey: ['page', pagenumber],\n    queryFn: () => fetch(url, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json'\n      },\n      body: JSON.stringify({\n        statements: [{\n          q: 'select * from pages where id=@val',\n          params: {\n            'val': pagenumber\n          }\n        }]\n      })\n    }).then(res => res.json()).then(data => data[0].results.rows[0])\n  });\n  const mutation = useMutation({\n    mutationFn: () => {\n      if (isPending || error) return;\n      return fetch(url, {\n        metthod: 'POST',\n        headers: {\n          'Content-Type': 'application/json'\n        },\n        body: JSON.stringify({\n          statements: [{\n            q: 'replace into pages (id, title, description) values (?, ?, ?)',\n            params: [data[0], data[1], myContainer.current]\n          }]\n        })\n      });\n    },\n    onSuccess: () => {\n      // Invalidate and refetch\n      queryClient.invalidateQueries({\n        queryKey: ['page', pagenumber]\n      });\n    }\n  });\n  if (isPending) return \"Loading...\";\n  if (error) return \"Uh oh!\";\n  const [the_id, page_title, page_text] = data;\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"App\",\n    children: /*#__PURE__*/_jsxDEV(\"header\", {\n      className: \"App-header\",\n      children: [/*#__PURE__*/_jsxDEV(\"img\", {\n        src: logo,\n        className: \"App-logo\",\n        alt: \"logo\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 64,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"Page-title\",\n        children: /*#__PURE__*/_jsxDEV(\"h3\", {\n          children: [the_id, \". \", page_title]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 66,\n          columnNumber: 11\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 65,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"Page-contents\",\n        children: /*#__PURE__*/_jsxDEV(\"pre\", {\n          contenteditable: \"true\",\n          ref: myContainer,\n          children: page_text\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 69,\n          columnNumber: 11\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 68,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n        onClick: () => mutation.mutate(),\n        children: \"Submit!\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 71,\n        columnNumber: 9\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 63,\n      columnNumber: 7\n    }, this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 62,\n    columnNumber: 5\n  }, this);\n}\n_s(PageView, \"W55NpKCm1RQh35MLd0DAopBDgCI=\", false, function () {\n  return [useParams, useQuery, useMutation];\n});\n_c = PageView;\nexport default PageView;\nvar _c;\n$RefreshReg$(_c, \"PageView\");","map":{"version":3,"names":["logo","queryClient","App","useQuery","useMutation","useParams","useRef","jsxDEV","_jsxDEV","url","setCurrentPage","row","console","log","PageView","_s","pagenumber","myContainer","isPending","error","data","queryKey","queryFn","fetch","method","headers","body","JSON","stringify","statements","q","params","then","res","json","results","rows","mutation","mutationFn","metthod","current","onSuccess","invalidateQueries","the_id","page_title","page_text","className","children","src","alt","fileName","_jsxFileName","lineNumber","columnNumber","contenteditable","ref","onClick","mutate","_c","$RefreshReg$"],"sources":["/Users/shoofle/Projects/the-forest/src/PageView.jsx"],"sourcesContent":["import logo from './logo.svg';\nimport { queryClient, App } from './App.js';\nimport './App.css';\nimport { useQuery, useMutation  } from '@tanstack/react-query'\nimport { useParams } from 'react-router-dom'\nimport { useRef } from 'react'\n\nconst url = \"http://127.0.0.1:8000\"\n\nfunction setCurrentPage(row) {\n  console.log(\"\" + row[0] + \" \" + row[1] + \" \" + row[2]);\n}\n\nfunction PageView() {\n  const { pagenumber } = useParams();\n\n  const myContainer = useRef(null);\n\n  const { isPending, error, data } = useQuery({\n    queryKey: ['page', pagenumber],\n    queryFn: () =>\n      fetch(url, {\n        method: 'POST',\n        headers: {'Content-Type': 'application/json'},\n        body: JSON.stringify({\n          statements: [{\n            q: 'select * from pages where id=@val',\n            params: {'val': pagenumber}\n          }]\n        })\n      }).then((res) => res.json())\n        .then((data) => data[0].results.rows[0])\n  })\n\n  const mutation = useMutation({\n    mutationFn: () => {\n      if (isPending || error) return;\n      return fetch(url, {\n        metthod: 'POST',\n        headers: {'Content-Type': 'application/json'},\n        body: JSON.stringify({\n          statements: [{\n            q: 'replace into pages (id, title, description) values (?, ?, ?)',\n            params: [data[0], data[1], myContainer.current],\n          }]\n        })\n      })\n    },\n    onSuccess: () => {\n      // Invalidate and refetch\n      queryClient.invalidateQueries({ queryKey: ['page', pagenumber] })\n    },\n  });\n\n  if (isPending) return \"Loading...\";\n\n  if (error) return \"Uh oh!\";\n\n  const [the_id, page_title, page_text] = data;\n\n  return (\n    <div className=\"App\">\n      <header className=\"App-header\">\n        <img src={logo} className=\"App-logo\" alt=\"logo\" />\n        <div className=\"Page-title\">\n          <h3>{the_id}. {page_title}</h3>\n        </div>\n        <div className=\"Page-contents\">\n          <pre contenteditable=\"true\" ref={myContainer}>{page_text}</pre>\n        </div>\n        <button onClick={() => mutation.mutate()} >Submit!</button>\n      </header>\n    </div>\n  );\n}\n\nexport default PageView;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}