swanserquack / tentaclesmanagerreborn

Personal database app to keep all those interesting projects that are in development organized.

Hello there and welcome to my GitHub page, I have no idea how you found this but here's a little bit about me.

• What am I currently working on?: Finishing my website
• What am I currently learning?: Game development + C++
• What do I know: HTML, CSS, basic Python and basic C++.
• What I can help you with: Bug Finds, Python and any little issues you might have in C++ code.
• How to reach me: God knows anymore

My Stats (Thanks to anuraghazra):

tentaclesmanagerreborn's Issues

Unable to install `vue-devtools`

When running the project under the latest branch you get the following error:
Working on a fix right now

┏ Electron -------------------

  Unable to install `vue-devtools`:
   Error: Exited with code 9
      at ChildProcess.<anonymous> (/home/test/Desktop/TentaclesManager/node_modules/cross-unzip/index.js:38:21)
      at ChildProcess.emit (events.js:315:20)
      at Process.ChildProcess._handle.onexit (internal/child_process.js:277:12)

┗ ----------------------------

Compiler Failing after running npm audit fix

After running npm audit fix and running npm run start then it fails to compile with the following error.:
Seems to be an issue with dependencies but would appreciate any help anyone can give.

┏ Renderer -------------------

  ✖ ｢wdm｣: Hash: fd2fecec25fd96819e73
  Version: webpack 4.43.0
  Time: 21404ms
  Built at: 01/05/2022 13:49:34
   6 assets
  Entrypoint renderer = styles.css renderer.js
  [0] multi (webpack)-dev-server/client?http://localhost:9080 (webpack)/hot/dev-server.js css-hot-loader/hotModuleReplacement ./node_modules/electron-webpack/vue-renderer-entry.js ./src/renderer/index.js 76 bytes {renderer} [built]
  [./node_modules/css-hot-loader/hotModuleReplacement.js] 3.05 KiB {renderer} [built]
  [./node_modules/electron-webpack/vue-renderer-entry.js] 116 bytes {renderer} [built]
  [./node_modules/lodash/debounce.js] 5.96 KiB {renderer} [built]
  [./node_modules/material-design-icons-iconfont/dist/material-design-icons.css] 294 bytes {renderer} [built]
  [./node_modules/vue/dist/vue.esm.js] 319 KiB {renderer} [built]
  [./node_modules/vuetify/dist/vuetify.min.css] 294 bytes {renderer} [built]
  [./node_modules/webpack-dev-server/client/index.js?http://localhost:9080] (webpack)-dev-server/client?http://localhost:9080 4.29 KiB {renderer} [built]
  [./node_modules/webpack-dev-server/client/overlay.js] (webpack)-dev-server/client/overlay.js 3.52 KiB {renderer} [built]
  [./node_modules/webpack-dev-server/client/socket.js] (webpack)-dev-server/client/socket.js 1.53 KiB {renderer} [built]
  [./node_modules/webpack-dev-server/client/utils/createSocketUrl.js] (webpack)-dev-server/client/utils/createSocketUrl.js 2.91 KiB {renderer} [built]
  [./node_modules/webpack-dev-server/client/utils/log.js] (webpack)-dev-server/client/utils/log.js 964 bytes {renderer} [built]
  [./node_modules/webpack-dev-server/client/utils/reloadApp.js] (webpack)-dev-server/client/utils/reloadApp.js 1.59 KiB {renderer} [built]
  [./node_modules/webpack/hot/dev-server.js] (webpack)/hot/dev-server.js 1.59 KiB {renderer} [built]
  [./src/renderer/index.js] 1.15 KiB {renderer} [built]
      + 201 hidden modules

  ERROR in ./src/renderer/components/TagInput.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--0!./node_modules/vue-loader/lib??vue-loader-options!./src/renderer/components/TagInput.vue?vue&type=script&lang=js&)
  Module not found: Error: Can't resolve '@yaireo/tagify' in '/home/swanser/Desktop/TentaclesManager/src/renderer/components'
   @ ./src/renderer/components/TagInput.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--0!./node_modules/vue-loader/lib??vue-loader-options!./src/renderer/components/TagInput.vue?vue&type=script&lang=js&) 5:0-36 18:23-29
   @ ./src/renderer/components/TagInput.vue?vue&type=script&lang=js&
   @ ./src/renderer/components/TagInput.vue
   @ ./node_modules/babel-loader/lib??ref--0!./node_modules/vue-loader/lib??vue-loader-options!./src/renderer/components/ItemFormDialog.vue?vue&type=script&lang=js&
   @ ./src/renderer/components/ItemFormDialog.vue?vue&type=script&lang=js&
   @ ./src/renderer/components/ItemFormDialog.vue
   @ ./node_modules/babel-loader/lib??ref--0!./node_modules/vue-loader/lib??vue-loader-options!./src/renderer/window/MainWindow.vue?vue&type=script&lang=js&
   @ ./src/renderer/window/MainWindow.vue?vue&type=script&lang=js&
   @ ./src/renderer/window/MainWindow.vue
   @ ./src/renderer/index.js
   @ multi css-hot-loader/hotModuleReplacement ./node_modules/electron-webpack/vue-renderer-entry.js ./src/renderer/index.js

  ERROR in ./src/renderer/components/TagInput.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--0!./node_modules/vue-loader/lib??vue-loader-options!./src/renderer/components/TagInput.vue?vue&type=script&lang=js&)
  Module not found: Error: Can't resolve '@yaireo/tagify/dist/tagify.css' in '/home/swanser/Desktop/TentaclesManager/src/renderer/components'
   @ ./src/renderer/components/TagInput.vue?vue&type=script&lang=js& (./node_modules/babel-loader/lib??ref--0!./node_modules/vue-loader/lib??vue-loader-options!./src/renderer/components/TagInput.vue?vue&type=script&lang=js&) 6:0-40
   @ ./src/renderer/components/TagInput.vue?vue&type=script&lang=js&
   @ ./src/renderer/components/TagInput.vue
   @ ./node_modules/babel-loader/lib??ref--0!./node_modules/vue-loader/lib??vue-loader-options!./src/renderer/components/ItemFormDialog.vue?vue&type=script&lang=js&
   @ ./src/renderer/components/ItemFormDialog.vue?vue&type=script&lang=js&
   @ ./src/renderer/components/ItemFormDialog.vue
   @ ./node_modules/babel-loader/lib??ref--0!./node_modules/vue-loader/lib??vue-loader-options!./src/renderer/window/MainWindow.vue?vue&type=script&lang=js&
   @ ./src/renderer/window/MainWindow.vue?vue&type=script&lang=js&
   @ ./src/renderer/window/MainWindow.vue
   @ ./src/renderer/index.js
   @ multi css-hot-loader/hotModuleReplacement ./node_modules/electron-webpack/vue-renderer-entry.js ./src/renderer/index.js
  Child HtmlWebpackCompiler:
       1 asset
      Entrypoint HtmlWebpackPlugin_0 = __child-HtmlWebpackPlugin_0
      [./node_modules/html-loader/dist/cjs.js?minimize=false!./dist/.renderer-index-template.html] 410 bytes {HtmlWebpackPlugin_0} [built]
  Child mini-css-extract-plugin node_modules/css-loader/dist/cjs.js??ref--2-2!node_modules/material-design-icons-iconfont/dist/material-design-icons.css:
      Entrypoint mini-css-extract-plugin = *
      [./node_modules/css-loader/dist/cjs.js?!./node_modules/material-design-icons-iconfont/dist/material-design-icons.css] ./node_modules/css-loader/dist/cjs.js??ref--2-2!./node_modules/material-design-icons-iconfont/dist/material-design-icons.css 107 KiB {mini-css-extract-plugin} [built]
      [./node_modules/css-loader/dist/runtime/api.js] 2.46 KiB {mini-css-extract-plugin} [built]
      [./node_modules/css-loader/dist/runtime/getUrl.js] 830 bytes {mini-css-extract-plugin} [built]
      [./node_modules/material-design-icons-iconfont/dist/fonts/MaterialIcons-Regular.eot] 82 bytes {mini-css-extract-plugin} [built]
      [./node_modules/material-design-icons-iconfont/dist/fonts/MaterialIcons-Regular.ttf] 82 bytes {mini-css-extract-plugin} [built]
      [./node_modules/material-design-icons-iconfont/dist/fonts/MaterialIcons-Regular.woff] 83 bytes {mini-css-extract-plugin} [built]
      [./node_modules/material-design-icons-iconfont/dist/fonts/MaterialIcons-Regular.woff2] 84 bytes {mini-css-extract-plugin} [built]
  Child mini-css-extract-plugin node_modules/css-loader/dist/cjs.js??ref--2-2!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/vue-loader/lib/index.js??vue-loader-options!src/renderer/components/TagInput.vue?vue&type=style&index=0&lang=css&:
      Entrypoint mini-css-extract-plugin = *
      [./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js?!./src/renderer/components/TagInput.vue?vue&type=style&index=0&lang=css&] ./node_modules/css-loader/dist/cjs.js??ref--2-2!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib??vue-loader-options!./src/renderer/components/TagInput.vue?vue&type=style&index=0&lang=css& 576 bytes {mini-css-extract-plugin} [built]
      [./node_modules/css-loader/dist/runtime/api.js] 2.46 KiB {mini-css-extract-plugin} [built]
  Child mini-css-extract-plugin node_modules/css-loader/dist/cjs.js??ref--2-2!node_modules/vuetify/dist/vuetify.min.css:
      Entrypoint mini-css-extract-plugin = *
      [./node_modules/css-loader/dist/cjs.js?!./node_modules/vuetify/dist/vuetify.min.css] ./node_modules/css-loader/dist/cjs.js??ref--2-2!./node_modules/vuetify/dist/vuetify.min.css 205 KiB {mini-css-extract-plugin} [built]
      [./node_modules/css-loader/dist/runtime/api.js] 2.46 KiB {mini-css-extract-plugin} [built]
  Child mini-css-extract-plugin node_modules/css-loader/dist/cjs.js??ref--2-2!src/renderer/style.css:
      Entrypoint mini-css-extract-plugin = *
      [./node_modules/css-loader/dist/cjs.js?!./src/renderer/style.css] ./node_modules/css-loader/dist/cjs.js??ref--2-2!./src/renderer/style.css 873 bytes {mini-css-extract-plugin} [built]
      [./node_modules/css-loader/dist/runtime/api.js] 2.46 KiB {mini-css-extract-plugin} [built]

