Closed proffalken closed 10 months ago
jabelone
commented
1 year ago We haven't used the kiosk version for over a year now, so it's been a little neglected. I can take a look over the next few days and see what's broken. Looks like it's a dependency issue so hopefully not too big a deal!
proffalken
commented
1 year ago That's fair enough, appreciate the insight.
Tbh, the kiosk just looked like something cool to add to the platform, we're quite a way away from needing it for any other reason than tracking how often people attend as we only have one room and so if someone's in the space we can probably see them!
Would be great to be able to play with it though if it is as simple as a dep update.
proffalken
commented
1 year ago OK, so I found some more time to play with this and if I create the file frontend/src/electron-preload.js without any content, and then re-run it complains again:
App • DONE • "Main" compiled with errors • 1671ms
App • ERROR • Main
Module not found: Can't resolve imported dependency "/home/mmw/Projects/MakeMonmouth/membermatters/src/frontend/src-electron/electron-main"
Did you forget to install it? You can run: yarn add /home/mmw/Projects/MakeMonmouth/membermatters/src/frontend/src-electron/electron-main
App • COMPILATION FAILED • Please check the log above for details.So I symlink src-electron/main-process/electron-main.js to src-electron/electron-main.js, and uncommment the preload line, and now I get the following:
npm --trace run build:electron
> frontend@3.2.0 build:electron
> quasar build -m electron
.d88888b.
d88P" "Y88b
888 888
888 888 888 888 8888b. .d8888b 8888b. 888d888
888 888 888 888 "88b 88K "88b 888P"
888 Y8b 888 888 888 .d888888 "Y8888b. .d888888 888
Y88b.Y8b88P Y88b 888 888 888 X88 888 888 888
"Y888888" "Y88888 "Y888888 88888P' "Y888888 888
Y8b
Build mode................ electron
Pkg quasar................ v2.8.3
Pkg @quasar/app-webpack... v3.6.0
Pkg webpack............... v5
Debugging................. no
Publishing................ no
Configured browser support (>= 86.52% of global marketshare):
· Chrome for Android >= 105
· Firefox for Android >= 104
· Android >= 105
· Chrome >= 96
· Edge >= 102
· Firefox >= 95
· iOS >= 15.2-15.3
· Opera >= 87
· Safari >= 15.2-15.3
App • Chaining "Renderer" Webpack config
App • Extending "Renderer" Webpack config
App • Cleaned build artifact: "/home/mmw/Projects/MakeMonmouth/membermatters/src/frontend/dist/electron"
App • WAIT • Compiling of "Preload" in progress...
App • WAIT • Compiling of "Main" in progress...
App • WAIT • Compiling of "Renderer" in progress...
(node:26696) [DEP0148] DeprecationWarning: Use of deprecated folder mapping "./" in the "exports" field module resolution of the package at /home/mmw/Projects/MakeMonmouth/membermatters/src/frontend/node_modules/vuex/package.json.
Update this package.json to use a subpath pattern like "./*".
(Use `node --trace-deprecation ...` to show where the warning was created)
App • DONE • "Preload" compiled with success • 2291ms
App • DONE • "Main" compiled with success • 4915ms
App • DONE • "Renderer" compiled with errors • 31686ms
App • ERROR • Renderer in ./node_modules/@quasar/extras/animate/fadeIn.css
ModuleBuildError: Module build failed (from ./node_modules/css-loader/dist/cjs.js):
ValidationError: Invalid options object. CSS Loader has been initialized using an options object that does not match the API schema.
- options.url should be one of these:
boolean | object { filter? }
-> Allows to enables/disables `url()`/`image-set()` functions handling.
-> Read more at https://github.com/webpack-contrib/css-loader#url
Details:
* options.url should be a boolean.
* options.url should be an object:
object { filter? }
- validate.js:105 validate
[frontend]/[schema-utils]/dist/validate.js:105:11
- NormalModule.js:585 Object.getOptions
[frontend]/[webpack]/lib/NormalModule.js:585:19
App • COMPILATION FAILED • Please check the log above for details.
Just coming back to this and wondering if you had a chance to look at it?
I'm seeing the same error still when following the commands to build at https://membermatters.org/en/latest/GETTING_STARTED.html#kiosk-mode
If I just run npm run build, then I get a long list of errors starting with:
App • WAIT • Compiling of "UI" in progress...
App • DONE • "UI" compiled with errors • 114180ms
App • ERROR • UI in src/components/Account/RegistrationCard.vue:179:14
TS2339: Property 'loggedIn' does not exist on type '{ name: string; mixins: { methods: { validateEmail(email: string): boolean; validateNotEmpty(value: string): boolean; validatePassword(value: string): boolean; validateMatchingField(current: string, newField: string): boolean; validateFutureDate(date: string): boolean; validateFutureTime(time: string): boolean; vali...'.
177 | },
178 | mounted() {
> 179 | if (this.loggedIn) this.$router.push({ name: "dashboard" });
| ^^^^^^^^
180 | },
181 | computed: {
182 | ...mapGetters("profile", ["loggedIn"]),
This isn't massively urgent, but it would be nice to get this up and running so we can have it on a small screen attached to a Pi or similar by the door.
jabelone
commented
10 months ago As mentioned on Discord, the build issue should be fixed now (in the latest dev branch commit). However, the kiosk mode hasn't been thought about in several years so you may find problems with it, if you do, please open a GitHub issue. 🙂
Describe the bug
I'm trying to build the Kiosk UI as documented at https://membermatters.org/en/latest/GETTING_STARTED.html#kiosk-mode.
To Reproduce
Expected behavior
I expect the node/electron Kiosk UI to build.
Screenshots
Desktop (please complete the following information):
Additional context
Ubuntu 22.04 npm 8.5.0 nodejs 16.14.2