commit a9f32a89bc310d06f4006a107816d1f80dab3a62 · indexx.dev/static

+77 -58

package-lock.json

···

       12
       12
        
               "@atproto/api": "^0.15.6",

     

       13
       13
        
               "@types/react": "^19.1.6",

     

       14
       14
        
               "@types/react-dom": "^19.1.6",

     

       15
       15
       -
               "astro": "^5.7.11",

     

       15
       15
       +
               "astro": "^5.9.2",

     

       16
       16
        
               "fs": "^0.0.1-security",

     

       17
       17
        
               "marked": "^15.0.11",

     

       18
       18
        
               "node-cache": "^5.1.2",

     
···

       47
       47
        
             }

     

       48
       48
        
           },

     

       49
       49
        
           "node_modules/@astrojs/compiler": {

     

       50
       50
       -
             "version": "2.12.0",

     

       51
       51
       -
             "resolved": "https://registry.npmjs.org/@astrojs/compiler/-/compiler-2.12.0.tgz",

     

       52
       52
       -
             "integrity": "sha512-7bCjW6tVDpUurQLeKBUN9tZ5kSv5qYrGmcn0sG0IwacL7isR2ZbyyA3AdZ4uxsuUFOS2SlgReTH7wkxO6zpqWA=="

     

       50
       50
       +
             "version": "2.12.2",

     

       51
       51
       +
             "resolved": "https://registry.npmjs.org/@astrojs/compiler/-/compiler-2.12.2.tgz",

     

       52
       52
       +
             "integrity": "sha512-w2zfvhjNCkNMmMMOn5b0J8+OmUaBL1o40ipMvqcG6NRpdC+lKxmTi48DT8Xw0SzJ3AfmeFLB45zXZXtmbsjcgw=="

     

       53
       53
        
           },

     

       54
       54
        
           "node_modules/@astrojs/internal-helpers": {

     

       55
       55
        
             "version": "0.6.1",

     
···

       57
       57
        
             "integrity": "sha512-l5Pqf6uZu31aG+3Lv8nl/3s4DbUzdlxTWDof4pEpto6GUJNhhCbelVi9dEyurOVyqaelwmS9oSyOWOENSfgo9A=="

     

       58
       58
        
           },

     

       59
       59
        
           "node_modules/@astrojs/markdown-remark": {

     

       60
       60
       -
             "version": "6.3.1",

     

       61
       61
       -
             "resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-6.3.1.tgz",

     

       62
       62
       -
             "integrity": "sha512-c5F5gGrkczUaTVgmMW9g1YMJGzOtRvjjhw6IfGuxarM6ct09MpwysP10US729dy07gg8y+ofVifezvP3BNsWZg==",

     

       60
       60
       +
             "version": "6.3.2",

     

       61
       61
       +
             "resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-6.3.2.tgz",

     

       62
       62
       +
             "integrity": "sha512-bO35JbWpVvyKRl7cmSJD822e8YA8ThR/YbUsciWNA7yTcqpIAL2hJDToWP5KcZBWxGT6IOdOkHSXARSNZc4l/Q==",

     

       63
       63
        
             "dependencies": {

     

       64
       64
        
               "@astrojs/internal-helpers": "0.6.1",

     

       65
       65
       -
               "@astrojs/prism": "3.2.0",

     

       65
       65
       +
               "@astrojs/prism": "3.3.0",

     

       66
       66
        
               "github-slugger": "^2.0.0",

     

       67
       67
        
               "hast-util-from-html": "^2.0.3",

     

       68
       68
        
               "hast-util-to-text": "^4.0.2",

     
···

       73
       73
        
               "rehype-stringify": "^10.0.1",

     

       74
       74
        
               "remark-gfm": "^4.0.1",

     

       75
       75
        
               "remark-parse": "^11.0.0",

     

       76
       76
       -
               "remark-rehype": "^11.1.1",

     

       76
       76
       +
               "remark-rehype": "^11.1.2",

     

       77
       77
        
               "remark-smartypants": "^3.0.2",

     

       78
       78
       -
               "shiki": "^3.0.0",

     

       78
       78
       +
               "shiki": "^3.2.1",

     

       79
       79
        
               "smol-toml": "^1.3.1",

     

       80
       80
        
               "unified": "^11.0.5",

     

       81
       81
        
               "unist-util-remove-position": "^5.0.0",

     
···

       85
       85
        
             }

     

       86
       86
        
           },

     

       87
       87
        
           "node_modules/@astrojs/prism": {

     

       88
       88
       -
             "version": "3.2.0",

     

       89
       89
       -
             "resolved": "https://registry.npmjs.org/@astrojs/prism/-/prism-3.2.0.tgz",

     

       90
       90
       -
             "integrity": "sha512-GilTHKGCW6HMq7y3BUv9Ac7GMe/MO9gi9GW62GzKtth0SwukCu/qp2wLiGpEujhY+VVhaG9v7kv/5vFzvf4NYw==",

     

       88
       88
       +
             "version": "3.3.0",

     

       89
       89
       +
             "resolved": "https://registry.npmjs.org/@astrojs/prism/-/prism-3.3.0.tgz",

     

       90
       90
       +
             "integrity": "sha512-q8VwfU/fDZNoDOf+r7jUnMC2//H2l0TuQ6FkGJL8vD8nw/q5KiL3DS1KKBI3QhI9UQhpJ5dc7AtqfbXWuOgLCQ==",

     

       91
       91
        
             "dependencies": {

     

       92
       92
       -
               "prismjs": "^1.29.0"

     

       92
       92
       +
               "prismjs": "^1.30.0"

     

       93
       93
        
             },

     

       94
       94
        
             "engines": {

     

       95
       95
       -
               "node": "^18.17.1 || ^20.3.0 || >=22.0.0"

     

       95
       95
       +
               "node": "18.20.8 || ^20.3.0 || >=22.0.0"

     

       96
       96
        
             }

     

       97
       97
        
           },

     

       98
       98
        
           "node_modules/@astrojs/react": {

     
···

       115
       115
        
             }

     

       116
       116
        
           },

     

       117
       117
        
           "node_modules/@astrojs/telemetry": {

     

       118
       118
       -
             "version": "3.2.1",

     

       119
       119
       -
             "resolved": "https://registry.npmjs.org/@astrojs/telemetry/-/telemetry-3.2.1.tgz",

     

       120
       120
       -
             "integrity": "sha512-SSVM820Jqc6wjsn7qYfV9qfeQvePtVc1nSofhyap7l0/iakUKywj3hfy3UJAOV4sGV4Q/u450RD4AaCaFvNPlg==",

     

       118
       118
       +
             "version": "3.3.0",

     

       119
       119
       +
             "resolved": "https://registry.npmjs.org/@astrojs/telemetry/-/telemetry-3.3.0.tgz",

     

       120
       120
       +
             "integrity": "sha512-UFBgfeldP06qu6khs/yY+q1cDAaArM2/7AEIqQ9Cuvf7B1hNLq0xDrZkct+QoIGyjq56y8IaE2I3CTvG99mlhQ==",

     

       121
       121
        
             "dependencies": {

     

       122
       122
        
               "ci-info": "^4.2.0",

     

       123
       123
        
               "debug": "^4.4.0",

     
···

       128
       128
        
               "which-pm-runs": "^1.1.0"

     

       129
       129
        
             },

     

       130
       130
        
             "engines": {

     

       131
       131
       -
               "node": "^18.17.1 || ^20.3.0 || >=22.0.0"

     

       131
       131
       +
               "node": "18.20.8 || ^20.3.0 || >=22.0.0"

     

       132
       132
        
             }

     

       133
       133
        
           },

     

       134
       134
        
           "node_modules/@atproto/api": {

     
···

       1528
       1528
        
             ]

     

       1529
       1529
        
           },

     

       1530
       1530
        
           "node_modules/@shikijs/core": {

     

       1531
       1531
       -
             "version": "3.4.0",

     

       1532
       1532
       -
             "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-3.4.0.tgz",

     

       1533
       1533
       -
             "integrity": "sha512-0YOzTSRDn/IAfQWtK791gs1u8v87HNGToU6IwcA3K7nPoVOrS2Dh6X6A6YfXgPTSkTwR5y6myk0MnI0htjnwrA==",

     

       1531
       1531
       +
             "version": "3.6.0",

     

       1532
       1532
       +
             "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-3.6.0.tgz",

     

       1533
       1533
       +
             "integrity": "sha512-9By7Xb3olEX0o6UeJyPLI1PE1scC4d3wcVepvtv2xbuN9/IThYN4Wcwh24rcFeASzPam11MCq8yQpwwzCgSBRw==",

     

       1534
       1534
        
             "dependencies": {

     

       1535
       1535
       -
               "@shikijs/types": "3.4.0",

     

       1535
       1535
       +
               "@shikijs/types": "3.6.0",

     

       1536
       1536
        
               "@shikijs/vscode-textmate": "^10.0.2",

     

       1537
       1537
        
               "@types/hast": "^3.0.4",

     

       1538
       1538
        
               "hast-util-to-html": "^9.0.5"

     

       1539
       1539
        
             }

     

       1540
       1540
        
           },

     

       1541
       1541
        
           "node_modules/@shikijs/engine-javascript": {

     

       1542
       1542
       -
             "version": "3.4.0",

     

       1543
       1543
       -
             "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-3.4.0.tgz",

     

       1544
       1544
       -
             "integrity": "sha512-1ywDoe+z/TPQKj9Jw0eU61B003J9DqUFRfH+DVSzdwPUFhR7yOmfyLzUrFz0yw8JxFg/NgzXoQyyykXgO21n5Q==",

     

       1542
       1542
       +
             "version": "3.6.0",

     

       1543
       1543
       +
             "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-3.6.0.tgz",

     

       1544
       1544
       +
             "integrity": "sha512-7YnLhZG/TU05IHMG14QaLvTW/9WiK8SEYafceccHUSXs2Qr5vJibUwsDfXDLmRi0zHdzsxrGKpSX6hnqe0k8nA==",

     

       1545
       1545
        
             "dependencies": {

     

       1546
       1546
       -
               "@shikijs/types": "3.4.0",

     

       1546
       1546
       +
               "@shikijs/types": "3.6.0",

     

       1547
       1547
        
               "@shikijs/vscode-textmate": "^10.0.2",

     

       1548
       1548
        
               "oniguruma-to-es": "^4.3.3"

     

       1549
       1549
        
             }

     

       1550
       1550
        
           },

     

       1551
       1551
        
           "node_modules/@shikijs/engine-oniguruma": {

     

       1552
       1552
       -
             "version": "3.4.0",

     

       1553
       1553
       -
             "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-3.4.0.tgz",

     

       1554
       1554
       -
             "integrity": "sha512-zwcWlZ4OQuJ/+1t32ClTtyTU1AiDkK1lhtviRWoq/hFqPjCNyLj22bIg9rB7BfoZKOEOfrsGz7No33BPCf+WlQ==",

     

       1552
       1552
       +
             "version": "3.6.0",

     

       1553
       1553
       +
             "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-3.6.0.tgz",

     

       1554
       1554
       +
             "integrity": "sha512-nmOhIZ9yT3Grd+2plmW/d8+vZ2pcQmo/UnVwXMUXAKTXdi+LK0S08Ancrz5tQQPkxvjBalpMW2aKvwXfelauvA==",

     

       1555
       1555
        
             "dependencies": {

     

       1556
       1556
       -
               "@shikijs/types": "3.4.0",

     

       1556
       1556
       +
               "@shikijs/types": "3.6.0",

     

       1557
       1557
        
               "@shikijs/vscode-textmate": "^10.0.2"

     

       1558
       1558
        
             }

     

       1559
       1559
        
           },

     

       1560
       1560
        
           "node_modules/@shikijs/langs": {

     

       1561
       1561
       -
             "version": "3.4.0",

     

       1562
       1562
       -
             "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-3.4.0.tgz",

     

       1563
       1563
       -
             "integrity": "sha512-bQkR+8LllaM2duU9BBRQU0GqFTx7TuF5kKlw/7uiGKoK140n1xlLAwCgXwSxAjJ7Htk9tXTFwnnsJTCU5nDPXQ==",

     

       1561
       1561
       +
             "version": "3.6.0",

     

       1562
       1562
       +
             "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-3.6.0.tgz",

     

       1563
       1563
       +
             "integrity": "sha512-IdZkQJaLBu1LCYCwkr30hNuSDfllOT8RWYVZK1tD2J03DkiagYKRxj/pDSl8Didml3xxuyzUjgtioInwEQM/TA==",

     

       1564
       1564
        
             "dependencies": {

     

       1565
       1565
       -
               "@shikijs/types": "3.4.0"

     

       1565
       1565
       +
               "@shikijs/types": "3.6.0"

     

       1566
       1566
        
             }

     

       1567
       1567
        
           },

     

       1568
       1568
        
           "node_modules/@shikijs/themes": {

     

       1569
       1569
       -
             "version": "3.4.0",

     

       1570
       1570
       -
             "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-3.4.0.tgz",

     

       1571
       1571
       -
             "integrity": "sha512-YPP4PKNFcFGLxItpbU0ZW1Osyuk8AyZ24YEFaq04CFsuCbcqydMvMUTi40V2dkc0qs1U2uZFrnU6s5zI6IH+uA==",

     

       1569
       1569
       +
             "version": "3.6.0",

     

       1570
       1570
       +
             "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-3.6.0.tgz",

     

       1571
       1571
       +
             "integrity": "sha512-Fq2j4nWr1DF4drvmhqKq8x5vVQ27VncF8XZMBuHuQMZvUSS3NBgpqfwz/FoGe36+W6PvniZ1yDlg2d4kmYDU6w==",

     

       1572
       1572
        
             "dependencies": {

     

       1573
       1573
       -
               "@shikijs/types": "3.4.0"

     

       1573
       1573
       +
               "@shikijs/types": "3.6.0"

     

       1574
       1574
        
             }

     

       1575
       1575
        
           },

     

       1576
       1576
        
           "node_modules/@shikijs/types": {

     

       1577
       1577
       -
             "version": "3.4.0",

     

       1578
       1578
       -
             "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-3.4.0.tgz",

     

       1579
       1579
       -
             "integrity": "sha512-EUT/0lGiE//7j5N/yTMNMT3eCWNcHJLrRKxT0NDXWIfdfSmFJKfPX7nMmRBrQnWboAzIsUziCThrYMMhjbMS1A==",

     

       1577
       1577
       +
             "version": "3.6.0",

     

       1578
       1578
       +
             "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-3.6.0.tgz",

     

       1579
       1579
       +
             "integrity": "sha512-cLWFiToxYu0aAzJqhXTQsFiJRTFDAGl93IrMSBNaGSzs7ixkLfdG6pH11HipuWFGW5vyx4X47W8HDQ7eSrmBUg==",

     

       1580
       1580
        
             "dependencies": {

     

       1581
       1581
        
               "@shikijs/vscode-textmate": "^10.0.2",

     

       1582
       1582
        
               "@types/hast": "^3.0.4"

     
···

       1664
       1664
        
             "version": "1.0.7",

     

       1665
       1665
        
             "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.7.tgz",

     

       1666
       1666
        
             "integrity": "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ=="

     

       1667
       1667
       +
           },

     

       1668
       1668
       +
           "node_modules/@types/fontkit": {

     

       1669
       1669
       +
             "version": "2.0.8",

     

       1670
       1670
       +
             "resolved": "https://registry.npmjs.org/@types/fontkit/-/fontkit-2.0.8.tgz",

     

       1671
       1671
       +
             "integrity": "sha512-wN+8bYxIpJf+5oZdrdtaX04qUuWHcKxcDEgRS9Qm9ZClSHjzEn13SxUC+5eRM+4yXIeTYk8mTzLAWGF64847ew==",

     

       1672
       1672
       +
             "dependencies": {

     

       1673
       1673
       +
               "@types/node": "*"

     

       1674
       1674
       +
             }

     

       1667
       1675
        
           },

     

       1668
       1676
        
           "node_modules/@types/hast": {

     

       1669
       1677
        
             "version": "3.0.4",

     
···

       1887
       1895
        
             }

     

       1888
       1896
        
           },

     

       1889
       1897
        
           "node_modules/astro": {

     

       1890
       1890
       -
             "version": "5.7.11",

     

       1891
       1891
       -
             "resolved": "https://registry.npmjs.org/astro/-/astro-5.7.11.tgz",

     

       1892
       1892
       -
             "integrity": "sha512-9qRVwp8pue3isddLBnTexJsmKFpmms9Fo7Ss+3yrC0aINvbHKpD7q6qf52BtfQEk2xJgyx3SQy3dUsuD90sEqQ==",

     

       1898
       1898
       +
             "version": "5.9.2",

     

       1899
       1899
       +
             "resolved": "https://registry.npmjs.org/astro/-/astro-5.9.2.tgz",

     

       1900
       1900
       +
             "integrity": "sha512-K/zZlQOWMpamfLDOls5jvG7lrsjH1gkk3ESRZyZDCkVBtKHMF4LbjwCicm/iBb3mX3V/PerqRYzLbOy3/4JLCQ==",

     

       1893
       1901
        
             "dependencies": {

     

       1894
       1894
       -
               "@astrojs/compiler": "^2.11.0",

     

       1902
       1902
       +
               "@astrojs/compiler": "^2.12.2",

     

       1895
       1903
        
               "@astrojs/internal-helpers": "0.6.1",

     

       1896
       1896
       -
               "@astrojs/markdown-remark": "6.3.1",

     

       1897
       1897
       -
               "@astrojs/telemetry": "3.2.1",

     

       1904
       1904
       +
               "@astrojs/markdown-remark": "6.3.2",

     

       1905
       1905
       +
               "@astrojs/telemetry": "3.3.0",

     

       1898
       1906
        
               "@capsizecss/unpack": "^2.4.0",

     

       1899
       1907
        
               "@oslojs/encoding": "^1.1.0",

     

       1900
       1908
        
               "@rollup/pluginutils": "^5.1.4",

     
···

       1917
       1925
        
               "esbuild": "^0.25.0",

     

       1918
       1926
        
               "estree-walker": "^3.0.3",

     

       1919
       1927
        
               "flattie": "^1.1.1",

     

       1928
       1928
       +
               "fontace": "~0.3.0",

     

       1920
       1929
        
               "github-slugger": "^2.0.0",

     

       1921
       1930
        
               "html-escaper": "3.0.3",

     

       1922
       1931
        
               "http-cache-semantics": "^4.1.1",

     

       1932
       1932
       +
               "import-meta-resolve": "^4.1.0",

     

       1923
       1933
        
               "js-yaml": "^4.1.0",

     

       1924
       1934
        
               "kleur": "^4.1.5",

     

       1925
       1935
        
               "magic-string": "^0.30.17",

     
···

       1955
       1965
        
               "astro": "astro.js"

     

       1956
       1966
        
             },

     

       1957
       1967
        
             "engines": {

     

       1958
       1958
       -
               "node": "^18.17.1 || ^20.3.0 || >=22.0.0",

     

       1968
       1968
       +
               "node": "18.20.8 || ^20.3.0 || >=22.0.0",

     

       1959
       1969
        
               "npm": ">=9.6.5",

     

       1960
       1970
        
               "pnpm": ">=7.1.0"

     

       1961
       1971
        
             },

     
···

       2581
       2591
        
             "integrity": "sha512-9UbaD6XdAL97+k/n+N7JwX46K/M6Zc6KcFYskrYL8wbBV/Uyk0CTAMY0VT+qiK5PM7AIc9aTWYtq65U7T+aCNQ==",

     

       2582
       2592
        
             "engines": {

     

       2583
       2593
        
               "node": ">=8"

     

       2594
       2594
       +
             }

     

       2595
       2595
       +
           },

     

       2596
       2596
       +
           "node_modules/fontace": {

     

       2597
       2597
       +
             "version": "0.3.0",

     

       2598
       2598
       +
             "resolved": "https://registry.npmjs.org/fontace/-/fontace-0.3.0.tgz",

     

       2599
       2599
       +
             "integrity": "sha512-czoqATrcnxgWb/nAkfyIrRp6Q8biYj7nGnL6zfhTcX+JKKpWHFBnb8uNMw/kZr7u++3Y3wYSYoZgHkCcsuBpBg==",

     

       2600
       2600
       +
             "dependencies": {

     

       2601
       2601
       +
               "@types/fontkit": "^2.0.8",

     

       2602
       2602
       +
               "fontkit": "^2.0.4"

     

       2584
       2603
        
             }

     

       2585
       2604
        
           },

     

       2586
       2605
        
           "node_modules/fontkit": {

     
···

       4483
       4502
        
             }

     

       4484
       4503
        
           },

     

       4485
       4504
        
           "node_modules/shiki": {

     

       4486
       4486
       -
             "version": "3.4.0",

     

       4487
       4487
       -
             "resolved": "https://registry.npmjs.org/shiki/-/shiki-3.4.0.tgz",

     

       4488
       4488
       -
             "integrity": "sha512-Ni80XHcqhOEXv5mmDAvf5p6PAJqbUc/RzFeaOqk+zP5DLvTPS3j0ckvA+MI87qoxTQ5RGJDVTbdl/ENLSyyAnQ==",

     

       4505
       4505
       +
             "version": "3.6.0",

     

       4506
       4506
       +
             "resolved": "https://registry.npmjs.org/shiki/-/shiki-3.6.0.tgz",

     

       4507
       4507
       +
             "integrity": "sha512-tKn/Y0MGBTffQoklaATXmTqDU02zx8NYBGQ+F6gy87/YjKbizcLd+Cybh/0ZtOBX9r1NEnAy/GTRDKtOsc1L9w==",

     

       4489
       4508
        
             "dependencies": {

     

       4490
       4490
       -
               "@shikijs/core": "3.4.0",

     

       4491
       4491
       -
               "@shikijs/engine-javascript": "3.4.0",

     

       4492
       4492
       -
               "@shikijs/engine-oniguruma": "3.4.0",

     

       4493
       4493
       -
               "@shikijs/langs": "3.4.0",

     

       4494
       4494
       -
               "@shikijs/themes": "3.4.0",

     

       4495
       4495
       -
               "@shikijs/types": "3.4.0",

     

       4509
       4509
       +
               "@shikijs/core": "3.6.0",

     

       4510
       4510
       +
               "@shikijs/engine-javascript": "3.6.0",

     

       4511
       4511
       +
               "@shikijs/engine-oniguruma": "3.6.0",

     

       4512
       4512
       +
               "@shikijs/langs": "3.6.0",

     

       4513
       4513
       +
               "@shikijs/themes": "3.6.0",

     

       4514
       4514
       +
               "@shikijs/types": "3.6.0",

     

       4496
       4515
        
               "@shikijs/vscode-textmate": "^10.0.2",

     

       4497
       4516
        
               "@types/hast": "^3.0.4"

     

       4498
       4517
        
             }

+1 -1

package.json

···

       13
       13
        
           "@atproto/api": "^0.15.6",

     

       14
       14
        
           "@types/react": "^19.1.6",

     

       15
       15
        
           "@types/react-dom": "^19.1.6",

     

       16
       16
       -
           "astro": "^5.7.11",

     

       16
       16
       +
           "astro": "^5.9.2",

     

       17
       17
        
           "fs": "^0.0.1-security",

     

       18
       18
        
           "marked": "^15.0.11",

     

       19
       19
        
           "node-cache": "^5.1.2",

robots.txt

···

       1
       1
       +
       User-agent: *

     

       2
       2
       +
       Disallow:

+129

src/components/NowPlaying.jsx

···

       1
       1
       +
       import { useEffect, useState } from "react";

     

       2
       2
       +
       

     

       3
       3
       +
       export default function NowPlaying() {

     

       4
       4
       +
           const [data, setData] = useState(null);

     

       5
       5
       +
           const [error, setError] = useState(null);

     

       6
       6
       +
       

     

       7
       7
       +
           useEffect(() => {

     

       8
       8
       +
               const fetchNowPlaying = async () => {

     

       9
       9
       +
                   try {

     

       10
       10
       +
                       const res = await fetch(

     

       11
       11
       +
                           "https://lastfm-last-played.biancarosa.com.br/Index_Card/latest-song",

     

       12
       12
       +
                       );

     

       13
       13
       +
                       if (!res.ok) throw new Error(`HTTP ${res.status}`);

     

       14
       14
       +
       

     

       15
       15
       +
                       const json = await res.json();

     

       16
       16
       +
                       const track = json.track;

     

       17
       17
       +
                       const isNowPlaying = track["@attr"]?.nowplaying === "true";

     

       18
       18
       +
       

     

       19
       19
       +
                       const status = {

     

       20
       20
       +
                           song: track.name,

     

       21
       21
       +
                           artist: track.artist["#text"],

     

       22
       22
       +
                           album: track.album["#text"],

     

       23
       23
       +
                           createdAt: track.date

     

       24
       24
       +
                               ? new Date(track.date.uts * 1000).toISOString()

     

       25
       25
       +
                               : null,

     

       26
       26
       +
                           link: track.url,

     

       27
       27
       +
                           nowPlaying: isNowPlaying,

     

       28
       28
       +
                           albumArt: track.image.find((img) =>

     

       29
       29
       +
                               img.size === "medium"

     

       30
       30
       +
                           )["#text"],

     

       31
       31
       +
                       };

     

       32
       32
       +
                       setData(status);

     

       33
       33
       +
                   } catch (err) {

     

       34
       34
       +
                       console.error("Fetch failed:", err);

     

       35
       35
       +
                       setError(err.message);

     

       36
       36
       +
                   }

     

       37
       37
       +
               };

     

       38
       38
       +
       

     

       39
       39
       +
               fetchNowPlaying();

     

       40
       40
       +
           }, []);

     

       41
       41
       +
       

     

       42
       42
       +
           if (error) return <span>Error: {error}</span>;

     

       43
       43
       +
           if (!data) return <span>Loading now playing...</span>;

     

       44
       44
       +
       

     

       45
       45
       +
           let timeAgo = "";

     

       46
       46
       +
           let oldStatusClasses = "";

     

       47
       47
       +
       

     

       48
       48
       +
           if (!data.nowPlaying && data.createdAt) {

     

       49
       49
       +
               const date = new Date(data.createdAt);

     

       50
       50
       +
               const now = new Date();

     

       51
       51
       +
               const diff = now.getTime() - date.getTime();

     

       52
       52
       +
       

     

       53
       53
       +
               const minutes = Math.floor(diff / 60000);

     

       54
       54
       +
               const hours = Math.floor(minutes / 60);

     

       55
       55
       +
               const days = Math.floor(hours / 24);

     

       56
       56
       +
       

     

       57
       57
       +
               if (days > 0) timeAgo = `${days} days ago`;

     

       58
       58
       +
               else if (hours > 0) timeAgo = `${hours} hours ago`;

     

       59
       59
       +
               else if (minutes > 0) timeAgo = `${minutes} minutes ago`;

     

       60
       60
       +
               else timeAgo = "just now";

     

       61
       61
       +
       

     

       62
       62
       +
               oldStatusClasses = days > 3

     

       63
       63
       +
                   ? "opacity-75 text-decoration-line-through"

     

       64
       64
       +
                   : "";

     

       65
       65
       +
           }

     

       66
       66
       +
       

     

       67
       67
       +
           return (

     

       68
       68
       +
               <a

     

       69
       69
       +
                   href={data.link}

     

       70
       70
       +
                   target="_blank"

     

       71
       71
       +
                   style={{

     

       72
       72
       +
                       position: "fixed",

     

       73
       73
       +
                       bottom: "20px",

     

       74
       74
       +
                       left: "20px",

     

       75
       75
       +
                       display: "flex",

     

       76
       76
       +
                       alignItems: "center",

     

       77
       77
       +
                       gap: "12px",

     

       78
       78
       +
                       padding: "8px",

     

       79
       79
       +
                       backgroundColor: "#1e1d2d",

     

       80
       80
       +
                       borderRadius: "8px",

     

       81
       81
       +
                       boxShadow: "0 2px 6px rgba(0, 0, 0, 0.1)",

     

       82
       82
       +
                       textDecoration: "none",

     

       83
       83
       +
                       color: "#000",

     

       84
       84
       +
                       maxWidth: "400px",

     

       85
       85
       +
                       transition: "opacity 0.2s",

     

       86
       86
       +
                       textAlign: "left",

     

       87
       87
       +
                   }}

     

       88
       88
       +
                   className={oldStatusClasses}

     

       89
       89
       +
               >

     

       90
       90
       +
                   <img

     

       91
       91
       +
                       src={data.albumArt}

     

       92
       92
       +
                       alt={`${data.album} cover`}

     

       93
       93
       +
                       style={{

     

       94
       94
       +
                           width: "64px",

     

       95
       95
       +
                           height: "64px",

     

       96
       96
       +
                           borderRadius: "4px",

     

       97
       97
       +
                           objectFit: "cover",

     

       98
       98
       +
                       }}

     

       99
       99
       +
                   />

     

       100
       100
       +
                   <div

     

       101
       101
       +
                       style={{

     

       102
       102
       +
                           display: "flex",

     

       103
       103
       +
                           flexDirection: "column",

     

       104
       104
       +
                           gap: "2px",

     

       105
       105
       +
                       }}

     

       106
       106
       +
                   >

     

       107
       107
       +
                       <div style={{ fontWeight: "bold" }}>{data.song}</div>

     

       108
       108
       +
                       <div style={{ fontSize: "0.9em", marginTop: "-5px" }}>

     

       109
       109
       +
                           {data.artist}

     

       110
       110
       +
                       </div>

     

       111
       111
       +
                       <div

     

       112
       112
       +
                           style={{

     

       113
       113
       +
                               fontSize: "0.8em",

     

       114
       114
       +
                               opacity: 0.7,

     

       115
       115
       +
                               marginTop: "-5px",

     

       116
       116
       +
                           }}

     

       117
       117
       +
                       >

     

       118
       118
       +
                           {data.nowPlaying

     

       119
       119
       +
                               ? (

     

       120
       120
       +
                                   <span style={{ color: "#22c55e" }}>

     

       121
       121
       +
                                       ▶ Now Playing

     

       122
       122
       +
                                   </span>

     

       123
       123
       +
                               )

     

       124
       124
       +
                               : timeAgo}

     

       125
       125
       +
                       </div>

     

       126
       126
       +
                   </div>

     

       127
       127
       +
               </a>

     

       128
       128
       +
           );

     

       129
       129
       +
       }

-1

src/components/Status.jsx

···

       12
       12
        
           const [error, setError] = useState(null);

     

       13
       13
        
       

     

       14
       14
        
           useEffect(() => {

     

       15
       15
       -
               console.log("gettin dat damn sattus directly from bsky");

     

       16
       15
        
               const fetchStatus = async () => {

     

       17
       16
        
                   if (!actorDid) {

     

       18
       17
        
                       setError("Configuration error: Actor DID is missing.");

src/components/status.astro

This is a binary file and will not be displayed.

src/pages/index.astro

···

       4
       4
        
       import Header from "../components/Header.astro";

     

       5
       5
        
       import SocialLinks from "../components/SocialLinks.astro";

     

       6
       6
        
       import Status from '../components/Status.jsx';

     

       7
       7
       +
       import NowPlaying from "../components/NowPlaying.jsx";

     

       7
       8
        
       import ProjectsPane from "../components/ProjectsPane.astro";

     

       8
       9
        
       ---

     

       9
       10
        
       

     
···

       11
       12
        
         <main id="page" class="text-center">

     

       12
       13
        
           <Header />

     

       13
       14
        
           <Status client:load />

     

       15
       15
       +
           <NowPlaying client:load />

     

       14
       16
        
           <SocialLinks />

     

       15
       17
        
           <a

     

       16
       18
        
             id="projects-button"