├── .babelrc
├── .editorconfig
├── .eslintignore
├── .eslintrc.js
├── .gitignore
├── .postcssrc.js
├── .stylintrc
├── CONTRIBUTING.md
├── LICENSE
├── README.md
├── _config.yml
├── certs
    ├── my_private_key.pvk
    ├── my_signing_key.pfx
    └── my_test_certificate.cer
├── docs
    ├── LICENSE
    ├── README.md
    ├── index.html
    └── src
    │   ├── css
    │       └── index.css
    │   └── img
    │       ├── logo-512x512.png
    │       └── logo-qtube.svg
├── package-lock.json
├── package.json
├── quasar.conf.js
├── renovate.json
├── src-electron
    ├── icons
    │   ├── icon.icns
    │   ├── icon.ico
    │   └── linux-512x512.png
    └── main-process
    │   ├── auto-updater
    │       └── auto-updater.js
    │   ├── electron-main.dev.js
    │   ├── electron-main.js
    │   └── server
    │       ├── modules
    │           ├── index.js
    │           └── manipulate-files
    │           │   └── index.js
    │       └── server.js
├── src
    ├── App.vue
    ├── assets
    │   ├── logo-qtube-horizontal.svg
    │   ├── logo-qtube.svg
    │   ├── quasar-logo-full.svg
    │   └── sad.svg
    ├── components
    │   ├── .gitkeep
    │   └── videoPlayer.vue
    ├── css
    │   ├── app.styl
    │   └── themes
    │   │   ├── common.variables.styl
    │   │   ├── variables.ios.styl
    │   │   └── variables.mat.styl
    ├── i18n
    │   ├── en-us
    │   │   └── index.js
    │   └── index.js
    ├── index.template.html
    ├── layouts
    │   └── default.vue
    ├── pages
    │   ├── 404.vue
    │   ├── index.vue
    │   ├── musics.vue
    │   ├── player.vue
    │   └── videos.vue
    ├── plugins
    │   ├── .gitkeep
    │   ├── axios.js
    │   ├── i18n.js
    │   └── video-player.js
    ├── router
    │   ├── index.js
    │   └── routes.js
    ├── statics
    │   ├── darkrola.jpeg
    │   ├── icons
    │   │   ├── apple-icon-152x152-.png
    │   │   ├── apple-icon-152x152.png
    │   │   ├── favicon-16x16.png
    │   │   ├── favicon-32x32.png
    │   │   ├── icon-128x128-.png
    │   │   ├── icon-128x128.png
    │   │   ├── icon-192x192-.png
    │   │   ├── icon-192x192.png
    │   │   ├── icon-256x256.png
    │   │   ├── icon-256x256asd.png
    │   │   ├── icon-256x256beta.png
    │   │   ├── icon-384x384-.png
    │   │   ├── icon-384x384.png
    │   │   ├── icon-512x512-.png
    │   │   ├── icon-512x512.png
    │   │   ├── ms-icon-144x144-.png
    │   │   └── ms-icon-144x144.png
    │   └── quasar-logo.png
    └── store
    │   ├── index.js
    │   └── module-example
    │       ├── actions.js
    │       ├── getters.js
    │       ├── index.js
    │       ├── mutations.js
    │       └── state.js
└── yarn.lock


/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": [
 3 |     [
 4 |       "@babel/preset-env", {
 5 |         "modules": false,
 6 |         "loose": false,
 7 |         "useBuiltIns": "usage"
 8 |       }
 9 |     ],
10 |     [
11 |       "@babel/preset-stage-2", {
12 |         "modules": true,
13 |         "loose": false,
14 |         "useBuiltIns": true,
15 |         "decoratorsLegacy": true
16 |       }
17 |     ]
18 |   ],
19 |   "plugins": [
20 |     [
21 |       "@babel/transform-runtime", {
22 |         "polyfill": false,
23 |         "regenerator": false
24 |       }
25 |     ]
26 |   ],
27 |   "comments": true
28 | }
29 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | charset = utf-8
 5 | indent_style = space
 6 | indent_size = 2
 7 | end_of_line = lf
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 


--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
1 | /dist
2 | 


--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   root: true,
 3 |   parserOptions: {
 4 |     parser: 'babel-eslint',
 5 |     sourceType: 'module'
 6 |   },
 7 |   env: {
 8 |     browser: true
 9 |   },
10 |   extends: [
11 |     // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
12 |     // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
13 |     'plugin:vue/essential',
14 |     // https://github.com/standard/standard/blob/master/docs/RULES-en.md
15 |     'standard'
16 |   ],
17 |   // required to lint *.vue files
18 |   plugins: [
19 |     'vue'
20 |   ],
21 |   globals: {
22 |     'ga': true, // Google Analytics
23 |     'cordova': true,
24 |     '__statics': true
25 |   },
26 |   // add your custom rules here
27 |   'rules': {
28 |     // allow async-await
29 |     'generator-star-spacing': 'off',
30 | 
31 |     // allow paren-less arrow functions
32 |     'arrow-parens': 0,
33 |     'one-var': 0,
34 | 
35 |     'import/first': 0,
36 |     'import/named': 2,
37 |     'import/namespace': 2,
38 |     'import/default': 2,
39 |     'import/export': 2,
40 |     'import/extensions': 0,
41 |     'import/no-unresolved': 0,
42 |     'import/no-extraneous-dependencies': 0,
43 | 
44 |     // allow debugger during development
45 |     'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0
46 |   }
47 | }
48 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .quasar
 2 | .DS_Store
 3 | .thumbs.db
 4 | node_modules
 5 | /dist
 6 | /src-cordova/platforms
 7 | /src-cordova/plugins
 8 | /src-cordova/www
 9 | npm-debug.log*
10 | yarn-debug.log*
11 | yarn-error.log*
12 | 
13 | # Editor directories and files
14 | .idea
15 | .vscode
16 | *.suo
17 | *.ntvs*
18 | *.njsproj
19 | *.sln
20 | 


--------------------------------------------------------------------------------
/.postcssrc.js:
--------------------------------------------------------------------------------
1 | // https://github.com/michael-ciniawsky/postcss-load-config
2 | 
3 | module.exports = {
4 |   plugins: [
5 |     // to edit target browsers: use "browserslist" field in package.json
6 |     require('autoprefixer')
7 |   ]
8 | }
9 | 


--------------------------------------------------------------------------------
/.stylintrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "blocks": "never",
 3 |   "brackets": "never",
 4 |   "colons": "never",
 5 |   "colors": "always",
 6 |   "commaSpace": "always",
 7 |   "commentSpace": "always",
 8 |   "cssLiteral": "never",
 9 |   "depthLimit": false,
10 |   "duplicates": true,
11 |   "efficient": "always",
12 |   "extendPref": false,
13 |   "globalDupe": true,
14 |   "indentPref": 2,
15 |   "leadingZero": "never",
16 |   "maxErrors": false,
17 |   "maxWarnings": false,
18 |   "mixed": false,
19 |   "namingConvention": false,
20 |   "namingConventionStrict": false,
21 |   "none": "never",
22 |   "noImportant": false,
23 |   "parenSpace": "never",
24 |   "placeholder": false,
25 |   "prefixVarsWithDollar": "always",
26 |   "quotePref": "single",
27 |   "semicolons": "never",
28 |   "sortOrder": false,
29 |   "stackedProperties": "never",
30 |   "trailingWhitespace": "never",
31 |   "universal": "never",
32 |   "valid": true,
33 |   "zeroUnits": "never",
34 |   "zIndexNormalize": false
35 | }
36 | 


--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
 1 | # Contributor's Guide
 2 | 
 3 | When contributing to this repository, please first discuss the change you wish to make via issue,
 4 | email, or any other method with the owners of this repository before making a change. 
 5 | 
 6 | Please note we have a code of conduct, please follow it in all your interactions with the project.
 7 | 
 8 | ## Pull Request Process
 9 | 
