Skip to content

Feat: Change CTA Link #13

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
JosephMaynard merged 2 commits into from
Feb 22, 2026
Merged

Feat: Change CTA Link #13

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
97af2c6
Address CodeRabbit feedback
JosephMaynard Feb 22, 2026
0876b7d
📝 Add docstrings to `feat/change-cta-link`
coderabbitai[bot] Feb 22, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion dist/cta.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
Object.defineProperty(exports, "__esModule", { value: true });
exports.CTA_BASE_URL = void 0;
exports.buildCtaUrl = buildCtaUrl;
exports.CTA_BASE_URL = 'https://dependency-radar.com/?source=standalone-report';
exports.CTA_BASE_URL = 'https://dependency-radar.com/next-steps?source=standalone-report';
function buildCtaUrl(version) {
const normalizedVersion = typeof version === 'string' && version.trim().length > 0
? version.trim()
Expand Down
2 changes: 1 addition & 1 deletion dist/report-assets.js
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion report-ui/dist/report.iife.js
View file
Open in desktop

Large diffs are not rendered by default.

153 changes: 119 additions & 34 deletions report-ui/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,43 +58,121 @@
<header class="top-header">
<div class="header-row">
<div class="header-content">
<svg class="logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 1024 1024">
<svg
class="logo"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1"
viewBox="0 0 1024 1024"
>
<defs>
<style>
.st0, .st1 {fill: #ff8000;}
.st2, .st3 {fill: #40ff40;}
.st3, .st4, .st1 {opacity: .4;}
.st5 {fill: url(#linear-gradient);}
.st4, .st6 {fill: red;}
.st7 {stroke-width: 16px;}
.st7, .st8 {fill: #171772;}
.st7, .st8, .st9 {stroke: #55fffa; stroke-miterlimit: 10;}
.st8 {stroke-width: 10px;}
.st10 {fill: #14145e;}
.st9 {fill: none; opacity: .3; stroke-width: 6px;}
.st11 {fill: #55fffa;}
.st0,
.st1 {
fill: #ff8000;
}
.st2,
.st3 {
fill: #40ff40;
}
.st3,
.st4,
.st1 {
opacity: 0.4;
}
.st5 {
fill: url(#linear-gradient);
}
.st4,
.st6 {
fill: red;
}
.st7 {
stroke-width: 16px;
}
.st7,
.st8 {
fill: #171772;
}
.st7,
.st8,
.st9 {
stroke: #55fffa;
stroke-miterlimit: 10;
}
.st8 {
stroke-width: 10px;
}
.st10 {
fill: #14145e;
}
.st9 {
fill: none;
opacity: 0.3;
stroke-width: 6px;
}
.st11 {
fill: #55fffa;
}
</style>
<linearGradient id="linear-gradient" x1="239.3" y1="298.2" x2="815.3" y2="298.2" gradientTransform="translate(150 -115.1) rotate(15)" gradientUnits="userSpaceOnUse">
<stop offset=".4" stop-color="#55fffa" stop-opacity="0"/>
<stop offset="1" stop-color="#55fffa" stop-opacity=".5"/>
<linearGradient
id="linear-gradient"
x1="239.3"
y1="298.2"
x2="815.3"
y2="298.2"
gradientTransform="translate(150 -115.1) rotate(15)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".4" stop-color="#55fffa" stop-opacity="0" />
<stop offset="1" stop-color="#55fffa" stop-opacity=".5" />
</linearGradient>
</defs>
<circle class="st10" cx="512" cy="512" r="512"/>
<circle class="st7" cx="512" cy="512" r="430"/>
<circle class="st8" cx="512" cy="512" r="256"/>
<circle class="st9" cx="512" cy="512" r="160"/>
<circle class="st9" cx="512" cy="512" r="379.5"/>
<circle class="st9" cx="512" cy="512" r="339"/>
<circle class="st9" cx="512" cy="512" r="210"/>
<rect class="st11" x="690.2" y="193.1" width="15.8" height="427.6" transform="translate(701.4 -401.1) rotate(60)"/>
<circle class="st11" cx="512" cy="514.4" r="64"/>
<path class="st5" d="M517.2,513.4l365.8-213.9c-54.6-95.4-145.8-169.8-260.3-200.5-100.1-26.8-201.5-15.8-288.8,24.3l183.4,390Z"/>
<circle class="st4" cx="512" cy="256" r="96"/>
<circle class="st6" cx="512" cy="256" r="56"/>
<circle class="st3" cx="733.7" cy="640" r="96" transform="translate(-237.7 706.3) rotate(-45)"/>
<circle class="st2" cx="733.7" cy="640" r="56" transform="translate(-237.7 706.3) rotate(-45)"/>
<ellipse class="st1" cx="290.3" cy="640" rx="96" ry="96" transform="translate(-367.5 392.7) rotate(-45)"/>
<circle class="st0" cx="290.3" cy="640" r="56"/>
<circle class="st10" cx="512" cy="512" r="512" />
<circle class="st7" cx="512" cy="512" r="430" />
<circle class="st8" cx="512" cy="512" r="256" />
<circle class="st9" cx="512" cy="512" r="160" />
<circle class="st9" cx="512" cy="512" r="379.5" />
<circle class="st9" cx="512" cy="512" r="339" />
<circle class="st9" cx="512" cy="512" r="210" />
<rect
class="st11"
x="690.2"
y="193.1"
width="15.8"
height="427.6"
transform="translate(701.4 -401.1) rotate(60)"
/>
<circle class="st11" cx="512" cy="514.4" r="64" />
<path
class="st5"
d="M517.2,513.4l365.8-213.9c-54.6-95.4-145.8-169.8-260.3-200.5-100.1-26.8-201.5-15.8-288.8,24.3l183.4,390Z"
/>
<circle class="st4" cx="512" cy="256" r="96" />
<circle class="st6" cx="512" cy="256" r="56" />
<circle
class="st3"
cx="733.7"
cy="640"
r="96"
transform="translate(-237.7 706.3) rotate(-45)"
/>
<circle
class="st2"
cx="733.7"
cy="640"
r="56"
transform="translate(-237.7 706.3) rotate(-45)"
/>
<ellipse
class="st1"
cx="290.3"
cy="640"
rx="96"
ry="96"
transform="translate(-367.5 392.7) rotate(-45)"
/>
<circle class="st0" cx="290.3" cy="640" r="56" />
</svg>
<div class="header-text">
<h1>Dependency Radar</h1>
Expand Down Expand Up @@ -125,7 +203,7 @@ <h1>Dependency Radar</h1>
</div>
<div class="cta-section">
<a
href="https://dependency-radar.com/?source=standalone-report&cli=unknown"
href="https://dependency-radar.com/next-steps?source=standalone-report&cli=unknown"
class="cta-link"
target="_blank"
rel="noopener"
Expand All @@ -135,7 +213,14 @@ <h1>Dependency Radar</h1>
<span class="cta-arrow">→</span>
</a>
<p class="cta-text">Beyond the standalone report</p>
<a href="https://dependency-radar.com/?source=standalone-report&cli=unknown" target="_blank" rel="noopener" class="cta-url" id="cta-secondary-link">dependency-radar.com</a>
<a
href="https://dependency-radar.com/next-steps?source=standalone-report&cli=unknown"
target="_blank"
rel="noopener"
class="cta-url"
id="cta-secondary-link"
>dependency-radar.com</a
>
</div>
</div>
</header>
Expand Down
10 changes: 8 additions & 2 deletions src/cta.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,14 @@
export const CTA_BASE_URL = 'https://dependency-radar.com/?source=standalone-report';
export const CTA_BASE_URL = 'https://dependency-radar.com/next-steps?source=standalone-report';

/**
* Builds a CTA URL that includes the CLI version as a `cli` query parameter.
*
* @param version - CLI version string to include; when `undefined`, empty, or whitespace-only, `unknown` is used
* @returns The CTA URL with an appended `cli` query parameter whose value is the URI-encoded CLI version (or `unknown` when version is missing or empty)
*/
export function buildCtaUrl(version: string | undefined): string {
const normalizedVersion = typeof version === 'string' && version.trim().length > 0
? version.trim()
: 'unknown';
return `${CTA_BASE_URL}&cli=${encodeURIComponent(normalizedVersion)}`;
}
}
2 changes: 1 addition & 1 deletion src/report-assets.ts
View file
Open in desktop

Large diffs are not rendered by default.