PhantomSDR Support Forum

General Category => General Discussion => Topic started by: on6dp on Feb 11, 2025, 03:57 PM

Title: Enhanced dashboard
Post by: on6dp on Feb 11, 2025, 03:57 PM
Hi,
I just have install the PhantomSDR
Now I would like know the procedure to install the enhanced dashboard from Bas ON5HB and Phil NY4Q
The Phantom SDR here is running on a i5 6th gen with 16GB RAM and a RX888 MK2
Anybody can help me ?
73 Paul, ON6DP
Title: Re: Enhanced dashboard
Post by: 9a7aof on Feb 12, 2025, 11:46 AM
Hi,

there is Community version PhantomSDR+ and enhanced dashboard,
the result of the joint work of a group of people, all of whom are good programmers.

https://github.com/ny4qphil/PhantomSDR-Plus

Best regards!
Darko, 9a7aof
Title: Re: Enhanced dashboard
Post by: Bas ON5HB on Feb 12, 2025, 12:28 PM
Read this file, it's all in there ;)

https://github.com/ny4qphil/PhantomSDR-Plus/blob/main/INSTALL.md
Title: Re: Enhanced dashboard
Post by: on6dp on Feb 12, 2025, 02:49 PM
Bas
Thanks for info but I have the following error when I'm compiling


root@websdr:~/PhantomSDR-Plus/build# npm run build

> my-svelte-app@0.0.0 build
> vite build

