open-source-labs / overvue Goto Github PK

OverVue git:(master) quasar dev -m electron

Dev mode.......... electron
Pkg quasar........ v1.0.3
Pkg @quasar/app... v1.9.6
Debugging......... enabled

App · Running "@quasar/testing" Quasar App Extension...
App · Running "@quasar/testing-unit-jest" Quasar App Extension...
App · Reading quasar.conf.js
App · Checking listening address availability (0.0.0.0:8080)...
App · Generating legacy js code (ES5); use "--modern" param for ES6+
App · Extending Renderer process Webpack config
App · Extending Main process Webpack config
App · Generating Webpack entry point
App · Booting up...

• Compiling:
├── Renderer process ████████████████████ 100% done in 16830 ms
└── Main process █ 0%

DONE Compiled successfully in 16837ms 11:57:54 ├F10: AM┤

ℹ ｢wds｣: Project is running at http://0.0.0.0:8080/
ℹ ｢wds｣: webpack output is served from
ℹ ｢wds｣: 404s will fallback to /index.html
App · Building main Electron process...

• Compiling:
├── Renderer process ████████████████████ 100% done in 16830 ms
└── Main process ████████████████████ 100% done in 521 ms

App · Webpack built Electron main process

Hash: 581c266cd5a882569e45
Version: webpack 4.43.0
Time: 522ms
Built at: 2021-12-17 11:57:55 ├F10: AM┤
Asset Size Chunks Chunk Names
electron-main.js 118 KiB electron-main [emitted] electron-main
Entrypoint electron-main = electron-main.js

App · Booting up Electron process...
App · ⚠️ Command name was not available. Please run again.

I went to https://overview.io and was presented with:

Is the site actually working?

Description

Tried building a new Electron deployment on windows with npm run build
but it failed with
⨯ cannot execute cause=exit status 1
errorOut=Reserved header is not 0 or image type is not icon for 'E:\Source Control\Quasar\2024\OverVue\src-electron\icons\icon.ico'
Fatal error: Unable to set icon

Reproduction

Clone repo to win 11
Run npm i
Run npm run build
Cue error above

System information

System:
OS: Windows 11 10.0.22631
CPU: (16) x64 AMD Ryzen 7 3700X 8-Core Processor
Memory: 17.84 GB / 31.91 GB
Binaries:
Node: 18.17.1 - d:\Program Files\nodejs\node.EXE
Yarn: 1.22.19 - D:\Program Files (x86)\Yarn\bin\yarn.CMD
npm: 9.8.1 - E:\Source Control\Quasar\2024\OverVue\node_modules.bin\npm.CMD
pnpm: 8.13.1 - d:\Program Files\nodejs\pnpm.CMD
Browsers:
Chrome: 123.0.6312.58
Edge: Chromium (122.0.2365.92)
Internet Explorer: 11.0.22621.1

Additional information

Solution:

It seems src-electron\icons\icon.ico is in the wrong format for windows.
Use https://redketchup.io/icon-converter to convert src-electron\icons\icon.png to a new icon.ico file and rerun npm run build to build the Electron build successfully.

App • SUCCESS • electron-builder built the app

Solution found via electron-userland/electron-builder#3889

Great prototyping tool, ty!

ps: Icons/png's in wrong format seem innocuous but can be deadly, like a virus. A few years back, after weeks of debugging and problem analysis, I finally figured out why my Mac OS would mysteriously CTD/Reboot. It was all due to a png icon file being generated by a Unity build process on windows that looked ok but would cause Mac OSX to randomly CTD.

👨‍👧‍👦 Contributing

• 🙋‍♂️ Yes, I'd love to make a PR to fix this bug!

Hi,

I have lately also been building on a Vue base prototyping tool. Maybe it would make sense to collaborate? Take a look:

https://v2.quant-ux.com/#/

https://github.com/KlausSchaefers/quant-ux

Klaus

