Loading...
4 | {:else}
5 | {#if $trackings && $trackings.length}
6 | {#each $trackings as tracking}
7 | No trackings found.
11 | {/if}
12 | {/if}
13 | 
3 | courier
4 | 17 |
2 |
3 | 
4 |
9 |
49 |
50 |
51 |
64 |
--------------------------------------------------------------------------------
/server/api/index.js:
--------------------------------------------------------------------------------
1 | const express = require('express');
2 | const api = express.Router();
3 | const {logger, get, post, del} = require('../lib');
4 |
5 | const AUTH = { Authorization: 'Bearer ' + process.env.TOKEN };
6 | const msgMap = {
7 | 401: 'Auth token is invalid.',
8 | 409: 'Parcel is already added.',
9 | 429: 'Too many requests. Please wait 10 seconds and try again.',
10 | 500: 'Internal server error.'
11 | };
12 |
13 | function catchError (e, res) {
14 | const code = e && e.response && e.response.status || 500;
15 | let msg = msgMap[code] || e.response.statusText;
16 | if (e.response.data && e.response.data.meta && e.response.data.meta.message && e.response.data.meta.message.length > 0) {
17 | msg += `: ${ e.response.data.meta.message.join('. ') }`;
18 | }
19 | logger.error(msg);
20 | res.status(code).json({ code, msg });
21 | }
22 |
23 |
24 | // get list of couriers (cache 1 day)
25 | api.get('/courier', (req, res) => {
26 | get('/couriers/list', {}, 86400)
27 | .then(({code, data}) => res.status(code).json(data));
28 | });
29 |
30 |
31 | // get list of parcels (cache 30 seconds)
32 | api.get('/trackings', (req, res) => {
33 | get('/trackings?pageId=1&limit=100', AUTH, 30)
34 | .then(({code, data}) => res.status(code).json(data))
35 | .catch(e => catchError(e, res));
36 | });
37 |
38 |
39 | // add parcel to tracking list
40 | api.post('/trackings', (req, res) => {
41 | const params = {
42 | tracking_number: req.body.tracking_number,
43 | slug: req.body.courier,
44 | custom_fields: { title: req.body.title }
45 | };
46 | post('/trackings', params, AUTH)
47 | .then(({code, data}) => res.status(code).json(data))
48 | .catch(e => catchError(e, res));
49 | });
50 |
51 |
52 | // delete parcel from tracking list
53 | api.delete('/trackings/:id', (req, res) => {
54 | del('/trackings/' + req.params.id, AUTH)
55 | .then(({code}) => res.status(code).json({result: 'success'}))
56 | .catch(e => catchError(e, res));
57 | });
58 |
59 |
60 |
61 | api.get('/', (req, res) => res.send('Hello from API!'));
62 |
63 | module.exports = api;
64 |
--------------------------------------------------------------------------------
/server/lib/request.js:
--------------------------------------------------------------------------------
1 | const axios = require('axios');
2 | const path = require('path');
3 | const fs = require('fs-extra');
4 | const logger = require('./logger');
5 |
6 | const cachePath = path.join(__dirname, '..', 'cache');
7 |
8 | axios.defaults.baseURL = 'https://api.trackinghive.com';
9 |
10 |
11 | function getFname (_path) {
12 | const slug = _path.split(/[?#]/)[0]
13 | .replace(/\//g, '-')
14 | .replace(/^-|-$/g, '') + '.json';
15 | return path.join(cachePath, slug);
16 | }
17 |
18 |
19 | function setCache (_path, data) {
20 | const fname = getFname(_path);
21 | logger.info('Caching response for: ' + _path);
22 | fs.writeJSONSync(fname, data, 'utf8');
23 | }
24 |
25 | function clearCache (_path) {
26 | const fname = getFname(_path);
27 | logger.info('Clearing cache for: ' + _path);
28 | fs.unlinkSync(fname);
29 | }
30 |
31 |
32 | function getCache (_path, timeout = 0) {
33 | const fname = getFname(_path);
34 | if (!fs.existsSync(fname)) return;
35 |
36 | const now = +new Date();
37 | const mtime = fs.statSync(fname).mtimeMs;
38 | const valid_until = mtime + timeout * 1000;
39 | if (valid_until < now) return;
40 |
41 | const data = fs.readJSONSync(fname, 'utf8');
42 | logger.info('Using cached response for: ' + _path);
43 | return data;
44 | }
45 |
46 |
47 |
48 | function get (_path, headers = {}, cache_timeout_in_seconds) {
49 | const cached = getCache(_path, cache_timeout_in_seconds);
50 | if (cached) return Promise.resolve(cached);
51 | return axios
52 | .get(_path, { headers })
53 | .then(({data}) => {
54 | const resp = {code: data.meta.code, data: data.data };
55 | setCache(_path, resp);
56 | return resp;
57 | });
58 | }
59 |
60 |
61 | function post (_path, params, headers = {}) {
62 | return axios
63 | .post(_path, params, { headers })
64 | .then(({data}) => {
65 | clearCache('/trackings');
66 | return {code: data.meta.code, data: data.data };
67 | });
68 | }
69 |
70 |
71 | function del (_path, headers = {}) {
72 | return axios
73 | .delete(_path, { headers })
74 | .then(({data}) => {
75 | clearCache('/trackings');
76 | return {code: data.meta.code, data: data.data };
77 | });
78 | }
79 |
80 |
81 | module.exports = {
82 | get,
83 | post,
84 | del
85 | };
86 |
--------------------------------------------------------------------------------
/client/toaster/index.svelte:
--------------------------------------------------------------------------------
1 | {data.status}
5 | {data.title || 'Parcel'}
6 | 7 |
10 |
11 |
18 |
19 |
48 | | Expected: | 13 |{data.expected} ({data.expectedIn}) 14 | | 15 |
| Picked up: | {data.pickupDate} ({data.pickupAgo}) |
2 | {#each toasts as toast (toast.id)}
3 |
19 |
20 |
21 |
57 |
58 |
81 |
--------------------------------------------------------------------------------
/client/ui-style/form.styl:
--------------------------------------------------------------------------------
1 | @import "lib"
2 |
3 | *::-moz-focus-inner
4 | padding 0 !important
5 | border none !important
6 |
7 |
8 | .select-wrap
9 | textarea
10 | input[type=text]
11 | input[type="color"]
12 | input[type="number"]
13 | font inherit
14 | height 34
15 | border dark-color-bg2
16 | background-color dark-color-bg2
17 | color dark-color-text3
18 | transition background-color .3s ease-out,
19 | border-color .3s ease-out,
20 | box-shadow .3s ease-out,
21 | opacity .3s ease-out
22 | border-radius 4px
23 |
24 | &:disabled
25 | opacity 0.5
26 |
27 | &:focus
28 | &:focus-within
29 | border-color dark-color-accent
30 | box-shadow 0 0 2px 1px dark-color-accent
31 | outline none
32 |
33 | &:invalid
34 | border-color color-danger
35 | box-shadow 0 0 2px 1px color-danger
36 | outline none
37 |
38 |
39 |
40 |
41 | .select-wrap
42 | position relative
43 | display inline-block
44 | &:after
45 | content ''
46 | position absolute
47 | width 20
48 | height 12
49 | right 0
50 | top 10
51 | pointer-events none
52 | background-repeat no-repeat
53 | background-position right .75rem center
54 | background-size 8px 10px
55 | background-image url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23eeeeee' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")
56 |
57 |
58 | select
59 | font inherit
60 | color inherit
61 | border none
62 | border-radius 4px
63 | background none
64 | background-color inherit
65 | line-height 16px
66 | padding 2 22 0 10
67 | width 100%
68 | height 100%
69 | text-indent -2px
70 | -webkit-appearance none
71 | -moz-appearance none
72 | appearance none
73 | &:focus
74 | outline none
75 |
76 | :disabled
77 | color dark-color-text0
78 |
79 | textarea
80 | input[type=text]
81 | line-height 16px
82 | padding 3 10 0
83 |
84 |
85 | textarea
86 | min-height 4em
87 | resize vertical
88 | flex 1
89 |
90 |
91 | input[type=checkbox]
92 | input[type=radio]
93 | vertical-align inherit
94 | transform scale(1.4)
95 | filter hue-rotate(-12deg) saturate(.4)
96 | margin-right 6px
97 |
98 |
99 | input[type="color"]
100 | -webkit-appearance none
101 | -moz-appearance none
102 | appearance none
103 | background none
104 | border none
105 | padding 0
106 | cursor pointer
107 |
108 | input[type="number"]
109 | text-align center
110 |
111 |
112 | input[type=file]
113 | position absolute
114 | right -500px
115 |
116 |
117 | label
118 | display block
119 | height 34
120 | line-height 16px
121 | padding 9 5 0
122 |
123 | &.disabled
124 | opacity 0.3
125 |
--------------------------------------------------------------------------------
/client/tracking/index.styl:
--------------------------------------------------------------------------------
1 | @import "lib"
2 |
3 | .tracking
4 | background dark-color-bg3
5 | padding 20
6 | margin 0 0 1
7 | position relative
8 | overflow hidden
9 |
10 | header
11 | footer
12 | display flex
13 | align-items center
14 | justify-content flex-start
15 | flex-wrap wrap
16 |
17 | footer
18 | align-items flex-start
19 |
20 | .flex-spacer
21 | max-width 50px
22 | flex 1
23 |
24 | .sub-header
25 | margin 10 0 0
26 | table
27 | border-collapse collapse
28 | color dark-color-text0
29 | td
30 | padding 5
31 | .highlight
32 | color dark-color-text2
33 |
34 | h2
35 | font-weight 400
36 | font-size 18px
37 | text-transform uppercase
38 |
39 | .details
40 | margin 20 20 0 0
41 | flex 1
42 | cursor pointer
43 | color dark-color-text0
44 |
45 | em
46 | font-style normal
47 | color dark-color-accent
48 |
49 | .Delivered em
50 | color color-success
51 |
52 |
53 | .tracking-number
54 | color dark-color-text0
55 | margin 0 10
56 |
57 | a
58 | color inherit
59 | position relative
60 |
61 | &:after
62 | content '↗'
63 | position absolute
64 | top 0
65 | right -14
66 | font-size 11px
67 | font-weight 900
68 | opacity 0
69 | color dark-color-text3
70 | transition opacity .3s ease-out
71 |
72 | &:hover
73 | &:after
74 | opacity 1
75 |
76 | .status
77 | color dark-color-text0
78 | margin 0 10 0 0
79 | background dark-color-bg2
80 | padding 6 10 5
81 | border-radius 10
82 |
83 |
84 | .logo
85 | size 40
86 | min-size 40
87 | font-size 12px
88 | background #fff
89 | color #000
90 | display inline-flex
91 | align-items center
92 | text-align center
93 | margin 0 10 0 0
94 | overflow hidden
95 | border-radius 25px
96 | border 1px solid dark-color-bg1
97 |
98 | .checkpoints
99 | width 100%
100 | margin 10 0
101 | border-collapse collapse
102 | color dark-color-text2
103 |
104 | td
105 | border 1px solid dark-color-bg1
106 | padding 5 10
107 |
108 | thead td
109 | font-weight 600
110 | background dark-color-bg2
111 | padding 10
112 |
113 |
114 | .col-date
115 | width 160
116 | .col-location
117 | width 200
118 | .col-status
119 | width auto
120 |
121 |
122 |
123 |
124 | @media only screen and (max-device-width: 500px)
125 | .tracking
126 | .status
127 | position absolute
128 | right 5
129 | top 30
130 | .tracking-number
131 | display block
132 | width 100%
133 | margin 20 0 0 5
134 |
135 | &:before
136 | content: 'Tracking number: '
137 | a:after
138 | opacity 1
139 |
--------------------------------------------------------------------------------
/gulpfile.js:
--------------------------------------------------------------------------------
1 | const { series, parallel, src, dest, watch } = require('gulp');
2 | const del = require('del');
3 | const livereload = require('gulp-livereload');
4 |
5 | const DIST_PATH = 'public/';
6 | const env = process.env.NODE_ENV;
7 | let isProd = (env === 'production' || env === 'prod');
8 |
9 | const setProd = (done) => { isProd = true; done(); };
10 |
11 |
12 | function eslint () {
13 | const gulpEslint = require('gulp-eslint');
14 | return src(['client/**/*.js', 'client/**/*.svelte', 'server/**/*.js', '*.js'])
15 | .pipe(gulpEslint())
16 | .pipe(gulpEslint.format())
17 | .pipe(gulpEslint.results(results => {
18 | if (results.errorCount) console.log('\x07'); // beep
19 | }));
20 | }
21 |
22 |
23 | function rollupBuild (inputOptions = {}, outputOptions = {}) {
24 | const stream = require('stream');
25 | const rollup = require('rollup');
26 | const readable = new stream.Readable();
27 |
28 | readable._read = function () { };
29 | rollup
30 | .rollup(inputOptions)
31 | .then(bundle => bundle.generate(outputOptions))
32 | .then(out => {
33 | if (!out.code) out = out.output[0];
34 | readable.push(out.code);
35 | if (outputOptions.output.sourcemap) {
36 | readable.push('\n//# sourceMappingURL=');
37 | readable.push(out.map.toUrl());
38 | }
39 | readable.push(null);
40 | })
41 | .catch(error => setTimeout(() => readable.emit('error', error)));
42 | return readable;
43 | }
44 |
45 |
46 | function js () {
47 | const commonjs = require('@rollup/plugin-commonjs');
48 | const source = require('vinyl-source-stream');
49 | const svelte = require('rollup-plugin-svelte');
50 | const {nodeResolve} = require('@rollup/plugin-node-resolve');
51 | const {terser} = require('rollup-plugin-terser');
52 |
53 | const inputOptions = {
54 | input: './client/index.js',
55 | plugins: [
56 | commonjs(),
57 | nodeResolve({
58 | extensions: ['.mjs', '.js', '.svelte', '.json'],
59 | dedupe: importee => importee === 'svelte' || importee.startsWith('svelte/')
60 | }),
61 | svelte({ dev: !isProd, css: false }),
62 | isProd && terser()
63 | ]
64 | };
65 | const outputOptions = {output: {format: 'iife', sourcemap: !isProd}};
66 | return rollupBuild(inputOptions, outputOptions)
67 | .pipe(source('index.js'))
68 | .pipe(dest(DIST_PATH))
69 | .pipe(livereload());
70 | }
71 |
72 |
73 | function css () {
74 | const noop = require('through2').obj;
75 | const sourcemap = require('gulp-sourcemaps');
76 | const stylus = require('gulp-stylus');
77 | const concat = require('gulp-concat');
78 | return src(['client/**/*.styl'])
79 | .pipe(isProd ? noop() : sourcemap.init())
80 | .pipe(stylus({ paths: ['client/ui-style'], compress: isProd, 'include css': true }))
81 | .pipe(concat('index.css'))
82 | .pipe(isProd ? noop() : sourcemap.write())
83 | .pipe(dest(DIST_PATH))
84 | .pipe(livereload());
85 | }
86 |
87 |
88 | let serverStarted = false;
89 | function server (done) {
90 | const nodemon = require('gulp-nodemon');
91 | nodemon({ script: './server/index.js', watch: ['./server'], ext: 'js html' })
92 | .on('start', () => {
93 | if (serverStarted) return;
94 | serverStarted = true;
95 | setTimeout(done, 500);
96 | });
97 | }
98 |
99 |
100 | function assets () {
101 | return src(['assets/**/*.*']).pipe(dest(DIST_PATH));
102 | }
103 |
104 | function cleanup () {
105 | return del([DIST_PATH + '/*']);
106 | }
107 |
108 | function watchTask (done) {
109 | if (isProd) return done();
110 | livereload.listen();
111 | watch('client/**/*.styl', css);
112 | watch('client/**/*.{js,svelte}', parallel(eslint, js));
113 | watch('assets/**/*.*', assets);
114 | }
115 |
116 | const build = parallel(eslint, js, css, assets);
117 | exports.lint = eslint;
118 | exports.build = series(cleanup, build);
119 | exports.server = server;
120 | exports.default = series(build, watchTask);
121 | exports.prod = series(setProd, build);
122 |
--------------------------------------------------------------------------------
/client/lib/store.js:
--------------------------------------------------------------------------------
1 | import {writable} from 'svelte/store';
2 | import * as api from './request';
3 |
4 | export const couriers = writable([]);
5 | export const trackings = trackingsStore();
6 |
7 |
8 | function trackingsStore () {
9 | const { subscribe, set } = writable(0);
10 | set([]);
11 | return {
12 | subscribe,
13 | load: () => api.get('/trackings')
14 | .then(res => Array.isArray(res) ? res.map(remapFields) : [])
15 | .then(sortByDate)
16 | .then(set),
17 | add: (data) => api.post('/trackings', data).then(res => {
18 | if (res.code !== 200 && res.msg) alert(res.msg);
19 | }),
20 | del: (id) => api.del('/trackings/' + id),
21 | };
22 | }
23 |
24 |
25 |
26 | api.get('/courier').then(res => {
27 | if (!res) return;
28 | res.sort((a, b) => a.title.localeCompare(b.title));
29 | const _couriers = {};
30 | res.forEach(c => _couriers[c.slug] = c);
31 | _couriers['an-post'].logo = _couriers['an-post'].logo || 'courier-anpost.png';
32 | couriers.set(_couriers);
33 | });
34 |
35 |
36 | function sortByDate (data) {
37 | data.sort((a, b) => a.sortField - b.sortField);
38 | return Promise.resolve(data);
39 | }
40 |
41 |
42 | function remapFields (data) {
43 | const _data = { id: data._id };
44 | _data.tracking_number = data.tracking_number;
45 | _data.title = data.custom_fields && data.custom_fields.title || '';
46 | _data.status = data.current_status;
47 | _data.courier = data.slug;
48 | _data.pickup_date = data.trackings && data.trackings.shipment_pickup_date || null;
49 | _data.sortField = +(_data.pickup_date ? new Date(_data.pickup_date) : new Date());
50 |
51 | if (data.trackings) {
52 | // if (data.trackings.address) {
53 | // const _from = data.trackings.address.ship_from;
54 | // const _to = data.trackings.address.ship_to;
55 | // if (_from) {
56 | // _data.addrFrom = [_from.address_line1, _from.city, _from.country_name]
57 | // .filter(s => s && s.length)
58 | // .join(', ');
59 | // }
60 | // if (_to) {
61 | // _data.addrTo = [_to.address_line1, _to.city, _to.country_name]
62 | // .filter(s => s && s.length)
63 | // .join(', ');
64 | // }
65 | // }
66 |
67 | if (data.trackings.shipment_pickup_date) {
68 | const pickupDate = new Date(data.trackings.shipment_pickup_date);
69 | _data.pickupDate = pickupDate.toDateString() + ', ' + pickupDate.toLocaleTimeString();
70 | _data.pickupAgo = data.trackings.delivery_time;
71 | _data.pickupAgo += ` day${_data.pickupAgo === 1 ? '' : 's'} ago`;
72 | }
73 | else {
74 | _data.pickupDate = '';
75 | _data.pickupAgo = '?';
76 | }
77 |
78 | if (_data.status === 'Delivered') {
79 | _data.expected = '';
80 | _data.expectedIn = 'delivered';
81 | }
82 | else if (data.trackings.expected_delivery) {
83 | const expectedDateStr = (data.trackings?.expected_delivery || '').substr(0, 10);
84 | const [yr, mo, day] = expectedDateStr.split('-');
85 | const d = new Date(yr, mo - 1, day);
86 | _data.expected = d.toDateString();
87 |
88 | const today = new Date();
89 | const todayIso = today.toISOString().substr(0, 10);
90 | if (todayIso === data.trackings.expected_delivery) _data.expectedIn = 'today';
91 | else {
92 | const _expectedIn = Math.ceil((+d - +today) / 86400000);
93 | if (_expectedIn > 1) _data.expectedIn = 'in ' + _expectedIn + ' days';
94 | else if (_expectedIn === 1) _data.expectedIn = 'tomorrow';
95 | else if (_expectedIn === 0) _data.expectedIn = 'today';
96 | else if (_expectedIn < 0) _data.expectedIn = 'delayed';
97 | else _data.expectedIn = '?';
98 | }
99 | }
100 | else {
101 | _data.expected = '';
102 | _data.expectedIn = '?';
103 | }
104 |
105 | if (data.trackings.checkpoints) {
106 | _data.checkpoints = data.trackings.checkpoints.map(p => {
107 | return { time: p.checkpoint_time, location: p.location, msg: p.message };
108 | });
109 | }
110 | }
111 | return _data;
112 | }
113 |
--------------------------------------------------------------------------------
/release.js:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 |
3 | const {exec} = require('child_process');
4 | const fs = require('fs');
5 | const path = require('path');
6 | const semver = require('semver');
7 | const ora = require('ora');
8 | const chalk = require('chalk');
9 | const indent = require('detect-indent');
10 | const inquirer = require('inquirer');
11 | const git = require('simple-git')();
12 | const cwd = process.cwd();
13 |
14 | const APP = {};
15 | const manifests = [ 'package.json' ];
16 | const dryrun = false;
17 | const faker = arg => new Promise(resolve => setTimeout(() => resolve(arg), 2000));
18 |
19 | function run (cmd) {
20 | if (dryrun) return faker();
21 | return new Promise((resolve, reject) => {
22 | exec(cmd, (err, out) => (err ? reject(err) : resolve(out)));
23 | });
24 | }
25 |
26 |
27 | function getVersion (manifest) {
28 | const pkgPath = path.join(cwd, manifest || manifests[0]);
29 | const pkg = require(pkgPath);
30 | const current = pkg.version || '0.0.0';
31 | return {
32 | name: pkg.name,
33 | current: current,
34 | nextMajor: semver.inc(current, 'major'),
35 | nextMinor: semver.inc(current, 'minor'),
36 | nextPatch: semver.inc(current, 'patch')
37 | };
38 | }
39 |
40 |
41 | function bump (manifest, newVersion) {
42 | const pkgPath = path.join(cwd, manifest);
43 | const pkg = require(pkgPath);
44 | const usedIndent = indent(fs.readFileSync(pkgPath, 'utf8')).indent || ' ';
45 | pkg.version = newVersion;
46 | if (!dryrun) fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, usedIndent) + '\n');
47 | }
48 |
49 |
50 | function commit (version) {
51 | if (dryrun) return faker();
52 | return new Promise((resolve, reject) => {
53 | git
54 | .silent(true)
55 | .add('./*')
56 | .commit('Release v' + version)
57 | .push(['origin', 'master'], err => {
58 | if (err) reject(err);
59 | else resolve({version});
60 | });
61 | });
62 | }
63 |
64 | function release () {
65 | const app = getVersion();
66 | APP.name = app.name;
67 | let spinner;
68 | console.log('\n********************************');
69 | console.log('* *');
70 | console.log(`* Releasing ${chalk.cyan(APP.name)} *`);
71 | console.log('* *');
72 | console.log('********************************\n');
73 | inquirer
74 | .prompt([
75 | {
76 | type: 'list',
77 | name: 'version',
78 | message: 'Bump version to:',
79 | default: 1,
80 | choices: [
81 | { value: app.current, name: 'current (' + app.current + ')' },
82 | { value: app.nextPatch, name: 'patch (' + app.nextPatch + ')' },
83 | { value: app.nextMinor, name: 'minor (' + app.nextMinor + ')' },
84 | { value: app.nextMajor, name: 'major (' + app.nextMajor + ')' },
85 | new inquirer.Separator(),
86 | { value: 'custom', name: 'custom...' },
87 | ]
88 | },
89 | {
90 | type: 'input',
91 | name: 'version',
92 | message: 'Enter the new version number:',
93 | default: app.current,
94 | when: answers => answers.version === 'custom',
95 | filter: semver.clean,
96 | validate: answer => semver.valid(answer) ? true : 'That\'s not a valid version number',
97 | }
98 | ])
99 | .then(({version}) => {
100 | APP.version = version;
101 | spinner = ora('').start();
102 | // update package & manifest
103 | manifests.forEach(m => {
104 | spinner.text = `Updating ${m}...`;
105 | bump(m, version);
106 | spinner.text = `Updated ${chalk.cyan(m)} to ${chalk.cyan(version)}`;
107 | spinner.succeed();
108 | });
109 | spinner.text = 'Committing to GitHub...';
110 | spinner.start();
111 | return commit(version); // commit code changes to github
112 | })
113 | .then(() => {
114 | spinner.text = `Update ${chalk.cyan('pushed')} to Github.`;
115 | spinner.succeed();
116 |
117 | spinner.text = 'Building & pushing a docker image...';
118 | spinner.start();
119 | const platforms = 'linux/arm/v7,linux/arm64/v8,linux/amd64';
120 | const tagLatest = `tborychowski/${APP.name}:latest`;
121 | const tagVersion = `tborychowski/${APP.name}:${APP.version}`;
122 | return run(`docker buildx build --push --platform ${platforms} -t ${tagLatest} -t ${tagVersion} .`);
123 | })
124 | .then(() => {
125 | spinner.text = 'Images pushed to ' + chalk.cyan('docker hub');
126 | spinner.succeed();
127 | console.log(chalk.cyan('All done!'));
128 | process.exit(0);
129 | })
130 | .catch(e => {
131 | spinner.text = e;
132 | spinner.fail();
133 | });
134 | }
135 |
136 |
137 | release();
138 |
--------------------------------------------------------------------------------
/client/ui-style/lib.styl:
--------------------------------------------------------------------------------
1 |
2 | // VARS
3 |
4 | main-font = system,-apple-system,".SFNSDisplay-Regular","Helvetica Neue",Helvetica,"Segoe UI",sans-serif;
5 | img-base = "../assets"
6 |
7 | // DARK THEME
8 | dark-color-bg0 = #000
9 | dark-color-bg1 = #111
10 | dark-color-bg2 = #222
11 | dark-color-bg3 = #333
12 | dark-color-bg4 = #444
13 |
14 | dark-color-text0 = #888
15 | dark-color-text1 = #ccc
16 | dark-color-text2 = #eee
17 | dark-color-text3 = #fff
18 |
19 | dark-color-highlight = #637291
20 | dark-color-accent = orange
21 |
22 | dark-shadow = 0 1px 5px 1px rgba(#000, 0.5)
23 |
24 |
25 | color-info=#666d7b
26 | color-success=#408062
27 | color-warning=#af8a1a
28 | color-danger=#8b4848
29 |
30 |
31 |
32 | //*** SHORTCUTS ************************************************************************************
33 | b(n) { if n is 0 { font-weight: normal } else { font-weight: bold } } // b:1 -> font-weight: bold;
34 | i(n) { if n is 0 { font-style: normal } else { font-style: italic } } // i:1 -> font-style: italic;
35 | u(n) { if n is 0 { text-decoration: none } else { text-decoration: underline } } // u:1 -> text-decoration: underline;
36 |
37 | padding() { padding: joinArgs(arguments) }
38 | padding-left(a) { padding-left: px(a) }
39 | padding-right(a) { padding-right: px(a) }
40 | padding-top(a) { padding-top: px(a) }
41 | padding-bottom(a) { padding-bottom: px(a) }
42 |
43 | margin() { margin: joinArgs(arguments) }
44 | margin-left(a) { margin-left: px(a) }
45 | margin-right(a) { margin-right: px(a) }
46 | margin-top(a) { margin-top: px(a) }
47 | margin-bottom(a) { margin-bottom: px(a) }
48 |
49 | size(w, h=w) { width: px(w); height: px(h); }
50 | min-size(w, h=w) { min-width: px(w); min-height: px(h); }
51 | max-size(w, h=w) { max-width: px(w); max-height: px(h); }
52 |
53 | width(n = 0) { width: px(n) }
54 | min-width(n = 0) { min-width: px(n) }
55 | max-width(n = 0) { max-width: px(n) }
56 |
57 | height(n = 0) { height: px(n) }
58 | min-height(n = 0) { min-height: px(n) }
59 | max-height(n = 0) { max-height: px(n) }
60 |
61 | top(n = 0) { top: px(n) }
62 | right(n = 0) { right: px(n) }
63 | left(n = 0) { left: px(n) }
64 | bottom(n = 0) { bottom: px(n) }
65 |
66 | z(n = 0) { z-index: n }
67 | //*** SHORTCUTS ************************************************************************************
68 |
69 |
70 | // top, right, bottom, left
71 | pos()
72 | a = arguments
73 | position: absolute;
74 | unless type(a[0]) is not 'unit' { top: px(a[0]); }
75 | unless type(a[1]) is not 'unit' { right: px(a[1]); }
76 | unless type(a[2]) is not 'unit' { bottom: px(a[2]); }
77 | unless type(a[3]) is not 'unit' { left: px(a[3]); }
78 |
79 |
80 | font()
81 | if length(arguments) is 3 and type(arguments[1]) is 'literal' // font: 12/2 -> font-size: 12px; line-height: 2
82 | font-size: px(arguments[0]);
83 | line-height: arguments[2]
84 | else if length(arguments) is 1 // font: 13 -> font-size: 13px;
85 | if type(arguments[0]) == 'unit'
86 | font-size: px(arguments[0]);
87 | else
88 | font: arguments;
89 | else // use native font
90 | font: arguments;
91 |
92 |
93 |
94 | // border: [top] [1px] [solid] [blue], e.g. border: 1px; border: red; border: top blue; border: top 1px; border: top 2px dotted green;
95 | border-top() { border-top: setBorder(arguments); }
96 | border-right() { border-right: setBorder(arguments); }
97 | border-bottom() { border-bottom: setBorder(arguments); }
98 | border-left() { border-left: setBorder(arguments); }
99 | border()
100 | if arguments[0] == 'none' { border: none; } else { border: setBorder(arguments); }
101 |
102 | border-radius() { border-radius: joinArgs(arguments); }
103 |
104 |
105 | // set background, e.g. bg: red; bg: img x y; bg: red img;
106 | bg()
107 | arg = arguments
108 | if type(arg[0]) == 'rgba'
109 | if length(arg) > 1
110 | background: arg[0] setBg(arg[1], arg[2] || 0, arg[3] || 0, arg[4] || no-repeat)
111 | else
112 | background: arg[0]
113 | else
114 | if arguments[0] == 'none'
115 | background: none
116 | else
117 | background: setBg(arg[0], arg[1] || 0, arg[2] || 0, arg[3] || no-repeat)
118 |
119 |
120 | user-select()
121 | -moz-user-select: arguments;
122 | user-select: arguments;
123 |
124 |
125 |
126 |
127 |
128 |
129 |
130 | //*** STYLE HELPERS ********************************************************************************
131 |
132 | // border: [1px] [solid] [blue], e.g. border: 1; border: red; border: 1 red; border: 1 dotted red;
133 | setBorder()
134 | arg = arguments
135 | if arg[0] == 'none'
136 | return none
137 | else if type(arg[0]) == 'unit'
138 | size = arg[0]
139 | if type(arg[1]) == 'rgba'
140 | color = arg[1]
141 | style = solid
142 | else
143 | if type(arg[1]) == 'ident'
144 | style = arg[1]
145 | if type(arg[2]) == 'rgba' { color = arg[2] } else { color = transparent }
146 | else
147 | style = solid
148 | if arg[1] == null
149 | color = transparent
150 | else
151 | size = 1
152 | style = solid
153 | if type(arg[0]) == 'rgba' { color = arg[0] }
154 |
155 | return px(size) style color;
156 |
157 |
158 | setBg()
159 | arg = arguments
160 | return unquote('url(' + img-base + '/' + unquote(arg[0]) + ') ' + px(arg[1]) + ' ' + px(arg[2]) + ' ' + arg[3]);
161 | //*** STYLE HELPERS ********************************************************************************
162 |
163 |
164 |
165 |
166 |
167 | //*** GENERIC HELPERS ******************************************************************************
168 | px(a)
169 | if type(a) == 'unit'
170 | if unit(a) == 'px' || a == 0 { return a } else { return (a + 0px) }
171 | else
172 | return a
173 |
174 | // Joins arguments with space and adds "px" to values if needed
175 | joinArgs(args)
176 | buf = ''
177 | for arg, i in args
178 | if i { buf += ' ' + px(arg) } else { buf += px(arg) }
179 | return unquote(buf)
180 | //*** GENERIC HELPERS ******************************************************************************
181 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | GNU GENERAL PUBLIC LICENSE
2 | Version 3, 29 June 2007
3 |
4 | Copyright (C) 2007 Free Software Foundation, Inc.
6 |
17 | {/each}
18 | {toast.msg}
7 | {#if toast.btn}
8 |
9 | {/if}
10 |
11 | {#if toast.showProgress}
12 |
15 | {/if}
16 |