┗ ----------------------------
┏ Renderer -------------------

  ℹ ｢wdm｣: Failed to compile.

┗ ----------------------------

Ton of dependencies are deprecated

When running npm install there are a ton of warnings about deprecated projects. I will need to move to the more modern version of these dependencies and update the code to show this.

npm WARN deprecated [email protected]: WARNING: This project has been deprecated.
npm WARN deprecated @seregpie/[email protected]: WARNING: This project has been deprecated.
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated [email protected]: Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to 3.2.7 or 4.3.1. (https://github.com/visionmedia/debug/issues/797)
npm WARN deprecated [email protected]: Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to 3.2.7 or 4.3.1. (https://github.com/visionmedia/debug/issues/797)
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated [email protected]: See https://github.com/lydell/source-map-url#deprecated
npm WARN deprecated [email protected]: Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to 3.2.7 or 4.3.1. (https://github.com/visionmedia/debug/issues/797)
npm WARN deprecated [email protected]: Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to 3.2.7 or 4.3.1. (https://github.com/visionmedia/debug/issues/797)
npm WARN deprecated [email protected]: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
npm WARN deprecated [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated [email protected]: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm WARN deprecated [email protected]: See https://github.com/lydell/source-map-resolve#deprecated

Dependency Tree Issue

When cloning the electron-issues branch and trying to run npm i then it doesn't work and gives the following error

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/webpack
npm ERR!   dev webpack@"^4.46.0" from the root project
npm ERR!   peer webpack@"^3.0.0 || ^4.1.0 || ^5.0.0-0" from [email protected]
npm ERR!   node_modules/vue-loader
npm ERR!     dev vue-loader@"^15.9.3" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^5.0.0" from [email protected]
npm ERR! node_modules/css-loader
npm ERR!   peer css-loader@"*" from [email protected]
npm ERR!   node_modules/vue-loader
npm ERR!     dev vue-loader@"^15.9.3" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.