Embed widget should support the same public site id as the tracking script (hex sites.id)

[pedrocasado]

Describe the bug

The tracking script snippet uses the public site identifier from data-site-id, which is the hex sites.id (e.g. 8fa88b4237b1) when present.

The embed widget UI (iframe snippet under Embed settings) currently builds URLs as /widget/<numeric site_id> only (sites.site_id).

The embed widget should support both ids: int and hex ones

To Reproduce

Embed tab produces /widget/<number> even when the site has a hex public id.

<iframe
  src="BASE_URL/15?variant=card&theme=dark&minutes=30&chart=true&countries=true"
  style="border: 0; width: 360px; height: 390px; max-width: 100%;"
  loading="lazy"
  title="Live visitors"
></iframe>

Expected behavior

<iframe
  src="BASE_URL/8fa88b4237b1?variant=card&theme=dark&minutes=30&chart=true&countries=true"
  style="border: 0; width: 360px; height: 390px; max-width: 100%;"
  loading="lazy"
  title="Live visitors"
></iframe>

[goldflag]

yea probably a good idea to do this

[SamuelGaona]

Hi! my instance creates a widget with http://localhost:3001/api as backendUrl, on

rybbit/client/src/app/widget/[siteId]/route.ts

Line 11 in 114b865

function getBackendUrl() {

I have configured NEXT_PUBLIC_BACKEND_URL and it shows on process.env

v2.6.0

[pedrocasado]

yes, thats what happens when you use the hex id.

the fix for now: replace the hex id within the int one.

i will try to submit a PR this week