devilreef/denpa-radio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(streamer): BRANDING env to hide denpa.fm refs, drop station pill

Browse source
This commit is contained in:
devilreef 2026-04-30 19:12:50 +06:00
parent 3b4ce1ce39
commit 9eaa16d818
Signed by: devilreef
SSH key fingerprint: SHA256:UZisRr4iuXx+IhkbZnR655L2RWAT6o2rgbGv5F/6m3Y
7 changed files with 45 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

40
streamer/src/views/denpa.tsx
View file

@ -6,7 +6,7 @@ import { fmtMs, fmtClock, fmtClockSec, fmtJpDate } from "./shared/format.ts";
const KAOMOJI_STREAM = ["(´｡• ᵕ •｡`)", "٩(◕‿◕)۶", "(｡◕‿◕｡)", "(>ω<)", "(✿◠‿◠)"];
interface Cfg { station: string; tz: string; tuneInUrl: string; }
interface Cfg { station: string; tz: string; tuneInUrl: string; branding: boolean; }
interface Listeners { current: number; peak: number; }
interface Props { cfg: Cfg; listeners: Listeners; }
@ -148,15 +148,19 @@ export function StreamDenpa({ cfg, listeners }: Props) {
`}</style>
<div className="sd-header">
<div className="sd-wm">
<div className="eyebrow">電波 TRANSMISSION</div>
<span className="big">denpa.fm</span>
</div>
<div className="sd-channel">
{channel} ←<br/>
{nameJp}<br/>
{"<3"} block radio
</div>
{cfg.branding && (
<>
<div className="sd-wm">
<div className="eyebrow">電波 TRANSMISSION</div>
<span className="big">denpa.fm</span>
</div>
<div className="sd-channel">
{channel} ←<br/>
{nameJp}<br/>
{"<3"} block radio
</div>
</>
)}
<div className="sd-status">
<div className="live">[<span className="blink">REC</span>] ON AIR</div>
<div>{fmtJpDate(now)}</div>
@ -245,15 +249,17 @@ export function StreamDenpa({ cfg, listeners }: Props) {
<div className="sd-bomb b2"><span className="sd-sticker" style={{ background: "#ffe24a", color: "#0a0410", transform: "rotate(5deg)" }}>SIDE A · CH.01</span></div>
{/* Bottom strip */}
<div className="sd-bottom">
<div className="sd-listen"><b>&gt;&gt;</b> tune in @ {cfg.tuneInUrl}</div>
<div className="sd-ticker">
<div className="sd-ticker-inner">
※ now broadcasting from a small room in tokyo ※ 24/7 always-on {cfg.station} station ※ stream URL: {cfg.tuneInUrl} ※ requests via @denpa_bot ※ no ads · no algorithms · just blocks ※ {KAOMOJI_STREAM.join(" ※ ")} ※
{cfg.branding && (
<div className="sd-bottom">
<div className="sd-listen"><b>&gt;&gt;</b> tune in @ {cfg.tuneInUrl}</div>
<div className="sd-ticker">
<div className="sd-ticker-inner">
※ now broadcasting from a small room in tokyo ※ 24/7 always-on {cfg.station} station ※ stream URL: {cfg.tuneInUrl} ※ requests via @denpa_bot ※ no ads · no algorithms · just blocks ※ {KAOMOJI_STREAM.join(" ※ ")} ※
</div>
</div>
<div className="sd-clock">{fmtClock(now)}</div>
</div>
<div className="sd-clock">{fmtClock(now)}</div>
</div>
)}
</div>
);
}