Enhanced dashboard

[on6dp]

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

[9a7aof]

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

[Bas ON5HB]

Read this file, it's all in there

https://github.com/ny4qphil/PhantomSDR-Plus/blob/main/INSTALL.md

[on6dp]

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

[9a7aof]

Please try as root:

cd PhantomSDR-Plus/frontend/src

and then:

npm run build

Good Luck!

[Bas ON5HB]

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

[alanVK2ZIW]

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

[SQ2RBY]

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

[9a7aof]

Hi,
run this

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

and this:

To 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

[SQ2RBY]

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

[Bas ON5HB]

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.

[9a7aof]

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.

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

[Bas ON5HB]

https://www.phantomsdr.fun/index.php?topic=166.msg931#msg931