make simple step by step video tutorial how to use overvue would be great

Description

The documentation isn't really clear, but using Save on windows opens a dialog to save a file with a json extension, but nothing ever gets saved. Also, there's no documentation on how this differs from import/export. Exporting a project creates a director, but trying to import it nothing happens either.
The entire process of saving projects in progress and the import/export of projects is confusing and doesn't seem to work.

Apologies if I missed something, but if there's a clear explanation of how to do the above that would be great, thanks!

Reproduction

Just create a new route and add a simple component, then try to save/export/import and see if what I reported happens, or not.

System information

System:
OS: Windows 11 10.0.22631
CPU: (16) x64 AMD Ryzen 7 3700X 8-Core Processor
Memory: 17.84 GB / 31.91 GB
Binaries:
Node: 18.17.1 - d:\Program Files\nodejs\node.EXE
Yarn: 1.22.19 - D:\Program Files (x86)\Yarn\bin\yarn.CMD
npm: 9.8.1 - E:\Source Control\Quasar\2024\OverVue\node_modules.bin\npm.CMD
pnpm: 8.13.1 - d:\Program Files\nodejs\pnpm.CMD
Browsers:
Chrome: 123.0.6312.58
Edge: Chromium (122.0.2365.92)
Internet Explorer: 11.0.22621.1

Additional information

I'm also confused as to how this repo is related to https://github.com/oslabs-beta/OverVue , which looks more recent?
Which one should I be using?

Overvue is inspired by PreVue oslabs-beta/PreVue3.0#40 which also seems to be from the same org, and updated recently too.

So which is more advanced, overvue, overvue beta, or prevue?

👨‍👧‍👦 Contributing

• 🙋‍♂️ Yes, I'd love to make a PR to fix this bug!

Would be interesting...

Hi, Im wondering if you plan to provide support for Linux users?

Im sure there arent so many of us, but hopefully it's not so hard. I would love to see that happen, but also have no expectations.

I am trying to use a mock-up for designing my app, but after uploading my screenshot, the working space becomes black (instead of the gray grid), and nothing happens.
I can add components, keep working normally, but without seeing the picture I just uploaded.
I do see it in the dashboard on the left

Problem

Some examples of projects to go along with the tutorial. It explains the concepts but doesn't illustrate them with working examples.

Solution

Providing a range of sample projects to import that illustrate the concepts in mind.

Additional information

No response

👨‍👧‍👦 Contributing

• 🙋‍♂️ Yes, I'd love to make a PR to implement this feature!

I can't run the application with 'quasar dev -m electron'

If you could partner with Vuetify and enable dragging and dropping of their amazing material design components then this would be above and beyond awesome...

Also, Vue 3 support!

Hope this project isn't dead, think it has a lot of great potential...

Thank you.

Hi there, thanks for your great job.
Would you consider the feature about importing existing vue project into this tool?

Following the instructions:

npm i -g @quasar/cli
npm i
quasar dev -m electron

I got error:

 Error Unknown command "dev"


  ___
 / _ \ _   _  __ _ ___  __ _ _ __
| | | | | | |/ _` / __|/ _` | '__|
| |_| | |_| | (_| \__ \ (_| | |
 \__\_\\__,_|\__,_|___/\__,_|_|


  Running @quasar/cli v1.0.0

The colon is not allowed as part of a filename in Windows-Environments, making it impossible to checkout the repos head.

error: invalid path 'src/assets/add:removeChild.png'
fatal: unable to checkout working tree
warning: Clone succeeded, but checkout failed.

Current workaround is to download the code as Zip.

On https://www.overvue.org/ we have a button to download app versions for Mac or Linux but a version for Windows is missed

https://storybook.js.org/

Storybook is a popular tool for designing UI components and design systems. It should be possible to integrate Storybook with OverVue, even if simply at first.

Have you considered it?

Thanks!

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type object

Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)

Can you tell me what problems happened?