fix: update QRModal button variant based on copy state and enhance subscriptionConfig with case-insensitive search parameter retrieval

Author: x0sina

src/components/qr-modal.tsx

@@ -192,7 +192,7 @@ export const QRModal = memo(({ link, open, onOpenChange }: QRModalProps) => {
               <Button
                 onClick={handleCopyBase64}
                 size="sm"
-                variant="outline"
+                variant={copiedBase64 ? 'default' : 'outline'}
                 className="w-full gap-2 h-10 text-sm"
               >
                 {copiedBase64 ? (

src/lib/subscriptionConfig.ts

@@ -1,5 +1,5 @@
 const WIREGUARD_PROTOCOL = 'wireguard://'
-const TEXT_FILE_MIME_TYPE = 'text/plain;charset=utf-8'
+const TEXT_FILE_MIME_TYPE = 'application/octet-stream'
 
 const safeDecodeURIComponent = (value: string) => {
   try {
@@ -16,6 +16,20 @@ const formatCommaSeparatedValue = (value: string) =>
     .filter(Boolean)
     .join(', ')
 
+const getSearchParam = (params: URLSearchParams, name: string) => {
+  const directValue = params.get(name)
+  if (directValue !== null) return directValue
+
+  const normalizedName = name.toLowerCase()
+  for (const [key, value] of params.entries()) {
+    if (key.toLowerCase() === normalizedName) {
+      return value
+    }
+  }
+
+  return ''
+}
+
 const sanitizeFileNameSegment = (value: string | null | undefined) => {
   if (!value) return ''
 
@@ -38,6 +52,7 @@ const getWireGuardEndpointHost = (hostname: string) => {
 type ParsedWireGuardUri = {
   address: string
   allowedIps: string
+  dns: string
   endpoint: string
   mtu: string
   port: string
@@ -63,18 +78,19 @@ const parseWireGuardUri = (value: string): ParsedWireGuardUri | null => {
     const endpointHost = getWireGuardEndpointHost(hostname)
 
     return {
-      address: parsed.searchParams.get('address') || '',
-      allowedIps: parsed.searchParams.get('allowedips') || '',
+      address: getSearchParam(parsed.searchParams, 'address'),
+      allowedIps: getSearchParam(parsed.searchParams, 'allowedips'),
+      dns: getSearchParam(parsed.searchParams, 'dns'),
       endpoint: port ? `${endpointHost}:${port}` : endpointHost,
-      mtu: parsed.searchParams.get('mtu') || '',
+      mtu: getSearchParam(parsed.searchParams, 'mtu'),
       port,
-      preSharedKey: parsed.searchParams.get('presharedkey') || '',
+      preSharedKey: getSearchParam(parsed.searchParams, 'presharedkey'),
       privateKey: safeDecodeURIComponent(parsed.username),
-      publicKey: parsed.searchParams.get('publickey') || '',
+      publicKey: getSearchParam(parsed.searchParams, 'publickey'),
       remark: safeDecodeURIComponent(parsed.hash.replace(/^#/, '')),
-      reserved: parsed.searchParams.get('reserved') || '',
+      reserved: getSearchParam(parsed.searchParams, 'reserved'),
       source,
-      keepalive: parsed.searchParams.get('keepalive') || '',
+      keepalive: getSearchParam(parsed.searchParams, 'keepalive'),
     }
   } catch {
     return null
@@ -100,6 +116,10 @@ export const convertWireGuardUrlToConfig = (value: string) => {
   lines.push(`PrivateKey = ${parsed.privateKey}`)
   lines.push(`Address = ${formatCommaSeparatedValue(parsed.address)}`)
 
+  if (parsed.dns) {
+    lines.push(`DNS = ${formatCommaSeparatedValue(parsed.dns)}`)
+  }
+
   if (parsed.mtu) {
     lines.push(`MTU = ${parsed.mtu}`)
   }