work
This commit is contained in:
parent
b5006a117c
commit
466df90e7c
|
|
@ -0,0 +1,2 @@
|
||||||
|
node_modules/
|
||||||
|
dist/
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
---
|
|
||||||
title: "{{ replace .Name "-" " " | title }}"
|
|
||||||
date: {{ .Date }}
|
|
||||||
draft: true
|
|
||||||
---
|
|
||||||
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
baseURL = "/"
|
|
||||||
languageCode = "en-us"
|
|
||||||
title = "git-deploy"
|
|
||||||
theme = "Arc"
|
|
||||||
disableKinds = ["RSS"]
|
|
||||||
|
|
||||||
[permalinks]
|
|
||||||
pages = "/:filename"
|
|
||||||
|
|
@ -1,23 +0,0 @@
|
||||||
---
|
|
||||||
title: Dashboard
|
|
||||||
---
|
|
||||||
|
|
||||||
<div class="columns">
|
|
||||||
<div class="column">
|
|
||||||
<div class="box">
|
|
||||||
<h2 class="is-size-5">Staging</h2>
|
|
||||||
<p>
|
|
||||||
<button class="button">Build</button>
|
|
||||||
<button class="button">Promote</button>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="column">
|
|
||||||
<div class="box">
|
|
||||||
<h2 class="is-size-5">Production</h2>
|
|
||||||
<p>
|
|
||||||
<button class="button">Build</button>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
@ -1,9 +0,0 @@
|
||||||
---
|
|
||||||
title: About
|
|
||||||
---
|
|
||||||
|
|
||||||
<div class="content">
|
|
||||||
<p class="has-text-centered is-size-5">
|
|
||||||
<b>cdadmin</b> is a continous deployment tool for static websites.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
signin
|
|
||||||
|
|
@ -1,23 +0,0 @@
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
|
||||||
<div class="columns">
|
|
||||||
<div class="column has-text-left">
|
|
||||||
<p>
|
|
||||||
<a
|
|
||||||
href="https://git.rootprojects.org/root/git-deploy"
|
|
||||||
target="_blank"
|
|
||||||
>
|
|
||||||
Git Repository
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="column has-text-right">
|
|
||||||
<p>
|
|
||||||
<span>Version: 0.1.0</span>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<script src="/main.js"></script>
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
<meta name="viewport" content="width=device-width" />
|
|
||||||
<link rel="stylesheet" href="/style.css" />
|
|
||||||
<link rel="stylesheet" href="/custom.css" />
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
<header class="header">
|
|
||||||
<div class="brand content">
|
|
||||||
<h1>
|
|
||||||
<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
|
|
||||||
</h1>
|
|
||||||
</div>
|
|
||||||
{{ partial "navbar.html" }}
|
|
||||||
</header>
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
<nav class="navbar">
|
|
||||||
<ul>
|
|
||||||
<li><a href="/">Dashboard</a></li>
|
|
||||||
<!-- <li><a href="/sigin">Sign In</a></li> -->
|
|
||||||
<li><a href="/sigout">Sign Out</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,28 @@
|
||||||
|
{
|
||||||
|
"dependencies": {
|
||||||
|
"@ryanburnette/html-remove-empty-lines": "^1.1.4",
|
||||||
|
"@ryanburnette/spawn-in-parallel": "^1.0.1",
|
||||||
|
"autoprefixer": "^8.6.5",
|
||||||
|
"axios": "^0.20.0",
|
||||||
|
"bulma": "^0.9.0",
|
||||||
|
"css-loader": "^3.5.3",
|
||||||
|
"http-server": "^0.12.3",
|
||||||
|
"jshint": "^2.12.0",
|
||||||
|
"mini-css-extract-plugin": "^0.9.0",
|
||||||
|
"node-sass": "^4.14.1",
|
||||||
|
"postcss-loader": "^4.0.2",
|
||||||
|
"prettier": "^2.1.2",
|
||||||
|
"purgecss": "^2.3.0",
|
||||||
|
"sass-loader": "^8.0.2",
|
||||||
|
"style-loader": "^1.2.1",
|
||||||
|
"vue": "^2.6.12",
|
||||||
|
"vue-router": "^3.4.3",
|
||||||
|
"webpack": "5.0.0-beta.31",
|
||||||
|
"webpack-cli": "^3.3.12",
|
||||||
|
"webpack-merge": "^5.1.4",
|
||||||
|
"@babel/core": "^7.11.6",
|
||||||
|
"@babel/preset-env": "^7.11.5",
|
||||||
|
"babel-loader": "^8.1.0"
|
||||||
|
},
|
||||||
|
"devDependencies": {}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
plugins: [require('autoprefixer')]
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
content: ['public/**/*.html', 'public/**/*.js'],
|
||||||
|
css: ['public/**/*.css'],
|
||||||
|
output: 'public/',
|
||||||
|
keyframes: true,
|
||||||
|
whitelist: [],
|
||||||
|
whitelistPatterns: []
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
#!/usr/bin/env node
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
var spawn = require('@ryanburnette/spawn-in-parallel');
|
||||||
|
|
||||||
|
spawn([
|
||||||
|
'npx http-server dist/',
|
||||||
|
'npx webpack --config webpack.development.js --watch --colors',
|
||||||
|
'scripts/watch'
|
||||||
|
]);
|
||||||
|
|
@ -0,0 +1,33 @@
|
||||||
|
#!/usr/bin/env node
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
var fs = require('fs');
|
||||||
|
var { exec } = require('child_process');
|
||||||
|
|
||||||
|
var cmd = `rsync -av --exclude="**.js" --exclude="css/" --exclude="js/" src/ dist/`;
|
||||||
|
fs.watch(
|
||||||
|
'src',
|
||||||
|
{
|
||||||
|
recursive: true
|
||||||
|
},
|
||||||
|
function (eventType, filename) {
|
||||||
|
//console.log(eventType, filename);
|
||||||
|
if (filename.includes('.html')) {
|
||||||
|
rsync();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
function rsync() {
|
||||||
|
exec(
|
||||||
|
cmd,
|
||||||
|
{
|
||||||
|
path: process.env.PATH,
|
||||||
|
cwd: process.cwd()
|
||||||
|
},
|
||||||
|
function (err, stdout, stderr) {
|
||||||
|
console.log(stdout);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
rsync();
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"email": "ryan.burnette@gmail.com"
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,104 @@
|
||||||
|
// numbers
|
||||||
|
$golden: 1.618;
|
||||||
|
|
||||||
|
// colors
|
||||||
|
$primary: #1c6ba0;
|
||||||
|
$link: $primary;
|
||||||
|
|
||||||
|
// fonts
|
||||||
|
$family-primary: 'Open Sans', Arial, sans-serif;
|
||||||
|
|
||||||
|
@import 'bulma/bulma';
|
||||||
|
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
background-color: darken($white, 2.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
// sticky footer
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
.app {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.app {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.main {
|
||||||
|
flex: 1 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar {
|
||||||
|
background-color: darken($white, 7.5);
|
||||||
|
font-size: (14/16) * 1rem;
|
||||||
|
}
|
||||||
|
.navbar-item {
|
||||||
|
padding-top: 1.25rem;
|
||||||
|
padding-bottom: 1.25rem;
|
||||||
|
}
|
||||||
|
a.navbar-item:focus,
|
||||||
|
a.navbar-item:focus-within,
|
||||||
|
a.navbar-item:hover,
|
||||||
|
a.navbar-item.is-active,
|
||||||
|
.navbar-link:focus,
|
||||||
|
.navbar-link:focus-within,
|
||||||
|
.navbar-link:hover,
|
||||||
|
.navbar-link.is-active {
|
||||||
|
background-color: darken($white, 2.5);
|
||||||
|
}
|
||||||
|
.x-footer {
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
.x-footer {
|
||||||
|
padding-top: 1rem;
|
||||||
|
padding-bottom: 1rem;
|
||||||
|
background-color: darken($white, 7.5);
|
||||||
|
p {
|
||||||
|
font-size: (12/16) * 1rem;
|
||||||
|
line-height: 2rem;
|
||||||
|
}
|
||||||
|
.column.x-l {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.column.x-r {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
@include tablet {
|
||||||
|
.column.x-l {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.column.x-r {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.hero.is-fullheight.signin {
|
||||||
|
background-color: darken($white, 2.5);
|
||||||
|
min-height: calc(100vh - 4rem);
|
||||||
|
}
|
||||||
|
.button.continue {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.signin-info p {
|
||||||
|
font-size: (14/16) * 1rem;
|
||||||
|
}
|
||||||
|
.signin {
|
||||||
|
// .content {
|
||||||
|
// margin-top: -0.5rem;
|
||||||
|
// margin-bottom: 1rem;
|
||||||
|
// }
|
||||||
|
.box {
|
||||||
|
padding-right: $golden * 1rem;
|
||||||
|
padding-bottom: 2rem;
|
||||||
|
padding-left: $golden * 1rem;
|
||||||
|
}
|
||||||
|
.column {
|
||||||
|
// @media screen and (min-width: 600px) {
|
||||||
|
max-width: 26rem;
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
[v-cloak] {
|
||||||
|
@extend .is-hidden;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,47 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>git-deploy Dashboard</title>
|
||||||
|
<link rel="stylesheet" href="style.css" />
|
||||||
|
<link
|
||||||
|
href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;1,400&display=swap"
|
||||||
|
rel="stylesheet"
|
||||||
|
/>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="app">
|
||||||
|
<div class="main">
|
||||||
|
<router-view name="header" :user="user"></router-view>
|
||||||
|
<router-view name="main" :user="user"></router-view>
|
||||||
|
</div>
|
||||||
|
<div class="x-footer">
|
||||||
|
<div class="container is-fluid">
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column x-l">
|
||||||
|
<p>
|
||||||
|
<a
|
||||||
|
href="https://git.ryanburnette.com/ryanburnette/git-deploy"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
git-deploy
|
||||||
|
</a>
|
||||||
|
v0.1.0
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="column x-r">
|
||||||
|
<p>
|
||||||
|
<button v-if="signedIn" class="button is-small">
|
||||||
|
Sign Out
|
||||||
|
</button>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <script src="/vendor.js"></script> -->
|
||||||
|
<script src="/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
{
|
||||||
|
"node": true,
|
||||||
|
"browser": true,
|
||||||
|
"esversion": 8
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,160 @@
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
require('../css/style.scss');
|
||||||
|
|
||||||
|
var Vue = require('vue');
|
||||||
|
var VueRouter = require('vue-router').default;
|
||||||
|
var axios = require('axios');
|
||||||
|
|
||||||
|
Vue.use(VueRouter);
|
||||||
|
|
||||||
|
var components = {};
|
||||||
|
|
||||||
|
components.signin = Vue.component('signin', function (resolve, reject) {
|
||||||
|
return axios.get('/templates/signin.html').then(function (resp) {
|
||||||
|
resolve({
|
||||||
|
template: resp.data,
|
||||||
|
data: function () {
|
||||||
|
return {
|
||||||
|
email: '',
|
||||||
|
busy: false,
|
||||||
|
state: ''
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
signin: function (ev) {
|
||||||
|
ev.preventDefault();
|
||||||
|
ev.stopPropagation();
|
||||||
|
var _this = this;
|
||||||
|
_this.busy = true;
|
||||||
|
//console.log(_this.email);
|
||||||
|
window.localStorage.setItem('token', _this.email);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted: function () {
|
||||||
|
var _this = this;
|
||||||
|
var token = window.localStorage.getItem('token');
|
||||||
|
if (token) {
|
||||||
|
getMe().then(function (result) {
|
||||||
|
if (result) {
|
||||||
|
router.push('/');
|
||||||
|
} else {
|
||||||
|
_this.state = 'signingIn';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
_this.state = 'signingIn';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
components.navbar = Vue.component('navbar', function (resolve, reject) {
|
||||||
|
return axios.get('/templates/navbar.html').then(function (resp) {
|
||||||
|
resolve({
|
||||||
|
template: resp.data,
|
||||||
|
data: function () {
|
||||||
|
return {
|
||||||
|
ready: false
|
||||||
|
};
|
||||||
|
},
|
||||||
|
mounted: function () {
|
||||||
|
var _this = this;
|
||||||
|
_this.$parent.getUser().then(function (user) {
|
||||||
|
if (user.email) {
|
||||||
|
_this.ready = true;
|
||||||
|
} else {
|
||||||
|
_this.$router.push('/signin');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
components.dashboard = Vue.component('dashboard', function (resolve, reject) {
|
||||||
|
return axios.get('/templates/dashboard.html').then(function (resp) {
|
||||||
|
resolve({
|
||||||
|
template: resp.data,
|
||||||
|
data: function () {
|
||||||
|
return {};
|
||||||
|
},
|
||||||
|
props: ['user'],
|
||||||
|
computed: {
|
||||||
|
ready: function () {
|
||||||
|
return !!this.user.email;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
var routes = [
|
||||||
|
{
|
||||||
|
path: '/',
|
||||||
|
components: {
|
||||||
|
header: components.navbar,
|
||||||
|
main: components.dashboard
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/signin',
|
||||||
|
components: {
|
||||||
|
main: components.signin
|
||||||
|
}
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
var router = new VueRouter({
|
||||||
|
routes
|
||||||
|
});
|
||||||
|
|
||||||
|
var app = new Vue({
|
||||||
|
data: {
|
||||||
|
user: {}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getUser: function () {
|
||||||
|
var _this = this;
|
||||||
|
if (_this.user) {
|
||||||
|
return Promise.resolve(_this.user);
|
||||||
|
}
|
||||||
|
return getMe().then(function (result) {
|
||||||
|
_this.user = result.user;
|
||||||
|
return _this.user;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
signedIn: function () {
|
||||||
|
return Object.keys(this.user).length > 0;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
router,
|
||||||
|
created: function () {}
|
||||||
|
});
|
||||||
|
|
||||||
|
app.$mount('.app');
|
||||||
|
|
||||||
|
function getMe() {
|
||||||
|
var token = window.localStorage.getItem('token');
|
||||||
|
if (!token) {
|
||||||
|
return Promise.resolve(false);
|
||||||
|
}
|
||||||
|
return axios
|
||||||
|
.get('/api/auth/me.json')
|
||||||
|
.then(function (resp) {
|
||||||
|
return {
|
||||||
|
token,
|
||||||
|
user: resp.data
|
||||||
|
};
|
||||||
|
})
|
||||||
|
.catch(function (err) {
|
||||||
|
if (err.resp.status === 401) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
throw err;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,47 @@
|
||||||
|
<div class="dashboard" v-if="ready">
|
||||||
|
<div class="section">
|
||||||
|
<div class="container is-fluid">
|
||||||
|
<div class="title">
|
||||||
|
<h2 class="has-text-weight-bold">Dashboard</h2>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<p>
|
||||||
|
<b>git-deploy</b> is a tool for managing continuous deployment of
|
||||||
|
statically generated websites.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column">
|
||||||
|
<div class="box">
|
||||||
|
<div class="title is-size-5">
|
||||||
|
<h3 class="has-text-weight-bold">Staging</h3>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<p>Staging...</p>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<p>
|
||||||
|
<button class="button is-primary">Build</button>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="column">
|
||||||
|
<div class="box">
|
||||||
|
<div class="title is-size-5">
|
||||||
|
<h3 class="has-text-weight-bold">Production</h3>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<p>Production...</p>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<p>
|
||||||
|
<button class="button is-primary">Build</button>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
<nav class="navbar" v-if="ready">
|
||||||
|
<div class="container is-fluid">
|
||||||
|
<div class="navbar-brand">
|
||||||
|
<span class="navbar-item brand-text has-text-weight-bold">
|
||||||
|
git-deploy
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div id="navMenu" class="navbar-menu">
|
||||||
|
<div class="navbar-start">
|
||||||
|
<a class="navbar-item" href="/">Dashboard</a>
|
||||||
|
<a class="navbar-item" href="/jobs">Jobs</a>
|
||||||
|
<a class="navbar-item" href="/promote">Promote</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
@ -0,0 +1,40 @@
|
||||||
|
<section class="hero is-fullheight signin">
|
||||||
|
<div class="hero-body" v-if="state === 'signingIn'">
|
||||||
|
<div class="container">
|
||||||
|
<div class="columns is-mobile is-centered">
|
||||||
|
<div class="column">
|
||||||
|
<div class="box">
|
||||||
|
<div class="title">
|
||||||
|
<h1 class="is-size-4 has-text-centered has-text-weight-bold">
|
||||||
|
git-deploy
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
<div class="content has-text-centered signin-info">
|
||||||
|
<p>To sign in, enter your email address click Continue.</p>
|
||||||
|
</div>
|
||||||
|
<form @submit="signin($event)">
|
||||||
|
<div class="field">
|
||||||
|
<label for="email" class="label">Email</label>
|
||||||
|
<div class="control">
|
||||||
|
<input
|
||||||
|
id="email"
|
||||||
|
type="email"
|
||||||
|
class="input"
|
||||||
|
required
|
||||||
|
v-model="email"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="field">
|
||||||
|
<button class="button is-primary continue">Continue</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="hero-body" v-if="state === ''">
|
||||||
|
<div class="has-text-centered" style="width: 100%">Loading...</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
{
|
|
||||||
"status": "idle"
|
|
||||||
}
|
|
||||||
|
|
@ -1,21 +0,0 @@
|
||||||
html,
|
|
||||||
body,
|
|
||||||
.footer {
|
|
||||||
background-color: #ecf0f3;
|
|
||||||
}
|
|
||||||
.footer p {
|
|
||||||
display: inline-block;
|
|
||||||
font-size: 0.75rem;
|
|
||||||
line-height: 2rem;
|
|
||||||
}
|
|
||||||
.header {
|
|
||||||
background-color: #ffffff;
|
|
||||||
padding-top: 0.75rem;
|
|
||||||
padding-bottom: 0.5rem;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
}
|
|
||||||
.horizontal-overflow-scroll {
|
|
||||||
overflow-y: scroll;
|
|
||||||
}
|
|
||||||
/* .horizontal-overflow-scroll pre {
|
|
||||||
} */
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
Subproject commit 76d321b3f961e6017ca7d364b25c148d2735c5bb
|
|
||||||
|
|
@ -0,0 +1,54 @@
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
var fs = require('fs');
|
||||||
|
var path = require('path');
|
||||||
|
var MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
context: path.resolve(__dirname, 'src'),
|
||||||
|
entry: {
|
||||||
|
// vendor: ['vue'],
|
||||||
|
main: {
|
||||||
|
import: './js/main.js'
|
||||||
|
// dependOn: 'vendor'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
output: {
|
||||||
|
filename: `[name].js`
|
||||||
|
},
|
||||||
|
module: {
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
test: /\.s[ac]ss$/i,
|
||||||
|
use: [
|
||||||
|
MiniCssExtractPlugin.loader,
|
||||||
|
// 'postcss-loader',
|
||||||
|
'css-loader',
|
||||||
|
'sass-loader'
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
test: /\.(js|jsx)$/,
|
||||||
|
exclude: /(node_modules|bower_components)/,
|
||||||
|
use: {
|
||||||
|
loader: 'babel-loader',
|
||||||
|
options: {
|
||||||
|
presets: ['@babel/preset-env']
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
plugins: [
|
||||||
|
new MiniCssExtractPlugin({
|
||||||
|
filename: `style.css`
|
||||||
|
})
|
||||||
|
],
|
||||||
|
resolve: {
|
||||||
|
alias: {
|
||||||
|
bulma: path.resolve(__dirname, 'node_modules/bulma'),
|
||||||
|
axios: path.resolve(__dirname, 'node_modules/axios/dist/axios.js'),
|
||||||
|
vue: path.resolve(__dirname, 'node_modules/vue/dist/vue.js')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
var { merge } = require('webpack-merge');
|
||||||
|
var common = require('./webpack.common');
|
||||||
|
|
||||||
|
module.exports = merge(common, {
|
||||||
|
mode: 'development',
|
||||||
|
devtool: 'inline-source-map'
|
||||||
|
});
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
var { merge } = require('webpack-merge');
|
||||||
|
var common = require('./webpack.common');
|
||||||
|
|
||||||
|
module.exports = merge(common, {
|
||||||
|
mode: 'production'
|
||||||
|
});
|
||||||
Loading…
Reference in New Issue