vite v5.4.14 building for production...
✓ 0 modules transformed.
x Build failed in 19ms
error during build:
Could not resolve entry module "index.html".
    at getRollupError (file:///root/PhantomSDR-Plus/node_modules/rollup/dist/es/shared/parseAst.js:397:41)
    at error (file:///root/PhantomSDR-Plus/node_modules/rollup/dist/es/shared/parseAst.js:393:42)
    at ModuleLoader.loadEntryModule (file:///root/PhantomSDR-Plus/node_modules/rollup/dist/es/shared/node-entry.js:21141:20)
    at async Promise.all (index 0)
root@websdr:~/PhantomSDR-Plus/build#

My Ubuntu version is 22.04
My npm version is 10.2.2
My npx version is also 10.2.2 (of course)
My nvm version is 0.40.1
My node version is 22.14

73 Paul ON6DP
Title: Re: Enhanced dashboard
Post by: 9a7aof on Feb 12, 2025, 03:06 PM
Please try as root:

cd PhantomSDR-Plus/frontend/src

and then:

npm run build

Good Luck!
Title: Re: Enhanced dashboard
Post by: Bas ON5HB on Feb 12, 2025, 03:28 PM
Yes,

These NPM commands apply to the Frontend only, as such must be executed in the frontend directory or frontend/src, doesn't really matter.

Beware, it will still give some warnings, but they are unimportant.

Tip for people, when you have the system running, ergo spectrumserver is running.

If you keep it running, but you compile the frontend, it will error when you try to access it, but when compiled it's up and running!
So you instantly know if the compile worked else it will stay in error on the webpage ;)
Title: Re: Enhanced dashboard
Post by: alanVK2ZIW on Apr 11, 2025, 01:57 PM
Fedora 41 here on an Intel N97 (small PC)
nodejs fails:

vite v6.2.6 building for production...
✓ 4 modules transformed.
✗ Build failed in 10.15s
error during build:
[vite-plugin-svelte] [plugin vite-plugin-svelte] Unrecognized option 'hmr'
file: /home/alanb/src/ny4q/xx/PhantomSDR-Plus/frontend/src/App.svelte
Error: [plugin vite-plugin-svelte] Unrecognized option 'hmr'

frontend]$ node -v
v22.14.0


Alan VK2ZIW
Title: Re: Enhanced dashboard
Post by: SQ2RBY on May 26, 2025, 12:31 PM
Hello , same situation here

please help with compiling frontend .


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

PHANTOMSDR:/home/sq2rby/PhantomSDR-Plus/frontend# npm run build

> my-svelte-app@0.0.0 build
> vite build

vite v6.3.5 building for production...
✓ 4 modules transformed.
✗ Build failed in 17.35s
error during build:
[vite-plugin-svelte] [plugin vite-plugin-svelte] Unrecognized option 'hmr'
file: /home/sq2rby/PhantomSDR-Plus/frontend/src/App.svelte
Error: [plugin vite-plugin-svelte] Unrecognized option 'hmr'
    at file:///home/sq2rby/PhantomSDR-Plus/frontend/node_modules/svelte/src/compiler/compile/index.js:65:10
    at Array.forEach (<anonymous>)
    at validate_options (file:///home/sq2rby/PhantomSDR-Plus/frontend/node_modules/svelte/src/compiler/compile/index.js:60:23)
    at Module.compile (file:///home/sq2rby/PhantomSDR-Plus/frontend/node_modules/svelte/src/compiler/compile/index.js:134:2)
    at compileSvelte (file:///home/sq2rby/PhantomSDR-Plus/frontend/node_modules/@sveltejs/vite-plugin-svelte/src/utils/compile.js:135:22)
    at async Object.transform (file:///home/sq2rby/PhantomSDR-Plus/frontend/node_modules/@sveltejs/vite-plugin-svelte/src/index.js:164:20)
    at async transform (file:///home/sq2rby/PhantomSDR-Plus/frontend/node_modules/rollup/dist/es/shared/node-entry.js:20967:16)
    at async ModuleLoader.addModuleSource (file:///home/sq2rby/PhantomSDR-Plus/frontend/node_modules/rollup/dist/es/shared/node-entry.js:21180:36)


Grzegorz
SQ2RBY
Title: Re: Enhanced dashboard
Post by: 9a7aof on May 26, 2025, 12:48 PM
Hi,
run this

Quotehttps://linuxize.com/post/how-to-install-node-js-on-ubuntu-20-04/#installing-nodejs-and-npm-using-nvm
and this:

QuoteTo build the frontend, simply change to the frontend directory and enter the following commands :

npm install
npm i svelte-device-info --save
npm i fft-js --save
npm audit fix
npm run build
If all goes well, you are ready to start your receiver and WebSDR instances and publish your Phantom+ WebSDR.

If you have trouble, hit the forum and we will help all we can.

This work for me. Good luck!

Darko, 9a7aof
Title: Re: Enhanced dashboard
Post by: SQ2RBY on May 26, 2025, 01:54 PM
Hi

Thanks Darko , situation changed

PHANTOMSDR:/home/sq2rby/PhantomSDR-Plus/frontend# npm run build

> my-svelte-app@0.0.0 build
> vite build

file:///home/sq2rby/PhantomSDR-Plus/frontend/node_modules/vite/bin/vite.js:8
    await import('source-map-support').then((r) => r.default.install())
    ^^^^^

SyntaxError: Unexpected reserved word
    at Loader.moduleStrategy (internal/modules/esm/translators.js:133:18)
    at async link (internal/modules/esm/module_job.js:42:21)


Grzegorz
SQ2RBY
Title: Re: Enhanced dashboard
Post by: Bas ON5HB on May 26, 2025, 02:07 PM
You did upgrade to vite v6.3.5, that is the problem.
You need to downgrade it back to vite v5.4.19, as later version break with the code.
Title: Re: Enhanced dashboard
Post by: 9a7aof on May 27, 2025, 07:14 AM
Quote from: Bas ON5HB on May 26, 2025, 02:07 PMYou did upgrade to vite v6.3.5, that is the problem.
You need to downgrade it back to vite v5.4.19, as later version break with the code.

I have vite v5.4.19 on my Ubuntu 22.0.4 server,  but I don't know how to install the dedicated version of vite. My vite installed itself when I installed node according to the instructions provided by Bas.

I think  colleague SQ2RBY should install an older version of node and then he would probably get an older version of vite with it. Maybe I'm wrong, I don't know..

73 de Darko, 9a7aof
Title: Re: Enhanced dashboard
Post by: Bas ON5HB on May 27, 2025, 12:59 PM
https://www.phantomsdr.fun/index.php?topic=166.msg931#msg931