{props.var}
\r\n\r\n \r\n
\r\n {displayColorPicker ? \r\n \r\n
\r\n )\r\n}\r\nexport default Settings","export type weblink = {\r\n\turl: string,\r\n\ticon: string,\r\n}\r\n\r\nexport const weblinks:weblink[] = [\r\n\t{\r\n\t\turl: \"https://github.com\",\r\n\t\ticon: \"faGithubAlt\",\r\n\t},\r\n\t{\r\n\t\turl: \"https://reddit.com\",\r\n\t\ticon: \"faRedditAlien\",\r\n\t},\r\n\t{\r\n\t\turl: \"https://gitlab.com\",\r\n\t\ticon: \"faGitlab\",\r\n\t},\r\n\t{\r\n\t\turl: \"https://www.wallpaperflare.com/park-junkyu-women-cyborg-futuristic-cyberpunk-black-hair-wallpaper-wekdq\",\r\n\t\ticon: \"faImage\",\r\n\t},\r\n\t{\r\n\t\turl: \"https://www.youtube.com/channel/UCtQqZ6EhvprvC0H2tLN2EcA\",\r\n\t\ticon: \"faYoutube\",\r\n\t},\r\n\t{\r\n\t\turl: \"\",\r\n\t\ticon: \"faGitkraken\",\r\n\t},\r\n]\r\nexport const welcome:string = \"お帰りなさい\"\r\n\r\nexport type searchEngine = {\r\n\tlabel: string,\r\n\turl: string,\r\n}\r\n\r\nexport const searchEngines:searchEngine[] = [\r\n\t{\r\n\t\tlabel: \"Google\",\r\n\t\turl: \"google.com/search\",\r\n\t},\r\n\t{\r\n\t\tlabel: \"DuckDuckGo\",\r\n\t\turl: \"duckduckgo.com/\",\r\n\t},\r\n\t{\r\n\t\tlabel: \"Qwant\",\r\n\t\turl: \"qwant.com/\",\r\n\t},\r\n]","import React, {useState, useEffect} from 'react';\r\nimport { fas } from '@fortawesome/free-solid-svg-icons'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\n\r\nimport {toastAction} from \"../Toastify/Toastify\"\r\nimport Colorpicker from \"./Colorpicker\"\r\nimport \"../_styles/settings.css\"\r\n\r\nimport { searchEngines } from \"../_data/data\"\r\n\r\ntype props = {\r\n handleColorChange: (key: string, color: string) => void,\r\n}\r\n\r\nexport function Settings(props:props){\r\n const [showSettings, setShowSettings] = useState(false)\r\n const [currSearchEngine, setCurrSearchEngine] = useState(searchEngines[0].url)\r\n\r\n useEffect(()=>{\r\n let lsEngine = localStorage.getItem(\"search-engine\")\r\n if (lsEngine !== null) {\r\n setCurrSearchEngine(lsEngine)\r\n }\r\n }, [])\r\n\r\n let handleEngineChange = (url:string) => {\r\n setCurrSearchEngine(url)\r\n localStorage.setItem(\"search-engine\", url)\r\n toastAction(\"Changed searchengine to \"+url)\r\n }\r\n \r\n let engines:JSX.Element[] = []\r\n searchEngines.forEach(engine => {\r\n engines.push(\r\n \r\n
: null }\r\n \r\n \r\n
\r\n )\r\n });\r\n\r\n return(\r\n <>\r\n \r\n setShowSettings(!showSettings)}/>\r\n \r\n ,\r\n document.getElementById('root')\r\n);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\n","module.exports = __webpack_public_path__ + \"static/media/pic.ba1342f4.png\";"],"sourceRoot":""}
--------------------------------------------------------------------------------
/static/js/runtime-main.ada85091.js:
--------------------------------------------------------------------------------
1 | !function(e){function t(t){for(var n,l,p=t[0],f=t[1],i=t[2],c=0,s=[];c
setShowSettings(!showSettings)}/>\r\n
\r\n : \"\"\r\n }\r\n \r\n )\r\n}\r\nexport default Settings","import React from 'react'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { fas } from '@fortawesome/free-solid-svg-icons'\r\nimport { fab } from '@fortawesome/free-brands-svg-icons'\r\n\r\nimport \"../_styles/dockbar.css\"\r\n\r\nimport { weblinks } from '../_data/data'\r\n\r\nexport function Settings(){\r\n let icons:JSX.Element[] = []\r\n weblinks.forEach(weblink => {\r\n icons.push(\r\n \r\n \r\n
\r\n \r\n {engines}\r\n
\r\n \r\n {icons}\r\n
\r\n )\r\n}\r\nexport default Settings","import React from 'react';\r\nimport '../_styles/searchbar.css';\r\n\r\nexport function SearchBar() : JSX.Element {\r\n let engine = localStorage.getItem(\"search-engine\")\r\n if (engine === null) {\r\n engine = \"google.com/search\"\r\n }\r\n\r\n var inputRef:any;\r\n function redirectToSearch() {\r\n let value = encodeURIComponent(inputRef.value)\r\n window.location.replace(\"https://\"+engine+\"?q=\"+value);\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default SearchBar;\r\n","import React, { useState, useEffect } from 'react';\r\nimport {Toastify, toastAction} from \"./Toastify/Toastify\"\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { fas } from '@fortawesome/free-solid-svg-icons'\r\n\r\nimport './_styles/animations.css';\r\nimport './_styles/variables.css';\r\nimport './_styles/main.css';\r\n\r\nimport Pic from \"./_data/pic.png\"\r\nimport Settings from \"./Settings/Settings\"\r\nimport Dockbar from \"./Dockbar/Dockbar\"\r\nimport Searchbar from \"./Searchbar/Searchbar\"\r\nimport { welcome } from './_data/data'\r\n\r\ntype colors = {\r\n\t[key:string]:string\r\n\t'bg-color':string,\r\n\t'default-color':string,\r\n\t'accent-color':string,\r\n\t'accent-color2':string,\r\n}\r\nconst defaultColors:colors = {\r\n\t'bg-color': \"rgba(46,46,46,255)\",\r\n\t'default-color': \"rgba(230,230,230,255)\",\r\n\t'accent-color': \"rgba(50,200,150,.3)\",\r\n\t'accent-color2': \"rgba(200, 50, 50, 0.3)\",\r\n}\r\n\r\nfunction App() {\r\n\tconst [time, setTime] = useState(new Date())\r\n\tlet tick = () => {\r\n\t\tsetTime(new Date())\r\n\t}\r\n\tuseEffect(() => {\r\n\t\tsetInterval(\r\n\t\t\t() => tick(),\r\n\t\t\t1000\r\n\t\t );\r\n\t}, [])\r\n\r\n\t//Prepare colors\r\n\tlet root = document.documentElement;\r\n\tObject.keys(defaultColors).forEach(key => {\r\n\t\tlet c = localStorage.getItem(key)\r\n\t\tif (c) {\r\n\t\t\troot.style.setProperty(\"--\"+key, c)\r\n\t\t}\r\n\t});\r\n\r\n\tlet handleColorChange = (key:string, color:string) => {\r\n\t\troot.style.setProperty(\"--\"+key, color)\r\n\t\tlocalStorage.setItem(key, color)\r\n\t\ttoastAction(key+' changed to '+color)\r\n\t}\r\n\t\r\n\treturn (\r\n\t\t<>\r\n\t\t\t\r\n inputRef = ref} \r\n onKeyPress={(e) => {if (e.which === 13) redirectToSearch()}}\r\n autoFocus={true}\r\n />\r\n
\r\n \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\r\n\t);\r\n}\r\n\r\nexport default App;","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.0/8 are considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl, {\r\n headers: { 'Service-Worker': 'script' },\r\n })\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready\r\n .then(registration => {\r\n registration.unregister();\r\n })\r\n .catch(error => {\r\n console.error(error.message);\r\n });\r\n }\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport * as serviceWorker from './serviceWorker';\r\n\r\nReactDOM.render(\r\n \r\n\t\t\t\t\t\r\n\t\t\t\t\t
toastAction(\"test\")}/>\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t{welcome}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t