10 | 1. Ensure any install or build dependencies are removed before the end of the layer when doing a 
11 |    build.
12 | 2. Update the README.md with details of changes to the interface, this includes new environment 
13 |    variables, exposed ports, useful file locations and container parameters.
14 | 3. Increase the version numbers in any examples files and the README.md to the new version that this
15 |    Pull Request would represent. The versioning scheme we use is [SemVer](http://semver.org/).
16 | 4. You may merge the Pull Request in once you have the sign-off of two other developers, or if you 
17 |    do not have permission to do that, you may request the second reviewer to merge it for you.
18 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2018 qtube
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ## Qtube
 2 | This Application used for download YouTube videos and it's built with with Quasar and Electron 
 3 | 
 4 | ## Installation
 5 | ```bash
 6 | $ git clone https://github.com/iagocavalcante/qtube.git
 7 | $ cd qtube
 8 | $ npm install
 9 | $ npm run build
10 | ```
11 | 
12 | ## Contributing
13 | 
14 | Any type of contribution is welcome, here are some examples of how you may contribute to this project:
15 | 
16 | Before starting the contribution, read our [contributing guide](https://github.com/iagocavalcante/qtube/blob/master/CONTRIBUTING.md) and let's build a better antd together. 
17 | 
18 | ## Reference
19 | 
20 | [For your reference](https://iagocavalcante.github.io/qtube/)
21 | 


--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
1 | theme: jekyll-theme-dinky


--------------------------------------------------------------------------------
/certs/my_private_key.pvk:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/certs/my_private_key.pvk


--------------------------------------------------------------------------------
/certs/my_signing_key.pfx:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/certs/my_signing_key.pfx


--------------------------------------------------------------------------------
/certs/my_test_certificate.cer:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/certs/my_test_certificate.cer


--------------------------------------------------------------------------------
/docs/LICENSE:
--------------------------------------------------------------------------------
1 | Copyright 2018 Marcos Paulo Sarges Rolim
2 | 
3 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
4 | 
5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
6 | 
7 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
8 | 


--------------------------------------------------------------------------------
/docs/README.md:
--------------------------------------------------------------------------------
 1 | # Site Quasar App
 2 | 
 3 | This site uses [bootstrap 4.1.3](https://getbootstrap.com/docs/4.1/getting-started/introduction/)
 4 | 
 5 | ## Contributing
 6 | Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
 7 | Please make sure to update tests as appropriate.
 8 | 
 9 | ## Licence
10 | 
11 | [MIT](https://opensource.org/licenses/MIT)


--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |   <meta charset="UTF-8">
 5 |   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |   <meta http-equiv="X-UA-Compatible" content="ie=edge">
 7 |   <meta name="description" content="Site to promote the project">
 8 |   <meta name="keywords" content="Qtube,Quasar App,Electron,JavaScript">
 9 |   <meta name="author" content="Marcos Sarges">
10 |   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU"
11 |     crossorigin="anonymous">
12 |   <!-- <link rel="stylesheet" href="src/css/bootstrap.min.css">
13 |   <link rel="stylesheet" href="src/css/bootstrap-reboot.css"> -->
14 |   <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
15 |     crossorigin="anonymous">
16 |   <!-- <script src="src/js/bootstrap.min.js"></script> -->
17 |   <link rel="stylesheet" href="src/css/index.css">
18 |   <title>QTube</title>
19 | </head>
20 | 
21 | <body>
22 |   <header class="header">
23 |     <picture class="logo">
24 |       <img src="src/img/logo-qtube.svg" alt="QTube" >
25 |     </picture>
26 |   </header>
27 |   <main class="main-content">
28 |     <div class="container">
29 |     <div class="titulos">
30 |       <!-- <h1 class="h1 text-center">QTube</h1> -->
31 |       <h6 class="h4">Application built with Quasar and Electron</h6>
32 |     </div>
33 |     <section class="releases mt-3">
34 |       <div class="card">
35 |         <div class="card-body">
36 |           <h5 class="card-title">Last release<a class="btn" href="https://github.com/iagocavalcante/qtube/releases/download/0.1.158/QTube.Setup.0.1.158.exe"
37 |               download="Instalador"><i class="fas fa-file-download"></i></a></h5>
38 |           <p class="card-text">All <a href="https://github.com/iagocavalcante/qtube/releases" target="blank">releases</a></p>
39 |         </div>
40 |       </div>
41 |     </section>
42 |     <section class="init mt-2">
43 |       <div class="card">
44 |         <div class="card-body">
45 |           <h5 class="card-title">How to contribute?</h5>
46 |           <p>Before starting the contribution, make a <b>Fork</b> in the project.</p>
47 |           <div class="row">
48 |             <div class="col-6">
49 |               <a class="btn btn-primary rounded" href="https://github.com/iagocavalcante/qtube" target="blank">
50 |                 Repository <i class="fab fa-github"></i></a>
51 |               </a>
52 |             </div>
53 |             <div class="col-6">
54 |               <a class="btn btn-success" href="https://github.com/iagocavalcante/qtube" target="blank">
55 |                 Fork <i class="fas fa-code-branch"></i> <span class="badge badge-light">8</span></a>
56 |               </a>
57 | 
58 |             </div>
59 |           </div>
60 |           <ul class="m-3 bg-dark text-white text-left">
61 |             <li class="p-1">$ git clone https://github.com/iagocavalcante/qtube.git</li>
62 |             <li class="p-1">$ cd qtube</li>
63 |             <li class="p-1">$ npm install</li>
64 |             <li class="p-1" style="color:#a1a1a1"># The construction process can be time consuming due to
65 |               the download of the Quasar and Electron</li>
66 |             <li class="p-1">$ npm run build</li>
67 |           </ul>
68 |         </div>
69 |       </div>
70 |     </section>
71 |     </div>
72 |   </main>
73 |   <footer class="footer">
74 |     <div class="container">
75 |       <ul class="rodape">
76 |         <li><strong>Licença:</strong></li>
77 |         <li>Project developed by <a href="https://github.com/iagocavalcante" target="blank">Iago Angelim Cavalcante</a></li>
78 |         <li>Website developed with <3 by <a href="https://github.com/iagocavalcante/qtube/graphs/contributors" target="blank">Contributors</a></li>
79 |       </ul>
80 |     </div>
81 |   </footer>
82 | </body>
83 | 
84 | </html>
85 | 


--------------------------------------------------------------------------------
/docs/src/css/index.css:
--------------------------------------------------------------------------------
 1 | @import url('https://fonts.googleapis.com/css?family=K2D');
 2 | @import url('https://fonts.googleapis.com/css?family=Roboto+Mono');
 3 | .main-content {
 4 |     background-image: linear-gradient(to bottom, #D98656, #CC2E2F);
 5 |     background-repeat: no-repeat;
 6 |     padding: 120px 0;
 7 | }
 8 | .container {
 9 |     color: aliceblue;
10 |     font-family: 'Roboto Mono', monospace;
11 | }
12 | .img-fluid{
13 |     width:40%;
14 | }
15 | 
16 | .header {
17 |   background-color: #fff;
18 |   padding: 40px;
19 |   text-align: center;
20 | }
21 | 
22 | .header .logo img {
23 |   max-width: 333px;
24 | }
25 | 
26 | .titulos{
27 |     font-family: 'K2D', sans-serif;
28 |     text-align: center;
29 |     margin-bottom: 10px;
30 |     display: block;
31 | }
32 | 
33 | section {
34 |     text-align: center;
35 | }
36 | 
37 | .card {
38 |     color: black;
39 |     margin: 0 auto;
40 |     border-radius: 10px;
41 | }
42 | 
43 | .fa-file-download {
44 |     font-size: 2rem;
45 | }
46 | 
47 | .init ul{
48 |     list-style: none;
49 | }
50 | 
51 | footer .container {
52 |     text-align: left;
53 | }
54 | 
55 | .fa-heart {
56 |     color: red;
57 | }
58 | 
59 | .footer {
60 |     background-color: #8e0a0a;
61 | }
62 | 
63 | .rodape {
64 |     list-style: none;
65 |     margin-bottom: 0;
66 |     text-align: center;
67 |     padding: 20px 0;
68 | }
69 | 
70 | .rodape a {
71 |     color: #f0f8ff;
72 |     transition: .5s;
73 | }
74 | 
75 | .rodape a:hover {
76 |     color: #afa5b1;
77 | }
78 | 


--------------------------------------------------------------------------------
/docs/src/img/logo-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/docs/src/img/logo-512x512.png


--------------------------------------------------------------------------------
/docs/src/img/logo-qtube.svg:
--------------------------------------------------------------------------------
 1 | <svg
 2 | 	xmlns="http://www.w3.org/2000/svg" viewBox="0 0 678.14 189.69">
 3 | 	<defs>
 4 | 		<style>.cls-1{fill:#fff;}.cls-2{fill:#cc2e2f;}.cls-3{fill:#333;}</style>
 5 | 	</defs>
 6 | 	<title>Ativo 1</title>
 7 | 	<g id="Camada_2" data-name="Camada 2">
 8 | 		<g id="Camada_1-2" data-name="Camada 1">
 9 | 			<circle class="cls-1" cx="94.85" cy="94.85" r="94.85"/>
10 | 			<path class="cls-2" d="M94.43,168a70.85,70.85,0,0,1-28.52-5.8,74.23,74.23,0,0,1-39.07-39.07A70.87,70.87,0,0,1,21,94.64,71.63,71.63,0,0,1,26.84,66,73.94,73.94,0,0,1,65.91,26.84,70.9,70.9,0,0,1,94.43,21a71.65,71.65,0,0,1,28.64,5.8A73.64,73.64,0,0,1,162.23,66,71.68,71.68,0,0,1,168,94.64a70.5,70.5,0,0,1-6,29,77.45,77.45,0,0,1-16.5,23.74l-8.41,8.25h30.49A94.77,94.77,0,1,0,155.17,168Z"/>
11 | 			<path class="cls-2" d="M73.61,70.8,90.15,87.35v-54l-5.58.9a59.09,59.09,0,0,0-13.83,4A61.13,61.13,0,0,0,38.19,70.75a61.77,61.77,0,0,0,0,47.58,61.13,61.13,0,0,0,32.56,32.56,59.94,59.94,0,0,0,23.69,4.77h.64a58.07,58.07,0,0,0,23.63-4.9,62.15,62.15,0,0,0,19.22-13.2h0a62.91,62.91,0,0,0,13-19.31,59.22,59.22,0,0,0,4.77-23.59,60.53,60.53,0,0,0-4.77-23.9,61.13,61.13,0,0,0-32.56-32.56,58.94,58.94,0,0,0-12.86-3.8l-5.65-1V87.06l16.55-16.28a4.84,4.84,0,0,1,6.83,6.85l-24.77,24.8A4.86,4.86,0,0,1,95,103.87a4.81,4.81,0,0,1-3.4-1.39L66.78,77.66a4.84,4.84,0,1,1,6.83-6.86Z"/>
12 | 			<path class="cls-3" d="M281.72,42.42a57.42,57.42,0,0,1,23,4.67A59.18,59.18,0,0,1,336.2,78.52a57.42,57.42,0,0,1,4.67,23A56.53,56.53,0,0,1,336,124.94a61.76,61.76,0,0,1-13.22,19H338a8.3,8.3,0,0,1,8.3,8.3h0a8.3,8.3,0,0,1-8.3,8.3h-56.3a56.8,56.8,0,0,1-23-4.67,59.63,59.63,0,0,1-31.35-31.35,56.8,56.8,0,0,1-4.67-23,57.38,57.38,0,0,1,4.67-23,59.41,59.41,0,0,1,31.35-31.43A56.83,56.83,0,0,1,281.72,42.42ZM282.2,144a40,40,0,0,0,16.36-3.38,43.06,43.06,0,0,0,13.38-9.19,43.61,43.61,0,0,0,9-13.46,40.86,40.86,0,0,0,3.3-16.36A41.86,41.86,0,0,0,321,85a42.48,42.48,0,0,0-22.65-22.65,43,43,0,0,0-33,0A42.48,42.48,0,0,0,242.63,85a43,43,0,0,0,0,33,42.48,42.48,0,0,0,22.65,22.65,41.41,41.41,0,0,0,16.44,3.3Z"/>
13 | 			<path class="cls-3" d="M344.4,42.22h81.52v16.6H382.36v92.84a8.54,8.54,0,0,1-8.54,8.54h0a8.54,8.54,0,0,1-8.54-8.54V58.83H344.4a8.3,8.3,0,0,1-8.3-8.3h0A8.3,8.3,0,0,1,344.4,42.22Z"/>
14 | 			<path class="cls-3" d="M490.18,42.22h0a8.46,8.46,0,0,1,8.46,8.46v70.52a37.36,37.36,0,0,1-3.14,15.31,38.38,38.38,0,0,1-8.62,12.33,41.7,41.7,0,0,1-12.73,8.3,39.77,39.77,0,0,1-15.64,3.06,38.76,38.76,0,0,1-15.39-3.06,40.91,40.91,0,0,1-12.57-8.3A38.08,38.08,0,0,1,419,121.21V50.69a8.46,8.46,0,0,1,8.46-8.46h0a8.46,8.46,0,0,1,8.46,8.46v70.52a21.91,21.91,0,0,0,1.77,8.78,23.78,23.78,0,0,0,4.84,7.25,21.89,21.89,0,0,0,7.25,4.92,22.48,22.48,0,0,0,8.87,1.77A22.88,22.88,0,0,0,475,137.24a23.14,23.14,0,0,0,4.92-7.25,22,22,0,0,0,1.77-8.78V50.69A8.46,8.46,0,0,1,490.18,42.22Z"/>
15 | 			<path class="cls-3" d="M580.45,97a.87.87,0,0,0,.15,1.4A29.29,29.29,0,0,1,590.91,109a32.56,32.56,0,0,1,4.27,16.68,33.12,33.12,0,0,1-2.74,13.38,36.29,36.29,0,0,1-7.41,11,34.57,34.57,0,0,1-11,7.5,33.09,33.09,0,0,1-13.38,2.74H524.3a9.54,9.54,0,0,1-9.54-9.54V51.28a9.05,9.05,0,0,1,9.05-9.05h36.08a30.67,30.67,0,0,1,12.25,2.5,32.11,32.11,0,0,1,17,17,31.07,31.07,0,0,1,2.5,12.41,25.8,25.8,0,0,1-1,7.5A29.59,29.59,0,0,1,587.85,88,35.15,35.15,0,0,1,584,93.4,44.33,44.33,0,0,1,580.45,97ZM532,90.19a.87.87,0,0,0,.87.87H557a16.84,16.84,0,0,0,6.61-1.29,15.87,15.87,0,0,0,5.32-3.63,17.45,17.45,0,0,0,3.55-5.4,17.27,17.27,0,0,0-3.55-18.54A16.21,16.21,0,0,0,557,57.38H532.87a.87.87,0,0,0-.87.87Zm25.79,55a18.08,18.08,0,0,0,7.58-1.61,20.94,20.94,0,0,0,6.21-4.27,19.77,19.77,0,0,0,4.13-6.06,19.11,19.11,0,0,0,.06-15.14,19.68,19.68,0,0,0-10.4-10.4,18.92,18.92,0,0,0-7.58-1.53H532.87a.87.87,0,0,0-.87.87v37.26a.87.87,0,0,0,.87.87Z"/>
16 | 			<path class="cls-3" d="M625.59,143.13h44.08a8.46,8.46,0,0,1,8.46,8.46h0a8.46,8.46,0,0,1-8.46,8.46H618.79a10.28,10.28,0,0,1-10.28-10.28V51.53a9.15,9.15,0,0,1,9.15-9.15h51.06a8.3,8.3,0,0,1,8.3,8.3h0a8.3,8.3,0,0,1-8.3,8.3H625.59V90.24h38.2a8.06,8.06,0,0,1,8.06,8.06h0a8.06,8.06,0,0,1-8.06,8.06h-38.2Z"/>
17 | 		</g>
18 | 	</g>
19 | </svg>
20 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "qtube",
 3 |   "version": "0.1.159",
 4 |   "description": "App to copy link and paste, download from youtube",
 5 |   "productName": "QTube",
 6 |   "cordovaId": "br.com.qtube.app",
 7 |   "author": "Iago Cavalcante <iagoangelimc@gmail.com>",
 8 |   "repository": "https://github.com/iagocavalcante/qtube",
 9 |   "private": false,
10 |   "scripts": {
11 |     "lint": "eslint --ext .js,.vue src",
12 |     "test": "echo \"No test specified\" && exit 0",
13 |     "publish": "node_modules/.bin/build --win -p always"
14 |   },
15 |   "dependencies": {
16 |     "axios": "0.19.2",
17 |     "body-parser": "1.19.0",
18 |     "cors": "2.8.5",
19 |     "electron-log": "4.0.6",
20 |     "electron-squirrel-startup": "1.0.0",
21 |     "electron-store": "6.0.0",
22 |     "electron-updater": "4.2.2",
23 |     "express": "4.17.1",
24 |     "fluent-ffmpeg": "2.1.2",
25 |     "request": "2.88.2",
26 |     "video.js": "7.6.6",
27 |     "vue-i18n": "8.20.0",
28 |     "vue-video-player": "5.0.2",
29 |     "ytdl-core": "3.1.2"
30 |   },
31 |   "devDependencies": {
32 |     "babel-eslint": "10.0.3",
33 |     "devtron": "1.4.0",
34 |     "electron": "9.1.2",
35 |     "electron-builder": "22.8.0",
36 |     "electron-debug": "3.0.1",
37 |     "electron-devtools-installer": "3.1.1",
38 |     "electron-packager": "14.2.1",
39 |     "eslint": "7.6.0",
40 |     "eslint-config-standard": "14.1.1",
41 |     "eslint-friendly-formatter": "4.0.1",
42 |     "eslint-loader": "3.0.3",
43 |     "eslint-plugin-import": "2.20.1",
44 |     "eslint-plugin-node": "11.0.0",
45 |     "eslint-plugin-promise": "4.2.1",
46 |     "eslint-plugin-standard": "4.0.1",
47 |     "eslint-plugin-vue": "6.2.1",
48 |     "quasar-cli": "0.17.26",
49 |     "strip-ansi": "6.0.0"
50 |   },
51 |   "engines": {
52 |     "node": ">= 8.9.0",
53 |     "npm": ">= 5.6.0",
54 |     "yarn": ">= 1.6.0"
55 |   },
56 |   "browserslist": [
57 |     "> 1%",
58 |     "last 2 versions",
59 |     "not ie <= 10"
60 |   ]
61 | }
62 | 


--------------------------------------------------------------------------------
/quasar.conf.js:
--------------------------------------------------------------------------------
  1 | // Configuration for your app
  2 | 
  3 | module.exports = function (ctx) {
  4 |   return {
  5 |     // app plugins (/src/plugins)
  6 |     plugins: [
  7 |       // 'i18n',
  8 |       'axios',
  9 |       'video-player'
 10 |     ],
 11 |     css: [
 12 |       'app.styl'
 13 |     ],
 14 |     extras: [
 15 |       ctx.theme.mat ? 'roboto-font' : null,
 16 |       'material-icons' // optional, you are not bound to it
 17 |       // 'ionicons',
 18 |       // 'mdi',
 19 |       // 'fontawesome'
 20 |     ],
 21 |     supportIE: false,
 22 |     build: {
 23 |       scopeHoisting: true,
 24 |       vueRouterMode: 'history',
 25 |       // vueCompiler: true,
 26 |       gzip: true,
 27 |       // analyze: true,
 28 |       // extractCSS: false,
 29 |       extendWebpack (cfg) {
 30 |         cfg.module.rules.push({
 31 |           enforce: 'pre',
 32 |           test: /\.(js|vue)$/,
 33 |           loader: 'eslint-loader',
 34 |           exclude: /(node_modules|quasar)/
 35 |         })
 36 |       }
 37 |     },
 38 |     devServer: {
 39 |       // https: true,
 40 |       // port: 8080,
 41 |       open: true // opens browser window automatically
 42 |     },
 43 |     // framework: 'all' --- includes everything; for dev only!
 44 |     framework: {
 45 |       components: [
 46 |         'QLayout',
 47 |         'QLayoutHeader',
 48 |         'QLayoutDrawer',
 49 |         'QPageContainer',
 50 |         'QPage',
 51 |         'QToolbar',
 52 |         'QToolbarTitle',
 53 |         'QBtn',
 54 |         'QIcon',
 55 |         'QList',
 56 |         'QListHeader',
 57 |         'QItem',
 58 |         'QItemMain',
 59 |         'QItemSide',
 60 |         'QTabs',
 61 |         'QTab',
 62 |         'QTabPane',
 63 |         'QRouteTab',
 64 |         'QInput',
 65 |         'QField',
 66 |         'QBtnDropdown',
 67 |         'QCard',
 68 |         'QCardTitle',
 69 |         'QCardMain',
 70 |         'QCardMedia',
 71 |         'QCardSeparator',
 72 |         'QCardActions',
 73 |         'QItemTile',
 74 |         'QAjaxBar',
 75 |         'QTooltip',
 76 |         'QSpinnerHourglass',
 77 |         'QVideo'
 78 |       ],
 79 |       directives: [
 80 |         'Ripple'
 81 |       ],
 82 |       // Quasar plugins
 83 |       plugins: [
 84 |         'Notify'
 85 |       ],
 86 |       // iconSet: ctx.theme.mat ? 'material-icons' : 'ionicons'
 87 |       // i18n: 'pt-Br' // Quasar language
 88 |     },
 89 |     // animations: 'all' --- includes all animations
 90 |     animations: [
 91 |     ],
 92 |     pwa: {
 93 |       // workboxPluginMode: 'InjectManifest',
 94 |       // workboxOptions: {},
 95 |       manifest: {
 96 |         // name: 'Quasar App',
 97 |         // short_name: 'Quasar-PWA',
 98 |         // description: 'Best PWA App in town!',
 99 |         display: 'standalone',
100 |         orientation: 'portrait',
101 |         background_color: '#ffffff',
102 |         theme_color: '#027be3',
103 |         icons: [
104 |           {
105 |             'src': 'statics/icons/icon-128x128.png',
106 |             'sizes': '128x128',
107 |             'type': 'image/png'
108 |           },
109 |           {
110 |             'src': 'statics/icons/icon-192x192.png',
111 |             'sizes': '192x192',
112 |             'type': 'image/png'
113 |           },
114 |           {
115 |             'src': 'statics/icons/icon-256x256.png',
116 |             'sizes': '256x256',
117 |             'type': 'image/png'
118 |           },
119 |           {
120 |             'src': 'statics/icons/icon-384x384.png',
121 |             'sizes': '384x384',
122 |             'type': 'image/png'
123 |           },
124 |           {
125 |             'src': 'statics/icons/icon-512x512.png',
126 |             'sizes': '512x512',
127 |             'type': 'image/png'
128 |           }
129 |         ]
130 |       }
131 |     },
132 |     cordova: {
133 |       // id: 'org.cordova.quasar.app'
134 |     },
135 |     electron: {
136 |       bundler: 'builder', // or 'packager'
137 |       extendWebpack (cfg) {
138 |         // do something with Electron process Webpack cfg
139 |       },
140 |       packager: {
141 |         // https://github.com/electron-userland/electron-packager/blob/master/docs/api.md#options
142 | 
143 |         // OS X / Mac App Store
144 |         // appBundleId: '',
145 |         // appCategoryType: '',
146 |         // osxSign: '',
147 |         // protocol: 'myapp://path',
148 | 
149 |         // Window only
150 |         // win32metadata: { ... }
151 |       },
152 |       builder: {
153 |         // https://www.electron.build/configuration/configuration
154 |         appId: 'qtube',
155 |         publish: {
156 |           provider: 'github',
157 |           owner: 'iagocavalcante',
158 |           repo: 'qtube'
159 |         },
160 |         // squirrelWindows: {
161 |         //   remoteReleases: 'https://api.github.com/repos/iagocavalcante/qtube/releases/latest'
162 |         // },
163 |         win: {
164 |           // certificateFile: './certs/my_signing_key.pfx',
165 |           // certificatePassword: '',
166 |           target: 'nsis'
167 |         }
168 |       }
169 |     }
170 |   }
171 | }
172 | 


--------------------------------------------------------------------------------
/renovate.json:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": [
3 |     "config:base"
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/src-electron/icons/icon.icns:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src-electron/icons/icon.icns


--------------------------------------------------------------------------------
/src-electron/icons/icon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src-electron/icons/icon.ico


--------------------------------------------------------------------------------
/src-electron/icons/linux-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src-electron/icons/linux-512x512.png


--------------------------------------------------------------------------------
/src-electron/main-process/auto-updater/auto-updater.js:
--------------------------------------------------------------------------------
 1 | const os = require('os')
 2 | import { app, autoUpdater, dialog } from 'electron'
 3 | const version = app.getVersion()
 4 | const platform = os.platform() + '_' + os.arch() // usually returns darwin_64
 5 | 
 6 | // const updaterFeedURL = 'https://api.github.com/repos/iagocavalcante/qtube/releases/latest'
 7 | 
 8 | export const appUpdater = () => {
 9 |   const updaterFeedURL = `https://qtube-release.herokuapp.com/update/${platform}/${version}`
10 |   autoUpdater.setFeedURL(updaterFeedURL);
11 | 	/* Log whats happening
12 | 	TODO send autoUpdater events to renderer so that we could console log it in developer tools
13 | 	You could alsoe use nslog or other logging to see what's happening */
14 |   autoUpdater.on('error', err => console.log(err))
15 |   autoUpdater.on('checking-for-update', () => console.log('checking-for-update'))
16 |   autoUpdater.on('update-available', () => console.log('update-available'))
17 |   autoUpdater.on('update-not-available', () => console.log('update-not-available'))
18 | 
19 |   // Ask the user if update is available
20 |   autoUpdater.on('update-downloaded', (event, releaseNotes, releaseName) => {
21 |     let message = `${app.getName()} ${releaseName}  is now available. It will be installed the next time you restart the application.`
22 |     if (releaseNotes) {
23 |       const splitNotes = releaseNotes.split(/[^\r]\n/)
24 |       message += '\n\nRelease notes:\n'
25 |       splitNotes.forEach(notes => {
26 |         message += `${notes} \n\n`
27 |       })
28 |     }
29 |     app.webContents.send('updateReady')
30 |     // Ask user to update the app
31 |     dialog.showMessageBox({
32 |       type: 'question',
33 |       buttons: ['Install and Relaunch', 'Later'],
34 |       defaultId: 0,
35 |       message: `A new version of ${app.getName()} has been downloaded`,
36 |       detail: message
37 |     }, response => {
38 |       if (response === 0) {
39 |         setTimeout(() => autoUpdater.quitAndInstall(), 1)
40 |       }
41 |     })
42 |   })
43 |   // init for updates
44 |   autoUpdater.checkForUpdates()
45 | }
46 | 
47 | export default {
48 |   appUpdater
49 | }


--------------------------------------------------------------------------------
/src-electron/main-process/electron-main.dev.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * This file is used specifically and only for development. It installs
 3 |  * `electron-debug` & `vue-devtools`. There shouldn't be any need to
 4 |  *  modify this file, but it can be used to extend your development
 5 |  *  environment.
 6 |  */
 7 | 
 8 | // Install `electron-debug` with `devtron`
 9 | require('electron-debug')({ showDevTools: true })
10 | 
11 | // Install `vue-devtools`
12 | require('electron').app.on('ready', () => {
13 |   let installExtension = require('electron-devtools-installer')
14 |   installExtension.default(installExtension.VUEJS_DEVTOOLS)
15 |     .then(() => {})
16 |     .catch(err => {
17 |       console.log('Unable to install `vue-devtools`: \n', err)
18 |     })
19 | })
20 | 
21 | // Require `main` process to boot app
22 | require('./electron-main')
23 | 


--------------------------------------------------------------------------------
/src-electron/main-process/electron-main.js:
--------------------------------------------------------------------------------
  1 | import { app, BrowserWindow, ipcMain } from 'electron'
  2 | import server from './server/server.js'
  3 | // import utilUpdater from './auto-updater/auto-updater.js'
  4 | import { autoUpdater } from 'electron-updater'
  5 | import fs from 'fs'
  6 | const log = require('electron-log')
  7 | /**
  8 |  * Set `__statics` path to static files in production
  9 |  * The reason we are setting it here is that the path needs to be evaluated at runtime
 10 |  */
 11 | if (process.env.PROD) {
 12 |   global.__statics = require('path').join(__dirname, 'statics').replace(/\\/g, '\\\\')
 13 | }
 14 | 
 15 | // configure logging
 16 | autoUpdater.logger = log
 17 | autoUpdater.logger.transports.file.level = 'info'
 18 | log.info('App starting...')
 19 | 
 20 | const defaultPath = `${app.getPath('downloads')}/Ytdown/`.replace(/\\/g, '/')
 21 | 
 22 | let mainWindow
 23 | 
 24 | function createWindow () {
 25 |   /**
 26 |    * Initial window options
 27 |    */
 28 |   mainWindow = new BrowserWindow({
 29 |     width: 1000,
 30 |     height: 600,
 31 |     useContentSize: true,
 32 |     frame: process.env.PROD ? false : true,
 33 |     webPreferences: {
 34 |       webSecurity: false
 35 |     }
 36 |   })
 37 | 
 38 |   
 39 |   mainWindow.loadURL(process.env.APP_URL)
 40 |   
 41 |   mainWindow.on('closed', () => {
 42 |     mainWindow = null
 43 |   })
 44 | 
 45 |   server.listen(defaultPath)
 46 | }
 47 | 
 48 | // when receiving a quitAndInstall signal, quit and install the new version )
 49 | ipcMain.on('quitAndInstall', (event, arg) => {
 50 |   autoUpdater.quitAndInstall()
 51 | })
 52 | 
 53 | ipcMain.on('close-app', (event) => {
 54 |   if (process.platform !== 'darwin') {
 55 |     app.quit()
 56 |   }
 57 | })
 58 | 
 59 | ipcMain.on('minimize', (event) => {
 60 |   mainWindow.minimize()
 61 | })
 62 | 
 63 | ipcMain.on('createYtDownFolder', function (event) {
 64 | 
 65 |   if (!fs.existsSync(defaultPath)) { //check if default folder already exists
 66 |     fs.mkdirSync(defaultPath, '0o765')
 67 |     event.returnValue = defaultPath
 68 |   } else {
 69 |     event.returnValue = defaultPath
 70 |   }
 71 | 
 72 | })
 73 | 
 74 | ipcMain.on('createVideosFolder', function (event) {
 75 |   const videosPath = `${defaultPath}/videos`.replace(/\\/g, '/')
 76 |   if (!fs.existsSync(videosPath)) { //check if default folder already exists
 77 |     fs.mkdirSync(videosPath, '0o765')
 78 |     event.returnValue = videosPath
 79 |   } else {
 80 |     event.returnValue = videosPath
 81 |   }
 82 | })
 83 | 
 84 | ipcMain.on('createDatabaseFolder', function (event) {
 85 |   const databasePath = `${defaultPath}/database`.replace(/\\/g, '/')
 86 |   if (!fs.existsSync(databasePath)) { //check if default folder already exists
 87 |     fs.mkdirSync(databasePath, '0o765')
 88 |     event.returnValue = databasePath
 89 |   } else {
 90 |     event.returnValue = databasePath
 91 |   }
 92 | })
 93 | 
 94 | ipcMain.on('createMusicFolder', function (event) {
 95 |   const musicsPath = `${defaultPath}/musics`.replace(/\\/g, '/')
 96 |   if (!fs.existsSync(musicsPath)) { //check if default folder already exists
 97 |     fs.mkdirSync(musicsPath, '0o765')
 98 |     event.returnValue = musicsPath
 99 |   } else {
100 |     event.returnValue = musicsPath
101 |   }
102 | })
103 | 
104 | ipcMain.on('createFileDatabase', function (event) {
105 |   const databasePath = `${defaultPath}/database`.replace(/\\/g, '/')
106 |   if (!fs.existsSync(`${databasePath}/ytdown.json`)) {
107 |     const yt = {
108 |       videos: [],
109 |       musics: [],
110 |     }
111 |     fs.writeFileSync(`${databasePath}/ytdown.json`, JSON.stringify(yt))
112 |     event.returnValue = `${databasePath}/ytdown.json`
113 |   } else {
114 |     event.returnValue = `${databasePath}/ytdown.json`
115 |   }
116 | })
117 | 
118 | ipcMain.on('getFolderApp', (event) => {
119 |   event.returnValue = defaultPath
120 | })
121 | 
122 | app.on('ready', () => {
123 |   autoUpdater.checkForUpdatesAndNotify()
124 |   createWindow
125 | })
126 | 
127 | app.on('window-all-closed', () => {
128 |   if (process.platform !== 'darwin') {
129 |     app.quit()
130 |   }
131 | })
132 | 
133 | app.on('activate', () => {
134 |   if (mainWindow === null) {
135 |     createWindow()
136 |   }
137 | })
138 | 
139 | function sendStatusToWindow(text) {
140 |   const dialogOpts = {
141 |       type: 'info',
142 |       buttons: ['Ok'],
143 |       title: 'Atualização do aplicativo',
144 |       message: 'Detalhes:',
145 |       detail: text
146 |   }
147 | 
148 |   dialog.showMessageBox(dialogOpts)
149 | }
150 | 
151 | autoUpdater.on('checking-for-update', () => {
152 |   sendStatusToWindow('Checking for update...');
153 | })
154 | 
155 | autoUpdater.on('update-available', (info) => {
156 |   sendStatusToWindow('Update available.');
157 | })
158 | 
159 | autoUpdater.on('update-not-available', (info) => {
160 |   sendStatusToWindow('Update not available.');
161 | })
162 | 
163 | autoUpdater.on('error', (err) => {
164 |   sendStatusToWindow('Error in auto-updater. ' + err);
165 | })
166 | 
167 | autoUpdater.on('download-progress', (progressObj) => {
168 |   let log_message = "Download speed: " + progressObj.bytesPerSecond;
169 |   log_message = log_message + ' - Downloaded ' + progressObj.percent + '%';
170 |   log_message = log_message + ' (' + progressObj.transferred + "/" + progressObj.total + ')';
171 |   sendStatusToWindow(log_message);
172 | })
173 | 
174 | autoUpdater.on('update-downloaded', (info) => {
175 |   sendStatusToWindow('Update downloaded');
176 | });
177 | 
178 | app.on('ready', function () {
179 |   autoUpdater.checkForUpdatesAndNotify();
180 |   createWindow();
181 | });
182 | 


--------------------------------------------------------------------------------
/src-electron/main-process/server/modules/index.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   manipulateFiles: require('./manipulate-files')
3 | }


--------------------------------------------------------------------------------
/src-electron/main-process/server/modules/manipulate-files/index.js:
--------------------------------------------------------------------------------
 1 | const fs = require('fs')
 2 | 
 3 | const createDir = (directory) => {
 4 |   fs.mkdir(directory, function (err) {
 5 |     if (err) {
 6 |       console.log(err)
 7 |     }
 8 |   })
 9 | }
10 | 
11 | module.exports = {
12 |   createDir
13 | }
14 | 


--------------------------------------------------------------------------------
/src-electron/main-process/server/server.js:
--------------------------------------------------------------------------------
  1 | const express = require('express')
  2 | const bodyParser = require('body-parser')
  3 | const fs = require('fs')
  4 | const path = require('path')
  5 | const ytdl = require('ytdl-core')
  6 | const { promisify } = require('util')
  7 | const cors = require('cors')
  8 | const getInfoVideo = promisify(ytdl.getInfo)
  9 | const modules = require('./modules')
 10 | const request = require('request')
 11 | const ffmpeg = require('fluent-ffmpeg')
 12 | export const listen = (__statics) => {
 13 |   const app = express()
 14 | 
 15 |   app.use(bodyParser.json({ limit: '250mb' }));
 16 |   app.use(bodyParser.urlencoded({ limit: '250mb', extended: true }));
 17 |   app.use(cors())
 18 |   app.use(express.static(path.join(__statics, 'videos')))
 19 | 
 20 |   app.post('/api/download', async (req, res) => {
 21 |     try {
 22 |       const info = await getInfoVideo(req.body.youtubeUrl.replace('https://www.youtube.com/watch?v=', ''))
 23 |       const title = info.title.replace(/[!?@#$%^&*|\.\;]/g, "")
 24 |       modules.manipulateFiles.createDir(path.join(__statics, `videos/${title}/`))
 25 |       ytdl(req.body.youtubeUrl)
 26 |         .pipe(fs.createWriteStream(path.join(__statics, `videos/${title}/${title}.mp4`)))
 27 |         .on('finish', () => {
 28 |           request.post('http://localhost:3000/api/thumbnail', { form: { info: info } })
 29 |           res.status(200).json({ video: `ok` })
 30 |         })
 31 |     } catch (err) {
 32 |       res.status(500).json(err)
 33 |     }
 34 |   })
 35 | 
 36 |   app.post('/api/download-mp3', async (req, res) => {
 37 |     try {
 38 |       const videoId = req.body.youtubeUrl.replace('https://www.youtube.com/watch?v=', '')
 39 |       const info = await getInfoVideo(videoId)
 40 |       const title = info.title.replace(/[!?@#$%^&*|\.\;]/g, "")
 41 |       modules.manipulateFiles.createDir(path.join(__statics, `musics/${title}/`))
 42 |       const stream = ytdl(videoId, {
 43 |         quality: 'highestaudio',
 44 |         filter: 'audioonly',
 45 |       })
 46 |       ffmpeg(stream)
 47 |         .audioBitrate(128)
 48 |         .save(path.join(__statics, `musics/${title}/${title}.mp3`))
 49 |         .on('progress', (p) => {
 50 |           console.log(`${p.targetSize}kb downloaded`);
 51 |         })
 52 |         .on('end', () => {
 53 |           request.post('http://localhost:3000/api/thumbnail', { form: { info: info, type: 'mp3' } })
 54 |           res.status(200).json({ musicLink: path.join(__statics, `musics/${title}/${title}.mp3`) })
 55 |         })
 56 |     } catch (err) {
 57 |       res.status(500).json(err)
 58 |     }
 59 |   })
 60 | 
 61 |   app.post('/api/download-playlist', async (req, res) => {
 62 |     try {
 63 |       const videoId = req.body.youtubeUrl
 64 |       const info = await getInfoVideo(videoId)
 65 |       const title = info.title.replace(/[!?@#$%^&*|\.\;]/g, "")
 66 |       modules.manipulateFiles.createDir(path.join(__statics, `musics/${title}/`))
 67 |       playlist(videoId, title)
 68 |       res.status(200).json({ musicLink: path.join(__statics, `musics/${title}/${title}.mp3`) })
 69 |     } catch (err) {
 70 |       res.status(500).json(err)
 71 |     }
 72 |   })
 73 | 
 74 |   const playlist = (videoId, title) => {
 75 |     const stream = ytdl(videoId, {
 76 |       quality: 'highestaudio',
 77 |       filter: 'audioonly',
 78 |     })
 79 | 
 80 |     stream.on('error', function error(err) {
 81 |       console.log(err.stack);
 82 |     });
 83 | 
 84 |     var size = 0;
 85 |     stream.on('info', function (info) {
 86 |       size = info.size;
 87 |       var output = path.join(__statics, `musics/${title}/${title}.mp3`);
 88 |       stream.pipe(fs.createWriteStream(output));
 89 |     });
 90 | 
 91 |     var pos = 0;
 92 |     stream.on('data', function data(chunk) {
 93 |       pos += chunk.length;
 94 |       // `size` should not be 0 here.
 95 |       if (size) {
 96 |         var percent = (pos / size * 100).toFixed(2);
 97 |         process.stdout.cursorTo(0);
 98 |         process.stdout.clearLine(1);
 99 |         process.stdout.write(percent + '%');
100 |       }
101 |     });
102 | 
103 |     stream.on('next', playlist);
104 |   }
105 | 
106 |   app.get('/api/infos', (req, res) => {
107 |     fs.readFile(path.join(__statics, 'database/ytdown.json'), function (err, content) {
108 |       if (err) console.log(err)
109 |       // if (err) res.status(500).json({ error: 'impossible insert data' })
110 |       const yt = JSON.parse(content)
111 |       res.status(200).json(yt)
112 |     })
113 |   })
114 | 
115 |   app.post('/api/thumbnail', (req, res) => {
116 |     const info = req.body.info
117 |     const type = req.body.type
118 |     const title = info.title.replace(/[!?@#$%^&*|\.\;]/g, "")
119 |     const filePath = type === 'mp3' ? path.join(__statics, `musics/${title}/${title}.jpg`) : path.join(__statics, `videos/${title}/${title}.jpg`)
120 |     request.get(info.thumbnail_url).pipe(fs.createWriteStream(filePath))
121 |       .on('finish', () => {
122 |         request.post('http://localhost:3000/api/insert', { form: { info: info, type: type } })
123 |         res.status(200).json({ img: `ok` })
124 |       })
125 |   })
126 | 
127 |   app.post('/api/insert', (req, res) => {
128 |     const info = req.body.info
129 |     const type = req.body.type
130 |     const title = info.title.replace(/[!?@#$%^&*|\.\;]/g, "")
131 |     const ytdown = {
132 |       title: title,
133 |       description: info.description,
134 |       thumbnail: type === 'mp3' ? `musics/${title}/${title}.jpg` : `videos/${title}/${title}.jpg`,
135 |       src: type === 'mp3' ? `musics/${title}/${title}.mp3` : `videos/${title}/${title}.mp4`
136 |     }
137 |     let yt = {}
138 |     fs.readFile(path.join(__statics, 'database/ytdown.json'), function (err, content) {
139 |       if (err) console.log(err)
140 |       // if (err) res.status(500).json({ error: 'impossible insert data' })
141 |       yt = JSON.parse(content)
142 |       if (type === 'mp3') 
143 |         yt.musics.push(ytdown)
144 |       else
145 |         yt.videos.push(ytdown)
146 |       fs.writeFile(path.join(__statics, 'database/ytdown.json'), JSON.stringify(yt), function (err) {
147 |         // if (err) res.status(500).json({ error: 'impossible insert data' })
148 |         if (err) console.log(err)
149 |       })
150 |     })
151 |     res.status(200).json({ img: `ok` })
152 |   })
153 | 
154 |   app.listen(3000)
155 | }
156 | 
157 | export default {
158 |   listen
159 | }


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="q-app">
 3 |     <router-view />
 4 |   </div>
 5 | </template>
 6 | 
 7 | <script>
 8 | export default {
 9 |   name: 'App'
10 | }
11 | </script>
12 | 
13 | <style>
14 | </style>
15 | 


--------------------------------------------------------------------------------
/src/assets/logo-qtube-horizontal.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 678.14 189.69"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#cc2e2f;}.cls-3{fill:#333;}</style></defs><title>Ativo 1</title><g id="Camada_2" data-name="Camada 2"><g id="Camada_1-2" data-name="Camada 1"><circle class="cls-1" cx="94.85" cy="94.85" r="94.85"/><path class="cls-2" d="M94.43,168a70.85,70.85,0,0,1-28.52-5.8,74.23,74.23,0,0,1-39.07-39.07A70.87,70.87,0,0,1,21,94.64,71.63,71.63,0,0,1,26.84,66,73.94,73.94,0,0,1,65.91,26.84,70.9,70.9,0,0,1,94.43,21a71.65,71.65,0,0,1,28.64,5.8A73.64,73.64,0,0,1,162.23,66,71.68,71.68,0,0,1,168,94.64a70.5,70.5,0,0,1-6,29,77.45,77.45,0,0,1-16.5,23.74l-8.41,8.25h30.49A94.77,94.77,0,1,0,155.17,168Z"/><path class="cls-2" d="M73.61,70.8,90.15,87.35v-54l-5.58.9a59.09,59.09,0,0,0-13.83,4A61.13,61.13,0,0,0,38.19,70.75a61.77,61.77,0,0,0,0,47.58,61.13,61.13,0,0,0,32.56,32.56,59.94,59.94,0,0,0,23.69,4.77h.64a58.07,58.07,0,0,0,23.63-4.9,62.15,62.15,0,0,0,19.22-13.2h0a62.91,62.91,0,0,0,13-19.31,59.22,59.22,0,0,0,4.77-23.59,60.53,60.53,0,0,0-4.77-23.9,61.13,61.13,0,0,0-32.56-32.56,58.94,58.94,0,0,0-12.86-3.8l-5.65-1V87.06l16.55-16.28a4.84,4.84,0,0,1,6.83,6.85l-24.77,24.8A4.86,4.86,0,0,1,95,103.87a4.81,4.81,0,0,1-3.4-1.39L66.78,77.66a4.84,4.84,0,1,1,6.83-6.86Z"/><path class="cls-3" d="M281.72,42.42a57.42,57.42,0,0,1,23,4.67A59.18,59.18,0,0,1,336.2,78.52a57.42,57.42,0,0,1,4.67,23A56.53,56.53,0,0,1,336,124.94a61.76,61.76,0,0,1-13.22,19H338a8.3,8.3,0,0,1,8.3,8.3h0a8.3,8.3,0,0,1-8.3,8.3h-56.3a56.8,56.8,0,0,1-23-4.67,59.63,59.63,0,0,1-31.35-31.35,56.8,56.8,0,0,1-4.67-23,57.38,57.38,0,0,1,4.67-23,59.41,59.41,0,0,1,31.35-31.43A56.83,56.83,0,0,1,281.72,42.42ZM282.2,144a40,40,0,0,0,16.36-3.38,43.06,43.06,0,0,0,13.38-9.19,43.61,43.61,0,0,0,9-13.46,40.86,40.86,0,0,0,3.3-16.36A41.86,41.86,0,0,0,321,85a42.48,42.48,0,0,0-22.65-22.65,43,43,0,0,0-33,0A42.48,42.48,0,0,0,242.63,85a43,43,0,0,0,0,33,42.48,42.48,0,0,0,22.65,22.65,41.41,41.41,0,0,0,16.44,3.3Z"/><path class="cls-3" d="M344.4,42.22h81.52v16.6H382.36v92.84a8.54,8.54,0,0,1-8.54,8.54h0a8.54,8.54,0,0,1-8.54-8.54V58.83H344.4a8.3,8.3,0,0,1-8.3-8.3h0A8.3,8.3,0,0,1,344.4,42.22Z"/><path class="cls-3" d="M490.18,42.22h0a8.46,8.46,0,0,1,8.46,8.46v70.52a37.36,37.36,0,0,1-3.14,15.31,38.38,38.38,0,0,1-8.62,12.33,41.7,41.7,0,0,1-12.73,8.3,39.77,39.77,0,0,1-15.64,3.06,38.76,38.76,0,0,1-15.39-3.06,40.91,40.91,0,0,1-12.57-8.3A38.08,38.08,0,0,1,419,121.21V50.69a8.46,8.46,0,0,1,8.46-8.46h0a8.46,8.46,0,0,1,8.46,8.46v70.52a21.91,21.91,0,0,0,1.77,8.78,23.78,23.78,0,0,0,4.84,7.25,21.89,21.89,0,0,0,7.25,4.92,22.48,22.48,0,0,0,8.87,1.77A22.88,22.88,0,0,0,475,137.24a23.14,23.14,0,0,0,4.92-7.25,22,22,0,0,0,1.77-8.78V50.69A8.46,8.46,0,0,1,490.18,42.22Z"/><path class="cls-3" d="M580.45,97a.87.87,0,0,0,.15,1.4A29.29,29.29,0,0,1,590.91,109a32.56,32.56,0,0,1,4.27,16.68,33.12,33.12,0,0,1-2.74,13.38,36.29,36.29,0,0,1-7.41,11,34.57,34.57,0,0,1-11,7.5,33.09,33.09,0,0,1-13.38,2.74H524.3a9.54,9.54,0,0,1-9.54-9.54V51.28a9.05,9.05,0,0,1,9.05-9.05h36.08a30.67,30.67,0,0,1,12.25,2.5,32.11,32.11,0,0,1,17,17,31.07,31.07,0,0,1,2.5,12.41,25.8,25.8,0,0,1-1,7.5A29.59,29.59,0,0,1,587.85,88,35.15,35.15,0,0,1,584,93.4,44.33,44.33,0,0,1,580.45,97ZM532,90.19a.87.87,0,0,0,.87.87H557a16.84,16.84,0,0,0,6.61-1.29,15.87,15.87,0,0,0,5.32-3.63,17.45,17.45,0,0,0,3.55-5.4,17.27,17.27,0,0,0-3.55-18.54A16.21,16.21,0,0,0,557,57.38H532.87a.87.87,0,0,0-.87.87Zm25.79,55a18.08,18.08,0,0,0,7.58-1.61,20.94,20.94,0,0,0,6.21-4.27,19.77,19.77,0,0,0,4.13-6.06,19.11,19.11,0,0,0,.06-15.14,19.68,19.68,0,0,0-10.4-10.4,18.92,18.92,0,0,0-7.58-1.53H532.87a.87.87,0,0,0-.87.87v37.26a.87.87,0,0,0,.87.87Z"/><path class="cls-3" d="M625.59,143.13h44.08a8.46,8.46,0,0,1,8.46,8.46h0a8.46,8.46,0,0,1-8.46,8.46H618.79a10.28,10.28,0,0,1-10.28-10.28V51.53a9.15,9.15,0,0,1,9.15-9.15h51.06a8.3,8.3,0,0,1,8.3,8.3h0a8.3,8.3,0,0,1-8.3,8.3H625.59V90.24h38.2a8.06,8.06,0,0,1,8.06,8.06h0a8.06,8.06,0,0,1-8.06,8.06h-38.2Z"/></g></g></svg>


--------------------------------------------------------------------------------
/src/assets/logo-qtube.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 382.37 356.94"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#333;}.cls-3{fill:#cc2e2f;}</style></defs><title>Ativo 2</title><g id="Camada_2" data-name="Camada 2"><g id="Camada_1-2" data-name="Camada 1"><circle class="cls-1" cx="189.42" cy="110.78" r="110.78"/><path class="cls-2" d="M49.53,257.75a48.21,48.21,0,0,1,19.35,3.92,49.69,49.69,0,0,1,26.39,26.39,48.21,48.21,0,0,1,3.92,19.35A47.46,47.46,0,0,1,95.14,327,51.85,51.85,0,0,1,84,343H96.81a7,7,0,0,1,7,7h0a7,7,0,0,1-7,7H49.53A47.69,47.69,0,0,1,30.25,353,50.07,50.07,0,0,1,3.92,326.7,47.69,47.69,0,0,1,0,307.41a48.18,48.18,0,0,1,3.92-19.35,49.88,49.88,0,0,1,26.32-26.39A47.72,47.72,0,0,1,49.53,257.75ZM49.94,343a33.59,33.59,0,0,0,13.74-2.84,36.15,36.15,0,0,0,11.23-7.71,36.62,36.62,0,0,0,7.58-11.3,34.31,34.31,0,0,0,2.77-13.74,35.14,35.14,0,0,0-2.77-13.94,35.66,35.66,0,0,0-19-19,36.06,36.06,0,0,0-27.74,0,35.66,35.66,0,0,0-19,19,36.07,36.07,0,0,0,0,27.74,35.66,35.66,0,0,0,19,19A34.77,34.77,0,0,0,49.53,343Z"/><path class="cls-2" d="M102.16,257.58H170.6v13.94H134v78a7.17,7.17,0,0,1-7.17,7.17h0a7.17,7.17,0,0,1-7.17-7.17v-78H102.16a7,7,0,0,1-7-7h0A7,7,0,0,1,102.16,257.58Z"/><path class="cls-2" d="M224.55,257.58h0a7.1,7.1,0,0,1,7.1,7.1V323.9A31.37,31.37,0,0,1,229,336.75a32.22,32.22,0,0,1-7.24,10.35,35,35,0,0,1-10.69,7A33.39,33.39,0,0,1,198,356.65,32.55,32.55,0,0,1,185,354.08a34.34,34.34,0,0,1-10.56-7,32,32,0,0,1-9.68-23.21V264.69a7.1,7.1,0,0,1,7.1-7.1h0a7.1,7.1,0,0,1,7.1,7.1V323.9a18.39,18.39,0,0,0,1.49,7.38,20,20,0,0,0,4.06,6.09,18.38,18.38,0,0,0,6.09,4.13A18.87,18.87,0,0,0,198.1,343a19.21,19.21,0,0,0,13.74-5.62,19.43,19.43,0,0,0,4.13-6.09,18.43,18.43,0,0,0,1.49-7.38V264.69A7.1,7.1,0,0,1,224.55,257.58Z"/><path class="cls-2" d="M300.35,303.6a.73.73,0,0,0,.12,1.18,24.6,24.6,0,0,1,8.66,8.9,27.34,27.34,0,0,1,3.59,14,27.81,27.81,0,0,1-2.3,11.23,30.47,30.47,0,0,1-6.23,9.27,29,29,0,0,1-9.2,6.29,27.78,27.78,0,0,1-11.23,2.3H253.2a8,8,0,0,1-8-8V265.19a7.6,7.6,0,0,1,7.6-7.6h30.29a25.75,25.75,0,0,1,10.29,2.1A27,27,0,0,1,307.65,274a26.09,26.09,0,0,1,2.1,10.42,21.67,21.67,0,0,1-.88,6.29,24.84,24.84,0,0,1-2.3,5.35,29.52,29.52,0,0,1-3.25,4.53A37.22,37.22,0,0,1,300.35,303.6Zm-40.68-5.75a.73.73,0,0,0,.73.73h20.24a14.14,14.14,0,0,0,5.55-1.08,13.32,13.32,0,0,0,4.47-3,14.65,14.65,0,0,0,3-4.53,14.5,14.5,0,0,0-3-15.56,13.61,13.61,0,0,0-10-4.06H260.4a.73.73,0,0,0-.73.73Zm21.65,46.21a15.18,15.18,0,0,0,6.36-1.35,17.58,17.58,0,0,0,5.21-3.59,16.59,16.59,0,0,0,3.46-5.09,16,16,0,0,0,.05-12.71,16.52,16.52,0,0,0-8.73-8.73,15.88,15.88,0,0,0-6.36-1.29H260.4a.73.73,0,0,0-.73.73v31.28a.73.73,0,0,0,.73.73Z"/><path class="cls-2" d="M338.25,342.3h37a7.1,7.1,0,0,1,7.1,7.1h0a7.1,7.1,0,0,1-7.1,7.1H332.54a8.63,8.63,0,0,1-8.63-8.63V265.4a7.68,7.68,0,0,1,7.68-7.68h42.87a7,7,0,0,1,7,7h0a7,7,0,0,1-7,7h-36.2V297.9h32.07a6.77,6.77,0,0,1,6.77,6.77h0a6.77,6.77,0,0,1-6.77,6.77H338.25Z"/><path class="cls-3" d="M188.94,196.27a82.76,82.76,0,0,1-33.32-6.77A86.71,86.71,0,0,1,110,143.87a82.78,82.78,0,0,1-6.77-33.32A83.67,83.67,0,0,1,110,77.09a86.36,86.36,0,0,1,45.63-45.75,82.81,82.81,0,0,1,33.32-6.77,83.7,83.7,0,0,1,33.45,6.78,86,86,0,0,1,45.74,45.74,83.72,83.72,0,0,1,6.78,33.46,82.35,82.35,0,0,1-7,33.89,90.46,90.46,0,0,1-19.27,27.73l-9.82,9.64h35.62a110.7,110.7,0,1,0-14.55,14.46Z"/><path class="cls-3" d="M164.62,82.7,183.94,102V38.91l-6.51,1a69,69,0,0,0-16.15,4.65,71.4,71.4,0,0,0-38,38,72.15,72.15,0,0,0,0,55.58,71.4,71.4,0,0,0,38,38,70,70,0,0,0,27.67,5.57h.75a67.83,67.83,0,0,0,27.61-5.72,72.59,72.59,0,0,0,22.44-15.42h0a73.49,73.49,0,0,0,15.14-22.56,69.17,69.17,0,0,0,5.58-27.56,70.7,70.7,0,0,0-5.57-27.92,71.4,71.4,0,0,0-38-38,68.84,68.84,0,0,0-15-4.44L195.23,39v62.7l19.33-19a5.65,5.65,0,0,1,8,8l-28.94,29a5.68,5.68,0,0,1-4,1.67,5.62,5.62,0,0,1-4-1.63l-29-29a5.65,5.65,0,1,1,8-8Z"/></g></g></svg>


--------------------------------------------------------------------------------
/src/assets/quasar-logo-full.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 | <!-- Created with Inkscape (http://www.inkscape.org/) -->
  3 | 
  4 | <svg
  5 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
  6 |    xmlns:cc="http://creativecommons.org/ns#"
  7 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  8 |    xmlns:svg="http://www.w3.org/2000/svg"
  9 |    xmlns="http://www.w3.org/2000/svg"
 10 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
 11 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 12 |    width="67.407623mm"
 13 |    height="62.908276mm"
 14 |    viewBox="0 0 238.84591 222.90334"
 15 |    id="svg3570"
 16 |    version="1.1"
 17 |    inkscape:version="0.91 r13725"
 18 |    sodipodi:docname="quasar-logo-full.svg">
 19 |   <defs
 20 |      id="defs3572" />
 21 |   <sodipodi:namedview
 22 |      id="base"
 23 |      pagecolor="#ffffff"
 24 |      bordercolor="#666666"
 25 |      borderopacity="1.0"
 26 |      inkscape:pageopacity="0.0"
 27 |      inkscape:pageshadow="2"
 28 |      inkscape:zoom="1.979899"
 29 |      inkscape:cx="-39.753589"
 30 |      inkscape:cy="27.706388"
 31 |      inkscape:document-units="px"
 32 |      inkscape:current-layer="g4895-4-4"
 33 |      showgrid="false"
 34 |      fit-margin-top="0"
 35 |      fit-margin-left="0"
 36 |      fit-margin-right="0"
 37 |      fit-margin-bottom="0"
 38 |      inkscape:window-width="1920"
 39 |      inkscape:window-height="1056"
 40 |      inkscape:window-x="0"
 41 |      inkscape:window-y="24"
 42 |      inkscape:window-maximized="1" />
 43 |   <metadata
 44 |      id="metadata3575">
 45 |     <rdf:RDF>
 46 |       <cc:Work
 47 |          rdf:about="">
 48 |         <dc:format>image/svg+xml</dc:format>
 49 |         <dc:type
 50 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
 51 |         <dc:title />
 52 |       </cc:Work>
 53 |     </rdf:RDF>
 54 |   </metadata>
 55 |   <g
 56 |      inkscape:label="Layer 1"
 57 |      inkscape:groupmode="layer"
 58 |      id="layer1"
 59 |      transform="translate(-277.71988,-312.33911)">
 60 |     <g
 61 |        id="g4895-4-4"
 62 |        transform="translate(1419.0442,398.9018)">
 63 |       <g
 64 |          transform="translate(-29.620665,-4)"
 65 |          id="g4579-2-20">
 66 |         <g
 67 |            id="g4445-2-0"
 68 |            transform="translate(12.499948,7.809312)">
 69 |           <g
 70 |              inkscape:export-ydpi="44.860481"
 71 |              inkscape:export-xdpi="44.860481"
 72 |              inkscape:export-filename="/home/emanuele/Desktop/logo1.png"
 73 |              transform="translate(-712.85583,-503.26814)"
 74 |              id="g4561-6-7-0">
 75 |             <g
 76 |                transform="translate(16.233481,0)"
 77 |                style="font-style:normal;font-weight:normal;font-size:50.25774765px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#263238;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
 78 |                id="flowRoot4513-6-6-08">
 79 |               <path
 80 |                  d="m -402.73125,631.46823 q -0.6125,0.0438 -1.3125,0.0875 -0.65625,0 -1.4,0 l -9.31875,0 q -12.81875,0 -12.81875,-8.44375 l 0,-13.475 q 0,-8.26875 12.6,-8.26875 l 9.75625,0 q 12.6,0 12.6,8.26875 l 0,13.475 q 0,5.03125 -4.4625,7.04375 l 3.10625,2.14375 q 1.35625,0.83125 1.35625,1.70625 0,0.875 -0.7,1.3125 -0.65625,0.48125 -1.88125,0.48125 -0.30625,0 -0.7875,-0.13125 -0.4375,-0.0875 -1.05,-0.48125 l -5.6875,-3.71875 z m 5.38125,-21.74375 q 0,-4.76875 -7.9625,-4.76875 l -9.58125,0 q -7.9625,0 -7.9625,4.76875 l 0,13.3875 q 0,4.94375 8.3125,4.94375 l 8.88125,0 q 8.3125,0 8.3125,-4.94375 l 0,-13.3875 z"
 81 |                  style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:43.75px;font-family:'Neuropol X';-inkscape-font-specification:'Neuropol X';text-align:start;letter-spacing:5px;word-spacing:0px;text-anchor:start;fill:#263238;fill-opacity:1"
 82 |                  id="path3428" />
 83 |               <path
 84 |                  d="m -368.0585,631.64323 q -11.2875,0 -11.2875,-6.9125 l 0,-12.73125 q 0,-1.8375 2.31875,-1.8375 2.31875,0 2.31875,1.8375 l 0,12.775 q 0,3.325 6.475,3.325 l 8.3125,0 q 6.475,0 6.475,-3.325 l 0,-12.775 q 0,-1.8375 2.31875,-1.8375 2.3625,0 2.3625,1.8375 l 0,12.73125 q 0,6.9125 -11.2875,6.9125 l -8.00625,0 z"
 85 |                  style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:43.75px;font-family:'Neuropol X';-inkscape-font-specification:'Neuropol X';text-align:start;letter-spacing:5px;word-spacing:0px;text-anchor:start;fill:#263238;fill-opacity:1"
 86 |                  id="path3430" />
 87 |               <path
 88 |                  d="m -327.2833,631.64323 q -9.3625,0 -9.3625,-5.81875 l 0,-2.49375 q 0,-5.775 9.3625,-5.775 l 18.59375,0 0,-0.65625 q 0,-3.0625 -5.38125,-3.0625 l -6.16875,0 q -2.1875,0 -2.1875,-1.70625 0,-1.75 2.1875,-1.75 l 6.16875,0 q 9.93125,0 9.93125,6.51875 l 0,8.575 q 0,6.16875 -9.5375,6.16875 l -13.60625,0 z m 13.34375,-3.4125 q 5.25,0 5.25,-2.8875 l 0,-4.76875 -18.24375,0 q -5.11875,0 -5.11875,2.66875 l 0,2.275 q 0,2.7125 5.11875,2.7125 l 12.99375,0 z"
 89 |                  style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:43.75px;font-family:'Neuropol X';-inkscape-font-specification:'Neuropol X';text-align:start;letter-spacing:5px;word-spacing:0px;text-anchor:start;fill:#263238;fill-opacity:1"
 90 |                  id="path3432" />
 91 |               <path
 92 |                  d="m -262.77031,626.74323 q 0,4.9 -9.975,4.9 l -17.0625,0 q -2.1875,0 -2.1875,-1.70625 0,-1.70625 2.1875,-1.70625 l 17.0625,0 q 5.38125,0 5.38125,-1.4875 l 0,-2.45 q 0,-1.4875 -5.38125,-1.4875 l -9.0125,0 q -9.975,0 -9.975,-4.76875 l 0,-2.05625 q 0,-5.6 10.28125,-5.6 l 5.99375,0 q 2.23125,0 2.23125,1.75 0,0.875 -0.6125,1.3125 -0.56875,0.39375 -1.61875,0.39375 l -5.99375,0 q -5.73125,0 -5.73125,2.14375 l 0,1.925 q 0,1.79375 5.6875,1.79375 l 9.0125,0 q 9.7125,0 9.7125,4.4625 l 0,2.58125 z"
 93 |                  style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:43.75px;font-family:'Neuropol X';-inkscape-font-specification:'Neuropol X';text-align:start;letter-spacing:5px;word-spacing:0px;text-anchor:start;fill:#263238;fill-opacity:1"
 94 |                  id="path3434" />
 95 |               <path
 96 |                  d="m -241.91709,631.64323 q -9.3625,0 -9.3625,-5.81875 l 0,-2.49375 q 0,-5.775 9.3625,-5.775 l 18.59375,0 0,-0.65625 q 0,-3.0625 -5.38125,-3.0625 l -6.16875,0 q -2.1875,0 -2.1875,-1.70625 0,-1.75 2.1875,-1.75 l 6.16875,0 q 9.93125,0 9.93125,6.51875 l 0,8.575 q 0,6.16875 -9.5375,6.16875 l -13.60625,0 z m 13.34375,-3.4125 q 5.25,0 5.25,-2.8875 l 0,-4.76875 -18.24375,0 q -5.11875,0 -5.11875,2.66875 l 0,2.275 q 0,2.7125 5.11875,2.7125 l 12.99375,0 z"
 97 |                  style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:43.75px;font-family:'Neuropol X';-inkscape-font-specification:'Neuropol X';text-align:start;letter-spacing:5px;word-spacing:0px;text-anchor:start;fill:#263238;fill-opacity:1"
 98 |                  id="path3436" />
 99 |               <path
100 |                  d="m -205.62285,617.33698 q 0,-6.95625 11.2875,-6.95625 l 3.36875,0 q 2.23125,0 2.23125,1.79375 0,1.79375 -2.23125,1.79375 l -3.54375,0 q -6.475,0 -6.475,3.28125 l 0,12.775 q 0,1.8375 -2.31875,1.8375 -2.31875,0 -2.31875,-1.8375 l 0,-12.6875 z"
101 |                  style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:43.75px;font-family:'Neuropol X';-inkscape-font-specification:'Neuropol X';text-align:start;letter-spacing:5px;word-spacing:0px;text-anchor:start;fill:#263238;fill-opacity:1"
102 |                  id="path3438" />
103 |             </g>
104 |           </g>
105 |         </g>
106 |       </g>
107 |       <g
108 |          id="g5443-0-1-5-1-9"
109 |          transform="matrix(0.55595317,0,0,0.55595317,-521.93484,-328.66104)"
110 |          inkscape:export-filename="/home/emanuele/Desktop/logo1.png"
111 |          inkscape:export-xdpi="44.860481"
112 |          inkscape:export-ydpi="44.860481">
113 |         <g
114 |            inkscape:export-ydpi="3.4165223"
115 |            inkscape:export-xdpi="3.4165223"
116 |            transform="matrix(0.09527033,0,0,0.09527033,-1695.2716,706.62921)"
117 |            id="g8856-6-1-1-9-0-1-9">
118 |           <circle
119 |              r="1485"
120 |              cy="-1361.2571"
121 |              cx="8317.3574"
122 |              id="circle8858-1-3-7-6-5-3-0"
123 |              style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:50;stroke-linecap:square;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
124 |              inkscape:export-xdpi="10.031387"
125 |              inkscape:export-ydpi="10.031387" />
126 |           <path
127 |              inkscape:export-ydpi="10.031387"
128 |              inkscape:export-xdpi="10.031387"
129 |              style="opacity:1;fill:#263238;fill-opacity:1;stroke:none;stroke-width:10;stroke-linecap:square;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
130 |              d="m 8560.3823,-1361.3029 a 242.947,242.947 0 0 1 -242.947,242.948 242.947,242.947 0 0 1 -242.947,-242.948 242.947,242.947 0 0 1 242.947,-242.946 242.947,242.947 0 0 1 242.947,242.946 z"
131 |              id="path8860-5-4-8-2-9-0-9"
132 |              inkscape:connector-curvature="0" />
133 |           <path
134 |              id="path8862-5-5-9-1-3-6-3"
135 |              d="m 9395.8755,-1984.028 a 1245.372,1245.372 0 0 0 -190.8415,-249.4971 l -280.8618,162.1556 c -87.542,-74.7796 -187.0349,-132.0588 -293.2407,-169.9527 -95.8868,97.1766 -172.0602,205.7604 -226.9672,323.8487 312.6411,-21.2772 635.5313,91.8725 935.2898,326.0721 l 176.7612,-102.0532 a 1245.372,1245.372 0 0 0 -120.1398,-290.5734 z"
136 |              clip-path="none"
137 |              mask="none"
138 |              style="fill:#1976d2;fill-opacity:1"
139 |              inkscape:connector-curvature="0"
140 |              inkscape:transform-center-x="-514.04855"
141 |              inkscape:transform-center-y="-444.04649" />
142 |           <path
143 |              inkscape:transform-center-y="265.80217"
144 |              inkscape:transform-center-x="-689.63727"
145 |              inkscape:connector-curvature="0"
146 |              style="fill:#42a5f5;fill-opacity:1"
147 |              mask="none"
148 |              clip-path="none"
149 |              d="m 9395.9474,-738.70387 a 1245.372,1245.372 0 0 0 120.6501,-290.02213 l -280.8618,-162.1557 c 20.99,-113.2034 20.8488,-228.0063 0.563,-338.9302 -132.1008,-34.4521 -264.2238,-46.1283 -393.9448,-34.635 174.7471,260.1165 238.2017,596.32248 185.2582,973.02076 l 176.7612,102.05309 a 1245.372,1245.372 0 0 0 191.5741,-249.33082 z"
150 |              id="path8864-4-8-1-2-4-4-4" />
151 |           <path
152 |              id="path8866-7-5-5-0-6-4-7"
153 |              d="m 8317.501,-115.97954 a 1245.372,1245.372 0 0 0 311.4916,-40.52501 l 0,-324.31131 c 108.5321,-38.42382 207.8837,-95.94755 293.8037,-168.97752 -36.214,-131.6287 -92.1636,-251.88868 -166.9776,-358.48372 -137.894,281.39369 -397.3296,504.44998 -750.0316,646.9487 l 0,204.10623 a 1245.372,1245.372 0 0 0 311.7139,41.24263 z"
154 |              clip-path="none"
155 |              mask="none"
156 |              style="fill:#1976d2;fill-opacity:1"
157 |              inkscape:connector-curvature="0"
158 |              inkscape:transform-center-x="-117.49007"
159 |              inkscape:transform-center-y="639.34029" />
160 |           <path
161 |              inkscape:transform-center-y="444.04652"
162 |              inkscape:transform-center-x="514.04857"
163 |              inkscape:connector-curvature="0"
164 |              style="fill:#42a5f5;fill-opacity:1"
165 |              mask="none"
166 |              clip-path="none"
167 |              d="m 7238.9827,-738.57936 a 1245.372,1245.372 0 0 0 190.8415,249.49714 l 280.8618,-162.15566 c 87.5421,74.77965 187.0349,132.05879 293.2407,169.95271 95.8868,-97.17659 172.0602,-205.76036 226.9672,-323.8487 -312.6411,21.27714 -635.5313,-91.87254 -935.2898,-326.07203 l -176.7612,102.0531 a 1245.372,1245.372 0 0 0 120.1398,290.57344 z"
168 |              id="path8868-6-7-4-7-2-7-3" />
169 |           <path
170 |              id="path8870-5-3-9-3-5-5-1"
171 |              d="m 7238.9108,-1983.9035 a 1245.372,1245.372 0 0 0 -120.6501,290.0221 l 280.8618,162.1557 c -20.99,113.2035 -20.8488,228.0063 -0.563,338.9302 132.1008,34.4521 264.2238,46.1283 393.9448,34.635 -174.7471,-260.1165 -238.2017,-596.3225 -185.2582,-973.0207 l -176.7612,-102.0532 a 1245.372,1245.372 0 0 0 -191.5741,249.3309 z"
172 |              clip-path="none"
173 |              mask="none"
174 |              style="fill:#1976d2;fill-opacity:1"
175 |              inkscape:connector-curvature="0"
176 |              inkscape:transform-center-x="689.63729"
177 |              inkscape:transform-center-y="-265.80221" />
178 |           <path
179 |              inkscape:transform-center-y="-639.34032"
180 |              inkscape:transform-center-x="117.49005"
181 |              inkscape:connector-curvature="0"
182 |              style="fill:#42a5f5;fill-opacity:1"
183 |              mask="none"
184 |              clip-path="none"
185 |              d="m 8317.3572,-2606.6279 a 1245.372,1245.372 0 0 0 -311.4915,40.525 l -1e-4,324.3113 c -108.5321,38.4239 -207.8837,95.9476 -293.8037,168.9776 36.214,131.6287 92.1637,251.8886 166.9776,358.4837 137.894,-281.3937 397.3296,-504.45 750.0316,-646.9487 l 1e-4,-204.1063 a 1245.372,1245.372 0 0 0 -311.714,-41.2426 z"
186 |              id="path8872-6-3-2-1-3-3-7" />
187 |         </g>
188 |       </g>
189 |     </g>
190 |   </g>
191 | </svg>
192 | 


--------------------------------------------------------------------------------
/src/assets/sad.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 166.7 168.9" width="166.7" height="168.9" isolation="isolate"><defs><clipPath><rect width="166.7" height="168.9"/></clipPath></defs><g clip-path="url(#_clipPath_PPPiEcORhRSYwopEENnaRFzzeYSXmwtt)"><path d="M65.6 135.2C65.6 137.1 64.1 138.6 62.2 138.6 60.4 138.6 58.9 137.1 58.9 135.2 58.9 130.7 61.9 126.7 66.8 124 71.1 121.6 77 120.1 83.3 120.1 89.7 120.1 95.6 121.6 99.9 124 104.7 126.7 107.8 130.7 107.8 135.2 107.8 137.1 106.3 138.6 104.4 138.6 102.6 138.6 101.1 137.1 101.1 135.2 101.1 133.3 99.4 131.3 96.6 129.8 93.3 127.9 88.6 126.8 83.3 126.8 78.1 126.8 73.4 127.9 70 129.8 67.3 131.3 65.6 133.3 65.6 135.2ZM149.2 153.3C149.2 157.6 147.5 161.5 144.6 164.4 141.8 167.2 137.9 168.9 133.6 168.9 129.3 168.9 125.4 167.2 122.6 164.4 120.9 162.8 119.7 160.9 118.9 158.7 114.1 161 109 162.8 103.7 164.1 97.2 165.8 90.4 166.6 83.3 166.6 60.3 166.6 39.5 157.3 24.4 142.2 9.3 127.1 0 106.3 0 83.3 0 60.3 9.3 39.5 24.4 24.4 39.5 9.3 60.3 0 83.3 0 106.4 0 127.2 9.3 142.3 24.4 157.3 39.5 166.7 60.3 166.7 83.3 166.7 94.5 164.5 105.1 160.5 114.9 156.6 124.2 151.1 132.7 144.4 140 147 145.1 149.2 150.2 149.2 153.3ZM130.7 126.3C131.1 125.5 131.8 125 132.5 124.8L132.6 124.7 132.6 124.7 132.7 124.7 132.7 124.7 132.8 124.7 132.9 124.6 132.9 124.6 132.9 124.6 133 124.6 133 124.6C133 124.6 133.1 124.6 133.1 124.6L133.1 124.6 133.2 124.6 133.2 124.6C133.9 124.5 134.6 124.6 135.2 125 135.8 125.3 136.3 125.8 136.6 126.4L136.6 126.4 136.6 126.4 136.6 126.4 136.6 126.4 136.6 126.4 136.6 126.5 136.6 126.5 136.6 126.5 136.6 126.5 136.6 126.5 136.7 126.5C137 127.2 137.7 128.3 138.4 129.6L138.4 129.6 138.5 129.7 138.5 129.7 138.6 129.8 138.6 129.9 138.6 129.9 138.7 130 138.7 130.1 138.7 130.1 138.7 130.1 138.8 130.2 138.8 130.2 138.8 130.3 138.9 130.3 138.9 130.4 138.9 130.4 138.9 130.4 139 130.5 139 130.5 139 130.6 139.1 130.7 139.1 130.7 139.1 130.7 139.2 130.8 139.2 130.8 139.2 130.9C139.8 131.8 140.4 132.9 141 133.9 146.5 127.6 151.1 120.3 154.3 112.4 158 103.4 160 93.6 160 83.3 160 62.1 151.4 43 137.6 29.1 123.7 15.2 104.5 6.7 83.3 6.7 62.2 6.7 43 15.2 29.1 29.1 15.2 43 6.7 62.1 6.7 83.3 6.7 104.5 15.2 123.6 29.1 137.5 43 151.4 62.2 160 83.3 160 89.8 160 96.1 159.2 102.1 157.7 107.8 156.2 113.1 154.2 118.1 151.7L118.1 151.6 118.2 151.6 118.2 151.3 118.2 151.3 118.3 151 118.3 151 118.4 150.7 118.4 150.6 118.5 150.4 118.5 150.3 118.5 150 118.6 149.9 118.6 149.7 118.7 149.6 118.8 149.3C118.9 148.9 119 148.5 119.1 148.2L119.2 148.1 119.3 147.8 119.3 147.7 119.4 147.4 119.4 147.4C119.5 147.1 119.6 146.9 119.7 146.7L119.7 146.6 119.8 146.3 119.9 146.2 120 145.9 120.1 145.9C120.2 145.6 120.3 145.3 120.4 145.1L120.4 145.1 120.6 144.7 120.6 144.6 120.7 144.3 120.8 144.2 120.9 143.9 120.9 143.8 121 143.8 121.1 143.5 121.1 143.4 121.2 143.2 121.3 143 121.4 143C121.6 142.6 121.7 142.2 122 141.8L122 141.7 122.2 141.4 122.2 141.3 122.4 140.9 122.4 140.9 122.6 140.5 122.6 140.5 122.8 140.1 123 139.8 123 139.7 123 139.7 123.4 138.9 123.5 138.9 123.6 138.6 123.7 138.4 123.8 138.3 123.9 138 124 137.9 124.2 137.6 124.2 137.5 124.4 137.2 124.4 137.2 124.6 136.8 124.6 136.8 124.8 136.4 124.8 136.4 125 136.1 125.1 136 125.2 135.7 125.3 135.6 125.4 135.3 125.5 135.2 125.6 135 125.7 134.8 125.8 134.6 125.9 134.4 126.2 134 126.2 133.9 126.4 133.6 126.4 133.6 126.6 133.3 126.6 133.2 126.8 132.9 126.8 132.9 127 132.5 127 132.5 127.3 132.2 127.4 131.9 127.4 131.8 127.6 131.6 127.7 131.5 127.8 131.3 127.9 131.1 128 131 128.1 130.8 128.1 130.6 128.3 130.4 128.3 130.4 128.5 130.1 128.5 130.1 128.7 129.8 128.7 129.8 128.8 129.5 128.8 129.5 128.9 129.4 128.9 129.3 129 129.3 129 129.2 129 129.1 129 129.1 129.1 129 129.1 129 129.2 128.9 129.2 128.9 129.2 128.8 129.2 128.8 129.3 128.8 129.3 128.8 129.3 128.7 129.3 128.7 129.3 128.7 129.3 128.7 129.4 128.6 129.4 128.6 129.4 128.5 129.4 128.5 129.4 128.4 129.5 128.4 129.5 128.4 129.5 128.4 129.5 128.4 129.5 128.3 129.5 128.3 129.6 128.2 129.6 128.2 129.6 128.2 129.6 128.2 129.6 128.1 129.6 128.1 129.7 128.1 129.7 128.1 129.7 128 129.7 128 129.8 127.9 129.8 127.9 129.8 127.9 129.8 127.9 129.8 127.8 129.8 127.8 129.8 127.8 129.8 127.8 129.9 127.7 129.9 127.7 129.9 127.7 129.9 127.7 129.9 127.6 129.9 127.6 130 127.6 130 127.6 130 127.5 130 127.5 130 127.4 130 127.4 130.1 127.4 130.1 127.4 130.1 127.4 130.1 127.4 130.1 127.3 130.1 127.3 130.1 127.3 130.1 127.3 130.2 127.2 130.2 127.2 130.2 127.2 130.2 127.2 130.2 127.1 130.2 127.1 130.2 127.1 130.2 127.1 130.3 127 130.3 127 130.3 127 130.3 127 130.3 127 130.3 127 130.4 126.9 130.4 126.9 130.4 126.9 130.4 126.9 130.4 126.8 130.4 126.8 130.4 126.8 130.4 126.8 130.4 126.8 130.4 126.8 130.5 126.7 130.5 126.7 130.5 126.7 130.5 126.7 130.5 126.7 130.5 126.7 130.5 126.6 130.5 126.6 130.5 126.6 130.5 126.6 130.6 126.5 130.6 126.5 130.6 126.5 130.6 126.5 130.6 126.5 130.6 126.5 130.6 126.4 130.6 126.4 130.7 126.4 130.7 126.4 130.7 126.4 130.7 126.4 130.7 126.3 130.7 126.3 130.7 126.3 130.7 126.3ZM140 159.6C141.5 158.1 142.6 155.8 142.6 153.3 142.6 151 140.1 146 137.4 141.1L137.4 141.1 137.4 141.1 137.4 141.1C137 140.4 136.7 139.8 136.3 139.1L136.2 139 136.2 138.9 136.1 138.9 136.1 138.8 136 138.5 135.9 138.5C135.2 137.2 134.5 136.1 133.9 135L133.8 134.9 133.8 134.8 133.8 134.8 133.7 134.7 133.6 134.6 133.6 134.5 133.4 134.8 133.3 135.1 133.3 135.1 133.1 135.4 133.1 135.4 132.9 135.7 132.7 136 132.7 136 132.5 136.3 132.5 136.3 132.4 136.6 132.2 136.9 132.2 136.9 132 137.2 131.8 137.5 131.8 137.5 131.6 137.9 131.6 137.9 131.4 138.2 131.4 138.2 131.2 138.5 131 138.9 131 138.9 130.8 139.2 130.8 139.2 130.7 139.5 130.7 139.5 130.5 139.9 130.5 139.9 130.3 140.2 130.1 140.5 130.1 140.5 129.9 140.9 129.9 140.9 129.7 141.2 129.7 141.2 129.6 141.5 129.4 141.9 129.2 142.2 129.2 142.2 129 142.6 129 142.6 128.8 142.9 128.6 143.2 128.6 143.2 128.5 143.6 128.3 143.9 128.3 143.9 128.1 144.3 128.1 144.3 127.9 144.6 127.9 144.6 127.8 144.9 127.6 145.2 127.4 145.6 127.3 145.9 127.3 145.9 127.1 146.2 127 146.5 127 146.5 126.8 146.8 126.8 146.8 126.7 147.2 126.7 147.2 126.5 147.5 126.5 147.5 126.4 147.8 126.4 147.8 126.3 148.1 126.1 148.4 126 148.6 126 148.6 125.9 149 125.9 149 125.7 149.3 125.7 149.5 125.7 149.5 125.6 149.8 125.6 149.8 125.4 150 125.4 150 125.3 150.3 125.3 150.3 125.3 150.6 125.3 150.6 125.2 150.8 125.2 150.8 125.1 151.1 125.1 151.1 125 151.3 125 151.3 125 151.6 125 151.6 124.9 151.8 124.9 151.8 124.8 152 124.8 152 124.8 152.2 124.8 152.2 124.8 152.4 124.8 152.4C124.7 152.5 124.7 152.5 124.7 152.6L124.7 152.6 124.7 152.8 124.7 152.8C124.7 152.9 124.7 152.9 124.7 153L124.7 153 124.6 153.2 124.6 153.2 124.6 153.3 124.6 153.4C124.7 155.9 125.7 158.1 127.3 159.7 128.9 161.3 131.1 162.3 133.6 162.3 136.1 162.3 138.3 161.3 140 159.6ZM135.3 72.7C136.2 74.3 135.6 76.3 133.9 77.2 132.3 78 130.3 77.4 129.4 75.8 128.7 74.3 127.6 72.9 126.3 71.9 125 70.8 123.4 70.1 121.8 69.6L121.8 69.6C120.8 69.4 119.8 69.2 118.9 69.2 117.8 69.2 116.8 69.3 115.8 69.5 114 69.9 112.3 68.8 111.8 67 111.5 65.2 112.6 63.5 114.4 63 115.8 62.7 117.4 62.6 118.9 62.6 120.5 62.6 122 62.8 123.4 63.2L123.6 63.2C126.1 63.9 128.4 65.1 130.4 66.7 132.5 68.3 134.1 70.4 135.3 72.7ZM37.2 75.8C36.4 77.4 34.4 78 32.7 77.2 31.1 76.3 30.5 74.3 31.3 72.7 32.5 70.4 34.2 68.3 36.2 66.7 38.2 65.1 40.6 63.9 43.1 63.2L43.2 63.2C44.7 62.8 46.2 62.6 47.7 62.6 49.3 62.6 50.8 62.7 52.3 63 54.1 63.5 55.2 65.2 54.8 67 54.4 68.8 52.6 69.9 50.9 69.5 49.9 69.3 48.8 69.2 47.8 69.2 46.8 69.2 45.8 69.4 44.9 69.6L44.9 69.6C43.2 70.1 41.7 70.8 40.4 71.9 39.1 72.9 38 74.3 37.2 75.8ZM125.2 92.7C125.2 90.7 124.5 88.9 123.3 87.6 122.2 86.5 120.6 85.7 119 85.7 117.3 85.7 115.8 86.5 114.7 87.6 113.5 88.9 112.8 90.7 112.8 92.7 112.8 94.6 113.5 96.4 114.7 97.7 115.8 98.9 117.3 99.6 119 99.6 120.6 99.6 122.2 98.9 123.3 97.7 124.5 96.4 125.2 94.6 125.2 92.7ZM128.2 83.2C130.4 85.6 131.8 89 131.8 92.7 131.8 96.4 130.4 99.7 128.2 102.2 125.8 104.7 122.6 106.3 119 106.3 115.4 106.3 112.1 104.7 109.8 102.2 107.5 99.7 106.1 96.4 106.1 92.7 106.1 89 107.5 85.6 109.8 83.2 112.1 80.6 115.4 79.1 119 79.1 122.6 79.1 125.8 80.6 128.2 83.2ZM53.9 92.7C53.9 90.7 53.2 88.9 52 87.6 50.9 86.5 49.4 85.7 47.7 85.7 46 85.7 44.5 86.5 43.4 87.6 42.2 88.9 41.5 90.7 41.5 92.7 41.5 94.6 42.2 96.4 43.4 97.7 44.5 98.9 46 99.6 47.7 99.6 49.4 99.6 50.9 98.9 52 97.7 53.2 96.4 53.9 94.6 53.9 92.7ZM56.9 83.2C59.2 85.6 60.5 89 60.5 92.7 60.5 96.4 59.2 99.7 56.9 102.2 54.5 104.7 51.3 106.3 47.7 106.3 44.1 106.3 40.9 104.7 38.5 102.2 36.2 99.7 34.8 96.4 34.8 92.7 34.8 89 36.2 85.6 38.5 83.2 40.9 80.6 44.1 79.1 47.7 79.1 51.3 79.1 54.5 80.6 56.9 83.2Z" fill="rgb(1,22,39)" fill-opacity="0.2"/></g></svg>
2 | 


--------------------------------------------------------------------------------
/src/components/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src/components/.gitkeep


--------------------------------------------------------------------------------
/src/components/videoPlayer.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <!-- <video-player class="video-player-box"
 3 |     ref="videoPlayer"
 4 |     :options="playerOptions"
 5 |     :playsinline="true"
 6 |     @ready="playerIsReady"
 7 |     @changed="playerStateChanged($event)">
 8 |   </video-player> -->
 9 |   <q-video
10 |     :src="src"
11 |     style="width: 853px; height: 480px"
12 |   />
13 | </template>
14 | 
15 | <script>
16 | import 'video.js/dist/video-js.css'
17 | 
18 | import { videoPlayer } from 'vue-video-player'
19 | 
20 | export default {
21 |   name: 'VideoPlayer',
22 |   components: {
23 |     videoPlayer
24 |   },
25 |   props: {
26 |     src: {
27 |       type: String
28 |     },
29 |     img: {
30 |       type: String
31 |     }
32 |   },
33 |   computed: {
34 |     player () {
35 |       return this.$refs.videoPlayer.player
36 |     }
37 |   },
38 |   data () {
39 |     return {
40 |       playerOptions: {
41 |         height: '500',
42 |         // videojs options
43 |         muted: false,
44 |         language: 'en',
45 |         playbackRates: [0.7, 1.0, 1.5, 2.0],
46 |         sources: [{
47 |           type: 'video/mp4',
48 |           src: ''
49 |         }],
50 |         poster: ''
51 |       }
52 |     }
53 |   },
54 |   methods: {
55 |     playerStateChanged (playerCurrentState) {
56 |       console.log('example 2: state changed', playerCurrentState)
57 |     },
58 |     playerIsReady (player) {
59 |       this.playerOptions.sources[0].src = this.$props.src
60 |       this.playerOptions.poster = this.$props.img
61 |     }
62 |   }
63 | }
64 | </script>
65 | 
66 | <style>
67 | </style>
68 | 


--------------------------------------------------------------------------------
/src/css/app.styl:
--------------------------------------------------------------------------------
1 | // app global css
2 | 


--------------------------------------------------------------------------------
/src/css/themes/common.variables.styl:
--------------------------------------------------------------------------------
 1 | // App Shared Variables
 2 | // --------------------------------------------------
 3 | // To customize the look and feel of this app, you can override
 4 | // the Stylus variables found in Quasar's source Stylus files. Setting
 5 | // variables before Quasar's Stylus will use these variables rather than
 6 | // Quasar's default Stylus variable values. Stylus variables specific
 7 | // to the themes belong in either the variables.ios.styl or variables.mat.styl files.
 8 | 
 9 | // Check documentation for full list of Quasar variables
10 | 
11 | 
12 | // App Shared Color Variables
13 | // --------------------------------------------------
14 | // It's highly recommended to change the default colors
15 | // to match your app's branding.
16 | 
17 | $primary   = #027be3
18 | $secondary = #26A69A
19 | $tertiary  = #555
20 | 
21 | $neutral   = #E0E1E2
22 | $positive  = #21BA45
23 | $negative  = #DB2828
24 | $info      = #31CCEC
25 | $warning   = #F2C037
26 | 


--------------------------------------------------------------------------------
/src/css/themes/variables.ios.styl:
--------------------------------------------------------------------------------
1 | // App Shared Variables
2 | // --------------------------------------------------
3 | // Shared Stylus variables go in the common.variables.styl file
4 | @import 'common.variables'
5 | 
6 | // iOS only Quasar variables overwrites
7 | // -----------------------------------------
8 | 


--------------------------------------------------------------------------------
/src/css/themes/variables.mat.styl:
--------------------------------------------------------------------------------
1 | // App Shared Variables
2 | // --------------------------------------------------
3 | // Shared Stylus variables go in the common.variables.styl file
4 | @import 'common.variables'
5 | 
6 | // Material only Quasar variables overwrites
7 | // -----------------------------------------
8 | 


--------------------------------------------------------------------------------
/src/i18n/en-us/index.js:
--------------------------------------------------------------------------------
1 | // This is just an example,
2 | // so you can safely delete all default props below
3 | 
4 | export default {
5 |   failed: 'Action failed',
6 |   success: 'Action was successful'
7 | }
8 | 


--------------------------------------------------------------------------------
/src/i18n/index.js:
--------------------------------------------------------------------------------
1 | import enUS from './en-us'
2 | 
3 | export default {
4 |   'en-us': enUS
5 | }
6 | 


--------------------------------------------------------------------------------
/src/index.template.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="description" content="<%= htmlWebpackPlugin.options.productDescription %>">
 6 |     <meta name="format-detection" content="telephone=no">
 7 |     <meta name="msapplication-tap-highlight" content="no">
 8 |     <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (htmlWebpackPlugin.options.ctx.mode.cordova) { %>, viewport-fit=cover<% } %>">
 9 |     <title><%= htmlWebpackPlugin.options.productName %></title>
10 | 
11 |     <link rel="icon" href="statics/quasar-logo.png" type="image/x-icon">
12 |     <link rel="icon" type="image/png" sizes="32x32" href="statics/icons/favicon-32x32.png">
13 |     <link rel="icon" type="image/png" sizes="16x16" href="statics/icons/favicon-16x16.png">
14 |   </head>
15 |   <body>
16 |     <noscript>
17 |       This is your fallback content in case JavaScript fails to load.
18 |     </noscript>
19 | 
20 |     <!-- DO NOT touch the following <div> -->
21 |     <div id="q-app"></div>
22 | 
23 |     <!-- built files will be auto injected here -->
24 |   </body>
25 | </html>
26 | 


--------------------------------------------------------------------------------
/src/layouts/default.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <q-layout view="lHh Lpr lFf">
  3 |     <q-layout-header>
  4 |       <q-tabs
  5 |         color="purple"
  6 |       >
  7 |         <q-route-tab slot="title" to="/index" icon="get_app" replace label="Download" />
  8 |         <q-route-tab slot="title" to="/videos" icon="perm_media" replace label="Videos" />
  9 |         <q-route-tab slot="title" to="/musics" icon="queue_music" replace label="Musics" />
 10 |         <q-route-tab slot="title" :to="path" icon="theaters" replace label="Player" />
 11 |         <q-tab class="updates" slot="title" :count="updatesAvailabe" @click="update()" icon="settings" replace label="Updates" />
 12 |         <q-tab class="minimize" slot="title" @click="minimizeApp()" icon="minimize" replace label="Minimize" />
 13 |         <q-tab class="absolute-right" slot="title" @click="closeApp()" icon="power_settings_new" replace label="Poweroff" />
 14 |       </q-tabs>
 15 |     </q-layout-header>
 16 | 
 17 |     <q-page-container class="background">
 18 |       <router-view />
 19 |     </q-page-container>
 20 |   </q-layout>
 21 | </template>
 22 | 
 23 | <script>
 24 | import { ipcRenderer } from 'electron'
 25 | 
 26 | export default {
 27 |   name: 'LayoutDefault',
 28 |   data () {
 29 |     return {
 30 |       path: {
 31 |         name: 'player',
 32 |         params: {
 33 |           src: '',
 34 |           img: ''
 35 |         }
 36 |       },
 37 |       updatesAvailabe: null
 38 |     }
 39 |   },
 40 |   mounted () {
 41 |     this.videoSelected()
 42 |     this.initialize()
 43 |     setTimeout(() => {
 44 |       this.checkUpdates()
 45 |     }, 1000)
 46 |   },
 47 |   methods: {
 48 |     closeApp () {
 49 |       ipcRenderer.send('close-app')
 50 |     },
 51 |     minimizeApp () {
 52 |       ipcRenderer.send('minimize')
 53 |     },
 54 |     videoSelected () {
 55 |       const selected = JSON.parse(window.localStorage.getItem('media'))
 56 |       if (selected) {
 57 |         this.path.params.src = selected.src
 58 |         this.path.params.img = selected.thumbnail
 59 |       }
 60 |     },
 61 |     initialize () {
 62 |       ipcRenderer.sendSync('createYtDownFolder')
 63 |       ipcRenderer.sendSync('createVideosFolder')
 64 |       ipcRenderer.sendSync('createMusicFolder')
 65 |       ipcRenderer.sendSync('createDatabaseFolder')
 66 |       ipcRenderer.sendSync('createFileDatabase')
 67 |     },
 68 |     checkUpdates () {
 69 |       ipcRenderer.on('updateReady', function (event, text) {
 70 |         this.updatesAvailabe = '1'
 71 |       })
 72 |     },
 73 |     update () {
 74 |       ipcRenderer.send('quitAndInstall')
 75 |     }
 76 |   }
 77 | }
 78 | </script>
 79 | 
 80 | <style>
 81 | ::-webkit-scrollbar {
 82 | display: none;
 83 | }
 84 | .minimize {
 85 |   margin-left: 0em;
 86 | }
 87 | 
 88 | .updates {
 89 |   margin-left: 12em;
 90 | }
 91 | .background{
 92 |   background: #fff url(../statics/darkrola.jpeg);
 93 |   /* Full height */
 94 |   height: 100%;
 95 |   /* Center and scale the image nicely */
 96 |   background-position: center;
 97 |   background-repeat: no-repeat;
 98 |   background-size: cover;
 99 | }
100 | </style>
101 | 


--------------------------------------------------------------------------------
/src/pages/404.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="fixed-center text-center">
 3 |     <p>
 4 |       <img
 5 |         src="~assets/sad.svg"
 6 |         style="width:30vw;max-width:150px;"
 7 |       >
 8 |     </p>
 9 |     <p class="text-faded">Sorry, nothing here...<strong>(404)</strong></p>
10 |     <q-btn
11 |       color="secondary"
12 |       style="width:200px;"
13 |       @click="$router.push('/')"
14 |     >Go back</q-btn>
15 |   </div>
16 | </template>
17 | 


--------------------------------------------------------------------------------
/src/pages/index.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <q-page class="flex flex-center row">
  3 |     <q-field
  4 |       icon="ondemand_video"
  5 |       icon-color="purple"
  6 |       class="col-8"
  7 |     >
  8 |       <q-input inverted v-model="youtubeUrl" color="purple" stack-label="Video URL" required/>
  9 |     </q-field>
 10 |     <q-ajax-bar ref="bar" :position="'bottom'" color="purple" :size="'18px'"/>
 11 |     <div class="flex flex-center q-pa-sm">
 12 |       <q-btn
 13 |         class="col-5"
 14 |         color="purple"
 15 |         size="lg"
 16 |         label="Download"
 17 |         :loading="isDisable"
 18 |         @click="download()"
 19 |       >
 20 |         <span slot="loading">
 21 |           <q-spinner-hourglass class="on-left" />
 22 |         </span>
 23 |       </q-btn>
 24 |     </div>
 25 |     <q-btn-dropdown  icon="build" class="on-right round" color="purple">
 26 |       <q-list link>
 27 |         <q-item :key="index" v-for="(option, index) of options" @click.native="chooseType(option)">
 28 |           <q-item-side icon="settings" inverted color="purple" />
 29 |           <q-item-main>
 30 |             <q-item-tile :class="selectedType.type === option.type ? 'bold' : ''" label>{{option.type}}</q-item-tile>
 31 |           </q-item-main>
 32 |         </q-item>
 33 |       </q-list>
 34 |     </q-btn-dropdown>
 35 |   </q-page>
 36 | </template>
 37 | 
 38 | <style>
 39 | .bold {
 40 |   font-weight: bold;
 41 | }
 42 | </style>
 43 | 
 44 | <script>
 45 | export default {
 46 |   name: 'PageIndex',
 47 |   data () {
 48 |     return {
 49 |       youtubeUrl: '',
 50 |       isDisable: false,
 51 |       options: [
 52 |         {
 53 |           type: 'mp3',
 54 |           download: () => this.donwloadMp3()
 55 |         },
 56 |         {
 57 |           type: 'mp4',
 58 |           download: () => this.donwloadVideo()
 59 |         }
 60 |       ],
 61 |       selectedType: {
 62 |         type: 'mp3',
 63 |         download: () => this.donwloadMp3()
 64 |       }
 65 |     }
 66 |   },
 67 |   methods: {
 68 |     download () {
 69 |       this.selectedType.download()
 70 |     },
 71 |     donwloadMp3 () {
 72 |       this.isDisable = true
 73 |       this.$refs.bar.start()
 74 | 
 75 |       this.$axios.post('http://localhost:3000/api/download-mp3', { youtubeUrl: this.youtubeUrl })
 76 |         .then(data => {
 77 |           this.statusDefault()
 78 |           console.log(data)
 79 |         })
 80 |         .catch(err => {
 81 |           this.statusDefault()
 82 |           console.log(err)
 83 |         })
 84 |     },
 85 |     donwloadVideo () {
 86 |       this.isDisable = true
 87 |       this.$refs.bar.start()
 88 | 
 89 |       this.$axios.post('http://localhost:3000/api/download', { youtubeUrl: this.youtubeUrl })
 90 |         .then(data => {
 91 |           this.statusDefault()
 92 |           console.log(data)
 93 |         })
 94 |         .catch(err => {
 95 |           this.statusDefault()
 96 |           console.log(err)
 97 |         })
 98 |     },
 99 |     chooseType (option) {
100 |       this.selectedType.type = option.type
101 |       this.selectedType.download = option.download
102 |     },
103 |     statusDefault () {
104 |       this.isDisable = false
105 |       this.youtubeUrl = ''
106 |       this.$refs.bar.stop()
107 |     }
108 |   }
109 | }
110 | </script>
111 | 


--------------------------------------------------------------------------------
/src/pages/musics.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <q-page>
 3 |     <q-page-container>
 4 |       <q-ajax-bar ref="bar"/>
 5 |       <div class="row" v-if="checkDatabase">
 6 |         <div class="col-md-3 row justify-center q-mb-md" :key="index" v-for="(info, index) of infos">
 7 |           <q-card inline class="col-md-10" color="purple">
 8 |             <q-card-media>
 9 |               <img :src="`${appFolder}${info.thumbnail}`">
10 |             </q-card-media>
11 |             <q-card-title class="relative-position">
12 |               <div class="ellipsis q-caption" :title="info.title">
13 |                 <q-tooltip>{{info.title}}</q-tooltip>
14 |                 {{info.title}}
15 |               </div>
16 |               <div slot="right" class="row items-center">
17 |                 <q-icon name="remove_red_eye" />
18 |               </div>
19 |             </q-card-title>
20 |             <q-card-separator />
21 |             <q-card-actions>
22 |               <q-btn @click="goTo(info)">
23 |                 <q-icon class="q-mr-sm" name="play_circle_filled">
24 |                 </q-icon>
25 |                 PLAY
26 |               </q-btn>
27 |             </q-card-actions>
28 |           </q-card>
29 |         </div>
30 |       </div>
31 |       <div class="row" v-else>
32 |         <div class="col-md-12 row justify-center q-mb-md">
33 |           <q-card inline class="col-md-10" color="purple">
34 |             <h2>Don't find any musics in your app!!</h2>
35 |           </q-card>
36 |         </div>
37 |       </div>
38 |     </q-page-container>
39 |   </q-page>
40 | </template>
41 | 
42 | <script>
43 | import { ipcRenderer } from 'electron'
44 | 
45 | export default {
46 |   name: 'Musics',
47 |   data () {
48 |     return {
49 |       infos: [],
50 |       checkDatabase: false,
51 |       appFolder: ipcRenderer.sendSync('getFolderApp')
52 |     }
53 |   },
54 |   mounted () {
55 |     this.listVideos()
56 |   },
57 |   methods: {
58 |     listVideos () {
59 |       this.$refs.bar.start()
60 |       this.$axios.get('http://localhost:3000/api/infos')
61 |         .then(data => {
62 |           this.infos = data.data.musics
63 |           if (this.infos.length) this.checkDatabase = true
64 |           else this.checkDatabase = false
65 |           this.$refs.bar.stop()
66 |         })
67 |         .catch(err => {
68 |           this.$refs.bar.stop()
69 |           console.log(err)
70 |         })
71 |     },
72 |     goTo (info) {
73 |       this.videoSelect(info)
74 |       this.$router.push({ name: 'player', params: { src: info.src, img: info.thumbnail } })
75 |     },
76 |     videoSelect (info) {
77 |       window.localStorage.setItem('media', JSON.stringify(info))
78 |     }
79 |   }
80 | }
81 | </script>
82 | 
83 | <style>
84 | </style>
85 | 


--------------------------------------------------------------------------------
/src/pages/player.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <q-page class="flex flex-center">
 3 |     <video-player :src="src" :img="img">
 4 |     </video-player>
 5 |   </q-page>
 6 | </template>
 7 | 
 8 | <script>
 9 | import videoPlayer from './../components/videoPlayer'
10 | import { ipcRenderer } from 'electron'
11 | 
12 | export default {
13 |   name: 'Player',
14 |   components: {
15 |     videoPlayer
16 |   },
17 |   data () {
18 |     return {
19 |       src: '',
20 |       img: '',
21 |       videosFolder: ipcRenderer.sendSync('getFolderApp')
22 |     }
23 |   },
24 |   mounted () {
25 |     console.log(ipcRenderer.sendSync('getFolderApp'))
26 |     this.src = `${this.videosFolder}/${this.$route.params.src}`
27 |     this.img = `${this.videosFolder}/${this.$route.params.img}`
28 |     console.log(this.src)
29 |   }
30 | }
31 | </script>
32 | 
33 | <style>
34 | </style>
35 | 


--------------------------------------------------------------------------------
/src/pages/videos.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <q-page>
 3 |     <q-page-container>
 4 |       <q-ajax-bar ref="bar"/>
 5 |       <div class="row" v-if="checkDatabase">
 6 |         <div class="col-md-3 row justify-center q-mb-md" :key="index" v-for="(info, index) of infos">
 7 |           <q-card inline class="col-md-10" color="purple">
 8 |             <q-card-media>
 9 |               <img :src="`${appFolder}${info.thumbnail}`">
10 |             </q-card-media>
11 |             <q-card-title class="relative-position">
12 |               <div class="ellipsis q-caption" :title="info.title">
13 |                 <q-tooltip>{{info.title}}</q-tooltip>
14 |                 {{info.title}}
15 |               </div>
16 |               <div slot="right" class="row items-center">
17 |                 <q-icon name="remove_red_eye" />
18 |               </div>
19 |             </q-card-title>
20 |             <q-card-separator />
21 |             <q-card-actions>
22 |               <q-btn @click="goTo(info)">
23 |                 <q-icon class="q-mr-sm" name="play_circle_filled">
24 |                 </q-icon>
25 |                 VIEW
26 |               </q-btn>
27 |             </q-card-actions>
28 |           </q-card>
29 |         </div>
30 |       </div>
31 |       <div class="row" v-else>
32 |         <div class="col-md-12 row justify-center q-mb-md">
33 |           <q-card inline class="col-md-10" color="purple">
34 |             <h2>Don't find any videos in your app!!</h2>
35 |           </q-card>
36 |         </div>
37 |       </div>
38 |     </q-page-container>
39 |   </q-page>
40 | </template>
41 | 
42 | <script>
43 | import { ipcRenderer } from 'electron'
44 | 
45 | export default {
46 |   name: 'VideoPage',
47 |   data () {
48 |     return {
49 |       infos: [],
50 |       checkDatabase: false,
51 |       appFolder: ipcRenderer.sendSync('getFolderApp')
52 |     }
53 |   },
54 |   mounted () {
55 |     this.listVideos()
56 |   },
57 |   methods: {
58 |     listVideos () {
59 |       this.$refs.bar.start()
60 |       this.$axios.get('http://localhost:3000/api/infos')
61 |         .then(data => {
62 |           this.infos = data.data.videos
63 |           if (this.infos.length) this.checkDatabase = true
64 |           else this.checkDatabase = false
65 |           this.$refs.bar.stop()
66 |         })
67 |         .catch(err => {
68 |           this.$refs.bar.stop()
69 |           console.log(err)
70 |         })
71 |     },
72 |     goTo (info) {
73 |       this.videoSelect(info)
74 |       this.$router.push({ name: 'player', params: { src: info.src, img: info.thumbnail } })
75 |     },
76 |     videoSelect (info) {
77 |       window.localStorage.setItem('media', JSON.stringify(info))
78 |     }
79 |   }
80 | }
81 | </script>
82 | 
83 | <style>
84 | </style>
85 | 


--------------------------------------------------------------------------------
/src/plugins/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src/plugins/.gitkeep


--------------------------------------------------------------------------------
/src/plugins/axios.js:
--------------------------------------------------------------------------------
1 | import axios from 'axios'
2 | 
3 | export default ({ Vue }) => {
4 |   Vue.prototype.$axios = axios
5 | }
6 | 


--------------------------------------------------------------------------------
/src/plugins/i18n.js:
--------------------------------------------------------------------------------
 1 | import VueI18n from 'vue-i18n'
 2 | import messages from 'src/i18n'
 3 | 
 4 | export default ({ app, Vue }) => {
 5 |   Vue.use(VueI18n)
 6 | 
 7 |   // Set i18n instance on app
 8 |   app.i18n = new VueI18n({
 9 |     locale: 'en-us',
10 |     fallbackLocale: 'en-us',
11 |     messages
12 |   })
13 | }
14 | 


--------------------------------------------------------------------------------
/src/plugins/video-player.js:
--------------------------------------------------------------------------------
1 | import VueVideoPlayer from 'vue-video-player'
2 | // leave the export, even if you don't use it
3 | export default ({ Vue }) => {
4 |   // something to do
5 |   Vue.use(VueVideoPlayer)
6 | }
7 | 


--------------------------------------------------------------------------------
/src/router/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import VueRouter from 'vue-router'
 3 | 
 4 | import routes from './routes'
 5 | 
 6 | Vue.use(VueRouter)
 7 | 
 8 | const Router = new VueRouter({
 9 |   /*
10 |    * NOTE! Change Vue Router mode from quasar.conf.js -> build -> vueRouterMode
11 |    *
12 |    * When going with "history" mode, please also make sure "build.publicPath"
13 |    * is set to something other than an empty string.
14 |    * Example: '/' instead of ''
15 |    */
16 | 
17 |   // Leave as is and change from quasar.conf.js instead!
18 |   mode: process.env.VUE_ROUTER_MODE,
19 |   base: process.env.VUE_ROUTER_BASE,
20 |   scrollBehavior: () => ({ y: 0 }),
21 |   routes
22 | })
23 | 
24 | export default Router
25 | 


--------------------------------------------------------------------------------
/src/router/routes.js:
--------------------------------------------------------------------------------
 1 | 
 2 | export default [
 3 |   {
 4 |     path: '/',
 5 |     redirect: '/index',
 6 |     component: () => import('layouts/default'),
 7 |     children: [
 8 |       { path: 'index', component: () => import('pages/index') },
 9 |       { path: 'videos', component: () => import('pages/videos') },
10 |       { path: 'musics', component: () => import('pages/musics') },
11 |       { path: 'player/:src/:img', name: 'player', component: () => import('pages/player') }
12 |     ]
13 |   },
14 |   { // Always leave this as last one
15 |     path: '*',
16 |     component: () => import('pages/404')
17 |   }
18 | ]
19 | 


--------------------------------------------------------------------------------
/src/statics/darkrola.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src/statics/darkrola.jpeg


--------------------------------------------------------------------------------
/src/statics/icons/apple-icon-152x152-.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src/statics/icons/apple-icon-152x152-.png


--------------------------------------------------------------------------------
/src/statics/icons/apple-icon-152x152.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src/statics/icons/apple-icon-152x152.png


--------------------------------------------------------------------------------
/src/statics/icons/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src/statics/icons/favicon-16x16.png


--------------------------------------------------------------------------------
/src/statics/icons/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src/statics/icons/favicon-32x32.png


--------------------------------------------------------------------------------
/src/statics/icons/icon-128x128-.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src/statics/icons/icon-128x128-.png


--------------------------------------------------------------------------------
/src/statics/icons/icon-128x128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src/statics/icons/icon-128x128.png


--------------------------------------------------------------------------------
/src/statics/icons/icon-192x192-.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src/statics/icons/icon-192x192-.png


--------------------------------------------------------------------------------
/src/statics/icons/icon-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src/statics/icons/icon-192x192.png


--------------------------------------------------------------------------------
/src/statics/icons/icon-256x256.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src/statics/icons/icon-256x256.png


--------------------------------------------------------------------------------
/src/statics/icons/icon-256x256asd.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src/statics/icons/icon-256x256asd.png


--------------------------------------------------------------------------------
/src/statics/icons/icon-256x256beta.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src/statics/icons/icon-256x256beta.png


--------------------------------------------------------------------------------
/src/statics/icons/icon-384x384-.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src/statics/icons/icon-384x384-.png


--------------------------------------------------------------------------------
/src/statics/icons/icon-384x384.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src/statics/icons/icon-384x384.png


--------------------------------------------------------------------------------
/src/statics/icons/icon-512x512-.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src/statics/icons/icon-512x512-.png


--------------------------------------------------------------------------------
/src/statics/icons/icon-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src/statics/icons/icon-512x512.png


--------------------------------------------------------------------------------
/src/statics/icons/ms-icon-144x144-.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src/statics/icons/ms-icon-144x144-.png


--------------------------------------------------------------------------------
/src/statics/icons/ms-icon-144x144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src/statics/icons/ms-icon-144x144.png


--------------------------------------------------------------------------------
/src/statics/quasar-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/iagocavalcante/qtube/91cd3dc960adcbde12a4601fdc3de67be0fbd0f0/src/statics/quasar-logo.png


--------------------------------------------------------------------------------
/src/store/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import Vuex from 'vuex'
 3 | 
 4 | import example from './module-example'
 5 | 
 6 | Vue.use(Vuex)
 7 | 
 8 | const store = new Vuex.Store({
 9 |   modules: {
10 |     example
11 |   }
12 | })
13 | 
14 | export default store
15 | 


--------------------------------------------------------------------------------
/src/store/module-example/actions.js:
--------------------------------------------------------------------------------
1 | /*
2 | export const someAction = (state) => {
3 | }
4 | */
5 | 


--------------------------------------------------------------------------------
/src/store/module-example/getters.js:
--------------------------------------------------------------------------------
1 | /*
2 | export const someGetter = (state) => {
3 | }
4 | */
5 | 


--------------------------------------------------------------------------------
/src/store/module-example/index.js:
--------------------------------------------------------------------------------
 1 | import state from './state'
 2 | import * as getters from './getters'
 3 | import * as mutations from './mutations'
 4 | import * as actions from './actions'
 5 | 
 6 | export default {
 7 |   namespaced: true,
 8 |   state,
 9 |   getters,
10 |   mutations,
11 |   actions
12 | }
13 | 


--------------------------------------------------------------------------------
/src/store/module-example/mutations.js:
--------------------------------------------------------------------------------
1 | /*
2 | export const someMutation = (state) => {
3 | }
4 | */
5 | 


--------------------------------------------------------------------------------
/src/store/module-example/state.js:
--------------------------------------------------------------------------------
1 | export default {
2 |   //
3 | }
4 | 


--------------------------------------------------------------------------------