1 line
12 KiB
JSON
1 line
12 KiB
JSON
{"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 { 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 {\n pagenumber\n } = useParams();\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=@val',\n params: {\n 'val': pagenumber\n }\n }]\n })\n }).then(res => res.json()).then(data => data[0].results.rows[0])\n });\n const [text_of_page, setBodyText] = useState(!isPending && !error ? data[2] : \"Some kinda prroblem loading data\");\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 => console.log(\"tried to insert!\", res.json()));\n console.log(\"made the request\");\n },\n onSuccess: () => {\n // Invalidate and refetch\n queryClient.invalidateQueries({\n queryKey: ['page', pagenumber]\n });\n }\n });\n function handleSubmit(e) {\n e.preventDefault();\n const formData = new FormData(e.target);\n mutation.mutate({\n id: pagenumber,\n title: page_title,\n text: formData.get(\"page_text\")\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(\"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: 78,\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: 80,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 79,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"Page-contents\",\n children: /*#__PURE__*/_jsxDEV(\"input\", {\n name: \"page_text\",\n type: \"text\",\n onChange: e => setBodyText(e.target.value),\n value: text_of_page\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 83,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 82,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n type: \"submit\",\n children: \"Submit!\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 85,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 77,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 76,\n columnNumber: 7\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 75,\n columnNumber: 5\n }, this);\n}\n_s(PageView, \"AsFPTtR5KQgw4mO7C/40xPampCI=\", 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","useState","jsxDEV","_jsxDEV","url","setCurrentPage","row","console","log","PageView","_s","pagenumber","isPending","error","data","queryKey","queryFn","fetch","method","headers","body","JSON","stringify","statements","q","params","then","res","json","results","rows","text_of_page","setBodyText","mutation","mutationFn","id","title","text","onSuccess","invalidateQueries","handleSubmit","e","preventDefault","formData","FormData","target","mutate","page_title","get","the_id","page_text","className","children","onSubmit","src","alt","fileName","_jsxFileName","lineNumber","columnNumber","name","type","onChange","value","_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 { 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 { pagenumber } = useParams();\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=@val',\n params: {'val': pagenumber}\n }]\n })\n }).then((res) => res.json())\n .then((data) => data[0].results.rows[0])\n })\n \n const [ text_of_page, setBodyText ] = useState(\n !isPending && !error ? data[2] : \"Some kinda prroblem loading data\"\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 insert!\", res.json()));\n console.log(\"made the request\");\n },\n onSuccess: () => {\n // Invalidate and refetch\n queryClient.invalidateQueries({ queryKey: ['page', pagenumber] })\n },\n });\n\n function handleSubmit(e) {\n e.preventDefault()\n const formData = new FormData(e.target);\n mutation.mutate({\n id: pagenumber, \n title: page_title, \n text: formData.get(\"page_text\"),\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 <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 <input name=\"page_text\" type=\"text\" onChange={e => setBodyText(e.target.value)} value={text_of_page} />\n </div>\n <button type=\"submit\">Submit!</button>\n </header>\n </form>\n </div>\n );\n}\n\nexport default PageView;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]} |