+3 -3

package.json

··· 11 11 "serve": "vite preview" 12 12 }, 13 13 "devDependencies": { 14 14 - "@iconify-json/lucide": "^1.2.87", 14 14 + "@iconify-json/lucide": "^1.2.88", 15 15 "@iconify/tailwind4": "^1.2.1", 16 16 "@tailwindcss/vite": "^4.1.18", 17 17 "prettier": "^3.8.1", ··· 24 24 }, 25 25 "dependencies": { 26 26 "@atcute/atproto": "^3.1.10", 27 27 - "@atcute/bluesky": "^3.2.16", 27 27 + "@atcute/bluesky": "^3.2.17", 28 28 "@atcute/car": "^5.1.0", 29 29 "@atcute/cbor": "^2.3.0", 30 30 "@atcute/cid": "^2.4.0", ··· 39 39 "@atcute/multibase": "^1.1.7", 40 40 "@atcute/oauth-browser-client": "^3.0.0", 41 41 "@atcute/repo": "^0.1.1", 42 42 - "@atcute/tangled": "^1.0.15", 42 42 + "@atcute/tangled": "^1.0.16", 43 43 "@atcute/tid": "^1.1.1", 44 44 "@codemirror/commands": "^6.10.1", 45 45 "@codemirror/lang-json": "^6.0.2",

+52 -52

pnpm-lock.yaml

··· 12 12 specifier: ^3.1.10 13 13 version: 3.1.10 14 14 '@atcute/bluesky': 15 15 - specifier: ^3.2.16 16 16 - version: 3.2.16 15 15 + specifier: ^3.2.17 16 16 + version: 3.2.17 17 17 '@atcute/car': 18 18 specifier: ^5.1.0 19 19 version: 5.1.0 ··· 57 57 specifier: ^0.1.1 58 58 version: 0.1.1 59 59 '@atcute/tangled': 60 60 - specifier: ^1.0.15 61 61 - version: 1.0.15 60 60 + specifier: ^1.0.16 61 61 + version: 1.0.16 62 62 '@atcute/tid': 63 63 specifier: ^1.1.1 64 64 version: 1.1.1 ··· 109 109 version: 1.9.11 110 110 devDependencies: 111 111 '@iconify-json/lucide': 112 112 - specifier: ^1.2.87 113 113 - version: 1.2.87 112 112 + specifier: ^1.2.88 113 113 + version: 1.2.88 114 114 '@iconify/tailwind4': 115 115 specifier: ^1.2.1 116 116 version: 1.2.1(tailwindcss@4.1.18) 117 117 '@tailwindcss/vite': 118 118 specifier: ^4.1.18 119 119 - version: 4.1.18(vite@7.3.1(@types/node@25.1.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2)) 119 119 + version: 4.1.18(vite@7.3.1(@types/node@25.2.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2)) 120 120 prettier: 121 121 specifier: ^3.8.1 122 122 version: 3.8.1 ··· 134 134 version: 5.9.3 135 135 vite: 136 136 specifier: ^7.3.1 137 137 - version: 7.3.1(@types/node@25.1.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2) 137 137 + version: 7.3.1(@types/node@25.2.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2) 138 138 vite-plugin-solid: 139 139 specifier: ^2.11.10 140 140 - version: 2.11.10(solid-js@1.9.11)(vite@7.3.1(@types/node@25.1.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2)) 140 140 + version: 2.11.10(solid-js@1.9.11)(vite@7.3.1(@types/node@25.2.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2)) 141 141 142 142 packages: 143 143 ··· 147 147 '@atcute/atproto@3.1.10': 148 148 resolution: {integrity: sha512-+GKZpOc0PJcdWMQEkTfg/rSNDAAHxmAUGBl60g2az15etqJn5WaUPNGFE2sB7hKpwi5Ue2h/L0OacINcE/JDDQ==} 149 149 150 150 - '@atcute/bluesky@3.2.16': 151 151 - resolution: {integrity: sha512-phFAJNE+SCkIbCcgzjFxntS2KpGvzkLw0JA9qKIXlueF4wNreEt/D5HjnB5eRR9pV1/kcD94II9f7ZAwarf0lQ==} 150 150 + '@atcute/bluesky@3.2.17': 151 151 + resolution: {integrity: sha512-Li+RsPkcRNC6AnNlqOGnlmAcjSwBdXIKFubJL1nwACDngKNXG4ooGL5cvzeekdDEfHmtFhS/tyZNaUx9QXYEUw==} 152 152 153 153 '@atcute/car@3.1.3': 154 154 resolution: {integrity: sha512-WJ13bAEt7TjDMVi09ubjLtvhdljbWInGm9Kfy7Y6NhrmiyC/aZYaA/zHX/bHI6xv1c/h3SQduWqxOr4ae49eqA==} ··· 212 212 '@atcute/repo@0.1.1': 213 213 resolution: {integrity: sha512-P5aWjt3bvcquUkUmGPslF0naAfLGRHse5Qdz9/RJYrFuoH0iiEMyRnW6M+3ksOe20GPsMnbq71WbzzFkRFPBtg==} 214 214 215 215 - '@atcute/tangled@1.0.15': 216 216 - resolution: {integrity: sha512-cEQ0r+iTr4sVfiE6amlqT/h9X+tCGyfhSU+zIGUl6YzAAUMHvNhi9q98BFrdB3nBeOqfHVk/vwLnzQxxqiHZsQ==} 215 215 + '@atcute/tangled@1.0.16': 216 216 + resolution: {integrity: sha512-8we9seXrD79MhvA0BSBgKOvZz/Cx6sJJ4wc4QcHZF4Ats/+4+xuNOwzuFNL+1sNib/GqXxa8dhmmpoY6T1PRZQ==} 217 217 218 218 '@atcute/tid@1.1.1': 219 219 resolution: {integrity: sha512-djJ8UGhLkTU5V51yCnBEruMg35qETjWzWy5sJG/2gEOl2Gd7rQWHSaf+yrO6vMS5EFA38U2xOWE3EDUPzvc2ZQ==} ··· 661 661 '@codemirror/view': ^6.0.0 662 662 '@lezer/highlight': ^1.0.0 663 663 664 664 - '@iconify-json/lucide@1.2.87': 665 665 - resolution: {integrity: sha512-wxYIAp0f8Uw0rJa6BMWMaRbiHk3yV4XczA38GKXFlqyZtTdmHM1QOF4NZw5xpMlRDzbh2MnB7wjteLeFnn/ciQ==} 664 664 + '@iconify-json/lucide@1.2.88': 665 665 + resolution: {integrity: sha512-QBJq+VSj3yHXoMgf+1I4guUhXA+tpxzAt46LJdTSFN6UKy254GstTh+P/a6GD4Bvyi1fCAfi5hS/yCmu0w3mNw==} 666 666 667 667 '@iconify/tailwind4@1.2.1': 668 668 resolution: {integrity: sha512-Hd7k8y7uzT3hk8ltw0jGku0r0wA8sc3d2iMvVTYv/9tMxBb+frZtWZGD9hDMU3EYuE+lMn58wi2lS8R2ZbwFcQ==} ··· 712 712 '@jsr/mary__zip@0.1.1': 713 713 resolution: {integrity: sha512-RIt6xSshG6x1X4qUVGXukgS8ysot+wLQc/WAkNogbiDwm3tzFyDxZdEs8TVDQyT1L7lApPPgbEgdcex7NcfGrw==, tarball: https://npm.jsr.io/~/11/@jsr/mary__zip/0.1.1.tgz} 714 714 715 715 - '@lezer/common@1.5.0': 716 716 - resolution: {integrity: sha512-PNGcolp9hr4PJdXR4ix7XtixDrClScvtSCYW3rQG106oVMOOI+jFb+0+J3mbeL/53g1Zd6s0kJzaw6Ri68GmAA==} 715 715 + '@lezer/common@1.5.1': 716 716 + resolution: {integrity: sha512-6YRVG9vBkaY7p1IVxL4s44n5nUnaNnGM2/AckNgYOnxTG2kWh1vR8BMxPseWPjRNpb5VtXnMpeYAEAADoRV1Iw==} 717 717 718 718 '@lezer/highlight@1.2.3': 719 719 resolution: {integrity: sha512-qXdH7UqTvGfdVBINrgKhDsVTJTxactNNxLk7+UMwZhU13lMHaOBlJe9Vqp907ya56Y3+ed2tlqzys7jDkTmW0g==} ··· 979 979 '@types/estree@1.0.8': 980 980 resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==} 981 981 982 982 - '@types/node@25.1.0': 983 983 - resolution: {integrity: sha512-t7frlewr6+cbx+9Ohpl0NOTKXZNV9xHRmNOvql47BFJKcEG1CxtxlPEEe+gR9uhVWM4DwhnvTF110mIL4yP9RA==} 982 982 + '@types/node@25.2.0': 983 983 + resolution: {integrity: sha512-DZ8VwRFUNzuqJ5khrvwMXHmvPe+zGayJhr2CDNiKB1WBE1ST8Djl00D0IC4vvNmHMdj6DlbYRIaFE7WHjlDl5w==} 984 984 985 985 acorn@8.15.0: 986 986 resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==} ··· 1016 1016 bun-types@1.3.8: 1017 1017 resolution: {integrity: sha512-fL99nxdOWvV4LqjmC+8Q9kW3M4QTtTR1eePs94v5ctGqU8OeceWrSUaRw3JYb7tU3FkMIAjkueehrHPPPGKi5Q==} 1018 1018 1019 1019 - caniuse-lite@1.0.30001766: 1020 1020 - resolution: {integrity: sha512-4C0lfJ0/YPjJQHagaE9x2Elb69CIqEPZeG0anQt9SIvIoOH4a4uaRl73IavyO+0qZh6MDLH//DrXThEYKHkmYA==} 1019 1019 + caniuse-lite@1.0.30001767: 1020 1020 + resolution: {integrity: sha512-34+zUAMhSH+r+9eKmYG+k2Rpt8XttfE4yXAjoZvkAPs15xcYQhyBYdalJ65BzivAvGRMViEjy6oKr/S91loekQ==} 1021 1021 1022 1022 codemirror@6.0.2: 1023 1023 resolution: {integrity: sha512-VhydHotNW5w1UGK0Qj96BwSk/Zqbp9WbnyK2W/eVMv4QyF41INRGpjUhFJY7/uDNuudSc33a/PKr4iDqRduvHw==} ··· 1083 1083 domutils@3.2.2: 1084 1084 resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==} 1085 1085 1086 1086 - electron-to-chromium@1.5.283: 1087 1087 - resolution: {integrity: sha512-3vifjt1HgrGW/h76UEeny+adYApveS9dH2h3p57JYzBSXJIKUJAvtmIytDKjcSCt9xHfrNCFJ7gts6vkhuq++w==} 1086 1086 + electron-to-chromium@1.5.286: 1087 1087 + resolution: {integrity: sha512-9tfDXhJ4RKFNerfjdCcZfufu49vg620741MNs26a9+bhLThdB+plgMeou98CAaHu/WATj2iHOOHTp1hWtABj2A==} 1088 1088 1089 1089 - enhanced-resolve@5.18.4: 1090 1090 - resolution: {integrity: sha512-LgQMM4WXU3QI+SYgEc2liRgznaD5ojbmY3sb8LxyguVkIg5FxdpTkvk72te2R38/TGKxH634oLxXRGY6d7AP+Q==} 1089 1089 + enhanced-resolve@5.19.0: 1090 1090 + resolution: {integrity: sha512-phv3E1Xl4tQOShqSte26C7Fl84EwUdZsyOuSSk9qtAGyyQs2s3jJzComh+Abf4g187lUUAvH+H26omrqia2aGg==} 1091 1091 engines: {node: '>=10.13.0'} 1092 1092 1093 1093 entities@4.5.0: ··· 1561 1561 dependencies: 1562 1562 '@atcute/lexicons': 1.2.7 1563 1563 1564 1564 - '@atcute/bluesky@3.2.16': 1564 1564 + '@atcute/bluesky@3.2.17': 1565 1565 dependencies: 1566 1566 '@atcute/atproto': 3.1.10 1567 1567 '@atcute/lexicons': 1.2.7 ··· 1703 1703 '@atcute/mst': 0.1.2 1704 1704 '@atcute/uint8array': 1.1.0 1705 1705 1706 1706 - '@atcute/tangled@1.0.15': 1706 1706 + '@atcute/tangled@1.0.16': 1707 1707 dependencies: 1708 1708 '@atcute/atproto': 3.1.10 1709 1709 '@atcute/lexicons': 1.2.7 ··· 1847 1847 '@codemirror/language': 6.12.1 1848 1848 '@codemirror/state': 6.5.4 1849 1849 '@codemirror/view': 6.39.12 1850 1850 - '@lezer/common': 1.5.0 1850 1850 + '@lezer/common': 1.5.1 1851 1851 1852 1852 '@codemirror/commands@6.10.1': 1853 1853 dependencies: 1854 1854 '@codemirror/language': 6.12.1 1855 1855 '@codemirror/state': 6.5.4 1856 1856 '@codemirror/view': 6.39.12 1857 1857 - '@lezer/common': 1.5.0 1857 1857 + '@lezer/common': 1.5.1 1858 1858 1859 1859 '@codemirror/lang-json@6.0.2': 1860 1860 dependencies: ··· 1865 1865 dependencies: 1866 1866 '@codemirror/state': 6.5.4 1867 1867 '@codemirror/view': 6.39.12 1868 1868 - '@lezer/common': 1.5.0 1868 1868 + '@lezer/common': 1.5.1 1869 1869 '@lezer/highlight': 1.2.3 1870 1870 '@lezer/lr': 1.4.8 1871 1871 style-mod: 4.1.3 ··· 2061 2061 '@codemirror/view': 6.39.12 2062 2062 '@lezer/highlight': 1.2.3 2063 2063 2064 2064 - '@iconify-json/lucide@1.2.87': 2064 2064 + '@iconify-json/lucide@1.2.88': 2065 2065 dependencies: 2066 2066 '@iconify/types': 2.0.0 2067 2067 ··· 2126 2126 '@jsr/mary__ds-queue': 0.1.3 2127 2127 '@jsr/mary__mutex': 0.1.0 2128 2128 2129 2129 - '@lezer/common@1.5.0': {} 2129 2129 + '@lezer/common@1.5.1': {} 2130 2130 2131 2131 '@lezer/highlight@1.2.3': 2132 2132 dependencies: 2133 2133 - '@lezer/common': 1.5.0 2133 2133 + '@lezer/common': 1.5.1 2134 2134 2135 2135 '@lezer/json@1.0.3': 2136 2136 dependencies: 2137 2137 - '@lezer/common': 1.5.0 2137 2137 + '@lezer/common': 1.5.1 2138 2138 '@lezer/highlight': 1.2.3 2139 2139 '@lezer/lr': 1.4.8 2140 2140 2141 2141 '@lezer/lr@1.4.8': 2142 2142 dependencies: 2143 2143 - '@lezer/common': 1.5.0 2143 2143 + '@lezer/common': 1.5.1 2144 2144 2145 2145 '@marijn/find-cluster-break@1.0.2': {} 2146 2146 ··· 2240 2240 '@tailwindcss/node@4.1.18': 2241 2241 dependencies: 2242 2242 '@jridgewell/remapping': 2.3.5 2243 2243 - enhanced-resolve: 5.18.4 2243 2243 + enhanced-resolve: 5.19.0 2244 2244 jiti: 2.6.1 2245 2245 lightningcss: 1.30.2 2246 2246 magic-string: 0.30.21 ··· 2298 2298 '@tailwindcss/oxide-win32-arm64-msvc': 4.1.18 2299 2299 '@tailwindcss/oxide-win32-x64-msvc': 4.1.18 2300 2300 2301 2301 - '@tailwindcss/vite@4.1.18(vite@7.3.1(@types/node@25.1.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2))': 2301 2301 + '@tailwindcss/vite@4.1.18(vite@7.3.1(@types/node@25.2.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2))': 2302 2302 dependencies: 2303 2303 '@tailwindcss/node': 4.1.18 2304 2304 '@tailwindcss/oxide': 4.1.18 2305 2305 tailwindcss: 4.1.18 2306 2306 - vite: 7.3.1(@types/node@25.1.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2) 2306 2306 + vite: 7.3.1(@types/node@25.2.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2) 2307 2307 2308 2308 '@types/babel__core@7.20.5': 2309 2309 dependencies: ··· 2332 2332 2333 2333 '@types/estree@1.0.8': {} 2334 2334 2335 2335 - '@types/node@25.1.0': 2335 2335 + '@types/node@25.2.0': 2336 2336 dependencies: 2337 2337 undici-types: 7.16.0 2338 2338 ··· 2361 2361 browserslist@4.28.1: 2362 2362 dependencies: 2363 2363 baseline-browser-mapping: 2.9.19 2364 2364 - caniuse-lite: 1.0.30001766 2365 2365 - electron-to-chromium: 1.5.283 2364 2364 + caniuse-lite: 1.0.30001767 2365 2365 + electron-to-chromium: 1.5.286 2366 2366 node-releases: 2.0.27 2367 2367 update-browserslist-db: 1.2.3(browserslist@4.28.1) 2368 2368 2369 2369 bun-types@1.3.8: 2370 2370 dependencies: 2371 2371 - '@types/node': 25.1.0 2371 2371 + '@types/node': 25.2.0 2372 2372 2373 2373 - caniuse-lite@1.0.30001766: {} 2373 2373 + caniuse-lite@1.0.30001767: {} 2374 2374 2375 2375 codemirror@6.0.2: 2376 2376 dependencies: ··· 2440 2440 domelementtype: 2.3.0 2441 2441 domhandler: 5.0.3 2442 2442 2443 2443 - electron-to-chromium@1.5.283: {} 2443 2443 + electron-to-chromium@1.5.286: {} 2444 2444 2445 2445 - enhanced-resolve@5.18.4: 2445 2445 + enhanced-resolve@5.19.0: 2446 2446 dependencies: 2447 2447 graceful-fs: 4.2.11 2448 2448 tapable: 2.3.0 ··· 2788 2788 escalade: 3.2.0 2789 2789 picocolors: 1.1.1 2790 2790 2791 2791 - vite-plugin-solid@2.11.10(solid-js@1.9.11)(vite@7.3.1(@types/node@25.1.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2)): 2791 2791 + vite-plugin-solid@2.11.10(solid-js@1.9.11)(vite@7.3.1(@types/node@25.2.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2)): 2792 2792 dependencies: 2793 2793 '@babel/core': 7.29.0 2794 2794 '@types/babel__core': 7.20.5 ··· 2796 2796 merge-anything: 5.1.7 2797 2797 solid-js: 1.9.11 2798 2798 solid-refresh: 0.6.3(solid-js@1.9.11) 2799 2799 - vite: 7.3.1(@types/node@25.1.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2) 2800 2800 - vitefu: 1.1.1(vite@7.3.1(@types/node@25.1.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2)) 2799 2799 + vite: 7.3.1(@types/node@25.2.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2) 2800 2800 + vitefu: 1.1.1(vite@7.3.1(@types/node@25.2.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2)) 2801 2801 transitivePeerDependencies: 2802 2802 - supports-color 2803 2803 2804 2804 - vite@7.3.1(@types/node@25.1.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2): 2804 2804 + vite@7.3.1(@types/node@25.2.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2): 2805 2805 dependencies: 2806 2806 esbuild: 0.27.2 2807 2807 fdir: 6.5.0(picomatch@4.0.3) ··· 2810 2810 rollup: 4.57.1 2811 2811 tinyglobby: 0.2.15 2812 2812 optionalDependencies: 2813 2813 - '@types/node': 25.1.0 2813 2813 + '@types/node': 25.2.0 2814 2814 fsevents: 2.3.3 2815 2815 jiti: 2.6.1 2816 2816 lightningcss: 1.30.2 2817 2817 tsx: 4.19.2 2818 2818 2819 2819 - vitefu@1.1.1(vite@7.3.1(@types/node@25.1.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2)): 2819 2819 + vitefu@1.1.1(vite@7.3.1(@types/node@25.2.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2)): 2820 2820 optionalDependencies: 2821 2821 - vite: 7.3.1(@types/node@25.1.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2) 2821 2821 + vite: 7.3.1(@types/node@25.2.0)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.19.2) 2822 2822 2823 2823 w3c-keyname@2.2.8: {} 2824 2824

+127 -176

src/components/lexicon-schema.tsx

··· 3 3 import { createEffect, For, Show } from "solid-js"; 4 4 import { resolveLexiconAuthority } from "../utils/api.js"; 5 5 6 6 + // Style constants 7 7 + const CONTAINER_CLASS = 8 8 + "divide-y divide-neutral-200 rounded-lg border border-neutral-200 bg-neutral-50/50 px-3 dark:divide-neutral-700 dark:border-neutral-700 dark:bg-neutral-800/30"; 9 9 + 10 10 + const CARD_CLASS = 11 11 + "flex flex-col gap-2 rounded-lg border border-neutral-200 bg-neutral-50/50 p-3 dark:border-neutral-700 dark:bg-neutral-800/30"; 12 12 + 13 13 + const RESOURCE_COLORS = { 14 14 + repo: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300", 15 15 + rpc: "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300", 16 16 + default: "bg-neutral-200 text-neutral-800 dark:bg-neutral-700 dark:text-neutral-300", 17 17 + } as const; 18 18 + 19 19 + const DEF_TYPE_COLORS = { 20 20 + record: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300", 21 21 + query: "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300", 22 22 + procedure: "bg-orange-100 text-orange-800 dark:bg-orange-900/30 dark:text-orange-300", 23 23 + subscription: "bg-pink-100 text-pink-800 dark:bg-pink-900/30 dark:text-pink-300", 24 24 + object: "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300", 25 25 + token: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300", 26 26 + "permission-set": "bg-cyan-100 text-cyan-800 dark:bg-cyan-900/30 dark:text-cyan-300", 27 27 + default: "bg-neutral-200 text-neutral-800 dark:bg-neutral-700 dark:text-neutral-300", 28 28 + } as const; 29 29 + 30 30 + // Utility functions 31 31 + const hasConstraints = (property: LexiconProperty | LexiconDef) => 32 32 + property.minLength !== undefined || 33 33 + property.maxLength !== undefined || 34 34 + property.maxGraphemes !== undefined || 35 35 + property.minGraphemes !== undefined || 36 36 + property.minimum !== undefined || 37 37 + property.maximum !== undefined || 38 38 + property.maxSize !== undefined || 39 39 + property.accept || 40 40 + property.enum || 41 41 + property.const || 42 42 + property.default !== undefined || 43 43 + property.knownValues || 44 44 + property.closed; 45 45 + 6 46 interface LexiconSchema { 7 47 lexicon: number; 8 48 id: string; ··· 44 84 closed?: boolean; 45 85 enum?: string[]; 46 86 const?: string; 47 47 - default?: any; 87 87 + default?: string | number | boolean; 48 88 minimum?: number; 49 89 maximum?: number; 50 90 accept?: string[]; ··· 86 126 maximum?: number; 87 127 enum?: string[]; 88 128 const?: string | boolean | number; 89 89 - default?: any; 129 129 + default?: string | number | boolean; 90 130 knownValues?: string[]; 91 131 accept?: string[]; 92 132 maxSize?: number; ··· 226 266 required?: boolean; 227 267 hideNameType?: boolean; 228 268 }) => { 229 229 - const hasConstraints = (property: LexiconProperty) => 230 230 - property.minLength !== undefined || 231 231 - property.maxLength !== undefined || 232 232 - property.maxGraphemes !== undefined || 233 233 - property.minGraphemes !== undefined || 234 234 - property.minimum !== undefined || 235 235 - property.maximum !== undefined || 236 236 - property.maxSize !== undefined || 237 237 - property.accept || 238 238 - property.enum || 239 239 - property.const || 240 240 - property.default !== undefined || 241 241 - property.knownValues || 242 242 - property.closed; 243 243 - 244 269 return ( 245 270 <div class="flex flex-col gap-2 py-3"> 246 271 <Show when={!props.hideNameType}> ··· 322 347 ); 323 348 }; 324 349 325 325 - const resourceColor = (resource: string) => { 326 326 - switch (resource) { 327 327 - case "repo": 328 328 - return "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300"; 329 329 - case "rpc": 330 330 - return "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300"; 331 331 - default: 332 332 - return "bg-neutral-200 text-neutral-800 dark:bg-neutral-700 dark:text-neutral-300"; 333 333 - } 350 350 + const resourceColor = (resource: string) => 351 351 + RESOURCE_COLORS[resource as keyof typeof RESOURCE_COLORS] || RESOURCE_COLORS.default; 352 352 + 353 353 + const SchemaSection = (props: { title: string; encoding: string; schema?: LexiconObject }) => { 354 354 + return ( 355 355 + <div class="flex flex-col gap-2"> 356 356 + <h4 class="text-sm font-semibold text-neutral-600 uppercase dark:text-neutral-400"> 357 357 + {props.title} 358 358 + </h4> 359 359 + <div class={CARD_CLASS}> 360 360 + <div class="text-sm"> 361 361 + <span class="font-semibold">Encoding: </span> 362 362 + <span class="font-mono">{props.encoding}</span> 363 363 + </div> 364 364 + <Show when={props.schema?.ref}> 365 365 + <div class="flex items-center gap-2"> 366 366 + <span class="text-sm font-semibold">Schema:</span> 367 367 + <TypeBadge type="ref" refType={props.schema!.ref} /> 368 368 + </div> 369 369 + </Show> 370 370 + <Show when={props.schema?.refs}> 371 371 + <div class="flex flex-col gap-2"> 372 372 + <div class="flex items-center gap-2"> 373 373 + <span class="text-sm font-semibold">Schema (union):</span> 374 374 + </div> 375 375 + <UnionBadges refs={props.schema!.refs!} /> 376 376 + </div> 377 377 + </Show> 378 378 + <Show when={props.schema?.properties && Object.keys(props.schema.properties).length > 0}> 379 379 + <div class={CONTAINER_CLASS}> 380 380 + <For each={Object.entries(props.schema!.properties!)}> 381 381 + {([name, property]) => ( 382 382 + <PropertyRow 383 383 + name={name} 384 384 + property={property} 385 385 + required={(props.schema?.required || []).includes(name)} 386 386 + /> 387 387 + )} 388 388 + </For> 389 389 + </div> 390 390 + </Show> 391 391 + </div> 392 392 + </div> 393 393 + ); 334 394 }; 335 395 336 396 const PermissionRow = (props: { permission: LexiconPermission; index: number }) => { ··· 407 467 }; 408 468 409 469 const DefSection = (props: { name: string; def: LexiconDef }) => { 410 410 - const defTypeColor = () => { 411 411 - switch (props.def.type) { 412 412 - case "record": 413 413 - return "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300"; 414 414 - case "query": 415 415 - return "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300"; 416 416 - case "procedure": 417 417 - return "bg-orange-100 text-orange-800 dark:bg-orange-900/30 dark:text-orange-300"; 418 418 - case "subscription": 419 419 - return "bg-pink-100 text-pink-800 dark:bg-pink-900/30 dark:text-pink-300"; 420 420 - case "object": 421 421 - return "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300"; 422 422 - case "token": 423 423 - return "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300"; 424 424 - case "permission-set": 425 425 - return "bg-cyan-100 text-cyan-800 dark:bg-cyan-900/30 dark:text-cyan-300"; 426 426 - default: 427 427 - return "bg-neutral-200 text-neutral-800 dark:bg-neutral-700 dark:text-neutral-300"; 428 428 - } 429 429 - }; 470 470 + const defTypeColor = () => 471 471 + DEF_TYPE_COLORS[props.def.type as keyof typeof DEF_TYPE_COLORS] || DEF_TYPE_COLORS.default; 430 472 431 431 - const hasDefContent = () => 432 432 - props.def.refs || 433 433 - props.def.minLength !== undefined || 434 434 - props.def.maxLength !== undefined || 435 435 - props.def.maxGraphemes !== undefined || 436 436 - props.def.minGraphemes !== undefined || 437 437 - props.def.minimum !== undefined || 438 438 - props.def.maximum !== undefined || 439 439 - props.def.maxSize !== undefined || 440 440 - props.def.accept || 441 441 - props.def.enum || 442 442 - props.def.const || 443 443 - props.def.default !== undefined || 444 444 - props.def.closed || 445 445 - props.def.items || 446 446 - props.def.knownValues; 473 473 + const hasDefContent = () => props.def.refs || props.def.items || hasConstraints(props.def); 447 474 448 475 return ( 449 476 <div class="flex flex-col gap-3" id={`def-${props.name}`}> ··· 471 498 472 499 {/* Permission-set: Title and Detail */} 473 500 <Show when={props.def.type === "permission-set" && (props.def.title || props.def.detail)}> 474 474 - <div class="flex flex-col gap-2 rounded-lg border border-neutral-200 bg-neutral-50/50 p-3 dark:border-neutral-700 dark:bg-neutral-800/30"> 501 501 + <div class={CARD_CLASS}> 475 502 <Show when={props.def.title}> 476 503 <div class="flex flex-col gap-1"> 477 504 <span class="text-xs font-semibold text-neutral-500 uppercase dark:text-neutral-400"> ··· 530 557 </Show> 531 558 532 559 {/* Permission-set: Permissions list */} 533 533 - <Show when={props.def.permissions && props.def.permissions.length > 0}> 534 534 - {(() => { 535 535 - const supportedPermissions = () => 536 536 - props.def.permissions!.filter((p) => p.resource === "repo" || p.resource === "rpc"); 537 537 - return ( 538 538 - <Show when={supportedPermissions().length > 0}> 539 539 - <div class="flex flex-col gap-2"> 540 540 - <h4 class="text-sm font-semibold text-neutral-600 uppercase dark:text-neutral-400"> 541 541 - Permissions 542 542 - </h4> 543 543 - <div class="divide-y divide-neutral-200 rounded-lg border border-neutral-200 bg-neutral-50/50 px-3 dark:divide-neutral-700 dark:border-neutral-700 dark:bg-neutral-800/30"> 544 544 - <For each={supportedPermissions()}> 545 545 - {(permission, index) => ( 546 546 - <PermissionRow permission={permission} index={index()} /> 547 547 - )} 548 548 - </For> 549 549 - </div> 550 550 - </div> 551 551 - </Show> 552 552 - ); 553 553 - })()} 560 560 + <Show 561 561 + when={ 562 562 + props.def.permissions && 563 563 + props.def.permissions.filter((p) => p.resource === "repo" || p.resource === "rpc") 564 564 + .length > 0 565 565 + } 566 566 + > 567 567 + <div class="flex flex-col gap-2"> 568 568 + <h4 class="text-sm font-semibold text-neutral-600 uppercase dark:text-neutral-400"> 569 569 + Permissions 570 570 + </h4> 571 571 + <div class={CONTAINER_CLASS}> 572 572 + <For 573 573 + each={props.def.permissions!.filter( 574 574 + (p) => p.resource === "repo" || p.resource === "rpc", 575 575 + )} 576 576 + > 577 577 + {(permission, index) => <PermissionRow permission={permission} index={index()} />} 578 578 + </For> 579 579 + </div> 580 580 + </div> 554 581 </Show> 555 582 556 583 {/* Properties (for record/object types) */} ··· 561 588 <h4 class="text-sm font-semibold text-neutral-600 uppercase dark:text-neutral-400"> 562 589 Properties 563 590 </h4> 564 564 - <div class="divide-y divide-neutral-200 rounded-lg border border-neutral-200 bg-neutral-50/50 px-3 dark:divide-neutral-700 dark:border-neutral-700 dark:bg-neutral-800/30"> 591 591 + <div class={CONTAINER_CLASS}> 565 592 <For each={Object.entries(props.def.properties || props.def.record?.properties || {})}> 566 593 {([name, property]) => ( 567 594 <PropertyRow ··· 586 613 <h4 class="text-sm font-semibold text-neutral-600 uppercase dark:text-neutral-400"> 587 614 Parameters 588 615 </h4> 589 589 - <div class="divide-y divide-neutral-200 rounded-lg border border-neutral-200 bg-neutral-50/50 px-3 dark:divide-neutral-700 dark:border-neutral-700 dark:bg-neutral-800/30"> 616 616 + <div class={CONTAINER_CLASS}> 590 617 <For each={Object.entries(props.def.parameters!.properties!)}> 591 618 {([name, property]) => ( 592 619 <PropertyRow ··· 602 629 603 630 {/* Input */} 604 631 <Show when={props.def.input}> 605 605 - <div class="flex flex-col gap-2"> 606 606 - <h4 class="text-sm font-semibold text-neutral-600 uppercase dark:text-neutral-400"> 607 607 - Input 608 608 - </h4> 609 609 - <div class="flex flex-col gap-2 rounded-lg border border-neutral-200 bg-neutral-50/50 p-3 dark:border-neutral-700 dark:bg-neutral-800/30"> 610 610 - <div class="text-sm"> 611 611 - <span class="font-semibold">Encoding: </span> 612 612 - <span class="font-mono">{props.def.input!.encoding}</span> 613 613 - </div> 614 614 - <Show when={props.def.input!.schema?.ref}> 615 615 - <div class="flex items-center gap-2"> 616 616 - <span class="text-sm font-semibold">Schema:</span> 617 617 - <TypeBadge type="ref" refType={props.def.input!.schema!.ref} /> 618 618 - </div> 619 619 - </Show> 620 620 - <Show when={props.def.input!.schema?.refs}> 621 621 - <div class="flex flex-col gap-2"> 622 622 - <div class="flex items-center gap-2"> 623 623 - <span class="text-sm font-semibold">Schema (union):</span> 624 624 - </div> 625 625 - <UnionBadges refs={props.def.input!.schema!.refs!} /> 626 626 - </div> 627 627 - </Show> 628 628 - <Show 629 629 - when={ 630 630 - props.def.input!.schema?.properties && 631 631 - Object.keys(props.def.input!.schema.properties).length > 0 632 632 - } 633 633 - > 634 634 - <div class="divide-y divide-neutral-200 rounded-lg border border-neutral-200 bg-neutral-50/50 px-3 dark:divide-neutral-700 dark:border-neutral-700 dark:bg-neutral-800/30"> 635 635 - <For each={Object.entries(props.def.input!.schema!.properties!)}> 636 636 - {([name, property]) => ( 637 637 - <PropertyRow 638 638 - name={name} 639 639 - property={property} 640 640 - required={(props.def.input!.schema?.required || []).includes(name)} 641 641 - /> 642 642 - )} 643 643 - </For> 644 644 - </div> 645 645 - </Show> 646 646 - </div> 647 647 - </div> 632 632 + <SchemaSection 633 633 + title="Input" 634 634 + encoding={props.def.input!.encoding} 635 635 + schema={props.def.input!.schema} 636 636 + /> 648 637 </Show> 649 638 650 639 {/* Output */} 651 640 <Show when={props.def.output}> 652 652 - <div class="flex flex-col gap-2"> 653 653 - <h4 class="text-sm font-semibold text-neutral-600 uppercase dark:text-neutral-400"> 654 654 - Output 655 655 - </h4> 656 656 - <div class="flex flex-col gap-2 rounded-lg border border-neutral-200 bg-neutral-50/50 p-3 dark:border-neutral-700 dark:bg-neutral-800/30"> 657 657 - <div class="text-sm"> 658 658 - <span class="font-semibold">Encoding: </span> 659 659 - <span class="font-mono">{props.def.output!.encoding}</span> 660 660 - </div> 661 661 - <Show when={props.def.output!.schema?.ref}> 662 662 - <div class="flex items-center gap-2"> 663 663 - <span class="text-sm font-semibold">Schema:</span> 664 664 - <TypeBadge type="ref" refType={props.def.output!.schema!.ref} /> 665 665 - </div> 666 666 - </Show> 667 667 - <Show when={props.def.output!.schema?.refs}> 668 668 - <div class="flex flex-col gap-2"> 669 669 - <div class="flex items-center gap-2"> 670 670 - <span class="text-sm font-semibold">Schema (union):</span> 671 671 - </div> 672 672 - <UnionBadges refs={props.def.output!.schema!.refs!} /> 673 673 - </div> 674 674 - </Show> 675 675 - <Show 676 676 - when={ 677 677 - props.def.output!.schema?.properties && 678 678 - Object.keys(props.def.output!.schema.properties).length > 0 679 679 - } 680 680 - > 681 681 - <div class="divide-y divide-neutral-200 rounded-lg border border-neutral-200 bg-neutral-50/50 px-3 dark:divide-neutral-700 dark:border-neutral-700 dark:bg-neutral-800/30"> 682 682 - <For each={Object.entries(props.def.output!.schema!.properties!)}> 683 683 - {([name, property]) => ( 684 684 - <PropertyRow 685 685 - name={name} 686 686 - property={property} 687 687 - required={(props.def.output!.schema?.required || []).includes(name)} 688 688 - /> 689 689 - )} 690 690 - </For> 691 691 - </div> 692 692 - </Show> 693 693 - </div> 694 694 - </div> 641 641 + <SchemaSection 642 642 + title="Output" 643 643 + encoding={props.def.output!.encoding} 644 644 + schema={props.def.output!.schema} 645 645 + /> 695 646 </Show> 696 647 697 648 {/* Errors */} ··· 700 651 <h4 class="text-sm font-semibold text-neutral-600 uppercase dark:text-neutral-400"> 701 652 Errors 702 653 </h4> 703 703 - <div class="divide-y divide-neutral-200 rounded-lg border border-neutral-200 bg-neutral-50/50 px-3 dark:divide-neutral-700 dark:border-neutral-700 dark:bg-neutral-800/30"> 654 654 + <div class={CONTAINER_CLASS}> 704 655 <For each={props.def.errors}> 705 656 {(error) => ( 706 657 <div class="flex flex-col gap-1 py-2"> ··· 730 681 ) && hasDefContent() 731 682 } 732 683 > 733 733 - <div class="divide-y divide-neutral-200 rounded-lg border border-neutral-200 bg-neutral-50/50 px-3 dark:divide-neutral-700 dark:border-neutral-700 dark:bg-neutral-800/30"> 684 684 + <div class={CONTAINER_CLASS}> 734 685 <PropertyRow name={props.name} property={props.def} hideNameType /> 735 686 </div> 736 687 </Show> ··· 756 707 return ( 757 708 <div class="w-full max-w-4xl px-2"> 758 709 {/* Header */} 759 759 - <div class="flex flex-col gap-2 border-b border-neutral-300 pb-4 dark:border-neutral-700"> 710 710 + <div class="flex flex-col gap-2 border-b border-neutral-300 pb-3 dark:border-neutral-700"> 760 711 <h2 class="text-lg font-semibold">{props.schema.id}</h2> 761 712 <div class="flex gap-4 text-sm text-neutral-600 dark:text-neutral-400"> 762 713 <span> ··· 770 721 </div> 771 722 772 723 {/* Definitions */} 773 773 - <div class="flex flex-col gap-6 pt-4"> 724 724 + <div class="flex flex-col gap-6 pt-3"> 774 725 <For each={Object.entries(props.schema.defs)}> 775 726 {([name, def]) => <DefSection name={name} def={def} />} 776 727 </For>