{"ast":null,"code":"var _jsxFileName = \"/Users/shoofle/Projects/the-forest/client/src/EditPage.jsx\",\n  _s = $RefreshSig$();\nimport logo from './logo.svg';\nimport { App } from './App.js';\nimport './App.css';\nimport { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport { useState } 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 queryClient = useQueryClient();\n  const navigate = useNavigate();\n  const {\n    pagenumber\n  } = useParams();\n  const [text_of_page, setBodyText] = useState(\"Not loaded yet\");\n  const {\n    isPending,\n    error,\n    data\n  } = useQuery({\n    // fetch the currrent values\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 id, title, description from pages where id=?',\n          params: [pagenumber]\n        }]\n      })\n    }).then(res => res.json()).then(data => data[0].results.rows[0]).then(row => {\n      setBodyText(row[2]);\n      return row;\n    })\n  });\n  const mutation = useMutation({\n    // for changing the value when we're done with it\n    mutationFn: ({\n      id,\n      title,\n      text\n    }) => {\n      console.log(\"trying to mutate with values \" + id + \" \" + title + \" \" + text);\n      fetch(url, {\n        method: '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: [id, title, text]\n          }]\n        })\n      }).then(res => {\n        console.log(\"tried to update!\", res.json());\n      });\n      console.log(\"made the request\");\n    },\n    onSettled: async (data, error, variables) => {\n      // Invalidate and refetch\n      await queryClient.invalidateQueries({\n        queryKey: ['page', variables.id]\n      });\n    }\n  });\n  function handleSubmit(e) {\n    e.preventDefault();\n    const data = e.target.querySelector('pre').innerHTML;\n    const formData = new FormData(e.target);\n    mutation.mutate({\n      id: pagenumber,\n      title: page_title,\n      text: data\n    });\n    navigate(`/${pagenumber}`);\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(\"form\", {\n      onSubmit: handleSubmit,\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: 83,\n          columnNumber: 11\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: 85,\n            columnNumber: 13\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 84,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"Page-contents\",\n          children: /*#__PURE__*/_jsxDEV(\"pre\", {\n            contentEditable: \"true\",\n            onChange: e => setBodyText(e.target.value),\n            dangerouslySetInnerHTML: {\n              __html: text_of_page || \"   \"\n            }\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 88,\n            columnNumber: 13\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 87,\n          columnNumber: 11\n        }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n          type: \"submit\",\n          disabled: mutation.isPending,\n          children: mutation.isPending ? \"Updating...\" : \"Update\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 93,\n          columnNumber: 11\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 82,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 81,\n      columnNumber: 7\n    }, this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 80,\n    columnNumber: 5\n  }, this);\n}\n_s(PageView, \"vTv2A8A6+FtKEYX/CchBqndyIPM=\", false, function () {\n  return [useQueryClient, useNavigate, useParams, useQuery, useMutation];\n});\n_c = PageView;\nexport default PageView;\nvar _c;\n$RefreshReg$(_c, \"PageView\");","map":{"version":3,"names":["logo","App","useQuery","useMutation","useQueryClient","useParams","useNavigate","useState","jsxDEV","_jsxDEV","url","setCurrentPage","row","console","log","PageView","_s","queryClient","navigate","pagenumber","text_of_page","setBodyText","isPending","error","data","queryKey","queryFn","fetch","method","headers","body","JSON","stringify","statements","q","params","then","res","json","results","rows","mutation","mutationFn","id","title","text","onSettled","variables","invalidateQueries","handleSubmit","e","preventDefault","target","querySelector","innerHTML","formData","FormData","mutate","page_title","the_id","page_text","className","children","onSubmit","src","alt","fileName","_jsxFileName","lineNumber","columnNumber","contentEditable","onChange","value","dangerouslySetInnerHTML","__html","type","disabled","_c","$RefreshReg$"],"sources":["/Users/shoofle/Projects/the-forest/client/src/EditPage.jsx"],"sourcesContent":["import logo from './logo.svg';\nimport { App } from './App.js';\nimport './App.css';\nimport { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport { useState } 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 queryClient = useQueryClient();\n  const navigate = useNavigate();\n  const { pagenumber } = useParams();\n  const [ text_of_page, setBodyText ] = useState(\"Not loaded yet\");\n\n  const { isPending, error, data } = useQuery({ // fetch the currrent values\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 id, title, description from pages where id=?',\n            params: [pagenumber]\n          }]\n        })\n      }).then((res) => res.json())\n        .then((data) => data[0].results.rows[0])\n        .then((row) => {\n          setBodyText(row[2]);\n          return row;\n        })\n  })\n\n  const mutation = useMutation({ // for changing the value when we're done with it\n    mutationFn: ({id, title, text}) => {\n      console.log(\"trying to mutate with values \" + id + \" \" + title + \" \" + text);\n      fetch(url, {\n        method: 'POST',\n        headers: {'Content-Type': 'application/json'},\n        body: JSON.stringify({\n          statements: [{\n            q: 'replace into pages (id, title, description) values (?, ?, ?)',\n            params: [id, title, text],\n          }]\n        })\n      }).then((res) => { console.log(\"tried to update!\", res.json()) });\n      console.log(\"made the request\");\n    },\n    onSettled: async (data, error, variables) => {\n      // Invalidate and refetch\n      await queryClient.invalidateQueries({ queryKey: ['page', variables.id] })\n    },\n  });\n\n  function handleSubmit(e) {\n    e.preventDefault()\n    const data = e.target.querySelector('pre').innerHTML\n    const formData = new FormData(e.target);\n    mutation.mutate({\n      id: pagenumber, \n      title: page_title, \n      text: data,\n    });\n    navigate(`/${pagenumber}`)\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      <form onSubmit={handleSubmit}>\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 \n              contentEditable=\"true\"\n              onChange={(e) => setBodyText(e.target.value)} \n              dangerouslySetInnerHTML={{__html: text_of_page || \"   \"}} />\n          </div>\n          <button \n            type=\"submit\" \n            disabled={mutation.isPending}>\n            {mutation.isPending ? \"Updating...\" : \"Update\"}\n          </button>\n        </header>\n      </form>\n    </div>\n  );\n}\n\nexport default PageView;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}