1 line
12 KiB
JSON
1 line
12 KiB
JSON
{"ast":null,"code":"var _jsxFileName = \"/home/magh/Documents/landing_page_experimental/src/App.jsx\",\n _s = $RefreshSig$();\nimport React, { useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport './App.css';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nfunction App() {\n _s();\n const [query, setQuery] = useState('');\n const [category, setCategory] = useState('science');\n const navigate = useNavigate();\n const imageMap = {\n science: '/main.png',\n philosophy: '/philosophy.png',\n tech: '/tech.png',\n discover: '/web.png',\n multi: '/multi.png'\n };\n const headerMap = {\n science: '/header.png',\n philosophy: '/header_philosophy.png',\n tech: '/header_tech.png',\n discover: '/header_web.png',\n multi: '/header_multi.png'\n };\n const appBgMap = {\n science: '#fcfcff',\n philosophy: '#ffffff',\n tech: '#ffffff',\n discover: '#ffffff',\n multi: '#ffffff'\n };\n const headerBgMap = {\n science: '#f8f8f8',\n philosophy: '#ffffff',\n tech: '#ffffff',\n discover: '#ffffff',\n multi: '#ffffff'\n };\n const handleSubmit = e => {\n e.preventDefault();\n navigate(`/results?q=${encodeURIComponent(query)}&cat=${category}`);\n };\n return /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"App\",\n style: {\n backgroundColor: appBgMap[category]\n },\n children: [/*#__PURE__*/_jsxDEV(\"header\", {\n className: \"header-bar\",\n style: {\n backgroundColor: headerBgMap[category]\n },\n children: /*#__PURE__*/_jsxDEV(\"img\", {\n src: headerMap[category],\n alt: \"Header\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 50,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 49,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"main\", {\n className: \"main-content\",\n children: [/*#__PURE__*/_jsxDEV(\"img\", {\n id: \"mascot-img\",\n src: imageMap[category],\n alt: \"Mascot\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 53,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n id: \"tagline\",\n children: \"a search engine for the rest of us\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 54,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"form\", {\n className: \"search-form\",\n onSubmit: handleSubmit,\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"search-container\",\n children: /*#__PURE__*/_jsxDEV(\"input\", {\n type: \"text\",\n name: \"search\",\n placeholder: \"Search...\",\n value: query,\n onChange: e => setQuery(e.target.value)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 57,\n columnNumber: 13\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 56,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"radio-options\",\n children: [\"science\", \"philosophy\", \"tech\", \"discover\"].map(cat => /*#__PURE__*/_jsxDEV(\"label\", {\n htmlFor: cat,\n children: [/*#__PURE__*/_jsxDEV(\"input\", {\n type: \"radio\",\n name: \"category\",\n id: cat,\n value: cat,\n checked: category === cat,\n onChange: e => setCategory(e.target.value)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 68,\n columnNumber: 17\n }, this), cat.charAt(0).toUpperCase() + cat.slice(1)]\n }, cat, true, {\n fileName: _jsxFileName,\n lineNumber: 67,\n columnNumber: 15\n }, this))\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 65,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 55,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 52,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"footer\", {\n className: \"footer\",\n children: [/*#__PURE__*/_jsxDEV(\"a\", {\n href: \"https://git.tsugutsugugo.com/explore/repos\",\n children: \"Source\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 83,\n columnNumber: 9\n }, this), \" |\", ' ', /*#__PURE__*/_jsxDEV(\"a\", {\n href: \"https://docs.tsugutsugugo.com/\",\n children: \"Docs\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 84,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 82,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 48,\n columnNumber: 5\n }, this);\n}\n_s(App, \"o866n5GgJgLiQS5AWVxgfQ5ivCw=\", false, function () {\n return [useNavigate];\n});\n_c = App;\nexport default App;\nvar _c;\n$RefreshReg$(_c, \"App\");","map":{"version":3,"names":["React","useState","useNavigate","jsxDEV","_jsxDEV","App","_s","query","setQuery","category","setCategory","navigate","imageMap","science","philosophy","tech","discover","multi","headerMap","appBgMap","headerBgMap","handleSubmit","e","preventDefault","encodeURIComponent","className","style","backgroundColor","children","src","alt","fileName","_jsxFileName","lineNumber","columnNumber","id","onSubmit","type","name","placeholder","value","onChange","target","map","cat","htmlFor","checked","charAt","toUpperCase","slice","href","_c","$RefreshReg$"],"sources":["/home/magh/Documents/landing_page_experimental/src/App.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport './App.css';\n\nfunction App() {\n const [query, setQuery] = useState('');\n const [category, setCategory] = useState('science');\n const navigate = useNavigate();\n\n const imageMap = {\n science: '/main.png',\n philosophy: '/philosophy.png',\n tech: '/tech.png',\n discover: '/web.png',\n multi: '/multi.png',\n };\n\n const headerMap = {\n science: '/header.png',\n philosophy: '/header_philosophy.png',\n tech: '/header_tech.png',\n discover: '/header_web.png',\n multi: '/header_multi.png',\n };\n\n const appBgMap = {\n science: '#fcfcff',\n philosophy: '#ffffff',\n tech: '#ffffff',\n discover: '#ffffff',\n multi: '#ffffff',\n };\n\n const headerBgMap = {\n science: '#f8f8f8',\n philosophy: '#ffffff',\n tech: '#ffffff',\n discover: '#ffffff',\n multi: '#ffffff',\n };\n\n const handleSubmit = (e) => {\n e.preventDefault();\n navigate(`/results?q=${encodeURIComponent(query)}&cat=${category}`);\n };\n\n return (\n <div className=\"App\" style={{ backgroundColor: appBgMap[category] }}>\n <header className=\"header-bar\" style={{ backgroundColor: headerBgMap[category] }}>\n <img src={headerMap[category]} alt=\"Header\" />\n </header>\n <main className=\"main-content\">\n <img id=\"mascot-img\" src={imageMap[category]} alt=\"Mascot\" />\n <div id=\"tagline\">a search engine for the rest of us</div>\n <form className=\"search-form\" onSubmit={handleSubmit}>\n <div className=\"search-container\">\n <input\n type=\"text\"\n name=\"search\"\n placeholder=\"Search...\"\n value={query}\n onChange={(e) => setQuery(e.target.value)}\n />\n </div>\n <div className=\"radio-options\">\n {[\"science\", \"philosophy\", \"tech\", \"discover\"].map((cat) => (\n <label htmlFor={cat} key={cat}>\n <input\n type=\"radio\"\n name=\"category\"\n id={cat}\n value={cat}\n checked={category === cat}\n onChange={(e) => setCategory(e.target.value)}\n />\n {cat.charAt(0).toUpperCase() + cat.slice(1)}\n </label>\n ))}\n </div>\n </form>\n </main>\n <footer className=\"footer\">\n <a href=\"https://git.tsugutsugugo.com/explore/repos\">Source</a> |{' '}\n <a href=\"https://docs.tsugutsugugo.com/\">Docs</a>\n </footer>\n </div>\n );\n}\n\nexport default App;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,OAAO,WAAW;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAEnB,SAASC,GAAGA,CAAA,EAAG;EAAAC,EAAA;EACb,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGP,QAAQ,CAAC,EAAE,CAAC;EACtC,MAAM,CAACQ,QAAQ,EAAEC,WAAW,CAAC,GAAGT,QAAQ,CAAC,SAAS,CAAC;EACnD,MAAMU,QAAQ,GAAGT,WAAW,CAAC,CAAC;EAE9B,MAAMU,QAAQ,GAAG;IACfC,OAAO,EAAE,WAAW;IACpBC,UAAU,EAAE,iBAAiB;IAC7BC,IAAI,EAAE,WAAW;IACjBC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE;EACT,CAAC;EAED,MAAMC,SAAS,GAAG;IAChBL,OAAO,EAAE,aAAa;IACtBC,UAAU,EAAE,wBAAwB;IACpCC,IAAI,EAAE,kBAAkB;IACxBC,QAAQ,EAAE,iBAAiB;IAC3BC,KAAK,EAAE;EACT,CAAC;EAED,MAAME,QAAQ,GAAG;IACfN,OAAO,EAAE,SAAS;IAClBC,UAAU,EAAE,SAAS;IACrBC,IAAI,EAAE,SAAS;IACfC,QAAQ,EAAE,SAAS;IACnBC,KAAK,EAAE;EACT,CAAC;EAED,MAAMG,WAAW,GAAG;IAClBP,OAAO,EAAE,SAAS;IAClBC,UAAU,EAAE,SAAS;IACrBC,IAAI,EAAE,SAAS;IACfC,QAAQ,EAAE,SAAS;IACnBC,KAAK,EAAE;EACT,CAAC;EAED,MAAMI,YAAY,GAAIC,CAAC,IAAK;IAC1BA,CAAC,CAACC,cAAc,CAAC,CAAC;IAClBZ,QAAQ,CAAC,cAAca,kBAAkB,CAACjB,KAAK,CAAC,QAAQE,QAAQ,EAAE,CAAC;EACrE,CAAC;EAED,oBACEL,OAAA;IAAKqB,SAAS,EAAC,KAAK;IAACC,KAAK,EAAE;MAAEC,eAAe,EAAER,QAAQ,CAACV,QAAQ;IAAE,CAAE;IAAAmB,QAAA,gBAClExB,OAAA;MAAQqB,SAAS,EAAC,YAAY;MAACC,KAAK,EAAE;QAAEC,eAAe,EAAEP,WAAW,CAACX,QAAQ;MAAE,CAAE;MAAAmB,QAAA,eAC/ExB,OAAA;QAAKyB,GAAG,EAAEX,SAAS,CAACT,QAAQ,CAAE;QAACqB,GAAG,EAAC;MAAQ;QAAAC,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAE;IAAC;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACxC,CAAC,eACT9B,OAAA;MAAMqB,SAAS,EAAC,cAAc;MAAAG,QAAA,gBAC5BxB,OAAA;QAAK+B,EAAE,EAAC,YAAY;QAACN,GAAG,EAAEjB,QAAQ,CAACH,QAAQ,CAAE;QAACqB,GAAG,EAAC;MAAQ;QAAAC,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAE,CAAC,eAC7D9B,OAAA;QAAK+B,EAAE,EAAC,SAAS;QAAAP,QAAA,EAAC;MAAkC;QAAAG,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAK,CAAC,eAC1D9B,OAAA;QAAMqB,SAAS,EAAC,aAAa;QAACW,QAAQ,EAAEf,YAAa;QAAAO,QAAA,gBACnDxB,OAAA;UAAKqB,SAAS,EAAC,kBAAkB;UAAAG,QAAA,eAC/BxB,OAAA;YACEiC,IAAI,EAAC,MAAM;YACXC,IAAI,EAAC,QAAQ;YACbC,WAAW,EAAC,WAAW;YACvBC,KAAK,EAAEjC,KAAM;YACbkC,QAAQ,EAAGnB,CAAC,IAAKd,QAAQ,CAACc,CAAC,CAACoB,MAAM,CAACF,KAAK;UAAE;YAAAT,QAAA,EAAAC,YAAA;YAAAC,UAAA;YAAAC,YAAA;UAAA,OAC3C;QAAC;UAAAH,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OACC,CAAC,eACN9B,OAAA;UAAKqB,SAAS,EAAC,eAAe;UAAAG,QAAA,EAC3B,CAAC,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,CAAC,CAACe,GAAG,CAAEC,GAAG,iBACrDxC,OAAA;YAAOyC,OAAO,EAAED,GAAI;YAAAhB,QAAA,gBAClBxB,OAAA;cACEiC,IAAI,EAAC,OAAO;cACZC,IAAI,EAAC,UAAU;cACfH,EAAE,EAAES,GAAI;cACRJ,KAAK,EAAEI,GAAI;cACXE,OAAO,EAAErC,QAAQ,KAAKmC,GAAI;cAC1BH,QAAQ,EAAGnB,CAAC,IAAKZ,WAAW,CAACY,CAAC,CAACoB,MAAM,CAACF,KAAK;YAAE;cAAAT,QAAA,EAAAC,YAAA;cAAAC,UAAA;cAAAC,YAAA;YAAA,OAC9C,CAAC,EACDU,GAAG,CAACG,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGJ,GAAG,CAACK,KAAK,CAAC,CAAC,CAAC;UAAA,GATnBL,GAAG;YAAAb,QAAA,EAAAC,YAAA;YAAAC,UAAA;YAAAC,YAAA;UAAA,OAUtB,CACR;QAAC;UAAAH,QAAA,EAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;QAAA,OACC,CAAC;MAAA;QAAAH,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OACF,CAAC;IAAA;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACH,CAAC,eACP9B,OAAA;MAAQqB,SAAS,EAAC,QAAQ;MAAAG,QAAA,gBACxBxB,OAAA;QAAG8C,IAAI,EAAC,4CAA4C;QAAAtB,QAAA,EAAC;MAAM;QAAAG,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAG,CAAC,MAAE,EAAC,GAAG,eACrE9B,OAAA;QAAG8C,IAAI,EAAC,gCAAgC;QAAAtB,QAAA,EAAC;MAAI;QAAAG,QAAA,EAAAC,YAAA;QAAAC,UAAA;QAAAC,YAAA;MAAA,OAAG,CAAC;IAAA;MAAAH,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OAC3C,CAAC;EAAA;IAAAH,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACN,CAAC;AAEV;AAAC5B,EAAA,CAnFQD,GAAG;EAAA,QAGOH,WAAW;AAAA;AAAAiD,EAAA,GAHrB9C,GAAG;AAqFZ,eAAeA,GAAG;AAAC,IAAA8C,EAAA;AAAAC,YAAA,CAAAD,EAAA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]} |