~{{ username }}
diff --git a/app/pages/~[username]/orgs.vue b/app/pages/~[username]/orgs.vue
index 138bd69139..a5128237e1 100644
--- a/app/pages/~[username]/orgs.vue
+++ b/app/pages/~[username]/orgs.vue
@@ -126,7 +126,7 @@ defineOgImageComponent('Default', {
-
+
~{{ username }}
{{ $t('user.orgs_page.title') }}
diff --git a/app/router.options.ts b/app/router.options.ts
index a6d9db7ccd..e978a5b6e2 100644
--- a/app/router.options.ts
+++ b/app/router.options.ts
@@ -1,19 +1,30 @@
import type { RouterConfig } from 'nuxt/schema'
export default {
- scrollBehavior(to, _from, savedPosition) {
+ scrollBehavior(to, from, savedPosition) {
// If the browser has a saved position (e.g. back/forward navigation), restore it
-
if (savedPosition) {
return savedPosition
}
+
+ // Scroll to top when main search query changes
+ if (to.path === '/search' && to.query.q !== from.query.q) {
+ return { left: 0, top: 0 }
+ }
+
+ // Preserve the current viewport for query-only updates on pages that opt in,
+ // such as compare where controls sync state to the URL in-place.
+ if (to.path === from.path && to.hash === from.hash && to.meta.preserveScrollOnQuery === true) {
+ return false
+ }
+
// If navigating to a hash anchor, scroll to it
if (to.hash) {
const { scrollMargin } = to.meta
return {
el: to.hash,
behavior: 'smooth',
- top: typeof scrollMargin == 'number' ? scrollMargin : 70,
+ top: typeof scrollMargin === 'number' ? scrollMargin : 70,
}
}
diff --git a/app/types/index.ts b/app/types/index.ts
index 5058830705..f736f8b329 100644
--- a/app/types/index.ts
+++ b/app/types/index.ts
@@ -10,5 +10,9 @@ declare module '#app' {
* @default 70
*/
scrollMargin?: number
+ /**
+ * preserve scroll position when only query params change on same path/hash
+ */
+ preserveScrollOnQuery?: boolean
}
}
diff --git a/app/utils/atproto/likes.ts b/app/utils/atproto/likes.ts
index 236abb9adb..c95fd20083 100644
--- a/app/utils/atproto/likes.ts
+++ b/app/utils/atproto/likes.ts
@@ -2,15 +2,12 @@ import { FetchError } from 'ofetch'
import { handleAuthError } from '~/utils/atproto/helpers'
import type { PackageLikes } from '#shared/types/social'
-export type LikeResult = { success: true; data: PackageLikes } | { success: false; error: Error }
+type LikeResult = { success: true; data: PackageLikes } | { success: false; error: Error }
/**
* Like a package via the API
*/
-export async function likePackage(
- packageName: string,
- userHandle?: string | null,
-): Promise
{
+async function likePackage(packageName: string, userHandle?: string | null): Promise {
try {
const result = await $fetch('/api/social/like', {
method: 'POST',
@@ -28,10 +25,7 @@ export async function likePackage(
/**
* Unlike a package via the API
*/
-export async function unlikePackage(
- packageName: string,
- userHandle?: string | null,
-): Promise {
+async function unlikePackage(packageName: string, userHandle?: string | null): Promise {
try {
const result = await $fetch('/api/social/like', {
method: 'DELETE',
diff --git a/app/utils/atproto/profile.ts b/app/utils/atproto/profile.ts
index 43968ea5b9..0c3ed242a4 100644
--- a/app/utils/atproto/profile.ts
+++ b/app/utils/atproto/profile.ts
@@ -1,7 +1,7 @@
import { FetchError } from 'ofetch'
import { handleAuthError } from './helpers'
-export type UpdateProfileResult = {
+type UpdateProfileResult = {
success: boolean
error?: Error
}
diff --git a/app/utils/charts.ts b/app/utils/charts.ts
index d22750aa95..12ed2c0958 100644
--- a/app/utils/charts.ts
+++ b/app/utils/charts.ts
@@ -720,3 +720,378 @@ export function applyEllipsis(text: string, maxLength = 45) {
}
return text.slice(0, maxLength) + '...'
}
+
+// a11y pattern generation
+export type SvgPatternType =
+ | 'diagonalLines'
+ | 'verticalLines'
+ | 'horizontalLines'
+ | 'crosshatch'
+ | 'dots'
+ | 'grid'
+ | 'zigzag'
+
+export type SeededSvgPatternOptions = {
+ foregroundColor?: string
+ backgroundColor?: string
+ minimumSize?: number
+ maximumSize?: number
+}
+
+export type SeededSvgPatternResult = {
+ width: number
+ height: number
+ rotation: number
+ patternType: SvgPatternType
+ contentMarkup: string
+}
+
+type NonEmptyReadonlyArray = readonly [T, ...T[]]
+
+/**
+ * Generates a deterministic 32-bit unsigned integer hash from a string.
+ *
+ * This function is based on the FNV-1a hashing algorithm. It is used to
+ * transform any string input into a stable numeric seed suitable for
+ * deterministic pseudo-random number generation.
+ *
+ * The same input string will always produce the same output number.
+ *
+ * @param value - The input string to hash.
+ * @returns A 32-bit unsigned integer hash.
+ */
+export function createSeedNumber(value: string): number {
+ let hashValue = 2166136261
+ for (let index = 0; index < value.length; index += 1) {
+ hashValue ^= value.charCodeAt(index)
+ hashValue = Math.imul(hashValue, 16777619)
+ }
+ return hashValue >>> 0
+}
+
+/**
+ * Creates a deterministic pseudo-random number generator (PRNG) based on a numeric seed.
+ *
+ * This function implements a fast, non-cryptographic PRNG similar to Mulberry32.
+ * It produces a reproducible sequence of numbers in the range [0, 1), meaning
+ * the same seed will always generate the same sequence.
+ *
+ * The returned function maintains internal state and should be called repeatedly
+ * to obtain successive pseudo-random values.
+ *
+ * @param seedNumber - 32 bit integer seed
+ * @returns A function that returns a pseudo rand number between 0 (inclusive) and 1 (exclusive).
+ *
+ * @example
+ * const random = createDeterministicRandomGenerator(12345)
+ * const a = random() // always the same for seed 12345
+ * const b = random()
+ */
+function createDeterministicRandomGenerator(seedNumber: number): () => number {
+ // Ensure the seed is treated as an unsigned 32 bit int
+ let state = seedNumber >>> 0
+
+ return function generateRandomNumber(): number {
+ // Advance internal state using a constant
+ state += 0x6d2b79f5
+ let intermediateValue = state
+
+ // First mixing step:
+ // - XOR with a right shifted version of itself
+ // - Multiply with a derived value to further scramble bits
+ intermediateValue = Math.imul(
+ intermediateValue ^ (intermediateValue >>> 15),
+ intermediateValue | 1,
+ )
+
+ // Second mixing step:
+ // - Combine current value with another transformed version of itself
+ // - Multiply again to increase entropy and spread bits
+ intermediateValue ^=
+ intermediateValue +
+ Math.imul(intermediateValue ^ (intermediateValue >>> 7), intermediateValue | 61)
+
+ // Final step:
+ // - Final XOR with shifted value for additional scrambling
+ // - Convert to unsigned 32 bit int
+ // - Normalize to a float in range 0 to 1
+ return ((intermediateValue ^ (intermediateValue >>> 14)) >>> 0) / 4294967296
+ }
+}
+
+function pickValue(values: NonEmptyReadonlyArray, generateRandomNumber: () => number): T {
+ const selectedIndex = Math.floor(generateRandomNumber() * values.length)
+ const selectedValue = values[selectedIndex]
+ if (selectedValue === undefined) {
+ throw new Error('pickValue requires a non-empty array')
+ }
+ return selectedValue
+}
+
+function escapeSvgAttribute(value: string): string {
+ return value
+ .replace(/&/g, '&')
+ .replace(/"/g, '"')
+ .replace(//g, '>')
+}
+
+function createLineElement(
+ x1: number,
+ y1: number,
+ x2: number,
+ y2: number,
+ stroke: string,
+ strokeWidth: number,
+ opacity: number,
+): string {
+ const safeStroke = escapeSvgAttribute(stroke)
+ return ``
+}
+
+function createCircleElement(
+ centerX: number,
+ centerY: number,
+ radius: number,
+ fill: string,
+ opacity: number,
+): string {
+ const safeFill = escapeSvgAttribute(fill)
+ return ``
+}
+
+function createPathElement(
+ pathData: string,
+ fill: string,
+ stroke: string,
+ strokeWidth: number,
+ opacity: number,
+): string {
+ const safeFill = escapeSvgAttribute(fill)
+ const safeStroke = escapeSvgAttribute(stroke)
+ return ``
+}
+
+function toNonEmptyReadonlyArray(values: readonly T[]): NonEmptyReadonlyArray {
+ if (values.length === 0) {
+ throw new Error('Expected a non-empty array')
+ }
+
+ return values as NonEmptyReadonlyArray
+}
+
+export function createSeededSvgPattern(
+ seed: string | number,
+ options?: SeededSvgPatternOptions,
+): SeededSvgPatternResult {
+ const normalizedSeed = String(seed)
+ const foregroundColor = options?.foregroundColor ?? '#111111'
+ const backgroundColor = options?.backgroundColor ?? 'transparent'
+ const minimumSize = options?.minimumSize ?? 8
+ const maximumSize = options?.maximumSize ?? 20
+
+ if (
+ !Number.isFinite(minimumSize) ||
+ !Number.isFinite(maximumSize) ||
+ minimumSize <= 0 ||
+ maximumSize <= 0 ||
+ minimumSize > maximumSize
+ ) {
+ throw new RangeError(
+ 'minimumSize and maximumSize must be finite, positive, and minimumSize must not exceed maximumSize',
+ )
+ }
+
+ const seedNumber = createSeedNumber(normalizedSeed)
+ const generateRandomNumber = createDeterministicRandomGenerator(seedNumber)
+
+ const patternType = pickValue(
+ [
+ 'diagonalLines',
+ 'verticalLines',
+ 'horizontalLines',
+ 'crosshatch',
+ 'dots',
+ 'grid',
+ 'zigzag',
+ ] as const,
+ generateRandomNumber,
+ )
+
+ const availableSizes: number[] = []
+ for (let size = minimumSize; size <= maximumSize; size += 2) {
+ availableSizes.push(size)
+ }
+
+ const tileSize = pickValue(toNonEmptyReadonlyArray(availableSizes), generateRandomNumber)
+ const gap = pickValue([2, 3, 4, 5, 6] as const, generateRandomNumber)
+ const strokeWidth = pickValue([1, 1.25, 1.5, 1.75, 2] as const, generateRandomNumber)
+ const opacity = pickValue([0.7, 0.8, 0.9, 1] as const, generateRandomNumber)
+ const rotation = pickValue([0, 15, 30, 45, 60, 75, 90, 120, 135] as const, generateRandomNumber)
+
+ let contentMarkup = ''
+
+ switch (patternType) {
+ case 'diagonalLines': {
+ contentMarkup = [
+ createLineElement(
+ -tileSize,
+ tileSize,
+ tileSize,
+ -tileSize,
+ foregroundColor,
+ strokeWidth,
+ opacity,
+ ),
+ createLineElement(0, tileSize, tileSize, 0, foregroundColor, strokeWidth, opacity),
+ createLineElement(0, tileSize * 2, tileSize * 2, 0, foregroundColor, strokeWidth, opacity),
+ ].join('')
+ break
+ }
+
+ case 'verticalLines': {
+ const positions = [0, gap + strokeWidth, (gap + strokeWidth) * 2]
+ contentMarkup = positions
+ .map(x => createLineElement(x, 0, x, tileSize, foregroundColor, strokeWidth, opacity))
+ .join('')
+ break
+ }
+
+ case 'horizontalLines': {
+ const positions = [0, gap + strokeWidth, (gap + strokeWidth) * 2]
+ contentMarkup = positions
+ .map(y => createLineElement(0, y, tileSize, y, foregroundColor, strokeWidth, opacity))
+ .join('')
+ break
+ }
+
+ case 'crosshatch': {
+ contentMarkup = [
+ createLineElement(
+ 0,
+ tileSize / 2,
+ tileSize,
+ tileSize / 2,
+ foregroundColor,
+ strokeWidth,
+ opacity,
+ ),
+ createLineElement(
+ tileSize / 2,
+ 0,
+ tileSize / 2,
+ tileSize,
+ foregroundColor,
+ strokeWidth,
+ opacity,
+ ),
+ createLineElement(0, 0, tileSize, tileSize, foregroundColor, strokeWidth * 0.75, opacity),
+ createLineElement(tileSize, 0, 0, tileSize, foregroundColor, strokeWidth * 0.75, opacity),
+ ].join('')
+ break
+ }
+
+ case 'dots': {
+ const radius = Math.max(1, tileSize / 12)
+ contentMarkup = [
+ createCircleElement(tileSize / 4, tileSize / 4, radius, foregroundColor, opacity),
+ createCircleElement((tileSize * 3) / 4, tileSize / 4, radius, foregroundColor, opacity),
+ createCircleElement(tileSize / 4, (tileSize * 3) / 4, radius, foregroundColor, opacity),
+ createCircleElement(
+ (tileSize * 3) / 4,
+ (tileSize * 3) / 4,
+ radius,
+ foregroundColor,
+ opacity,
+ ),
+ ].join('')
+ break
+ }
+
+ case 'grid': {
+ contentMarkup = [
+ createLineElement(0, 0, tileSize, 0, foregroundColor, strokeWidth, opacity),
+ createLineElement(0, 0, 0, tileSize, foregroundColor, strokeWidth, opacity),
+ createLineElement(
+ 0,
+ tileSize / 2,
+ tileSize,
+ tileSize / 2,
+ foregroundColor,
+ strokeWidth * 0.8,
+ opacity,
+ ),
+ createLineElement(
+ tileSize / 2,
+ 0,
+ tileSize / 2,
+ tileSize,
+ foregroundColor,
+ strokeWidth * 0.8,
+ opacity,
+ ),
+ ].join('')
+ break
+ }
+
+ case 'zigzag': {
+ const midPoint = tileSize / 2
+ const pathData = `M 0 ${midPoint} L ${tileSize / 4} 0 L ${tileSize / 2} ${midPoint} L ${(tileSize * 3) / 4} ${tileSize} L ${tileSize} ${midPoint}`
+ contentMarkup = createPathElement(pathData, 'none', foregroundColor, strokeWidth, opacity)
+ break
+ }
+ }
+
+ if (backgroundColor !== 'transparent') {
+ const safeBackgroundColor = escapeSvgAttribute(backgroundColor)
+ contentMarkup = `${contentMarkup}`
+ }
+
+ return {
+ width: tileSize,
+ height: tileSize,
+ rotation,
+ patternType,
+ contentMarkup,
+ }
+}
+
+export type ChartPatternSlotProps = {
+ id: string
+ seed: string | number
+ color?: string
+ foregroundColor: string
+ fallbackColor: string
+ maxSize: number
+ minSize: number
+}
+
+// Equivalent of the PatternSlot.vue component, to be used inside tooltip.customFormat in chart configs
+export function createChartPatternSlotMarkup({
+ id,
+ seed,
+ color,
+ foregroundColor,
+ fallbackColor,
+ maxSize,
+ minSize,
+}: ChartPatternSlotProps) {
+ const pattern = createSeededSvgPattern(seed, {
+ foregroundColor,
+ backgroundColor: color ?? fallbackColor,
+ minimumSize: minSize,
+ maximumSize: maxSize,
+ })
+
+ return `
+
+ ${pattern.contentMarkup}
+
+ `
+}
diff --git a/app/utils/file-icons.ts b/app/utils/file-icons.ts
index e4d510c1af..6647e43a0e 100644
--- a/app/utils/file-icons.ts
+++ b/app/utils/file-icons.ts
@@ -146,6 +146,7 @@ export const FILENAME_ICONS: Record = {
'yarn.lock': 'vscode-icons-file-type-yarn',
'.yarnrc': 'vscode-icons-file-type-yarn',
'.yarnrc.yml': 'vscode-icons-file-type-yarn',
+ 'bun.lock': 'vscode-icons-file-type-bun',
'bun.lockb': 'vscode-icons-file-type-bun',
'bunfig.toml': 'vscode-icons-file-type-bun',
'deno.json': 'vscode-icons-file-type-deno',
diff --git a/app/utils/versions.ts b/app/utils/versions.ts
index 88f3c4bc33..e2aa8741a7 100644
--- a/app/utils/versions.ts
+++ b/app/utils/versions.ts
@@ -51,6 +51,73 @@ export function getPrereleaseChannel(version: string): string {
return match ? match[1]!.toLowerCase() : ''
}
+/**
+ * Priority order for well-known dist-tags.
+ * Lower number = higher priority in display order.
+ * Unknown tags fall back to Infinity and are sorted by publish date descending.
+ */
+export const TAG_PRIORITY: Record = {
+ latest: 0,
+ stable: 1,
+ rc: 2,
+ beta: 3,
+ next: 4,
+ alpha: 5,
+ canary: 6,
+ nightly: 7,
+ experimental: 8,
+ legacy: 9,
+}
+
+/**
+ * Get the display priority for a dist-tag.
+ * Uses fuzzy matching so e.g. "v2-legacy" matches "legacy".
+ * @param tag - The tag name (e.g., "beta", "v2-legacy")
+ * @returns Numeric priority (lower = higher priority); Infinity for unknown tags
+ */
+export function getTagPriority(tag: string | undefined): number {
+ if (!tag) return Infinity
+ for (const [key, priority] of Object.entries(TAG_PRIORITY)) {
+ if (tag.toLowerCase().includes(key)) return priority
+ }
+ return Infinity
+}
+
+/**
+ * Compare two tagged version rows for display ordering.
+ * Sorts by minimum tag priority first; falls back to publish date descending.
+ * @param rowA - First row
+ * @param rowB - Second row
+ * @param versionTimes - Map of version string to ISO publish time
+ * @returns Negative/zero/positive comparator value
+ */
+export function compareTagRows(
+ rowA: TaggedVersionRow,
+ rowB: TaggedVersionRow,
+ versionTimes: Record,
+): number {
+ const priorityA = Math.min(...rowA.tags.map(getTagPriority))
+ const priorityB = Math.min(...rowB.tags.map(getTagPriority))
+ if (priorityA !== priorityB) return priorityA - priorityB
+ const timeA = versionTimes[rowA.version] ?? ''
+ const timeB = versionTimes[rowB.version] ?? ''
+ return timeB.localeCompare(timeA)
+}
+
+/**
+ * Compare two version group keys for display ordering.
+ * Sorts by major descending, then by minor descending for 0.x groups.
+ * @param a - Group key (e.g. "1", "0.9")
+ * @param b - Group key (e.g. "2", "0.10")
+ * @returns Negative/zero/positive comparator value
+ */
+export function compareVersionGroupKeys(a: string, b: string): number {
+ const [majorA, minorA] = a.split('.').map(Number)
+ const [majorB, minorB] = b.split('.').map(Number)
+ if (majorA !== majorB) return (majorB ?? 0) - (majorA ?? 0)
+ return (minorB ?? -1) - (minorA ?? -1)
+}
+
/**
* Sort tags with 'latest' first, then alphabetically
* @param tags - Array of tag names
diff --git a/cli/package.json b/cli/package.json
index 1fc037477b..a924c17e1a 100644
--- a/cli/package.json
+++ b/cli/package.json
@@ -2,26 +2,26 @@
"name": "npmx-connector",
"version": "0.0.1",
"description": "Local connector for npmx.dev - enables authenticated npm operations from the web UI",
+ "homepage": "https://npmx.dev",
+ "bugs": {
+ "url": "https://github.com/npmx-dev/npmx.dev/issues"
+ },
"license": "MIT",
- "type": "module",
"repository": {
"type": "git",
"url": "git+https://github.com/npmx-dev/npmx.dev.git",
"directory": "cli"
},
- "bugs": {
- "url": "https://github.com/npmx-dev/npmx.dev/issues"
- },
- "homepage": "https://npmx.dev",
"bin": {
"npmx-connector": "./dist/cli.mjs"
},
- "exports": {
- ".": "./dist/index.mjs"
- },
"files": [
"dist"
],
+ "type": "module",
+ "exports": {
+ ".": "./dist/index.mjs"
+ },
"scripts": {
"build": "tsdown",
"dev": "NPMX_CLI_DEV=true node src/cli.ts",
@@ -40,9 +40,9 @@
"validate-npm-package-name": "^7.0.2"
},
"devDependencies": {
- "@types/node": "24.11.0",
+ "@types/node": "24.12.0",
"@types/validate-npm-package-name": "4.0.2",
- "tsdown": "0.20.3",
+ "tsdown": "0.21.4",
"typescript": "5.9.3"
},
"engines": {
diff --git a/config/env.ts b/config/env.ts
index 49daac01ae..d673c5cafd 100644
--- a/config/env.ts
+++ b/config/env.ts
@@ -6,8 +6,6 @@ import * as process from 'node:process'
import { version as packageVersion } from '../package.json'
import { getNextVersion } from '../scripts/next-version'
-export { packageVersion as version }
-
/**
* Environment variable `PULL_REQUEST` provided by Netlify.
* @see {@link https://docs.netlify.com/build/configure-builds/environment-variables/#git-metadata}
@@ -17,7 +15,7 @@ export { packageVersion as version }
*
* Whether triggered by a GitHub PR
*/
-export const isPR = process.env.PULL_REQUEST === 'true' || !!process.env.VERCEL_GIT_PULL_REQUEST_ID
+const isPR = process.env.PULL_REQUEST === 'true' || !!process.env.VERCEL_GIT_PULL_REQUEST_ID
/**
* Environment variable `REVIEW_ID` provided by Netlify.
@@ -28,7 +26,7 @@ export const isPR = process.env.PULL_REQUEST === 'true' || !!process.env.VERCEL_
*
* Pull request number (if in a PR environment)
*/
-export const prNumber = process.env.REVIEW_ID || process.env.VERCEL_GIT_PULL_REQUEST_ID || null
+const prNumber = process.env.REVIEW_ID || process.env.VERCEL_GIT_PULL_REQUEST_ID || null
/**
* Environment variable `BRANCH` provided by Netlify.
@@ -39,7 +37,7 @@ export const prNumber = process.env.REVIEW_ID || process.env.VERCEL_GIT_PULL_REQ
*
* Git branch
*/
-export const gitBranch = process.env.BRANCH || process.env.VERCEL_GIT_COMMIT_REF
+const gitBranch = process.env.BRANCH || process.env.VERCEL_GIT_COMMIT_REF
/**
* Whether this is the canary environment (main.npmx.dev).
@@ -68,7 +66,7 @@ export const isCanary =
*
* Whether this is some sort of preview environment.
*/
-export const isPreview =
+const isPreview =
isPR ||
(process.env.CONTEXT && process.env.CONTEXT !== 'production') ||
process.env.VERCEL_ENV === 'preview' ||
@@ -118,7 +116,7 @@ export const getProductionUrl = () =>
: undefined
const git = Git()
-export async function getGitInfo() {
+async function getGitInfo() {
let branch
try {
branch = gitBranch || (await git.revparse(['--abbrev-ref', 'HEAD']))
diff --git a/config/i18n.ts b/config/i18n.ts
index aca626d74d..5993b7551a 100644
--- a/config/i18n.ts
+++ b/config/i18n.ts
@@ -358,9 +358,9 @@ const locales: (LocaleObjectData | (Omit & { code: str
function buildLocales() {
const useLocales = Object.values(locales).reduce((acc, data) => {
- const variants = countryLocaleVariants[data.code]
- if (variants) {
- variants.forEach(l => {
+ const localeVariants = countryLocaleVariants[data.code]
+ if (localeVariants) {
+ localeVariants.forEach(l => {
const entry: LocaleObjectData = {
...data,
code: l.code,
@@ -406,8 +406,10 @@ export const datetimeFormats = Object.values(currentLocales).reduce((acc, data)
}, {} as DateTimeFormats)
export const numberFormats = Object.values(currentLocales).reduce((acc, data) => {
- if (data.numberFormats) {
- acc[data.code] = { ...data.numberFormats }
+ const numberFormatsArray = data.numberFormats
+ if (numberFormatsArray) {
+ acc[data.code] = { ...numberFormatsArray }
+
delete data.numberFormats
} else {
acc[data.code] = {
diff --git a/docs/app/components/BadgeGenerator.vue b/docs/app/components/BadgeGenerator.vue
new file mode 100644
index 0000000000..8d36371233
--- /dev/null
+++ b/docs/app/components/BadgeGenerator.vue
@@ -0,0 +1,94 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
![Badge Preview]()
+
Invalid
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
![Badge Preview]()
+
+ {{ !isInputValid ? 'Invalid Parameters' : 'Not Found' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ #
+
+
+
+
+
+
+
+
+ #
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+