@shopify/shop-minis-cli 0.0.185 → 0.0.187

package/build/utils/allowed-dependencies.js

@@ -27,6 +27,8 @@ export const OPTIONAL_DEPENDENCIES = {
     ai: '5.0.29',
     '@ai-sdk/openai': '2.0.23',
     '@ai-sdk/react': '2.0.29',
+    '@tensorflow/tfjs': '4.22.0',
+    '@tensorflow-models/posenet': '2.2.2',
 };
 export const ALLOWED_DEPENDENCIES = {
     ...REQUIRED_DEPENDENCIES,

package/build/utils/allowed-dependencies.js.map

@@ -1 +1 @@
-{"version":3,"file":"allowed-dependencies.js","sourceRoot":"","sources":["../../src/utils/allowed-dependencies.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,8DAA8D;AAC9D,mDAAmD;AAEnD,MAAM,CAAC,MAAM,qBAAqB,GAA2B;IAC3D,2BAA2B,EAAE,GAAG;IAChC,KAAK,EAAE,QAAQ;IACf,WAAW,EAAE,QAAQ;CACtB,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAA2B;IAC3D,gBAAgB,EAAE,OAAO;IACzB,iBAAiB,EAAE,gBAAgB;IACnC,oBAAoB,EAAE,QAAQ;IAC9B,MAAM,EAAE,OAAO;IACf,eAAe,EAAE,OAAO;IACxB,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,SAAS;IACzB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,OAAO;IACnB,cAAc,EAAE,OAAO;IACvB,kBAAkB,EAAE,OAAO;IAC3B,UAAU,EAAE,QAAQ;IACpB,IAAI,EAAE,OAAO;IACb,OAAO,EAAE,OAAO;IAChB,uBAAuB,EAAE,QAAQ;IACjC,EAAE,EAAE,QAAQ;IACZ,gBAAgB,EAAE,QAAQ;IAC1B,eAAe,EAAE,QAAQ;CAC1B,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,GAAG,qBAAqB;IACxB,GAAG,qBAAqB;CACzB,CAAA"}
+{"version":3,"file":"allowed-dependencies.js","sourceRoot":"","sources":["../../src/utils/allowed-dependencies.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,8DAA8D;AAC9D,mDAAmD;AAEnD,MAAM,CAAC,MAAM,qBAAqB,GAA2B;IAC3D,2BAA2B,EAAE,GAAG;IAChC,KAAK,EAAE,QAAQ;IACf,WAAW,EAAE,QAAQ;CACtB,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAA2B;IAC3D,gBAAgB,EAAE,OAAO;IACzB,iBAAiB,EAAE,gBAAgB;IACnC,oBAAoB,EAAE,QAAQ;IAC9B,MAAM,EAAE,OAAO;IACf,eAAe,EAAE,OAAO;IACxB,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,SAAS;IACzB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,OAAO;IACnB,cAAc,EAAE,OAAO;IACvB,kBAAkB,EAAE,OAAO;IAC3B,UAAU,EAAE,QAAQ;IACpB,IAAI,EAAE,OAAO;IACb,OAAO,EAAE,OAAO;IAChB,uBAAuB,EAAE,QAAQ;IACjC,EAAE,EAAE,QAAQ;IACZ,gBAAgB,EAAE,QAAQ;IAC1B,eAAe,EAAE,QAAQ;IACzB,kBAAkB,EAAE,QAAQ;IAC5B,4BAA4B,EAAE,OAAO;CACtC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,GAAG,qBAAqB;IACxB,GAAG,qBAAqB;CACzB,CAAA"}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org/"
   },
-  "version": "0.0.185",
+  "version": "0.0.187",
   "description": "Shop Minis CLI",
   "main": "build/index.js",
   "bin": {

package/scripts/audit-dependencies.ts

@@ -0,0 +1,412 @@
+#!/usr/bin/env node
+/**
+ * Simple Dependency Audit Script
+ * Usage:
+ *   npx tsx audit-dependencies.ts <package-name> [version]  # Audit single package
+ *   npx tsx audit-dependencies.ts                          # Audit new dependencies from git diff
+ */
+
+import {exec} from 'child_process'
+import {promisify} from 'util'
+
+const execAsync = promisify(exec)
+
+interface PackageInfo {
+  package: string
+  version: string
+  repository: string
+  dependenciesCount: number
+  publishDate: string
+}
+
+interface DependencyInfo {
+  name: string
+  version: string
+}
+
+class PackageAuditor {
+  private packageName: string
+  private version: string
+  private riskScore = 0
+  private riskFactors: string[] = []
+  private vulnerabilities: string[] = []
+
+  constructor(packageName: string, version = 'latest') {
+    this.packageName = packageName
+    this.version = version
+  }
+
+  private async fetchJson(url: string): Promise<any> {
+    try {
+      const {stdout} = await execAsync(`curl -s "${url}"`, {
+        maxBuffer: 1024 * 1024 * 10, // 10MB buffer for large NPM responses
+      })
+      return JSON.parse(stdout)
+    } catch (error) {
+      throw new Error(`Failed to fetch ${url}: ${error}`)
+    }
+  }
+
+  private async fetchPostJson(url: string, body: any): Promise<any> {
+    try {
+      const jsonBody = JSON.stringify(body)
+      const {stdout} = await execAsync(
+        `curl -s -X POST -H "Content-Type: application/json" -d '${jsonBody}' "${url}"`,
+        {maxBuffer: 1024 * 1024 * 10} // 10MB buffer for large responses
+      )
+      return JSON.parse(stdout)
+    } catch (error) {
+      throw new Error(`Failed to POST to ${url}: ${error}`)
+    }
+  }
+
+  private async fetchNpmData(): Promise<any> {
+    try {
+      // Use abbreviated NPM registry (much smaller, but has what we need)
+      const data = await this.fetchJson(
+        `https://registry.npmjs.org/${this.packageName}/latest`
+      )
+
+      // For non-latest versions, we need to get specific version
+      if (this.version !== 'latest') {
+        try {
+          const versionData = await this.fetchJson(
+            `https://registry.npmjs.org/${this.packageName}/${this.version}`
+          )
+          return {
+            'dist-tags': {latest: data.version},
+            repository: versionData.repository || data.repository,
+            time: versionData.time || {},
+            versions: {[this.version]: versionData},
+          }
+        } catch {
+          // If specific version fetch fails, use latest data
+          return {
+            'dist-tags': {latest: data.version},
+            repository: data.repository,
+            time: {},
+            versions: {[data.version]: data},
+          }
+        }
+      }
+
+      // For latest version, structure data consistently
+      return {
+        'dist-tags': {latest: data.version},
+        repository: data.repository,
+        time: {[data.version]: data.time || 'unknown'},
+        versions: {[data.version]: data},
+      }
+    } catch (error) {
+      console.error(
+        `⚠️ Optimized fetch failed for ${this.packageName}, package may not exist`
+      )
+      throw error
+    }
+  }
+
+  private async fetchDownloads(): Promise<number> {
+    try {
+      const data = await this.fetchJson(
+        `https://api.npmjs.org/downloads/point/last-week/${this.packageName}`
+      )
+      return data.downloads || 0
+    } catch {
+      return 0
+    }
+  }
+
+  private extractPackageInfo(npmData: any): PackageInfo {
+    const latestVersion = npmData['dist-tags']?.latest || 'unknown'
+    const versionToUse =
+      this.version === 'latest' ? latestVersion : this.version
+
+    const repository = (
+      npmData.repository?.url ||
+      npmData.versions?.[latestVersion]?.repository?.url ||
+      'none'
+    )
+      .replace(/^git\+/, '')
+      .replace(/\.git$/, '')
+
+    const dependenciesCount = Object.keys(
+      npmData.versions?.[versionToUse]?.dependencies || {}
+    ).length
+
+    const publishDate = npmData.time?.[versionToUse] || 'unknown'
+
+    if (this.version === 'latest') {
+      this.version = latestVersion
+    }
+
+    return {
+      package: this.packageName,
+      version: versionToUse,
+      repository,
+      dependenciesCount,
+      publishDate,
+    }
+  }
+
+  private async checkPublicVulnerabilities(): Promise<void> {
+    const vulnerabilities: string[] = []
+    let totalVulnCount = 0
+
+    // 1. Check NPM Security Advisories (official, reliable)
+    try {
+      const auditData = await this.fetchJson(
+        `https://registry.npmjs.org/-/npm/v1/security/advisories/search?text=${this.packageName}`
+      )
+
+      if (auditData.objects && auditData.objects.length > 0) {
+        auditData.objects.forEach((advisory: any) => {
+          if (advisory.package_name === this.packageName) {
+            totalVulnCount++
+            vulnerabilities.push(`NPM: ${advisory.title}`)
+          }
+        })
+      }
+    } catch {
+      // NPM audit API might not be available
+    }
+
+    // 2. Check OSV (Google-maintained, comprehensive)
+    try {
+      const osvData = await this.fetchPostJson(`https://api.osv.dev/v1/query`, {
+        package: {name: this.packageName, ecosystem: 'npm'},
+      })
+
+      if (osvData.vulns && osvData.vulns.length > 0) {
+        osvData.vulns.forEach((vuln: any) => {
+          totalVulnCount++
+          vulnerabilities.push(
+            `OSV: ${vuln.id} - ${vuln.summary || 'Vulnerability'}`
+          )
+        })
+      }
+    } catch {
+      // OSV might not have data for this package
+    }
+
+    // 3. Check Snyk (industry standard, but may require auth)
+    try {
+      const snykData = await this.fetchJson(
+        `https://api.snyk.io/v1/test/npm/${this.packageName}/${this.version}`
+      )
+
+      if (snykData.issues && snykData.issues.vulnerabilities) {
+        snykData.issues.vulnerabilities.forEach((vuln: any) => {
+          totalVulnCount++
+          vulnerabilities.push(`Snyk: ${vuln.title}`)
+        })
+      }
+    } catch {
+      // Snyk API might require auth or have rate limits - continue without it
+    }
+
+    // Calculate risk based on findings
+    if (totalVulnCount > 0) {
+      this.riskScore += Math.min(totalVulnCount * 5, 50)
+      this.riskFactors.push(`${totalVulnCount} security vulnerabilities found`)
+      this.vulnerabilities = vulnerabilities
+    }
+  }
+
+  private assessMaintenanceRisk(publishDate: string): void {
+    if (publishDate && publishDate !== 'unknown') {
+      const packageDate = new Date(publishDate).getTime()
+      const now = Date.now()
+      const daysSince = Math.floor((now - packageDate) / (1000 * 60 * 60 * 24))
+
+      if (daysSince > 365 * 2) {
+        this.riskScore += 25
+        this.riskFactors.push('Package >2 years old')
+      } else if (daysSince > 365) {
+        this.riskScore += 10
+        this.riskFactors.push('Package >1 year old')
+      }
+    }
+  }
+
+  private assessAdoptionRisk(downloads: number): void {
+    if (downloads < 1000) {
+      this.riskScore += 25
+      this.riskFactors.push('Low adoption (<1K downloads/week)')
+    } else if (downloads < 10000) {
+      this.riskScore += 10
+      this.riskFactors.push('Moderate adoption (<10K downloads/week)')
+    }
+  }
+
+  private getRiskLevel(): string {
+    if (this.riskScore <= 15) return '🟢 LOW'
+    if (this.riskScore <= 49) return '🟡 MEDIUM'
+    return '🔴 HIGH/CRITICAL'
+  }
+
+  private getDecision(): string {
+    if (this.riskScore <= 15) return '✅ APPROVE'
+    if (this.riskScore <= 49) return '⚠️ CONDITIONAL APPROVAL'
+    return '❌ REJECT'
+  }
+
+  private generateReport(packageInfo: PackageInfo, downloads: number): void {
+    const riskLevel = this.getRiskLevel()
+    const decision = this.getDecision()
+    const formattedDownloads = downloads.toLocaleString()
+
+    console.log(`
+### 📦 ${packageInfo.package}@${packageInfo.version}
+
+**${riskLevel}** | **${decision}**
+
+📈 **Downloads:** ${formattedDownloads}/week  
+🔗 **Dependencies:** ${packageInfo.dependenciesCount}  
+📊 **Risk Score:** ${this.riskScore}/100
+
+${
+  this.riskFactors.length > 0
+    ? `⚠️ **Issues Found:**\n${this.riskFactors
+        .map(factor => `  - ${factor}`)
+        .join('\n')}`
+    : '✅ **No risk factors identified**'
+}
+
+${
+  this.vulnerabilities.length > 0
+    ? `🚨 **Security Vulnerabilities (${
+        this.vulnerabilities.length
+      }):**\n${this.vulnerabilities
+        .slice(0, 3)
+        .map(vuln => `  - ${vuln}`)
+        .join('\n')}${
+        this.vulnerabilities.length > 3
+          ? `\n  - ... and ${this.vulnerabilities.length - 3} more`
+          : ''
+      }`
+    : '🛡️ **Security:** No vulnerabilities found'
+}
+
+---
+`)
+  }
+
+  async audit(): Promise<void> {
+    try {
+      const npmData = await this.fetchNpmData()
+      const packageInfo = this.extractPackageInfo(npmData)
+      const downloads = await this.fetchDownloads()
+
+      await this.checkPublicVulnerabilities()
+      this.assessMaintenanceRisk(packageInfo.publishDate)
+      this.assessAdoptionRisk(downloads)
+
+      this.generateReport(packageInfo, downloads)
+    } catch (error) {
+      console.error(`❌ Audit failed: ${error}`)
+      process.exit(1)
+    }
+  }
+}
+
+// Simple git diff function
+async function getAddedDependencies(): Promise<DependencyInfo[]> {
+  try {
+    const {stdout} = await execAsync(
+      `git diff HEAD~1 HEAD -- src/utils/allowed-dependencies.ts`,
+      {maxBuffer: 1024 * 1024}
+    )
+
+    const addedLines = stdout
+      .split('\n')
+      .filter(line => line.startsWith('+'))
+      .filter(line => !line.startsWith('+++'))
+      .filter(line => line.includes(':'))
+
+    const addedDependencies: DependencyInfo[] = []
+
+    for (const line of addedLines) {
+      const depRegex =
+        /\+.*(?:['"`]([^'"`]+)['"`]|([a-zA-Z0-9@_-]+))\s*:\s*['"`]([^'"`]+)['"`]/
+      const match = line.match(depRegex)
+
+      if (match) {
+        const packageName = match[1] || match[2]
+        const version = match[3]
+        addedDependencies.push({name: packageName, version})
+      }
+    }
+
+    return addedDependencies
+  } catch (error) {
+    console.error(`⚠️ Could not get git diff: ${error}`)
+    return []
+  }
+}
+
+// Simple audit of multiple dependencies
+async function auditAddedDependencies(): Promise<void> {
+  try {
+    const depsToAudit = await getAddedDependencies()
+
+    if (depsToAudit.length === 0) {
+      console.log(
+        '## Dependency Audit Results\n✅ No new dependencies found - no audit needed.'
+      )
+      return
+    }
+
+    console.log(
+      `## Dependency Audit Results\n🔍 Audited ${depsToAudit.length} new ${
+        depsToAudit.length === 1 ? 'dependency' : 'dependencies'
+      }:\n`
+    )
+
+    for (const dep of depsToAudit) {
+      const auditor = new PackageAuditor(dep.name, dep.version)
+      await auditor.audit()
+    }
+  } catch (error) {
+    console.error(`❌ Audit failed: ${error}`)
+    process.exit(1)
+  }
+}
+
+// CLI interface
+function showUsage(): void {
+  console.error('Usage:')
+  console.error(
+    '  npx tsx audit-dependencies.ts <package-name> [version]  # Audit single package'
+  )
+  console.error(
+    '  npx tsx audit-dependencies.ts                          # Audit new dependencies in PR'
+  )
+  console.error('')
+  console.error('Examples:')
+  console.error('  npx tsx audit-dependencies.ts lodash')
+  console.error('  npx tsx audit-dependencies.ts react 18.2.0')
+  process.exit(1)
+}
+
+async function main(): Promise<void> {
+  const args = process.argv.slice(2)
+
+  if (args.length === 0) {
+    // Mode: Audit new dependencies from git diff
+    await auditAddedDependencies()
+  } else if (args[0] === '--help' || args[0] === '-h') {
+    showUsage()
+  } else {
+    // Mode: Audit single package
+    const packageName = args[0]
+    const version = args[1] || 'latest'
+    const auditor = new PackageAuditor(packageName, version)
+    await auditor.audit()
+  }
+}
+
+// Run main function if this is the main module
+main().catch(error => {
+  console.error(`❌ Fatal error: ${error}`)
+  process.exit(1)
+})

package/build/dev-panel/static/css/main.94b1dbb1.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"static/css/main.94b1dbb1.css","mappings":"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","sources":["index.css","App.css","components/CopyUrl.css","components/QRCode.css"],"sourcesContent":[":root {\n  /* Light colors */\n  --light-backgrounds-regular: #fff;\n  --light-backgrounds-secondary: #f4f4ed;\n  --light-backgrounds-inverse: #0f1721;\n  --light-foregrounds-regular: #0f1721;\n  --light-foregrounds-regular-inverse: #fff;\n  --light-foregrounds-primary: #5433eb;\n  /* Dark colors */\n  --dark-background-regular: #0f1721;\n  --dark-background-secondary: #3f454d;\n  --dark-backgrounds-inverse: #fff;\n  --dark-foregrounds-regular: #fff;\n  --dark-foregrounds-regular-inverse: #0f1721;\n  --dark-foregrounds-primary: #9c83f8;\n}\n@font-face {\n  font-family: 'GoodSans';\n  src: local('GoodSans'),\n    url('https://cdn.shopify.com/static/fonts/GoodSans-Bold.woff2')\n      format('woff2');\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'GoodSans';\n  src: local('GoodSans'),\n    url('https://cdn.shopify.com/static/fonts/GoodSans-Medium.woff2')\n      format('woff2');\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: 'GoodSans';\n  src: local('GoodSans'),\n    url('https://cdn.shopify.com/static/fonts/GoodSansText-Regular.woff')\n      format('woff2');\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n}\n\nhtml {\n  font-family: 'GoodSans';\n  font-size: 1em;\n}\n\nbody {\n  background: var(--light-backgrounds-secondary);\n  color: var(--light-foregrounds-regular);\n}\n\na {\n  color: var(--light-foregrounds-regular);\n  text-decoration: none;\n}\n\nbody::-webkit-scrollbar {\n  width: 10px;\n}\n\nbody::-webkit-scrollbar-track {\n  background: rgba(0, 0, 0, 0.1);\n}\n\nbody::-webkit-scrollbar-track:hover {\n  background: rgba(0, 0, 0, 0.3);\n}\n\nbody::-webkit-scrollbar-thumb {\n  background-color: rgba(0, 0, 0, 0.3);\n  border-radius: 6px;\n  border: 2px solid transparent;\n  margin: 2px;\n  background-clip: padding-box;\n}\n\nbody::-webkit-scrollbar-thumb:hover {\n  background-color: rgba(0, 0, 0, 0.8);\n}\n\nh1 {\n  font-size: 1em;\n  font-weight: 500;\n}\n",".page {\n  max-width: min(30em, 100%);\n  display: flex;\n  flex-direction: column;\n  padding-left: 1em;\n  padding-right: 1em;\n  margin: auto;\n}\n\n.logo {\n  margin-top: 2em;\n  align-self: center;\n  margin-bottom: 1em;\n}\n\n.link-label {\n  margin-bottom: 0.4em;\n}\n\n.link {\n  margin-top: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: block;\n  font-style: normal;\n  font-size: 13px;\n  line-height: 118%;\n  color: var(--light-foregrounds-regular);\n  text-decoration: none;\n  padding: 1rem 0 1rem 1rem;\n}\n\n.link a,\n.link a:active,\n.link a:visited {\n  color: var(--light-foregrounds-primary);\n}\n\n.qr-and-params-container {\n  margin-top: 1em;\n  margin-bottom: 2em;\n  display: flex;\n  flex-direction: column;\n  gap: 1em;\n  word-wrap: break-word;\n  align-items: stretch;\n}\n\n.qrcode-container {\n  flex: 1;\n  width: 100%;\n  position: relative;\n}\n\n.params-container {\n  flex: 1;\n  width: 100%;\n}\n\n.param-row {\n  display: flex;\n  flex-direction: row;\n}\n\n.param-appendix {\n  font-size: 13px;\n}\n\nb.param-appendix {\n  font-family: 'Courier New', Courier, monospace;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.button {\n  background-color: var(--light-backgrounds-inverse);\n  color: var(--light-foregrounds-regular-inverse);\n  border-radius: 100px;\n  padding: 16px;\n  min-width: 200px;\n  border: none;\n  text-decoration: none;\n  font-size: 1rem;\n  margin-top: 20px;\n}\n\n.button:hover {\n  cursor: pointer;\n}\n\n.Main {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n  flex: 3;\n}\n\n.rail {\n  display: flex;\n  flex-direction: row;\n  gap: 1rem;\n}\n\n.button-link {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  background: var(--light-backgrounds-inverse);\n  color: var(--light-foregrounds-regular-inverse);\n  border-radius: 40px;\n  padding: 8px 16px;\n  gap: 10px;\n  box-sizing: border-box;\n  text-decoration: none;\n  font-size: 0.8125rem;\n  font-family: 'GoodSans', system-ui, -apple-system, BlinkMacSystemFont,\n    'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',\n    sans-serif;\n}\n\n.card {\n  display: flex;\n  flex-direction: column;\n  background: var(--light-backgrounds-regular);\n  border-radius: 1rem;\n  overflow: hidden;\n}\n\n.card h3 {\n  margin: 0;\n}\n\n.p-2 {\n  padding: 2rem;\n}\n\n.icon-container {\n  width: 4rem;\n  height: 4rem;\n  background-color: #eeeaff;\n  border-radius: 0.5rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 1rem;\n}\n\n.deeplink-content {\n  background: var(--light-backgrounds-regular);\n  border-radius: 60px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 1rem;\n  position: relative;\n  border: 1px solid #cbcbca;\n}\n\n.copy-deeplink {\n  background: var(--light-backgrounds-inverse);\n  border-radius: 0px 31px 31px 0px;\n  padding: 1rem 1.5rem;\n  float: left;\n}\n\n.copy-deeplink:hover {\n  cursor: pointer;\n}\n\n.w-50 {\n  width: 50%;\n}\n\n@media (prefers-color-scheme: dark) {\n  body {\n    background: var(--dark-background-regular);\n    color: var(--dark-foregrounds-regular);\n  }\n\n  body::-webkit-scrollbar {\n    width: 10px;\n  }\n\n  body::-webkit-scrollbar-track {\n    background: rgba(255, 255, 255, 0.1);\n  }\n\n  body::-webkit-scrollbar-track:hover {\n    background: rgba(255, 255, 255, 0.3);\n  }\n\n  body::-webkit-scrollbar-thumb {\n    background-color: rgba(255, 255, 255, 0.3);\n    border-radius: 6px;\n    border: 2px solid transparent;\n    margin: 2px;\n    background-clip: padding-box;\n  }\n\n  body::-webkit-scrollbar-thumb:hover {\n    background-color: rgba(255, 255, 255, 0.8);\n  }\n\n  a {\n    color: var(--dark-foregrounds-regular);\n    text-decoration: none;\n  }\n\n  .link {\n    color: var(--dark-foregrounds-regular);\n  }\n\n  .link a,\n  .link a:active,\n  .link a:visited {\n    color: var(--dark-foregrounds-primary);\n  }\n\n  .button,\n  .button-link {\n    background-color: var(--dark-backgrounds-inverse) !important;\n    color: var(--dark-foregrounds-regular-inverse) !important;\n  }\n\n  .card {\n    background-color: var(--dark-background-secondary);\n  }\n\n  .deeplink-content {\n    background-color: var(--dark-background-secondary);\n    border-color: var(--dark-background-secondary);\n    color: var(--dark-foregrounds-regular);\n  }\n}\n",".icon {\n    color: var(--light-foregrounds-regular-inverse);\n    display: flex;\n    gap: 0.5rem\n}\n\n.icon-checkmark, .icon-copy span {\n    font-size: 13px;\n  }\n",".qr-code-container {\n    margin: auto;\n}\n\n.qr-code {\n    display: none;\n    height: auto;\n    margin: 0 auto;\n    max-width: 1000px;\n    width: 100%;\n    padding: 15px;\n    border-radius: 1em;\n    background-color: #ffffff;\n}\n\n.qr-code.dark {\n    background-color: #3F454D;\n}\n\n@media only screen and (min-width: 800px) {\n    .open-mini {\n        display: none;\n    }\n    .qr-code {\n        display: flex;\n    }\n    .container {\n        flex: 1;\n    }\n}\n"],"names":[],"sourceRoot":""}