You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
16 KiB
1 lines
16 KiB
{"version":3,"sources":["api/index.ts","pages/Dashboard.tsx","pages/SessionPictures.tsx","pages/Session.tsx","App.tsx","reportWebVitals.ts","index.tsx"],"names":["createClient","body","a","axios","post","res","data","client_id","getClient","id","get","startSession","clientId","getSession","killSession","delete","restartSession","Dashboard","history","useHistory","useState","error","setError","name","setName","email","setEmail","phone","setPhone","handleSubmit","e","preventDefault","length","message","parseInt","push","title","subTitle","onSubmit","htmlFor","minLength","value","onChange","target","type","danger","onClick","htmlType","className","SessionPictures","urls","setUrls","activeUrl","setActiveUrl","setLoading","useEffect","interval","setInterval","photos","clearInterval","closeModal","visible","onOk","cancelText","onCancel","width","src","alt","sort","b","split","localeCompare","map","Session","props","match","params","setClient","active","setActive","handleStartSession","loading","handleRestartSession","handleExit","handleNuke","success","client","has_photos","ghost","onBack","goBack","tags","color","extra","disabled","onConfirm","console","log","process","App","path","component","exact","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.eb0b3235.chunk.js","sourcesContent":["import { Client } from '../types'\nimport axios from 'axios'\n\nif (process.env.NODE_ENV === 'development') {\n const host = 'http://192.168.1.107:5000'\n axios.defaults.baseURL = host\n}\n\nexport const createClient = async (body: Omit<Client, 'has_photos'>) => {\n const res = await axios.post<{ client_id: string }>(`/api/clients`, body)\n return res.data.client_id\n}\n\nexport const getClient = async (id: string): Promise<Client> => {\n const res = await axios.get<Client>(`/api/clients/${id}`)\n return res.data\n}\nexport const startSession = async (clientId: string) => {\n const res = await axios.post(`/api/clients/${clientId}/session`)\n return res.data // session data\n}\n\nexport const getSession = async (clientId: string) => {\n const res = await axios.get<{ photos: string[] }>(\n `/api/clients/${clientId}/session`,\n )\n return res.data // session data\n}\n\nexport const killSession = async (clientId: string) => {\n await axios.delete(`/api/clients/${clientId}/session`)\n}\n\nexport const restartSession = async (clientId: string) => {\n await killSession(clientId)\n await startSession(clientId)\n}\n\n// TOOD: Get status\n\n// Someday\n\nexport const getClients = async (): Promise<Client[]> => {\n const res = await axios.get<Client[]>(`/api/clients`)\n return res.data\n}\n\nexport const cleanup = () => {\n // send\n}\n","import { Button, Divider, message, PageHeader } from 'antd'\nimport { Content } from 'antd/lib/layout/layout'\nimport React, { FormEvent } from 'react'\nimport { useState } from 'react'\nimport { useHistory } from 'react-router-dom'\nimport { createClient } from '../api'\n\nexport const Dashboard = () => {\n const history = useHistory()\n const [error, setError] = useState<string | null>(null)\n const [name, setName] = useState('')\n const [email, setEmail] = useState('')\n const [phone, setPhone] = useState('')\n\n const handleReset = () => {\n //\n setName('')\n setEmail('')\n setPhone('')\n }\n\n const handleSubmit = async (e: FormEvent) => {\n e.preventDefault()\n\n if (phone.length < 10) {\n // helpful message\n message.error('Check all fields!')\n setError('Phone number needs to be a length of at least 10')\n return\n }\n\n const client_id = await createClient({\n name,\n email,\n phone: parseInt(phone),\n })\n\n history.push(`/sessions/${client_id}`)\n }\n\n return (\n <Content>\n <PageHeader\n title=\"Dashboard\"\n subTitle=\"Enter the name, email and phone number of the subject\"\n ></PageHeader>\n <Divider />\n <form onSubmit={handleSubmit}>\n <label htmlFor=\"name\">\n Name:\n <input\n minLength={3}\n value={name}\n onChange={(e) => setName(e.target.value)}\n name=\"name\"\n />\n </label>\n <label htmlFor=\"email\">\n Email:\n <input\n value={email}\n onChange={(e) => setEmail(e.target.value)}\n type=\"email\"\n name=\"email\"\n />\n </label>\n <label htmlFor=\"phone\">\n Phone:\n <input\n value={phone}\n onChange={(e) => setPhone(e.target.value)}\n type=\"tel\"\n name=\"phone\"\n />\n </label>\n <Button danger onClick={handleReset}>\n Reset\n </Button>\n <Button htmlType=\"submit\" type=\"primary\">\n Start Session\n </Button>\n {error && <p className=\"error\">{error}</p>}\n </form>\n </Content>\n )\n}\n","import React, { useEffect, useState } from 'react'\nimport { Card, message, Modal, PageHeader, Spin } from 'antd'\nimport { getSession } from '../api'\n\ntype Props = {\n clientId: string\n}\n\nexport const SessionPictures = ({ clientId }: Props) => {\n const [urls, setUrls] = useState<string[] | null>(null)\n const [activeUrl, setActiveUrl] = useState<string | null>(null)\n const [loading, setLoading] = useState(true)\n\n const handleSync = async () => {\n message.info('Syncing photos...')\n const { photos } = await getSession(clientId)\n if (photos.length) setUrls(photos)\n }\n\n useEffect(() => {\n const get = async () => {\n if (urls && urls.length >= 89 * 2) {\n setLoading(false)\n return\n }\n\n const { photos } = await getSession(clientId)\n if (photos.length) setUrls(photos)\n }\n\n const interval = setInterval(get, 250)\n\n return () => clearInterval(interval)\n }, [clientId, urls])\n\n const closeModal = () => setActiveUrl(null)\n\n const host =\n process.env.NODE_ENV === 'development' ? 'http://192.168.1.107:5000' : ''\n\n if (!urls?.length) return null\n\n return (\n <>\n <Modal\n visible={!!activeUrl}\n onOk={closeModal}\n cancelText={null}\n onCancel={closeModal}\n width=\"50%\"\n >\n <img\n width=\"100%\"\n onClick={closeModal}\n src={`${host}/output/${clientId}/${activeUrl}`}\n alt=\"large image\"\n ></img>\n </Modal>\n <PageHeader\n title=\"Session Pictures\"\n subTitle={`${urls.length}/${89 * 2} loaded`}\n ></PageHeader>\n <div className=\"photo-wall\">\n {urls ? (\n urls\n .sort((a, b) => a.split('_')[0].localeCompare(b.split('_')[0]))\n .map((src) => (\n <Card className=\"photo\" title={src.split('_')[0]}>\n <img\n onClick={() => setActiveUrl(src)}\n key={src}\n id={src}\n src={`${host}/output/${clientId}/${src}`}\n alt=\"lol\"\n />\n </Card>\n ))\n ) : (\n <Spin />\n )}\n </div>\n </>\n )\n}\n","import React, { useEffect, useState } from 'react'\nimport { RouteComponentProps, useHistory } from 'react-router-dom'\nimport { getClient, killSession, restartSession, startSession } from '../api'\nimport { SessionPictures } from './SessionPictures'\nimport {\n Button,\n Divider,\n message,\n PageHeader,\n Popconfirm,\n Row,\n Tag,\n} from 'antd'\nimport { Content } from 'antd/lib/layout/layout'\nimport { Client } from '../types'\n\ntype Props = RouteComponentProps<{ clientId: string }>\n\nexport const Session = (props: Props) => {\n const history = useHistory()\n const { clientId } = props.match.params\n const [client, setClient] = useState<Client | null>(null)\n const [active, setActive] = useState(false)\n\n const handleStartSession = async () => {\n message.loading('Photo sequence starting! Stand by...')\n await startSession(clientId)\n setActive(true)\n }\n\n const handleRestartSession = async () => {\n setActive(false)\n message.loading(\n 'Deleting photos & restarting capture sequence! Stand by...',\n )\n await restartSession(clientId)\n setActive(true)\n }\n\n const handleExit = async () => {\n history.push('/')\n }\n\n const handleNuke = async () => {\n await killSession(clientId)\n message.success('Photos Deleted! Going back to dashboard')\n history.push('/')\n }\n\n useEffect(() => {\n const get = async () => {\n const client = await getClient(clientId)\n setClient(client)\n if (client.has_photos) setActive(true)\n }\n\n get()\n }, [clientId])\n\n return (\n <Content>\n <PageHeader\n ghost={false}\n onBack={() => history.goBack()}\n title={`Session for ${clientId}`}\n tags={active ? <Tag color=\"lime\">Active</Tag> : <Tag>Inactive</Tag>}\n subTitle={`session has ${active ? 'started' : 'not started'}`}\n extra={[\n <Button\n key=\"startsession\"\n disabled={active}\n type=\"primary\"\n onClick={handleStartSession}\n >\n Capture\n </Button>,\n <Popconfirm\n key=\"retry\"\n title=\"Re-capture set?\"\n onConfirm={handleRestartSession}\n >\n <Button type=\"default\" disabled={!active}>\n Retry Capture\n </Button>\n </Popconfirm>,\n <Popconfirm\n key=\"nuke\"\n title=\"Delete all photos and return to dashboard?\"\n onConfirm={handleNuke}\n >\n <Button danger disabled={!active}>\n Abort Session\n </Button>\n </Popconfirm>,\n <Button\n key=\"finish\"\n ghost\n type=\"primary\"\n disabled={!active}\n onClick={handleExit}\n >\n Finish Session\n </Button>,\n ]}\n ></PageHeader>\n <Divider />\n <Row className=\"controls\">\n {active && <SessionPictures clientId={clientId} />}\n </Row>\n </Content>\n )\n}\n","import React from 'react'\nimport './App.css'\n\nimport { BrowserRouter, Switch, Route } from 'react-router-dom'\nimport { Dashboard } from './pages/Dashboard'\nimport { Session } from './pages/Session'\n\nconsole.log('ENV', process.env.NODE_ENV)\n\nfunction App() {\n return (\n <BrowserRouter>\n <div className=\"App\">\n <Switch>\n <Route path=\"/sessions/:clientId\" component={Session} />\n <Route exact path=\"/\" component={Dashboard} />\n </Switch>\n </div>\n </BrowserRouter>\n )\n}\n\nexport default App\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 'antd/dist/antd.css'\nimport App from './App'\nimport reportWebVitals from './reportWebVitals'\n\nReactDOM.render(<App />, document.getElementById('root'))\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":""} |