Browse Source

purgeCSS fix.

tags/v1.4.4
Ivan Bravo Bravo 10 months ago
parent
commit
e89661b1d5

+ 3
- 1
src/.eslintrc.js View File

@@ -22,7 +22,8 @@ module.exports = {
AppError: false
},
parserOptions: {
parser: "babel-eslint"
parser: "babel-eslint",
allowImportExportEverywhere: true
},
plugins: [
"import",
@@ -35,6 +36,7 @@ module.exports = {
rules: {
"class-methods-use-this": "off",
"comma-dangle": "warn",
"global-require": "off",
"import/default": "off",
"import/no-webpack-loader-syntax": "off",
"import/order": "error",

+ 1
- 1
src/.vscode/launch.json View File

@@ -11,7 +11,7 @@
"runtimeExecutable": "yarn",
"runtimeArgs": [
"start:electron",
"--remote-debugging-port=9223",
//"--remote-debugging-port=9223",
"--inspect-brk=9222"
],
"outputCapture": "std",

+ 0
- 1
src/components/Nudity/Upload.vue View File

@@ -132,7 +132,6 @@ import {
isNil, isEmpty, startsWith,
map, isArray,
} from 'lodash'
import Swal from 'sweetalert2'
import { Nudify } from '~/modules/nudify'

const { nucleus } = $provider.services

+ 0
- 312
src/layouts/default.vue View File

@@ -48,315 +48,3 @@ export default {
}
}
</style>

<style>
/*!
* Cropper.js v1.5.6
* https://fengyuanchen.github.io/cropperjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2019-10-04T04:33:44.164Z
*/

.cropper-container {
direction: ltr;
font-size: 0;
line-height: 0;
position: relative;
-ms-touch-action: none;
touch-action: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.cropper-container img {
display: block;
height: 100%;
image-orientation: 0deg;
max-height: none !important;
max-width: none !important;
min-height: 0 !important;
min-width: 0 !important;
width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
overflow: hidden;
}

.cropper-drag-box {
background-color: #fff;
opacity: 0;
}

.cropper-modal {
background-color: #000;
opacity: 0.5;
}

.cropper-view-box {
display: block;
height: 100%;
outline: 1px solid #39f;
outline-color: rgba(51, 153, 255, 0.75);
overflow: hidden;
width: 100%;
}

.cropper-dashed {
border: 0 dashed #eee;
display: block;
opacity: 0.5;
position: absolute;
}

.cropper-dashed.dashed-h {
border-bottom-width: 1px;
border-top-width: 1px;
height: calc(100% / 3);
left: 0;
top: calc(100% / 3);
width: 100%;
}

.cropper-dashed.dashed-v {
border-left-width: 1px;
border-right-width: 1px;
height: 100%;
left: calc(100% / 3);
top: 0;
width: calc(100% / 3);
}

.cropper-center {
display: block;
height: 0;
left: 50%;
opacity: 0.75;
position: absolute;
top: 50%;
width: 0;
}

.cropper-center::before,
.cropper-center::after {
background-color: #eee;
content: ' ';
display: block;
position: absolute;
}

.cropper-center::before {
height: 1px;
left: -3px;
top: 0;
width: 7px;
}

.cropper-center::after {
height: 7px;
left: 0;
top: -3px;
width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
display: block;
height: 100%;
opacity: 0.1;
position: absolute;
width: 100%;
}

.cropper-face {
background-color: #fff;
left: 0;
top: 0;
}

.cropper-line {
background-color: #39f;
}

.cropper-line.line-e {
cursor: ew-resize;
right: -3px;
top: 0;
width: 5px;
}

.cropper-line.line-n {
cursor: ns-resize;
height: 5px;
left: 0;
top: -3px;
}

.cropper-line.line-w {
cursor: ew-resize;
left: -3px;
top: 0;
width: 5px;
}

.cropper-line.line-s {
bottom: -3px;
cursor: ns-resize;
height: 5px;
left: 0;
}

.cropper-point {
background-color: #39f;
height: 5px;
opacity: 0.75;
width: 5px;
}

.cropper-point.point-e {
cursor: ew-resize;
margin-top: -3px;
right: -3px;
top: 50%;
}

.cropper-point.point-n {
cursor: ns-resize;
left: 50%;
margin-left: -3px;
top: -3px;
}

.cropper-point.point-w {
cursor: ew-resize;
left: -3px;
margin-top: -3px;
top: 50%;
}

.cropper-point.point-s {
bottom: -3px;
cursor: s-resize;
left: 50%;
margin-left: -3px;
}

.cropper-point.point-ne {
cursor: nesw-resize;
right: -3px;
top: -3px;
}

.cropper-point.point-nw {
cursor: nwse-resize;
left: -3px;
top: -3px;
}

.cropper-point.point-sw {
bottom: -3px;
cursor: nesw-resize;
left: -3px;
}

.cropper-point.point-se {
bottom: -3px;
cursor: nwse-resize;
height: 20px;
opacity: 1;
right: -3px;
width: 20px;
}

@media (min-width: 768px) {
.cropper-point.point-se {
height: 15px;
width: 15px;
}
}

@media (min-width: 992px) {
.cropper-point.point-se {
height: 10px;
width: 10px;
}
}

@media (min-width: 1200px) {
.cropper-point.point-se {
height: 5px;
opacity: 0.75;
width: 5px;
}
}

.cropper-point.point-se::before {
background-color: #39f;
bottom: -50%;
content: ' ';
display: block;
height: 200%;
opacity: 0;
position: absolute;
right: -50%;
width: 200%;
}

.cropper-invisible {
opacity: 0;
}

.cropper-bg {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
display: block;
height: 0;
position: absolute;
width: 0;
}

.cropper-hidden {
display: none !important;
}

.cropper-move {
cursor: move;
}

.cropper-crop {
cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
cursor: not-allowed;
}

</style>

<style>
.tippy-tooltip[data-animation=fade][data-state=hidden]{opacity:0}.tippy-iOS{cursor:pointer!important;-webkit-tap-highlight-color:transparent}.tippy-popper{pointer-events:none;max-width:calc(100vw - 10px);transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-property:transform}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;background-color:#333;transition-property:visibility,opacity,transform;outline:0}.tippy-tooltip[data-placement^=top]>.tippy-arrow{border-width:8px 8px 0;border-top-color:#333;margin:0 3px;transform-origin:50% 0;bottom:-7px}.tippy-tooltip[data-placement^=bottom]>.tippy-arrow{border-width:0 8px 8px;border-bottom-color:#333;margin:0 3px;transform-origin:50% 7px;top:-7px}.tippy-tooltip[data-placement^=left]>.tippy-arrow{border-width:8px 0 8px 8px;border-left-color:#333;margin:3px 0;transform-origin:0 50%;right:-7px}.tippy-tooltip[data-placement^=right]>.tippy-arrow{border-width:8px 8px 8px 0;border-right-color:#333;margin:3px 0;transform-origin:7px 50%;left:-7px}.tippy-tooltip[data-interactive][data-state=visible]{pointer-events:auto}.tippy-tooltip[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{position:absolute;border-color:transparent;border-style:solid}.tippy-content{padding:5px 9px}
</style>

+ 2
- 1
src/modules/nudify/photo-run.js View File

@@ -307,7 +307,8 @@ export class PhotoRun {
return
}

const notification = new Notification(`📷 ${this.file.fullname} - Run ${this.id} has finished.`)
// eslint-disable-next-line no-new
new Notification(`📷 ${this.file.fullname} - Run ${this.id} has finished.`)

/*
notification.onclick = () => {

+ 2
- 1
src/modules/nudify/photo.js View File

@@ -434,7 +434,8 @@ export class Photo {
return
}

const notification = new Notification(`📷 ${this.file.fullname} has finished.`, {
// eslint-disable-next-line no-new
new Notification(`📷 ${this.file.fullname} has finished.`, {
body: 'The photo has completed the transformation process.',
})


+ 31
- 18
src/nuxt.config.js View File

@@ -1,7 +1,7 @@
/* eslint-disable no-param-reassign */
/* eslint-disable nuxt/no-cjs-in-config */

const nodeExternals = require('webpack-node-externals')
const dev = process.env.NODE_ENV === 'development'

module.exports = {
mode: 'spa',
@@ -14,7 +14,7 @@ module.exports = {
},

/**
* Dev-Server settings
* Server settings
*/
server: {
port: process.env.SERVER_PORT,
@@ -81,6 +81,9 @@ module.exports = {
*/
axios: {},

/**
*
*/
tailwindcss: {
cssPath: '~/assets/css/tailwind.scss',
},
@@ -88,21 +91,31 @@ module.exports = {
/**
*
*/
dev: process.env.NODE_ENV === 'development',
purgeCSS: {
enabled: false,
whitelistPatterns: [/tooltip$/, /cropper$/, /tui$/],
},

/**
*
*/
dev,

/*
** Build configuration
*/
build: {
analyze: false,
parallel: true,

extractCSS: true,
hardSource: true,

parallel: false,
optimizeCSS: true,

babel: {
sourceType: 'unambiguous',

plugins: [
['@babel/plugin-proposal-class-properties', { loose: true }],
'@babel/plugin-proposal-class-properties',
'@babel/plugin-proposal-export-default-from',
'@babel/plugin-proposal-optional-chaining',
[
@@ -117,10 +130,20 @@ module.exports = {
],
},

loaders: {
scss: {
implementation: require('sass'),
},

imgUrl: {
limit: 10 * 1000,
},
},

/*
** You can extend webpack config here
*/
extend(config, { isClient, isDev }) {
extend(config, { isDev }) {
config.target = 'electron-renderer'

config.module.rules.push({
@@ -129,16 +152,6 @@ module.exports = {
exclude: /(node_modules)/,
})

const urlLoader = config.module.rules.find((rule) => {
if (!rule.use || !rule.use[0]) {
return false
}

return rule.use[0].loader === 'url-loader'
})

urlLoader.use[0].options.limit = 100000000

if (isDev) {
config.devtool = 'source-map'
} else {

+ 1
- 1
src/package.json View File

@@ -138,10 +138,10 @@
"husky": "^3.0.9",
"lint-staged": "^9.4.3",
"mocha": "^6.2.2",
"node-sass": "^4.13.0",
"nodemon": "^1.19.4",
"nyc": "^14.1.1",
"rollbar-sourcemap-webpack-plugin": "^2.5.1",
"sass": "^1.23.7",
"sass-loader": "^8.0.0",
"spectron": "^9.0.0",
"tailwindcss": "^1.1.3",

+ 0
- 1
src/pages/settings/folders.vue View File

@@ -38,7 +38,6 @@
import _ from 'lodash'
import { VModel } from '~/mixins'

const { nucleus } = $provider.services
const { existsSync } = $provider.tools.fs
const { dialog } = $provider.api


Loading…
Cancel
Save