Suggestions for App.svelte and other components

[Emmanuel SV1BTL]

What about for those 'Tuning Steps' I build a slide bar that has the values, then you use the slide to make a choice and then just have a (+) and (-) button?

Why not, let us see it first, if they are practical

I could do the same for the static IF filters.

I personally use only the Bandwidth buttons with the default steps, but the pre-defined buttons or slider, would be a good idea for someone.

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

Tuning with the wheel on tune indicator under waterfall, it would be nice if using other steps than +/- 0.17KHz for SSB, +/- 0.03KHz for CW, +/- 0.57KHz for AM and +/- 0.64KHz for FM. Something like 0.01KHz for every mode would be nice for fine tuning using only the wheel and tuning indicator.

When we press a frequency on the waterfall e.g. 7000 KHz, using the modes CW, AM or FM the cursor follows exactly the frequency pressed, but when we make the same thing in SSB mode, there is a deviation which depends on Bandwidth (almost the ~1/2 of the bandwidth selected, so it is 1,46KHz when a 2.70 KHz bandwidth is selected etc.). Can this be fixed?

P.S. Bas has worked a lot on these above in the Twente websdr, and he maybe has an idea how to fix it. Take a look here foe example, of how they look and function fixed. We have the code too, but it is only for Twente websdr
SV2AMK WebSDR

[Phil - NY4Q]

I have just posted an updated waterfall.js - there was in issue with multiple band segments being merged (ITU1, 2, and 3).

I am going to be focusing on cleaning up the App.svelte and other files that have been worked in - adding comments and such before I move ahead with anything else. That stuff is still a mess.

[Phil - NY4Q]

I have posted an updated App.svelte with fixes for the updateBandButton() function and for the colors not being passed to the MUTED, NB, NR, AN indicators on the display. I also added CTCSS to that list.

You can test it out at : http://websdr.lumpkinschools.com/

Phil

[9a7aof]

Thanks Phil,

the colored indicators work fine for me.

I deleted the old block and replaced it with yours,
after compiling and restarting the server everything works fine.

Darko. 9a7aof

[Emmanuel SV1BTL]

I have posted an updated App.svelte with fixes for the updateBandButton() function and for the colors not being passed to the MUTED, NB, NR, AN indicators on the display. I also added CTCSS to that list.

You can test it out at : http://websdr.lumpkinschools.com/

Phil

Very Good!!!

How about to erase <br> so to save one line and add color to the Date/Time:

Code Select Expand

<div class="flex flex-col items-center">{formatter.format(currentDateTime)}<div><br></div><div class="flex space-x-1 mb-1">

to be done like this:

Code Select Expand

<div class="flex flex-col items-center"><span class="date-time" style="color:rgba(0, 225, 255, 0.993)" >{formatter.format(currentDateTime)}</span><div></div><div class="flex space-x-1 mb-1">


[Emmanuel SV1BTL]

I have also added SQ, so the code is now:

Code Select Expand

<div class="flex flex-col items-center"><span class="date-time" style="color:rgba(0, 225, 255, 0.993)" >{formatter.format(currentDateTime)}</span>
                    <div></div><div class="flex space-x-1 mb-1">
                   
                    <div class="px-1 py-0.5 flex items-center justify-center w-12 h-5 relative overflow-hidden">
                    <span class="text-xs font-mono {mute ? 'text-red-500' : 'text-red-500 opacity-20 relative z-10'}">MUTED</span>
                    </div>

                    <div class="px-1 py-0.5 flex items-center justify-center w-12 h-5 relative overflow-hidden">
                    <span class="text-xs font-mono {squelchEnable ? `text-orange-500` : `text-orange-500 opacity-20 relative z-10`}">SQ</span>
                    </div>
                   
                    <div class="px-1 py-0.5 flex items-center justify-center w-12 h-5 relative overflow-hidden">
                    <span class="text-xs font-mono {NREnabled ? `text-green-500` : `text-green-500 opacity-20 relative z-10`}">NR</span>
                    </div>
                   
                    <div class="px-1 py-0.5 flex items-center justify-center w-12 h-5 relative overflow-hidden">
                    <span class="text-xs font-mono {NBEnabled ? `text-green-500` : `text-green-500 opacity-20 relative z-10`}">NB<span>
                    </div>
                   
                    <div class="px-1 py-0.5 flex items-center justify-center w-12 h-5 relative overflow-hidden">
                    <span class="text-xs font-mono {ANEnabled ? `text-green-500` : `text-green-500 opacity-20 relative z-10`}">AN</span>
                    </div>
                   
                    <div class="px-1 py-0.5 flex items-center justify-center w-12 h-5 relative overflow-hidden">
                    <span class="text-xs font-mono {CTCSSSupressEnabled ? `text-yellow-500` : `text-yellow-500 opacity-20 relative z-10`}">CTCSS</span>
                    </div>
                    </div>




