1 line
10 KiB
JSON
1 line
10 KiB
JSON
{"ast":null,"code":"var _jsxFileName = \"/home/seanedmunds/dev/home-page/src/index.js\";\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nfunction Header(props) {\n return /*#__PURE__*/_jsxDEV(\"section\", {\n id: \"header\",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n id: \"greeting_block\",\n children: /*#__PURE__*/_jsxDEV(\"h1\", {\n id: \"header_greet\",\n children: props.greet\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 9,\n columnNumber: 7\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 8,\n columnNumber: 5\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n id: \"date_block\",\n children: [/*#__PURE__*/_jsxDEV(\"h2\", {\n id: \"header_date\",\n children: props.date\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 12,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(\"h2\", {\n id: \"clock\",\n children: props.time\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 13,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 11,\n columnNumber: 5\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 7,\n columnNumber: 5\n }, this);\n}\n\n_c = Header;\n\nfunction Search(props) {\n return /*#__PURE__*/_jsxDEV(\"section\", {\n id: \"search\",\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n class: \"abackground\",\n children: [/*#__PURE__*/_jsxDEV(\"input\", {\n name: \"keywords\",\n type: \"text\",\n class: \"keyword\",\n id: \"keywords\",\n size: \"50\",\n spellcheck: \"true\",\n placeholder: \"\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 23,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"label\", {\n id: \"searchType\",\n class: \"Input-label\",\n children: \"Google search\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 24,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 22,\n columnNumber: 7\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 21,\n columnNumber: 5\n }, this);\n}\n\n_c2 = Search;\n\nfunction Homepage() {\n return /*#__PURE__*/_jsxDEV(Search, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 32,\n columnNumber: 5\n }, this), /*#__PURE__*/_jsxDEV(Header, {\n date: date(),\n time: time(),\n greet: greet()\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 5\n }, this);\n}\n\n_c3 = Homepage;\nReactDOM.render( /*#__PURE__*/_jsxDEV(Homepage, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 42,\n columnNumber: 3\n}, this), document.getElementById('root')); //Functions below this line are for calculating data for\n//other functions\n\nfunction date() {\n let currentDate = new Date();\n let dateOptions = {\n weekday: \"long\",\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\"\n };\n let date = currentDate.toLocaleDateString(\"en-GB\", dateOptions);\n return date;\n}\n\nfunction time() {\n var date = new Date();\n var hour = date.getHours();\n var minutes = date.getMinutes();\n var seconds = date.getSeconds();\n var midday = \"AM\";\n midday = hour >= 12 ? \"PM\" : \"AM\";\n hour = hour == 0 ? 12 : hour > 12 ? hour - 12 : hour; //hour = updateTime(hour);\n\n minutes = updateTime(minutes);\n seconds = updateTime(seconds);\n let time = hour + \":\" + minutes + \" \" + midday;\n return time; //document.getElementById(\"clock\").innerText = hour + \":\" + minutes + \" \" + midday;\n //var t = setTimeout(time, 1000);\n}\n\nfunction updateTime(k) {\n if (k < 10) {\n return \"0\" + k;\n } else {\n return k;\n }\n}\n\nfunction greet() {\n let currentTime = new Date();\n let greet = Math.floor(currentTime.getHours() / 6);\n let easterEgg = Math.floor(Math.random() * 100);\n let greetings = fetchAndRender('messages');\n fetchAndRender('messages');\n}\n\nfunction fetchAndRender(name) {\n let response = fetch(name + '.json');\n console.log(response);\n}\n\nvar _c, _c2, _c3;\n\n$RefreshReg$(_c, \"Header\");\n$RefreshReg$(_c2, \"Search\");\n$RefreshReg$(_c3, \"Homepage\");","map":{"version":3,"sources":["/home/seanedmunds/dev/home-page/src/index.js"],"names":["React","ReactDOM","Header","props","greet","date","time","Search","Homepage","render","document","getElementById","currentDate","Date","dateOptions","weekday","year","month","day","toLocaleDateString","hour","getHours","minutes","getMinutes","seconds","getSeconds","midday","updateTime","k","currentTime","Math","floor","easterEgg","random","greetings","fetchAndRender","name","response","fetch","console","log"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\n\nfunction Header(props) {\n return (\n <section id=\"header\">\n <div id=\"greeting_block\">\n <h1 id=\"header_greet\">{props.greet}</h1>\n </div>\n <div id=\"date_block\">\n <h2 id=\"header_date\">{props.date}</h2>\n <h2 id=\"clock\">{props.time}</h2>\n </div>\n </section> \n );\n}\n\nfunction Search(props) {\n return (\n <section id=\"search\">\n <div class =\"abackground\">\n <input name=\"keywords\" type=\"text\" class=\"keyword\" id=\"keywords\" size=\"50\" spellcheck=\"true\" placeholder=\"\"/>\n <label id=\"searchType\" class=\"Input-label\">Google search</label>\n </div>\n </section>\n )\n}\n\nfunction Homepage() {\n return (\n <Search />,\n <Header \n date={date()}\n time={time()}\n greet={greet()}\n />\n );\n}\n\nReactDOM.render(\n <Homepage />,\n document.getElementById('root')\n);\n\n//Functions below this line are for calculating data for\n//other functions\n\nfunction date() {\n let currentDate = new Date();\n let dateOptions = {\n weekday: \"long\",\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\"\n };\n let date = currentDate.toLocaleDateString(\"en-GB\", dateOptions);\n return date;\n}\nfunction time() {\n var date = new Date();\n var hour = date.getHours();\n var minutes = date.getMinutes();\n var seconds = date.getSeconds();\n var midday = \"AM\";\n midday = (hour >= 12) ? \"PM\" : \"AM\";\n hour = (hour == 0) ? 12 : ((hour > 12) ? (hour - 12): hour);\n //hour = updateTime(hour);\n minutes = updateTime(minutes);\n seconds = updateTime(seconds);\n let time = hour + \":\" + minutes + \" \" + midday;\n return time;\n //document.getElementById(\"clock\").innerText = hour + \":\" + minutes + \" \" + midday;\n //var t = setTimeout(time, 1000);\n}\nfunction updateTime(k) {\n if (k < 10) {\n return \"0\" + k;\n }\n else {\n return k;\n }\n}\nfunction greet() {\n let currentTime = new Date();\n let greet = Math.floor(currentTime.getHours() / 6);\n let easterEgg = Math.floor(Math.random() * 100);\n let greetings = fetchAndRender('messages');\n fetchAndRender('messages');\n}\nfunction fetchAndRender (name) {\n let response = fetch(name + '.json');\n console.log(response)\n}"]},"metadata":{},"sourceType":"module"} |