{"version":3,"sources":["components/Projects.js","components/NotFound.js","components/App.js","serviceWorker.js","index.js"],"names":["Projects","props","state","projects","header","title","text","download","URL","github","console","log","this","className","style","Container","Row","CardDeck","Card","Header","Body","Title","Text","Link","href","React","Component","NotFound","forwardRef","ref","Navbar","bg","expand","variant","id","Brand","Nav","NavDropdown","Item","StandardNotes","src","window","location","hostname","width","innerWidth","height","innerHeight","frameBorder","App","resizeIframe","stnd_notes","current","createRef","addEventListener","removeEventListener","exact","path","to","Boolean","match","ReactDOM","render","StrictMode","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister","catch","error","message"],"mappings":"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","file":"static/js/main.f54d3896.chunk.js","sourcesContent":["import React from \"react\";\nimport Card from \"react-bootstrap/Card\";\nimport Container from \"react-bootstrap/Container\";\nimport Row from \"react-bootstrap/Row\";\nimport CardDeck from \"react-bootstrap/CardDeck\";\n\nexport default class Projects extends React.Component {\n    constructor(props) {\n        super(props);\n        /*\n            The JSON object this.state.projects is a list of objects. The format of these objects is:\n                * title: string,\n                *\n\n        */\n        this.state = {\n            projects: [\n                {\n                    header: \"\",\n                    title: \"\",\n                    text: \"\",\n                    download: new URL(\"https://test.com\"),\n                    github: new URL(\"https://test.com\")\n                }\n            ]\n        };\n    }\n\n    componentDidMount() {\n        console.log(this.state.projects);\n        console.log(this.state.projects[0]);\n    }\n    render() {\n        // TODO populate cards from from state\n        // TODO style in .css!\n        // TODO background-color: #292b2c ?\n        return (\n            <div className=\"proj-card-container\" style = {{\"backgroundColor\": \"var(--dark)\"}}>\n            <Container>\n                <Row>\n                    <CardDeck>\n                        <Card className=\"text-white text-white bg-dark mb-3 d-inline-block\" style = {{\"maxWidth\": \"20rem\", \"minWidth\": \"18rem\", \"margin-top\": \"2em\"}}>\n                            <Card.Header> Project #1 </Card.Header>\n                            <Card.Body>\n                                <Card.Title>\n                                    asdf\n                                </Card.Title>\n                                <Card.Text>\n                                    hello\n                                </Card.Text>\n                                <Card.Link href=\"/\">Download</Card.Link>\n                                <Card.Link href=\"/\">Visit on Github</Card.Link>\n                            </Card.Body>\n                        </Card>\n                    </CardDeck>\n                </Row>\n            </Container>\n            </div>\n        );\n    }\n}\n","import React from \"react\";\nimport \"./css/NotFound.css\";\nexport default function NotFound() {\n    return(\n        <div className=\"not_found\">\n            <h2 className = \"title\"> The page was not found </h2>\n        </div>\n    );\n}","import React, { useRef } from 'react';\nimport Navbar from \"react-bootstrap/Navbar\";\nimport Nav from \"react-bootstrap/Nav\";\nimport NavDropdown from \"react-bootstrap/NavDropdown\";\nimport Button from \"react-bootstrap/Button\";\nimport Badge from \"react-bootstrap/Badge\";\nimport {\n  BrowserRouter as Router,\n  Switch,\n  Route,\n  Redirect\n} from \"react-router-dom\";\nimport Projects from \"./Projects.js\";\nimport NotFound from \"./NotFound.js\";\nimport 'bootstrap/dist/css/bootstrap.min.css';\nimport './css/App.css';\n\nconst Header = React.forwardRef((props, ref) => {\n  return <Navbar bg=\"dark\" expand=\"lg\" variant=\"dark\" id=\"navbar\" className=\"navig\" ref = {ref}>\n            <Navbar.Brand href=\"/\"> DDz </Navbar.Brand>\n            { /* <Navbar.Toggle aria-controls=\"basic-navbar-nav\" /> */}\n            { /* <Navbar.Collapse id=\"basic-navbar-nav\"> */ }\n              <Nav className=\"mr-auto\">\n                { /* <Nav.Link href=\"/\">Home</Nav.Link> */ }\n                {/*<Nav.Link href=\"/stnd_notz\">Notes</Nav.Link>\n                <NavDropdown title=\"Projects\" id=\"basic-nav-dropdown\">\n                  <NavDropdown.Item href=\"/prog\">Programming</NavDropdown.Item>\n                  <NavDropdown.Item href=\"/music\">Music</NavDropdown.Item>\n                </NavDropdown>*/}\n                <NavDropdown title=\"Links\" id=\"basic-nav-dropdown\">\n                  <NavDropdown.Item className = \"navbar-item\" href=\"https://imagetoaudio.com\">ImageToAudio</NavDropdown.Item>\n                  <NavDropdown.Item href=\"/querty\">Querty?</NavDropdown.Item>\n                  <NavDropdown.Item href=\"https://chat.pewue.com\">Secure Chat</NavDropdown.Item>\n                </NavDropdown>\n              </Nav>\n            { /* </Navbar.Collapse> */}\n         </Navbar>\n});\n\nconst StandardNotes = React.forwardRef((props, ref) => {\n  return <iframe src={ \"https://\" + window.location.hostname + \"/stnd_notz_nginx_\" } title=\"notes\" width={window.innerWidth}  // TODO the src should allow requests only from this host server's ip!\n            height={window.innerHeight} ref = {ref} frameBorder=\"0\"> </iframe>\n});\n\nclass App extends React.Component {\n  constructor(props) {\n    super(props);\n    this.header = React.createRef();\n    this.stnd_notes = React.createRef();\n  }\n\n  componentDidMount() {\n    this.resizeIframe();\n    window.addEventListener('resize', this.resizeIframe);\n  }\n\n  resizeIframe = () => {\n    // the standard notes and header refs should not be null\n    if (this.stnd_notes && this.stnd_notes.current) {\n                                  // = current height of the window - the height of the header - the bottom padding of the header\n      this.stnd_notes.current.height = window.innerHeight - 8;\n      // for some reason (window.innerHeight - this.header.current.offsetHeight) was too big\n      this.stnd_notes.current.width = window.innerWidth;\n    }\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('resize', this.resizeIframe);\n  }\n\n  render() {\n    return (\n      <div className=\"App\">\n      <Router>\n          <Switch>\n            <Route exact path = \"/\">\n              <h3 className = \"title\"> Oh Hi </h3>\n              <h3> how&#39;d you get here :O </h3>\n              <img src={process.env.PUBLIC_URL + \"/giphy.gif\"} className = \"gifsg\"></img>\n              <p className =\"paragraph\"> btw got some spare btc? :P </p>\n              <p className =\"paragraph\"> 1DxASKJun58Ph6FKMdgREnj9yBs5Lj42Fv\n                <br/> <br/>\n                Or maybe eth?\n                <br/>\n                0xC0ffeeACDC16f798d1B0648c6cF9F6F88EFaFEdA\n                <br/>\n                (Or check <a href=\"/crypto\"> /crypto </a> for more addresses)\n              </p>\n\n              <Header ref={this.header}/>\n\n            </Route>\n            <Route path = \"/stnd_notz\">\n              <StandardNotes ref={this.stnd_notes} />\n            </Route>\n            <Route path = \"/not_found\">\n              <NotFound/>\n            </Route>\n            <Route path = \"/prog\">\n              <Projects/>\n            </Route>\n            <Redirect to = \"/not_found\"/>\n          </Switch>\n      </Router>\n      </div>\n    );\n  }\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' },\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './components/App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}