Browse Source
- Switched the config to JSON - Added Frontend - Added fist oAuth partsdependabot/npm_and_yarn/web/prismjs-1.21.0
25 changed files with 9288 additions and 65 deletions
@ -0,0 +1,3 @@ |
|||||
|
{ |
||||
|
"prettier.singleQuote": true |
||||
|
} |
||||
@ -1,3 +0,0 @@ |
|||||
DBPath: main.db # Location of the bolt DB database |
|
||||
ListenAddr: :8080 # RemoteAddr of the http server. (IP:Port) |
|
||||
ShortedIDLength: 4 # Length of the random generated ID |
|
||||
@ -0,0 +1,53 @@ |
|||||
|
package config |
||||
|
|
||||
|
import ( |
||||
|
"encoding/json" |
||||
|
"io/ioutil" |
||||
|
"os" |
||||
|
"path/filepath" |
||||
|
|
||||
|
"github.com/pkg/errors" |
||||
|
) |
||||
|
|
||||
|
// Configuration holds all the needed parameters use
|
||||
|
// the URL Shortener
|
||||
|
type Configuration struct { |
||||
|
Store Store |
||||
|
Handlers Handlers |
||||
|
} |
||||
|
|
||||
|
// Store contains the needed fields for the Store package
|
||||
|
type Store struct { |
||||
|
DBPath string |
||||
|
ShortedIDLength int |
||||
|
} |
||||
|
|
||||
|
// Handlers contains the needed fields for the Handlers package
|
||||
|
type Handlers struct { |
||||
|
ListenAddr string |
||||
|
EnableGinDebugMode bool |
||||
|
OAuth struct { |
||||
|
Google struct { |
||||
|
ClientID string |
||||
|
ClientSecret string |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// Get returns the configuration from a given file
|
||||
|
func Get() (*Configuration, error) { |
||||
|
var config *Configuration |
||||
|
ex, err := os.Executable() |
||||
|
if err != nil { |
||||
|
return nil, errors.Wrap(err, "could not get executable path") |
||||
|
} |
||||
|
file, err := ioutil.ReadFile(filepath.Join(filepath.Dir(ex), "config.json")) |
||||
|
if err != nil { |
||||
|
return nil, errors.Wrap(err, "could not read configuration file") |
||||
|
} |
||||
|
err = json.Unmarshal(file, &config) |
||||
|
if err != nil { |
||||
|
return nil, errors.Wrap(err, "could not unmarshal configuration file") |
||||
|
} |
||||
|
return config, nil |
||||
|
} |
||||
@ -0,0 +1,21 @@ |
|||||
|
# See https://help.github.com/ignore-files/ for more about ignoring files. |
||||
|
|
||||
|
# dependencies |
||||
|
/node_modules |
||||
|
|
||||
|
# testing |
||||
|
/coverage |
||||
|
|
||||
|
# production |
||||
|
/build |
||||
|
|
||||
|
# misc |
||||
|
.DS_Store |
||||
|
.env.local |
||||
|
.env.development.local |
||||
|
.env.test.local |
||||
|
.env.production.local |
||||
|
|
||||
|
npm-debug.log* |
||||
|
yarn-debug.log* |
||||
|
yarn-error.log* |
||||
File diff suppressed because it is too large
@ -1,15 +0,0 @@ |
|||||
<!DOCTYPE html> |
|
||||
<html lang="en"> |
|
||||
|
|
||||
<head> |
|
||||
<meta charset="UTF-8"> |
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge"> |
|
||||
<title>Great page!</title> |
|
||||
</head> |
|
||||
|
|
||||
<body> |
|
||||
|
|
||||
</body> |
|
||||
|
|
||||
</html> |
|
||||
@ -0,0 +1,24 @@ |
|||||
|
{ |
||||
|
"name": "golang-url-shortener", |
||||
|
"version": "0.1.0", |
||||
|
"private": true, |
||||
|
"proxy": { |
||||
|
"/api": { |
||||
|
"target": "http://127.0.0.1:8080", |
||||
|
"ws": true |
||||
|
} |
||||
|
}, |
||||
|
"dependencies": { |
||||
|
"react": "^16.0.0", |
||||
|
"react-dom": "^16.0.0", |
||||
|
"react-scripts": "1.0.16", |
||||
|
"semantic-ui-css": "^2.2.12", |
||||
|
"semantic-ui-react": "^0.75.1" |
||||
|
}, |
||||
|
"scripts": { |
||||
|
"start": "react-scripts start", |
||||
|
"build": "react-scripts build", |
||||
|
"test": "react-scripts test --env=jsdom", |
||||
|
"eject": "react-scripts eject" |
||||
|
} |
||||
|
} |
||||
|
After Width: | Height: | Size: 3.8 KiB |
@ -0,0 +1,40 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="en"> |
||||
|
<head> |
||||
|
<meta charset="utf-8"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
||||
|
<meta name="theme-color" content="#000000"> |
||||
|
<!-- |
||||
|
manifest.json provides metadata used when your web app is added to the |
||||
|
homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/ |
||||
|
--> |
||||
|
<link rel="manifest" href="%PUBLIC_URL%/manifest.json"> |
||||
|
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico"> |
||||
|
<!-- |
||||
|
Notice the use of %PUBLIC_URL% in the tags above. |
||||
|
It will be replaced with the URL of the `public` folder during the build. |
||||
|
Only files inside the `public` folder can be referenced from the HTML. |
||||
|
|
||||
|
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will |
||||
|
work correctly both with client-side routing and a non-root public URL. |
||||
|
Learn how to configure a non-root public URL by running `npm run build`. |
||||
|
--> |
||||
|
<title>React App</title> |
||||
|
</head> |
||||
|
<body> |
||||
|
<noscript> |
||||
|
You need to enable JavaScript to run this app. |
||||
|
</noscript> |
||||
|
<div id="root"></div> |
||||
|
<!-- |
||||
|
This HTML file is a template. |
||||
|
If you open it directly in the browser, you will see an empty page. |
||||
|
|
||||
|
You can add webfonts, meta tags, or analytics to this file. |
||||
|
The build step will place the bundled scripts into the <body> tag. |
||||
|
|
||||
|
To begin the development, run `npm start` or `yarn start`. |
||||
|
To create a production bundle, use `npm run build` or `yarn build`. |
||||
|
--> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,15 @@ |
|||||
|
{ |
||||
|
"short_name": "React App", |
||||
|
"name": "Create React App Sample", |
||||
|
"icons": [ |
||||
|
{ |
||||
|
"src": "favicon.ico", |
||||
|
"sizes": "64x64 32x32 24x24 16x16", |
||||
|
"type": "image/x-icon" |
||||
|
} |
||||
|
], |
||||
|
"start_url": "./index.html", |
||||
|
"display": "standalone", |
||||
|
"theme_color": "#000000", |
||||
|
"background_color": "#ffffff" |
||||
|
} |
||||
@ -0,0 +1,11 @@ |
|||||
|
@media only screen and (min-width: 768px) { |
||||
|
#rootContainer { |
||||
|
margin-top: 150px |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@media only screen and (max-width: 767px) { |
||||
|
#rootContainer { |
||||
|
margin-top: 50px |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,70 @@ |
|||||
|
import React, { Component } from 'react' |
||||
|
import { Container, Input, Segment, Form, Modal, Button } from 'semantic-ui-react' |
||||
|
import './App.css'; |
||||
|
|
||||
|
class ContainerExampleContainer extends Component { |
||||
|
handleURLChange = (e, { value }) => this.url = value |
||||
|
|
||||
|
handleURLSubmit() { |
||||
|
console.log(this.url) |
||||
|
} |
||||
|
|
||||
|
componentWillMount() { |
||||
|
console.log("componentWillMount") |
||||
|
} |
||||
|
componentDidMount = () => { |
||||
|
console.log("componentDidMount") |
||||
|
} |
||||
|
|
||||
|
state = { |
||||
|
open: true, |
||||
|
authorized: false |
||||
|
} |
||||
|
|
||||
|
onOAuthClose = () => { |
||||
|
this.setState({ open: false }) |
||||
|
} |
||||
|
|
||||
|
onAuthClick = () => { |
||||
|
console.log("onAuthClick") |
||||
|
window.open("/api/v1/login", "", "width=600,height=400") |
||||
|
} |
||||
|
|
||||
|
render() { |
||||
|
const { open, authorized } = this.state |
||||
|
if (authorized) { |
||||
|
return ( |
||||
|
<Container id='rootContainer' > |
||||
|
<Segment raised> |
||||
|
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa strong. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede link mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.</p> |
||||
|
<Form onSubmit={this.handleURLSubmit}> |
||||
|
<Form.Field> |
||||
|
<Input size='big' action={{ icon: 'arrow right' }} type='email' onChange={this.handleURLChange} name='url' placeholder='Enter your long URL here' /> |
||||
|
</Form.Field> |
||||
|
</Form> |
||||
|
</Segment> |
||||
|
</Container> |
||||
|
) |
||||
|
} else { |
||||
|
return ( |
||||
|
<Modal size="tiny" open={open} onClose={this.onOAuthClose}> |
||||
|
<Modal.Header> |
||||
|
OAuth2 Authentication |
||||
|
</Modal.Header> |
||||
|
<Modal.Content> |
||||
|
<p>Currently you are only able to use Google as authentification service:</p> |
||||
|
<div className="ui center aligned segment"> |
||||
|
<Button className="ui google plus button" onClick={this.onAuthClick}> |
||||
|
<i className="google icon"></i> |
||||
|
Login with Google |
||||
|
</Button> |
||||
|
</div> |
||||
|
</Modal.Content> |
||||
|
</Modal> |
||||
|
) |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
|
||||
|
export default ContainerExampleContainer; |
||||
@ -0,0 +1,8 @@ |
|||||
|
import React from 'react'; |
||||
|
import ReactDOM from 'react-dom'; |
||||
|
import App from './App'; |
||||
|
|
||||
|
it('renders without crashing', () => { |
||||
|
const div = document.createElement('div'); |
||||
|
ReactDOM.render(<App />, div); |
||||
|
}); |
||||
@ -0,0 +1,5 @@ |
|||||
|
body { |
||||
|
margin: 0; |
||||
|
padding: 0; |
||||
|
font-family: sans-serif; |
||||
|
} |
||||
@ -0,0 +1,18 @@ |
|||||
|
<html> |
||||
|
|
||||
|
<body> |
||||
|
<div id="App"></div> |
||||
|
|
||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react-with-addons.js"></script> |
||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.0.1/react-dom.min.js"></script> |
||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.7.7/babel.min.js"></script> |
||||
|
<script> |
||||
|
fetch("./index.js").then(function (response) { |
||||
|
response.text().then(function (js) { |
||||
|
eval(Babel.transform(js, { presets: ['es2015', 'react'] }).code); |
||||
|
}); |
||||
|
}); |
||||
|
</script> |
||||
|
</body> |
||||
|
|
||||
|
</html> |
||||
@ -0,0 +1,9 @@ |
|||||
|
import React from 'react'; |
||||
|
import ReactDOM from 'react-dom'; |
||||
|
import './index.css'; |
||||
|
import 'semantic-ui-css/semantic.min.css'; |
||||
|
import App from './App/App'; |
||||
|
import registerServiceWorker from './registerServiceWorker'; |
||||
|
|
||||
|
ReactDOM.render(<App />, document.getElementById('root')); |
||||
|
registerServiceWorker(); |
||||
@ -0,0 +1,108 @@ |
|||||
|
// In production, we register a service worker to serve assets from local cache.
|
||||
|
|
||||
|
// This lets the app load faster on subsequent visits in production, and gives
|
||||
|
// it offline capabilities. However, it also means that developers (and users)
|
||||
|
// will only see deployed updates on the "N+1" visit to a page, since previously
|
||||
|
// cached resources are updated in the background.
|
||||
|
|
||||
|
// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.
|
||||
|
// This link also includes instructions on opting out of this behavior.
|
||||
|
|
||||
|
const isLocalhost = Boolean( |
||||
|
window.location.hostname === 'localhost' || |
||||
|
// [::1] is the IPv6 localhost address.
|
||||
|
window.location.hostname === '[::1]' || |
||||
|
// 127.0.0.1/8 is considered localhost for IPv4.
|
||||
|
window.location.hostname.match( |
||||
|
/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/ |
||||
|
) |
||||
|
); |
||||
|
|
||||
|
export default function register() { |
||||
|
if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) { |
||||
|
// The URL constructor is available in all browsers that support SW.
|
||||
|
const publicUrl = new URL(process.env.PUBLIC_URL, window.location); |
||||
|
if (publicUrl.origin !== window.location.origin) { |
||||
|
// Our service worker won't work if PUBLIC_URL is on a different origin
|
||||
|
// from what our page is served on. This might happen if a CDN is used to
|
||||
|
// serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374
|
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
window.addEventListener('load', () => { |
||||
|
const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`; |
||||
|
|
||||
|
if (isLocalhost) { |
||||
|
// This is running on localhost. Lets check if a service worker still exists or not.
|
||||
|
checkValidServiceWorker(swUrl); |
||||
|
} else { |
||||
|
// Is not local host. Just register service worker
|
||||
|
registerValidSW(swUrl); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
function registerValidSW(swUrl) { |
||||
|
navigator.serviceWorker |
||||
|
.register(swUrl) |
||||
|
.then(registration => { |
||||
|
registration.onupdatefound = () => { |
||||
|
const installingWorker = registration.installing; |
||||
|
installingWorker.onstatechange = () => { |
||||
|
if (installingWorker.state === 'installed') { |
||||
|
if (navigator.serviceWorker.controller) { |
||||
|
// At this point, the old content will have been purged and
|
||||
|
// the fresh content will have been added to the cache.
|
||||
|
// It's the perfect time to display a "New content is
|
||||
|
// available; please refresh." message in your web app.
|
||||
|
console.log('New content is available; please refresh.'); |
||||
|
} else { |
||||
|
// At this point, everything has been precached.
|
||||
|
// It's the perfect time to display a
|
||||
|
// "Content is cached for offline use." message.
|
||||
|
console.log('Content is cached for offline use.'); |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
}; |
||||
|
}) |
||||
|
.catch(error => { |
||||
|
console.error('Error during service worker registration:', error); |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
function checkValidServiceWorker(swUrl) { |
||||
|
// Check if the service worker can be found. If it can't reload the page.
|
||||
|
fetch(swUrl) |
||||
|
.then(response => { |
||||
|
// Ensure service worker exists, and that we really are getting a JS file.
|
||||
|
if ( |
||||
|
response.status === 404 || |
||||
|
response.headers.get('content-type').indexOf('javascript') === -1 |
||||
|
) { |
||||
|
// No service worker found. Probably a different app. Reload the page.
|
||||
|
navigator.serviceWorker.ready.then(registration => { |
||||
|
registration.unregister().then(() => { |
||||
|
window.location.reload(); |
||||
|
}); |
||||
|
}); |
||||
|
} else { |
||||
|
// Service worker found. Proceed as normal.
|
||||
|
registerValidSW(swUrl); |
||||
|
} |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
console.log( |
||||
|
'No internet connection found. App is running in offline mode.' |
||||
|
); |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
export function unregister() { |
||||
|
if ('serviceWorker' in navigator) { |
||||
|
navigator.serviceWorker.ready.then(registration => { |
||||
|
registration.unregister(); |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
File diff suppressed because it is too large
Loading…
Reference in new issue