[Phil - NY4Q]

How about to erase <br> so to save one line and add color to the Date/Time:

Code Select Expand

<div class="flex flex-col items-center">{formatter.format(currentDateTime)}<div><br></div><div class="flex space-x-1 mb-1">

to be done like this:

Code Select Expand

<div class="flex flex-col items-center"><span class="date-time" style="color:rgba(0, 225, 255, 0.993)" >{formatter.format(currentDateTime)}</span><div></div><div class="flex space-x-1 mb-1">


Complete. Thank you Emmanuel. It was strange the array/props would display fine in dev, but not when compiled. It was probably a difference in versions of some of the plugins, etc.

Phil

[magicint1337]

Hi guys, just wanted to give an update.

Not even close to finishing yet, but the hard work is starting to pay off. Migrating from Svelte to plain HTML was tough, it's really not easy. The design will continue to improve, and features like chat are missing, etc., but the performance is much better than the old version.

It won't take long to finish, but the current state is not close to completion in terms of design, etc.

(the final release will be with most of the features, i dont know if stuff like the noise reduction will come close to the old but i will try, as this is really hard. The old one was compiled and i dont have the code for it.)

[HB9RYZ]

Hello Emmanuel - where can I download your latest version or in other words, where is the installation quide-line?
73 de HB9RYZ
Wolfgang

[Bas ON5HB]

(the final release will be with most of the features, i dont know if stuff like the noise reduction will come close to the old but i will try, as this is really hard. The old one was compiled and i dont have the code for it.)

We can compile it if you like, not a big problem.

Migrating from Svelte to plain HTML was tough, it's really not easy.

We are used to Svelte by now, and it works well. What performance are you talking about? As Svelte is just compiled and optimised code.
I doubt HTML is faster as you still need java-script to make the functions work.

Personally I do like Svelte as it takes care about browser issues that you have to do yourself with HTML, where Svelte has a database with browser quirks and solves it during compilation.

[magicint1337]

Maintaining the Svelte project is not something I can do for much longer in my opinion, so I have decided to rewrite it in plain JavaScript. This version doesn't need to be compiled, should be smaller in size, can be edited more easily, and allows me to add more features since I didn't create the old frontend in the first place - I only heavily modified it. Svelte isn't bad by any means, but I'm aiming for more new features, and since I haven't compiled the WebAssembly of the old frontend and can't make changes to it, creating a plain version is a better decision. Additionally, it has fewer issues for now, as it's simply more responsive due to the different way it's coded.

Edit: I've also implemented significant improvements to the visualization components. The waterfall rendering engine has been optimized for better performance and visual clarity, while the envelope system has been redesigned to provide more accurate representations. Additionally, the marker system has been enhanced to offer more precise and user-friendly interactions. These changes contribute to an overall more robust and efficient frontend.

[Bas ON5HB]

Ok cool.

Can't wait to see the new frontend, so we can adapt

We all did work with HTML and Java-script before on websdr.org, but sadly it needs extra lines for several browsers.

Can't wait to see the code.

[Emmanuel SV1BTL]

Hello Emmanuel - where can I download your latest version or in other words, where is the installation quide-line?
73 de HB9RYZ
Wolfgang

"My" latest version is based almost 90% on Phil's latest work. I have some differences like the older way I build the bands and the automatic steps through the whole 0-30 MHz. We are working with SV2AMK (Sakis) to adapt Phil's template with these improvements and I think that during the weekend Sakis will contact Phil, so he to approve the modifications.

If you wish to see my files, they are here as attachments. The only two that they are different from those in the repository.

[Phil - NY4Q]

Did anyone work on the mouse wheel tuning step issue or do I need to look at that?

[Emmanuel SV1BTL]

Did anyone work on the mouse wheel tuning step issue or do I need to look at that?

I think that this is resolved in my setup. Examine my files above and look my websdr (if we are talking about the same thing).