From aca6cdbaa537061f1481a88673d011604164b9bb Mon Sep 17 00:00:00 2001 From: Wuesteon Date: Thu, 4 Dec 2025 02:19:11 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix(build):=20fix=20build=20erro?= =?UTF-8?q?rs=20and=20add=20troubleshooting=20docs?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Fixes multiple build errors discovered after removing recursive turbo calls: 1. Documentation: - Add comprehensive TROUBLESHOOTING.md covering recursive turbo issues - Includes prevention checklist and validation scripts - Documents both build and linting recursive problems 2. Storage app fixes: - Fix nested button HTML validation in FileCard, FolderCard, FileRow, FolderRow - Fix theme constant imports (DEFAULT_VARIANT, THEME_VARIANTS) - Fix auth component imports (StorageLogo β†’ ManaIcon) 3. Presi app fixes: - Fix authStore import mismatch (authStore β†’ auth) Build time improved from infinite loop to 36.3s (39/39 tasks successful). πŸ€– Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- .claude-flow/metrics/system-metrics.json | 756 ++++++++++++++ TROUBLESHOOTING.md | 285 ++++++ .../packages/design-tokens/native/theme.d.ts | 961 ++++++++++++++++++ .../packages/design-tokens/native/theme.js | 580 +++++++++++ .../src/lib/stores/user-settings.svelte.ts | 4 +- .../src/lib/components/files/FileCard.svelte | 4 +- .../src/lib/components/files/FileRow.svelte | 4 +- .../lib/components/files/FolderCard.svelte | 4 +- .../src/lib/components/files/FolderRow.svelte | 4 +- .../apps/web/src/lib/stores/theme.svelte.ts | 8 +- .../src/routes/forgot-password/+page.svelte | 4 +- .../apps/web/src/routes/login/+page.svelte | 4 +- .../apps/web/src/routes/register/+page.svelte | 4 +- .../apps/web/src/routes/themes/+page.svelte | 4 +- 14 files changed, 2604 insertions(+), 22 deletions(-) create mode 100644 TROUBLESHOOTING.md create mode 100644 apps/picture/packages/design-tokens/native/theme.d.ts create mode 100644 apps/picture/packages/design-tokens/native/theme.js diff --git a/.claude-flow/metrics/system-metrics.json b/.claude-flow/metrics/system-metrics.json index 8950d1519..98d66881f 100644 --- a/.claude-flow/metrics/system-metrics.json +++ b/.claude-flow/metrics/system-metrics.json @@ -3142,5 +3142,761 @@ "cpuLoad": 0.22049967447916666, "platform": "darwin", "uptime": 173119 + }, + { + "timestamp": 1764809127501, + "memoryTotal": 34359738368, + "memoryUsed": 34208628736, + "memoryFree": 151109632, + "memoryUsagePercent": 99.56021308898926, + "memoryEfficiency": 0.4397869110107422, + "cpuCount": 12, + "cpuLoad": 0.2044677734375, + "platform": "darwin", + "uptime": 173149 + }, + { + "timestamp": 1764809157502, + "memoryTotal": 34359738368, + "memoryUsed": 34289860608, + "memoryFree": 69877760, + "memoryUsagePercent": 99.79662895202637, + "memoryEfficiency": 0.2033710479736328, + "cpuCount": 12, + "cpuLoad": 0.16019694010416666, + "platform": "darwin", + "uptime": 173179 + }, + { + "timestamp": 1764809187503, + "memoryTotal": 34359738368, + "memoryUsed": 30170988544, + "memoryFree": 4188749824, + "memoryUsagePercent": 87.80913352966309, + "memoryEfficiency": 12.190866470336914, + "cpuCount": 12, + "cpuLoad": 0.19368489583333334, + "platform": "darwin", + "uptime": 173209 + }, + { + "timestamp": 1764809217504, + "memoryTotal": 34359738368, + "memoryUsed": 34275246080, + "memoryFree": 84492288, + "memoryUsagePercent": 99.75409507751465, + "memoryEfficiency": 0.24590492248535156, + "cpuCount": 12, + "cpuLoad": 0.17683919270833334, + "platform": "darwin", + "uptime": 173239 + }, + { + "timestamp": 1764809247506, + "memoryTotal": 34359738368, + "memoryUsed": 34272296960, + "memoryFree": 87441408, + "memoryUsagePercent": 99.74551200866699, + "memoryEfficiency": 0.2544879913330078, + "cpuCount": 12, + "cpuLoad": 0.18575032552083334, + "platform": "darwin", + "uptime": 173269 + }, + { + "timestamp": 1764809277508, + "memoryTotal": 34359738368, + "memoryUsed": 34293972992, + "memoryFree": 65765376, + "memoryUsagePercent": 99.80859756469727, + "memoryEfficiency": 0.19140243530273438, + "cpuCount": 12, + "cpuLoad": 0.20796712239583334, + "platform": "darwin", + "uptime": 173299 + }, + { + "timestamp": 1764809307508, + "memoryTotal": 34359738368, + "memoryUsed": 33382416384, + "memoryFree": 977321984, + "memoryUsagePercent": 97.15561866760254, + "memoryEfficiency": 2.844381332397461, + "cpuCount": 12, + "cpuLoad": 0.2376708984375, + "platform": "darwin", + "uptime": 173329 + }, + { + "timestamp": 1764809337509, + "memoryTotal": 34359738368, + "memoryUsed": 34154315776, + "memoryFree": 205422592, + "memoryUsagePercent": 99.40214157104492, + "memoryEfficiency": 0.5978584289550781, + "cpuCount": 12, + "cpuLoad": 0.19722493489583334, + "platform": "darwin", + "uptime": 173359 + }, + { + "timestamp": 1764809367510, + "memoryTotal": 34359738368, + "memoryUsed": 34279882752, + "memoryFree": 79855616, + "memoryUsagePercent": 99.7675895690918, + "memoryEfficiency": 0.23241043090820312, + "cpuCount": 12, + "cpuLoad": 0.1632080078125, + "platform": "darwin", + "uptime": 173389 + }, + { + "timestamp": 1764809397511, + "memoryTotal": 34359738368, + "memoryUsed": 34249375744, + "memoryFree": 110362624, + "memoryUsagePercent": 99.67880249023438, + "memoryEfficiency": 0.321197509765625, + "cpuCount": 12, + "cpuLoad": 0.19038899739583334, + "platform": "darwin", + "uptime": 173419 + }, + { + "timestamp": 1764809427513, + "memoryTotal": 34359738368, + "memoryUsed": 34186051584, + "memoryFree": 173686784, + "memoryUsagePercent": 99.49450492858887, + "memoryEfficiency": 0.5054950714111328, + "cpuCount": 12, + "cpuLoad": 0.14278157552083334, + "platform": "darwin", + "uptime": 173449 + }, + { + "timestamp": 1764809457514, + "memoryTotal": 34359738368, + "memoryUsed": 34264547328, + "memoryFree": 95191040, + "memoryUsagePercent": 99.72295761108398, + "memoryEfficiency": 0.2770423889160156, + "cpuCount": 12, + "cpuLoad": 0.13936360677083334, + "platform": "darwin", + "uptime": 173479 + }, + { + "timestamp": 1764809487515, + "memoryTotal": 34359738368, + "memoryUsed": 34263465984, + "memoryFree": 96272384, + "memoryUsagePercent": 99.71981048583984, + "memoryEfficiency": 0.28018951416015625, + "cpuCount": 12, + "cpuLoad": 0.18424479166666666, + "platform": "darwin", + "uptime": 173509 + }, + { + "timestamp": 1764809517516, + "memoryTotal": 34359738368, + "memoryUsed": 34284077056, + "memoryFree": 75661312, + "memoryUsagePercent": 99.7797966003418, + "memoryEfficiency": 0.22020339965820312, + "cpuCount": 12, + "cpuLoad": 0.16434733072916666, + "platform": "darwin", + "uptime": 173539 + }, + { + "timestamp": 1764809547519, + "memoryTotal": 34359738368, + "memoryUsed": 33267187712, + "memoryFree": 1092550656, + "memoryUsagePercent": 96.82025909423828, + "memoryEfficiency": 3.1797409057617188, + "cpuCount": 12, + "cpuLoad": 0.2657470703125, + "platform": "darwin", + "uptime": 173569 + }, + { + "timestamp": 1764809577520, + "memoryTotal": 34359738368, + "memoryUsed": 34130411520, + "memoryFree": 229326848, + "memoryUsagePercent": 99.33257102966309, + "memoryEfficiency": 0.6674289703369141, + "cpuCount": 12, + "cpuLoad": 0.22843424479166666, + "platform": "darwin", + "uptime": 173599 + }, + { + "timestamp": 1764809607521, + "memoryTotal": 34359738368, + "memoryUsed": 30222106624, + "memoryFree": 4137631744, + "memoryUsagePercent": 87.95790672302246, + "memoryEfficiency": 12.042093276977539, + "cpuCount": 12, + "cpuLoad": 0.18294270833333334, + "platform": "darwin", + "uptime": 173629 + }, + { + "timestamp": 1764809637522, + "memoryTotal": 34359738368, + "memoryUsed": 30275469312, + "memoryFree": 4084269056, + "memoryUsagePercent": 88.11321258544922, + "memoryEfficiency": 11.886787414550781, + "cpuCount": 12, + "cpuLoad": 0.1856689453125, + "platform": "darwin", + "uptime": 173659 + }, + { + "timestamp": 1764809667524, + "memoryTotal": 34359738368, + "memoryUsed": 34274656256, + "memoryFree": 85082112, + "memoryUsagePercent": 99.75237846374512, + "memoryEfficiency": 0.2476215362548828, + "cpuCount": 12, + "cpuLoad": 0.21061197916666666, + "platform": "darwin", + "uptime": 173689 + }, + { + "timestamp": 1764809697525, + "memoryTotal": 34359738368, + "memoryUsed": 34285617152, + "memoryFree": 74121216, + "memoryUsagePercent": 99.7842788696289, + "memoryEfficiency": 0.21572113037109375, + "cpuCount": 12, + "cpuLoad": 0.16385904947916666, + "platform": "darwin", + "uptime": 173719 + }, + { + "timestamp": 1764809727527, + "memoryTotal": 34359738368, + "memoryUsed": 34255060992, + "memoryFree": 104677376, + "memoryUsagePercent": 99.69534873962402, + "memoryEfficiency": 0.30465126037597656, + "cpuCount": 12, + "cpuLoad": 0.15669759114583334, + "platform": "darwin", + "uptime": 173749 + }, + { + "timestamp": 1764809757528, + "memoryTotal": 34359738368, + "memoryUsed": 34288353280, + "memoryFree": 71385088, + "memoryUsagePercent": 99.7922420501709, + "memoryEfficiency": 0.20775794982910156, + "cpuCount": 12, + "cpuLoad": 0.13932291666666666, + "platform": "darwin", + "uptime": 173779 + }, + { + "timestamp": 1764809787530, + "memoryTotal": 34359738368, + "memoryUsed": 34292154368, + "memoryFree": 67584000, + "memoryUsagePercent": 99.80330467224121, + "memoryEfficiency": 0.19669532775878906, + "cpuCount": 12, + "cpuLoad": 0.13667805989583334, + "platform": "darwin", + "uptime": 173809 + }, + { + "timestamp": 1764809817532, + "memoryTotal": 34359738368, + "memoryUsed": 34265333760, + "memoryFree": 94404608, + "memoryUsagePercent": 99.72524642944336, + "memoryEfficiency": 0.2747535705566406, + "cpuCount": 12, + "cpuLoad": 0.2581787109375, + "platform": "darwin", + "uptime": 173839 + }, + { + "timestamp": 1764809847533, + "memoryTotal": 34359738368, + "memoryUsed": 34290679808, + "memoryFree": 69058560, + "memoryUsagePercent": 99.79901313781738, + "memoryEfficiency": 0.2009868621826172, + "cpuCount": 12, + "cpuLoad": 0.2714436848958333, + "platform": "darwin", + "uptime": 173869 + }, + { + "timestamp": 1764809877534, + "memoryTotal": 34359738368, + "memoryUsed": 34266169344, + "memoryFree": 93569024, + "memoryUsagePercent": 99.7276782989502, + "memoryEfficiency": 0.2723217010498047, + "cpuCount": 12, + "cpuLoad": 0.23604329427083334, + "platform": "darwin", + "uptime": 173899 + }, + { + "timestamp": 1764809907535, + "memoryTotal": 34359738368, + "memoryUsed": 34282881024, + "memoryFree": 76857344, + "memoryUsagePercent": 99.77631568908691, + "memoryEfficiency": 0.22368431091308594, + "cpuCount": 12, + "cpuLoad": 0.21272786458333334, + "platform": "darwin", + "uptime": 173929 + }, + { + "timestamp": 1764809937537, + "memoryTotal": 34359738368, + "memoryUsed": 34292678656, + "memoryFree": 67059712, + "memoryUsagePercent": 99.80483055114746, + "memoryEfficiency": 0.19516944885253906, + "cpuCount": 12, + "cpuLoad": 0.22306315104166666, + "platform": "darwin", + "uptime": 173959 + }, + { + "timestamp": 1764809967538, + "memoryTotal": 34359738368, + "memoryUsed": 34225209344, + "memoryFree": 134529024, + "memoryUsagePercent": 99.60846900939941, + "memoryEfficiency": 0.39153099060058594, + "cpuCount": 12, + "cpuLoad": 0.19868977864583334, + "platform": "darwin", + "uptime": 173989 + }, + { + "timestamp": 1764809997540, + "memoryTotal": 34359738368, + "memoryUsed": 34241200128, + "memoryFree": 118538240, + "memoryUsagePercent": 99.65500831604004, + "memoryEfficiency": 0.34499168395996094, + "cpuCount": 12, + "cpuLoad": 0.16890462239583334, + "platform": "darwin", + "uptime": 174019 + }, + { + "timestamp": 1764810027542, + "memoryTotal": 34359738368, + "memoryUsed": 34273034240, + "memoryFree": 86704128, + "memoryUsagePercent": 99.7476577758789, + "memoryEfficiency": 0.25234222412109375, + "cpuCount": 12, + "cpuLoad": 0.1854248046875, + "platform": "darwin", + "uptime": 174049 + }, + { + "timestamp": 1764810057543, + "memoryTotal": 34359738368, + "memoryUsed": 34195931136, + "memoryFree": 163807232, + "memoryUsagePercent": 99.52325820922852, + "memoryEfficiency": 0.4767417907714844, + "cpuCount": 12, + "cpuLoad": 0.4327799479166667, + "platform": "darwin", + "uptime": 174079 + }, + { + "timestamp": 1764810087545, + "memoryTotal": 34359738368, + "memoryUsed": 30106075136, + "memoryFree": 4253663232, + "memoryUsagePercent": 87.62021064758301, + "memoryEfficiency": 12.379789352416992, + "cpuCount": 12, + "cpuLoad": 0.6828206380208334, + "platform": "darwin", + "uptime": 174109 + }, + { + "timestamp": 1764810117546, + "memoryTotal": 34359738368, + "memoryUsed": 33722908672, + "memoryFree": 636829696, + "memoryUsagePercent": 98.14658164978027, + "memoryEfficiency": 1.8534183502197266, + "cpuCount": 12, + "cpuLoad": 0.5090738932291666, + "platform": "darwin", + "uptime": 174139 + }, + { + "timestamp": 1764810147547, + "memoryTotal": 34359738368, + "memoryUsed": 34103132160, + "memoryFree": 256606208, + "memoryUsagePercent": 99.25317764282227, + "memoryEfficiency": 0.7468223571777344, + "cpuCount": 12, + "cpuLoad": 0.3933919270833333, + "platform": "darwin", + "uptime": 174169 + }, + { + "timestamp": 1764810177549, + "memoryTotal": 34359738368, + "memoryUsed": 28910272512, + "memoryFree": 5449465856, + "memoryUsagePercent": 84.13996696472168, + "memoryEfficiency": 15.86003303527832, + "cpuCount": 12, + "cpuLoad": 1.1097819010416667, + "platform": "darwin", + "uptime": 174199 + }, + { + "timestamp": 1764810207551, + "memoryTotal": 34359738368, + "memoryUsed": 31305318400, + "memoryFree": 3054419968, + "memoryUsagePercent": 91.1104679107666, + "memoryEfficiency": 8.889532089233398, + "cpuCount": 12, + "cpuLoad": 0.765380859375, + "platform": "darwin", + "uptime": 174229 + }, + { + "timestamp": 1764810237551, + "memoryTotal": 34359738368, + "memoryUsed": 27889696768, + "memoryFree": 6470041600, + "memoryUsagePercent": 81.1697006225586, + "memoryEfficiency": 18.830299377441406, + "cpuCount": 12, + "cpuLoad": 0.558837890625, + "platform": "darwin", + "uptime": 174259 + }, + { + "timestamp": 1764810267552, + "memoryTotal": 34359738368, + "memoryUsed": 32701169664, + "memoryFree": 1658568704, + "memoryUsagePercent": 95.17292976379395, + "memoryEfficiency": 4.827070236206055, + "cpuCount": 12, + "cpuLoad": 0.4071044921875, + "platform": "darwin", + "uptime": 174289 + }, + { + "timestamp": 1764810297552, + "memoryTotal": 34359738368, + "memoryUsed": 32922189824, + "memoryFree": 1437548544, + "memoryUsagePercent": 95.81618309020996, + "memoryEfficiency": 4.183816909790039, + "cpuCount": 12, + "cpuLoad": 0.3748372395833333, + "platform": "darwin", + "uptime": 174319 + }, + { + "timestamp": 1764810327553, + "memoryTotal": 34359738368, + "memoryUsed": 33121845248, + "memoryFree": 1237893120, + "memoryUsagePercent": 96.39725685119629, + "memoryEfficiency": 3.602743148803711, + "cpuCount": 12, + "cpuLoad": 0.2720947265625, + "platform": "darwin", + "uptime": 174349 + }, + { + "timestamp": 1764810357555, + "memoryTotal": 34359738368, + "memoryUsed": 33280344064, + "memoryFree": 1079394304, + "memoryUsagePercent": 96.85854911804199, + "memoryEfficiency": 3.141450881958008, + "cpuCount": 12, + "cpuLoad": 0.22041829427083334, + "platform": "darwin", + "uptime": 174379 + }, + { + "timestamp": 1764810387556, + "memoryTotal": 34359738368, + "memoryUsed": 25947226112, + "memoryFree": 8412512256, + "memoryUsagePercent": 75.51636695861816, + "memoryEfficiency": 24.483633041381836, + "cpuCount": 12, + "cpuLoad": 0.4248860677083333, + "platform": "darwin", + "uptime": 174409 + }, + { + "timestamp": 1764810417557, + "memoryTotal": 34359738368, + "memoryUsed": 26600914944, + "memoryFree": 7758823424, + "memoryUsagePercent": 77.41885185241699, + "memoryEfficiency": 22.581148147583008, + "cpuCount": 12, + "cpuLoad": 0.2937825520833333, + "platform": "darwin", + "uptime": 174439 + }, + { + "timestamp": 1764810447558, + "memoryTotal": 34359738368, + "memoryUsed": 29076701184, + "memoryFree": 5283037184, + "memoryUsagePercent": 84.62433815002441, + "memoryEfficiency": 15.375661849975586, + "cpuCount": 12, + "cpuLoad": 0.5496419270833334, + "platform": "darwin", + "uptime": 174469 + }, + { + "timestamp": 1764810477561, + "memoryTotal": 34359738368, + "memoryUsed": 29329965056, + "memoryFree": 5029773312, + "memoryUsagePercent": 85.3614330291748, + "memoryEfficiency": 14.638566970825195, + "cpuCount": 12, + "cpuLoad": 0.4759114583333333, + "platform": "darwin", + "uptime": 174499 + }, + { + "timestamp": 1764810507560, + "memoryTotal": 34359738368, + "memoryUsed": 28347236352, + "memoryFree": 6012502016, + "memoryUsagePercent": 82.50131607055664, + "memoryEfficiency": 17.49868392944336, + "cpuCount": 12, + "cpuLoad": 0.523681640625, + "platform": "darwin", + "uptime": 174529 + }, + { + "timestamp": 1764810537561, + "memoryTotal": 34359738368, + "memoryUsed": 29475389440, + "memoryFree": 4884348928, + "memoryUsagePercent": 85.7846736907959, + "memoryEfficiency": 14.215326309204102, + "cpuCount": 12, + "cpuLoad": 0.3527425130208333, + "platform": "darwin", + "uptime": 174559 + }, + { + "timestamp": 1764810567563, + "memoryTotal": 34359738368, + "memoryUsed": 28188655616, + "memoryFree": 6171082752, + "memoryUsagePercent": 82.03978538513184, + "memoryEfficiency": 17.960214614868164, + "cpuCount": 12, + "cpuLoad": 0.5089925130208334, + "platform": "darwin", + "uptime": 174589 + }, + { + "timestamp": 1764810597565, + "memoryTotal": 34359738368, + "memoryUsed": 28482764800, + "memoryFree": 5876973568, + "memoryUsagePercent": 82.89575576782227, + "memoryEfficiency": 17.104244232177734, + "cpuCount": 12, + "cpuLoad": 0.35595703125, + "platform": "darwin", + "uptime": 174619 + }, + { + "timestamp": 1764810627565, + "memoryTotal": 34359738368, + "memoryUsed": 34113224704, + "memoryFree": 246513664, + "memoryUsagePercent": 99.28255081176758, + "memoryEfficiency": 0.7174491882324219, + "cpuCount": 12, + "cpuLoad": 0.4571126302083333, + "platform": "darwin", + "uptime": 174649 + }, + { + "timestamp": 1764810657567, + "memoryTotal": 34359738368, + "memoryUsed": 27917352960, + "memoryFree": 6442385408, + "memoryUsagePercent": 81.25019073486328, + "memoryEfficiency": 18.74980926513672, + "cpuCount": 12, + "cpuLoad": 0.7456868489583334, + "platform": "darwin", + "uptime": 174679 + }, + { + "timestamp": 1764810687568, + "memoryTotal": 34359738368, + "memoryUsed": 34270150656, + "memoryFree": 89587712, + "memoryUsagePercent": 99.73926544189453, + "memoryEfficiency": 0.26073455810546875, + "cpuCount": 12, + "cpuLoad": 0.8447265625, + "platform": "darwin", + "uptime": 174709 + }, + { + "timestamp": 1764810717570, + "memoryTotal": 34359738368, + "memoryUsed": 26351828992, + "memoryFree": 8007909376, + "memoryUsagePercent": 76.69391632080078, + "memoryEfficiency": 23.30608367919922, + "cpuCount": 12, + "cpuLoad": 0.8650309244791666, + "platform": "darwin", + "uptime": 174739 + }, + { + "timestamp": 1764810747573, + "memoryTotal": 34359738368, + "memoryUsed": 27803418624, + "memoryFree": 6556319744, + "memoryUsagePercent": 80.91859817504883, + "memoryEfficiency": 19.081401824951172, + "cpuCount": 12, + "cpuLoad": 0.5467936197916666, + "platform": "darwin", + "uptime": 174769 + }, + { + "timestamp": 1764810777574, + "memoryTotal": 34359738368, + "memoryUsed": 27426144256, + "memoryFree": 6933594112, + "memoryUsagePercent": 79.82058525085449, + "memoryEfficiency": 20.179414749145508, + "cpuCount": 12, + "cpuLoad": 0.3612060546875, + "platform": "darwin", + "uptime": 174799 + }, + { + "timestamp": 1764810807575, + "memoryTotal": 34359738368, + "memoryUsed": 27739504640, + "memoryFree": 6620233728, + "memoryUsagePercent": 80.73258399963379, + "memoryEfficiency": 19.26741600036621, + "cpuCount": 12, + "cpuLoad": 0.2709147135416667, + "platform": "darwin", + "uptime": 174829 + }, + { + "timestamp": 1764810837577, + "memoryTotal": 34359738368, + "memoryUsed": 27795685376, + "memoryFree": 6564052992, + "memoryUsagePercent": 80.89609146118164, + "memoryEfficiency": 19.10390853881836, + "cpuCount": 12, + "cpuLoad": 0.20760091145833334, + "platform": "darwin", + "uptime": 174859 + }, + { + "timestamp": 1764810867578, + "memoryTotal": 34359738368, + "memoryUsed": 28141436928, + "memoryFree": 6218301440, + "memoryUsagePercent": 81.9023609161377, + "memoryEfficiency": 18.097639083862305, + "cpuCount": 12, + "cpuLoad": 0.293212890625, + "platform": "darwin", + "uptime": 174889 + }, + { + "timestamp": 1764810897578, + "memoryTotal": 34359738368, + "memoryUsed": 28248915968, + "memoryFree": 6110822400, + "memoryUsagePercent": 82.21516609191895, + "memoryEfficiency": 17.784833908081055, + "cpuCount": 12, + "cpuLoad": 0.19864908854166666, + "platform": "darwin", + "uptime": 174919 + }, + { + "timestamp": 1764810927580, + "memoryTotal": 34359738368, + "memoryUsed": 29144449024, + "memoryFree": 5215289344, + "memoryUsagePercent": 84.8215103149414, + "memoryEfficiency": 15.178489685058594, + "cpuCount": 12, + "cpuLoad": 0.150634765625, + "platform": "darwin", + "uptime": 174949 + }, + { + "timestamp": 1764810957582, + "memoryTotal": 34359738368, + "memoryUsed": 29376266240, + "memoryFree": 4983472128, + "memoryUsagePercent": 85.49618721008301, + "memoryEfficiency": 14.503812789916992, + "cpuCount": 12, + "cpuLoad": 0.2247314453125, + "platform": "darwin", + "uptime": 174979 + }, + { + "timestamp": 1764810987581, + "memoryTotal": 34359738368, + "memoryUsed": 30422728704, + "memoryFree": 3937009664, + "memoryUsagePercent": 88.54179382324219, + "memoryEfficiency": 11.458206176757812, + "cpuCount": 12, + "cpuLoad": 0.16337076822916666, + "platform": "darwin", + "uptime": 175009 } ] \ No newline at end of file diff --git a/TROUBLESHOOTING.md b/TROUBLESHOOTING.md new file mode 100644 index 000000000..ed013834d --- /dev/null +++ b/TROUBLESHOOTING.md @@ -0,0 +1,285 @@ +# Troubleshooting Guide + +Common issues and solutions for the manacore-monorepo. + +## Table of Contents + +- [Recursive Turbo Calls](#recursive-turbo-calls) +- [Build Issues](#build-issues) +- [Linting Issues](#linting-issues) + +--- + +## Recursive Turbo Calls + +### Problem: Infinite Loop / Tasks Running Forever + +**Symptoms:** + +- `pnpm run build` runs for 10+ minutes without completing +- `pnpm run lint` hangs indefinitely +- `pnpm run type-check` shows thousands of duplicate task entries +- CI/CD pipelines timeout after 10+ minutes + +**Root Cause:** + +Parent workspace packages (e.g., `apps/zitare/package.json`, `apps/presi/package.json`) have scripts that call `turbo run `, creating an **infinite recursion loop**. + +### How It Happens + +``` +Root turbo β†’ finds "build" script in apps/zitare/package.json + β†’ runs "turbo run build" in zitare + β†’ finds "build" script again + β†’ runs "turbo run build" again + β†’ (infinite loop!) +``` + +### ❌ WRONG - Causes Infinite Recursion + +```json +// apps/zitare/package.json - DON'T DO THIS! +{ + "scripts": { + "build": "turbo run build", // ❌ WRONG + "lint": "turbo run lint", // ❌ WRONG + "type-check": "turbo run type-check", // ❌ WRONG + "clean": "turbo run clean" // ❌ WRONG + } +} +``` + +```json +// apps/picture/package.json - DON'T DO THIS! +{ + "scripts": { + "build": "pnpm run --recursive build", // ❌ WRONG + "lint": "pnpm --filter '@picture/*' run lint" // ❌ WRONG + } +} +``` + +### βœ… CORRECT - Let Root Turbo Handle Orchestration + +```json +// apps/zitare/package.json - CORRECT +{ + "scripts": { + "dev": "turbo run dev", // βœ… OK for dev (persistent task, scoped) + // No build, lint, type-check scripts - handled by root turbo + "db:push": "pnpm --filter @zitare/backend db:push", // βœ… OK + "db:studio": "pnpm --filter @zitare/backend db:studio" // βœ… OK + } +} +``` + +### Why `dev` is the Exception + +Using `turbo run dev` in parent packages is acceptable because: + +1. It's typically run directly on that package (scoped: `pnpm zitare:dev`) +2. Dev tasks are persistent (long-running) and turbo handles them differently +3. Root never orchestrates `dev` across all packages simultaneously + +### The Rule + +> **Parent workspace packages must NEVER have scripts that call `turbo run ` for tasks that turbo orchestrates from the root.** + +Tasks orchestrated from root (defined in `turbo.json`): + +- βœ… `build` - Root handles this +- βœ… `lint` - Root handles this +- βœ… `type-check` - Root handles this +- βœ… `test` - Root handles this +- βœ… `clean` - Root handles this +- ❌ `dev` - Exception (scoped usage is fine) + +### How to Fix + +**If you added a recursive script:** + +1. Open the parent package.json (e.g., `apps/myapp/package.json`) +2. Remove the problematic script entirely: + +```diff + { + "scripts": { + "dev": "turbo run dev", +- "build": "turbo run build", +- "lint": "turbo run lint", +- "type-check": "turbo run type-check", + "db:push": "pnpm --filter @myapp/backend db:push" + } + } +``` + +3. The root `turbo.json` already handles orchestration for these tasks + +### Affected Locations + +Parent packages are located at: + +- `apps/*/package.json` (e.g., `apps/zitare/package.json`) +- `games/*/package.json` (e.g., `games/mana-games/package.json`) + +**Do NOT add turbo scripts here!** + +Child packages (these are fine): + +- `apps/*/apps/*/package.json` (e.g., `apps/zitare/apps/backend/package.json`) +- `packages/*/package.json` (e.g., `packages/shared-theme/package.json`) + +--- + +## Build Issues + +### Build Fails with "ELIFECYCLE Command failed" + +**Check for:** + +1. **Recursive turbo calls** (see above) +2. **Missing dependencies** in a package +3. **TypeScript errors** in source code +4. **Import/export mismatches** + +**Debugging:** + +```bash +# Run build and capture full output +pnpm run build 2>&1 | tee build.log + +# Search for actual error (not just ELIFECYCLE) +grep -A10 "error during build" build.log + +# Build specific package to isolate issue +pnpm --filter @zitare/backend build +``` + +### Build Times Out in CI + +**Symptoms:** + +- CI runs for 10+ minutes +- Timeout before completion +- "No output has been received in the last 10m0s" + +**Solution:** + +This is almost always caused by **recursive turbo calls**. See the [Recursive Turbo Calls](#recursive-turbo-calls) section above. + +**Quick fix:** + +```bash +# Locally, check if build completes in reasonable time +time pnpm run build + +# Should complete in < 2 minutes for clean build +# Should complete in < 30 seconds for cached build +``` + +If it takes longer than 2-3 minutes, you have recursive scripts. + +--- + +## Linting Issues + +### Lint Hangs or Runs Forever + +**Same issue as build** - recursive turbo calls! + +**❌ WRONG:** + +```json +// apps/presi/package.json - DON'T DO THIS! +{ + "scripts": { + "lint": "pnpm --filter '@presi/*' run lint" // ❌ Recursive + } +} +``` + +**βœ… CORRECT:** + +```json +// apps/presi/package.json - Remove the lint script +{ + "scripts": { + "dev": "pnpm --filter '@presi/*' run dev" + // No lint script - root turbo handles it + } +} +``` + +**Run lint from root:** + +```bash +# Lint all packages +pnpm run lint + +# Lint specific package +pnpm --filter @presi/backend lint + +# Lint specific project +pnpm turbo run lint --filter=presi +``` + +### ESLint Errors + +**Common issues:** + +1. **Missing eslint config** + + ```bash + # Add shared config + pnpm add -D @manacore/eslint-config --filter @myapp/backend + ``` + +2. **Incompatible ESLint versions** + + ```bash + # Check versions + pnpm ls eslint + + # Update to match root version + pnpm add -D eslint@latest --filter @myapp/backend + ``` + +--- + +## Prevention Checklist + +When creating a new app or package: + +- [ ] **DO NOT** add `build`, `lint`, `type-check`, or `test` scripts to parent packages +- [ ] **DO** add these scripts to child packages (apps/myapp/apps/backend/package.json) +- [ ] **DO** use project-specific scripts (e.g., `db:push`, `db:studio`) +- [ ] **DO** test locally: `pnpm run build` should complete in < 2 minutes +- [ ] **DO** refer to `CLAUDE.md` for patterns + +### Quick Validation + +```bash +# Check for problematic patterns in parent packages +for pkg in apps/*/package.json games/*/package.json; do + if grep -q '"build".*turbo run build' "$pkg" 2>/dev/null; then + echo "❌ RECURSIVE SCRIPT FOUND: $pkg" + fi +done +``` + +--- + +## References + +- [CLAUDE.md - Turborepo Configuration](./CLAUDE.md#turborepo-configuration) +- [turbo.json](./turbo.json) - Root task orchestration +- [Turborepo Docs](https://turbo.build/repo/docs) + +## Getting Help + +If you encounter an issue not covered here: + +1. Check the [GitHub Issues](https://github.com/Memo-2023/manacore-monorepo/issues) +2. Review recent commits that may have introduced the issue +3. Run `pnpm clean` and `pnpm install` to reset +4. Create a new issue with full error logs diff --git a/apps/picture/packages/design-tokens/native/theme.d.ts b/apps/picture/packages/design-tokens/native/theme.d.ts new file mode 100644 index 000000000..95fde6bf6 --- /dev/null +++ b/apps/picture/packages/design-tokens/native/theme.d.ts @@ -0,0 +1,961 @@ +/** + * Semantic color definitions + * Maps intent/purpose to actual colors + */ +declare const semanticColors: { + /** + * Dark mode colors + */ + readonly dark: { + readonly background: '#000000'; + readonly surface: '#1a1a1a'; + readonly elevated: '#242424'; + readonly overlay: 'rgba(0, 0, 0, 0.8)'; + readonly border: '#383838'; + readonly divider: '#2a2a2a'; + readonly input: { + readonly background: '#1f1f1f'; + readonly border: '#383838'; + readonly text: '#f3f4f6'; + readonly placeholder: '#6b7280'; + }; + readonly text: { + readonly primary: '#f3f4f6'; + readonly secondary: '#d1d5db'; + readonly tertiary: '#9ca3af'; + readonly disabled: '#6b7280'; + readonly inverse: '#000000'; + }; + readonly primary: { + readonly default: '#818cf8'; + readonly hover: '#a5b4fc'; + readonly active: '#6366f1'; + readonly light: '#c7d2fe'; + readonly dark: '#4f46e5'; + readonly contrast: '#ffffff'; + }; + readonly secondary: { + readonly default: '#a78bfa'; + readonly light: '#c4b5fd'; + readonly dark: '#8b5cf6'; + readonly contrast: '#ffffff'; + }; + readonly success: '#10b981'; + readonly warning: '#f59e0b'; + readonly error: '#ef4444'; + readonly info: '#3b82f6'; + readonly favorite: '#ef4444'; + readonly like: '#ef4444'; + readonly tag: '#818cf8'; + readonly skeleton: '#2a2a2a'; + readonly shimmer: '#383838'; + }; + /** + * Light mode colors + */ + readonly light: { + readonly background: '#ffffff'; + readonly surface: '#f9fafb'; + readonly elevated: '#ffffff'; + readonly overlay: 'rgba(0, 0, 0, 0.5)'; + readonly border: '#e5e7eb'; + readonly divider: '#f3f4f6'; + readonly input: { + readonly background: '#ffffff'; + readonly border: '#d1d5db'; + readonly text: '#111827'; + readonly placeholder: '#9ca3af'; + }; + readonly text: { + readonly primary: '#111827'; + readonly secondary: '#374151'; + readonly tertiary: '#6b7280'; + readonly disabled: '#9ca3af'; + readonly inverse: '#ffffff'; + }; + readonly primary: { + readonly default: '#6366f1'; + readonly hover: '#4f46e5'; + readonly active: '#4338ca'; + readonly light: '#818cf8'; + readonly dark: '#3730a3'; + readonly contrast: '#ffffff'; + }; + readonly secondary: { + readonly default: '#8b5cf6'; + readonly light: '#a78bfa'; + readonly dark: '#7c3aed'; + readonly contrast: '#ffffff'; + }; + readonly success: '#10b981'; + readonly warning: '#f59e0b'; + readonly error: '#ef4444'; + readonly info: '#3b82f6'; + readonly favorite: '#ef4444'; + readonly like: '#ef4444'; + readonly tag: '#6366f1'; + readonly skeleton: '#e5e7eb'; + readonly shimmer: '#f3f4f6'; + }; +}; +type SemanticColors = typeof semanticColors.dark; +type ColorMode = 'light' | 'dark'; + +/** + * @memoro/design-tokens - Themes + * + * Theme variants with different color palettes. + * All themes support both light and dark modes. + */ + +/** + * All available themes + */ +declare const themes: { + readonly default: { + readonly name: 'default'; + readonly displayName: 'Indigo'; + readonly colors: { + readonly light: { + readonly background: '#ffffff'; + readonly surface: '#f9fafb'; + readonly elevated: '#ffffff'; + readonly overlay: 'rgba(0, 0, 0, 0.5)'; + readonly border: '#e5e7eb'; + readonly divider: '#f3f4f6'; + readonly input: { + readonly background: '#ffffff'; + readonly border: '#d1d5db'; + readonly text: '#111827'; + readonly placeholder: '#9ca3af'; + }; + readonly text: { + readonly primary: '#111827'; + readonly secondary: '#374151'; + readonly tertiary: '#6b7280'; + readonly disabled: '#9ca3af'; + readonly inverse: '#ffffff'; + }; + readonly primary: { + readonly default: '#6366f1'; + readonly hover: '#4f46e5'; + readonly active: '#4338ca'; + readonly light: '#818cf8'; + readonly dark: '#3730a3'; + readonly contrast: '#ffffff'; + }; + readonly secondary: { + readonly default: '#8b5cf6'; + readonly light: '#a78bfa'; + readonly dark: '#7c3aed'; + readonly contrast: '#ffffff'; + }; + readonly success: '#10b981'; + readonly warning: '#f59e0b'; + readonly error: '#ef4444'; + readonly info: '#3b82f6'; + readonly favorite: '#ef4444'; + readonly like: '#ef4444'; + readonly tag: '#6366f1'; + readonly skeleton: '#e5e7eb'; + readonly shimmer: '#f3f4f6'; + }; + readonly dark: { + readonly background: '#000000'; + readonly surface: '#1a1a1a'; + readonly elevated: '#242424'; + readonly overlay: 'rgba(0, 0, 0, 0.8)'; + readonly border: '#383838'; + readonly divider: '#2a2a2a'; + readonly input: { + readonly background: '#1f1f1f'; + readonly border: '#383838'; + readonly text: '#f3f4f6'; + readonly placeholder: '#6b7280'; + }; + readonly text: { + readonly primary: '#f3f4f6'; + readonly secondary: '#d1d5db'; + readonly tertiary: '#9ca3af'; + readonly disabled: '#6b7280'; + readonly inverse: '#000000'; + }; + readonly primary: { + readonly default: '#818cf8'; + readonly hover: '#a5b4fc'; + readonly active: '#6366f1'; + readonly light: '#c7d2fe'; + readonly dark: '#4f46e5'; + readonly contrast: '#ffffff'; + }; + readonly secondary: { + readonly default: '#a78bfa'; + readonly light: '#c4b5fd'; + readonly dark: '#8b5cf6'; + readonly contrast: '#ffffff'; + }; + readonly success: '#10b981'; + readonly warning: '#f59e0b'; + readonly error: '#ef4444'; + readonly info: '#3b82f6'; + readonly favorite: '#ef4444'; + readonly like: '#ef4444'; + readonly tag: '#818cf8'; + readonly skeleton: '#2a2a2a'; + readonly shimmer: '#383838'; + }; + }; + readonly shadows: { + readonly dark: { + readonly sm: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 1; + }; + readonly shadowOpacity: 0.2; + readonly shadowRadius: 2; + readonly elevation: 2; + }; + readonly md: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 4; + }; + readonly shadowOpacity: 0.3; + readonly shadowRadius: 6; + readonly elevation: 4; + }; + readonly lg: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 10; + }; + readonly shadowOpacity: 0.4; + readonly shadowRadius: 15; + readonly elevation: 8; + }; + }; + readonly light: { + readonly sm: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 1; + }; + readonly shadowOpacity: 0.1; + readonly shadowRadius: 2; + readonly elevation: 2; + }; + readonly md: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 4; + }; + readonly shadowOpacity: 0.15; + readonly shadowRadius: 6; + readonly elevation: 4; + }; + readonly lg: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 10; + }; + readonly shadowOpacity: 0.2; + readonly shadowRadius: 15; + readonly elevation: 8; + }; + }; + }; + readonly opacity: { + readonly disabled: 0.5; + readonly overlay: 0.8; + readonly hover: 0.9; + readonly pressed: 0.7; + }; + }; + readonly sunset: { + readonly name: 'sunset'; + readonly displayName: 'Sunset'; + readonly colors: { + readonly light: { + readonly background: '#ffffff'; + readonly surface: '#f9fafb'; + readonly elevated: '#ffffff'; + readonly overlay: 'rgba(0, 0, 0, 0.5)'; + readonly border: '#e5e7eb'; + readonly divider: '#f3f4f6'; + readonly input: { + readonly background: '#ffffff'; + readonly border: '#d1d5db'; + readonly text: '#111827'; + readonly placeholder: '#9ca3af'; + }; + readonly text: { + readonly primary: '#111827'; + readonly secondary: '#374151'; + readonly tertiary: '#6b7280'; + readonly disabled: '#9ca3af'; + readonly inverse: '#ffffff'; + }; + readonly primary: { + readonly default: '#6366f1'; + readonly hover: '#4f46e5'; + readonly active: '#4338ca'; + readonly light: '#818cf8'; + readonly dark: '#3730a3'; + readonly contrast: '#ffffff'; + }; + readonly secondary: { + readonly default: '#8b5cf6'; + readonly light: '#a78bfa'; + readonly dark: '#7c3aed'; + readonly contrast: '#ffffff'; + }; + readonly success: '#10b981'; + readonly warning: '#f59e0b'; + readonly error: '#ef4444'; + readonly info: '#3b82f6'; + readonly favorite: '#ef4444'; + readonly like: '#ef4444'; + readonly tag: '#6366f1'; + readonly skeleton: '#e5e7eb'; + readonly shimmer: '#f3f4f6'; + }; + readonly dark: { + readonly background: '#0a0a0a'; + readonly surface: '#1f1410'; + readonly elevated: '#2a1f1a'; + readonly border: '#3d2f28'; + readonly divider: '#2a1f1a'; + readonly input: { + readonly background: '#1a1410'; + readonly border: '#3d2f28'; + readonly text: '#fef3c7'; + readonly placeholder: '#92400e'; + }; + readonly text: { + readonly primary: '#fef3c7'; + readonly secondary: '#fcd34d'; + readonly tertiary: '#f59e0b'; + readonly disabled: '#92400e'; + readonly inverse: '#0a0a0a'; + }; + readonly primary: { + readonly default: '#fb923c'; + readonly hover: '#fdba74'; + readonly active: '#f97316'; + readonly light: '#fed7aa'; + readonly dark: '#ea580c'; + readonly contrast: '#ffffff'; + }; + readonly secondary: { + readonly default: '#f472b6'; + readonly light: '#f9a8d4'; + readonly dark: '#ec4899'; + readonly contrast: '#ffffff'; + }; + readonly success: '#10b981'; + readonly warning: '#fbbf24'; + readonly error: '#f43f5e'; + readonly info: '#60a5fa'; + readonly favorite: '#f43f5e'; + readonly like: '#f43f5e'; + readonly tag: '#fb923c'; + readonly skeleton: '#2a1f1a'; + readonly shimmer: '#3d2f28'; + readonly overlay: 'rgba(0, 0, 0, 0.8)'; + }; + }; + readonly shadows: { + readonly dark: { + readonly sm: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 1; + }; + readonly shadowOpacity: 0.2; + readonly shadowRadius: 2; + readonly elevation: 2; + }; + readonly md: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 4; + }; + readonly shadowOpacity: 0.3; + readonly shadowRadius: 6; + readonly elevation: 4; + }; + readonly lg: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 10; + }; + readonly shadowOpacity: 0.4; + readonly shadowRadius: 15; + readonly elevation: 8; + }; + }; + readonly light: { + readonly sm: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 1; + }; + readonly shadowOpacity: 0.1; + readonly shadowRadius: 2; + readonly elevation: 2; + }; + readonly md: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 4; + }; + readonly shadowOpacity: 0.15; + readonly shadowRadius: 6; + readonly elevation: 4; + }; + readonly lg: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 10; + }; + readonly shadowOpacity: 0.2; + readonly shadowRadius: 15; + readonly elevation: 8; + }; + }; + }; + readonly opacity: { + readonly disabled: 0.5; + readonly overlay: 0.8; + readonly hover: 0.9; + readonly pressed: 0.7; + }; + }; + readonly ocean: { + readonly name: 'ocean'; + readonly displayName: 'Ocean'; + readonly colors: { + readonly light: { + readonly background: '#ffffff'; + readonly surface: '#f9fafb'; + readonly elevated: '#ffffff'; + readonly overlay: 'rgba(0, 0, 0, 0.5)'; + readonly border: '#e5e7eb'; + readonly divider: '#f3f4f6'; + readonly input: { + readonly background: '#ffffff'; + readonly border: '#d1d5db'; + readonly text: '#111827'; + readonly placeholder: '#9ca3af'; + }; + readonly text: { + readonly primary: '#111827'; + readonly secondary: '#374151'; + readonly tertiary: '#6b7280'; + readonly disabled: '#9ca3af'; + readonly inverse: '#ffffff'; + }; + readonly primary: { + readonly default: '#6366f1'; + readonly hover: '#4f46e5'; + readonly active: '#4338ca'; + readonly light: '#818cf8'; + readonly dark: '#3730a3'; + readonly contrast: '#ffffff'; + }; + readonly secondary: { + readonly default: '#8b5cf6'; + readonly light: '#a78bfa'; + readonly dark: '#7c3aed'; + readonly contrast: '#ffffff'; + }; + readonly success: '#10b981'; + readonly warning: '#f59e0b'; + readonly error: '#ef4444'; + readonly info: '#3b82f6'; + readonly favorite: '#ef4444'; + readonly like: '#ef4444'; + readonly tag: '#6366f1'; + readonly skeleton: '#e5e7eb'; + readonly shimmer: '#f3f4f6'; + }; + readonly dark: { + readonly background: string; + readonly surface: string; + readonly elevated: string; + readonly border: string; + readonly divider: string; + readonly input: { + readonly background: string; + readonly border: string; + readonly text: '#e0f2fe'; + readonly placeholder: '#0c4a6e'; + }; + readonly text: { + readonly primary: '#e0f2fe'; + readonly secondary: '#7dd3fc'; + readonly tertiary: '#38bdf8'; + readonly disabled: '#0c4a6e'; + readonly inverse: string; + }; + readonly primary: { + readonly default: string; + readonly hover: string; + readonly active: string; + readonly light: string; + readonly dark: string; + readonly contrast: '#ffffff'; + }; + readonly secondary: { + readonly default: string; + readonly light: string; + readonly dark: string; + readonly contrast: '#ffffff'; + }; + readonly success: '#10b981'; + readonly warning: '#fbbf24'; + readonly error: '#f43f5e'; + readonly info: '#0ea5e9'; + readonly favorite: '#f43f5e'; + readonly like: '#f43f5e'; + readonly tag: string; + readonly skeleton: string; + readonly shimmer: string; + readonly overlay: 'rgba(0, 0, 0, 0.8)'; + }; + }; + readonly shadows: { + readonly dark: { + readonly sm: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 1; + }; + readonly shadowOpacity: 0.2; + readonly shadowRadius: 2; + readonly elevation: 2; + }; + readonly md: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 4; + }; + readonly shadowOpacity: 0.3; + readonly shadowRadius: 6; + readonly elevation: 4; + }; + readonly lg: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 10; + }; + readonly shadowOpacity: 0.4; + readonly shadowRadius: 15; + readonly elevation: 8; + }; + }; + readonly light: { + readonly sm: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 1; + }; + readonly shadowOpacity: 0.1; + readonly shadowRadius: 2; + readonly elevation: 2; + }; + readonly md: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 4; + }; + readonly shadowOpacity: 0.15; + readonly shadowRadius: 6; + readonly elevation: 4; + }; + readonly lg: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 10; + }; + readonly shadowOpacity: 0.2; + readonly shadowRadius: 15; + readonly elevation: 8; + }; + }; + }; + readonly opacity: { + readonly disabled: 0.5; + readonly overlay: 0.8; + readonly hover: 0.9; + readonly pressed: 0.7; + }; + }; +}; +/** + * Type exports + */ +type ThemeVariant = keyof typeof themes; + +/** + * @memoro/design-tokens - React Native Helpers + * + * Helper functions to use design tokens in React Native. + */ + +/** + * Get theme colors for a specific variant and mode + */ +declare function getThemeColors(variant?: ThemeVariant, mode?: ColorMode): SemanticColors; +/** + * Create a complete React Native theme object + */ +declare function createNativeTheme( + variant?: ThemeVariant, + mode?: ColorMode +): { + readonly variant: 'default' | 'sunset' | 'ocean'; + readonly mode: ColorMode; + readonly colors: + | { + readonly background: '#000000'; + readonly surface: '#1a1a1a'; + readonly elevated: '#242424'; + readonly overlay: 'rgba(0, 0, 0, 0.8)'; + readonly border: '#383838'; + readonly divider: '#2a2a2a'; + readonly input: { + readonly background: '#1f1f1f'; + readonly border: '#383838'; + readonly text: '#f3f4f6'; + readonly placeholder: '#6b7280'; + }; + readonly text: { + readonly primary: '#f3f4f6'; + readonly secondary: '#d1d5db'; + readonly tertiary: '#9ca3af'; + readonly disabled: '#6b7280'; + readonly inverse: '#000000'; + }; + readonly primary: { + readonly default: '#818cf8'; + readonly hover: '#a5b4fc'; + readonly active: '#6366f1'; + readonly light: '#c7d2fe'; + readonly dark: '#4f46e5'; + readonly contrast: '#ffffff'; + }; + readonly secondary: { + readonly default: '#a78bfa'; + readonly light: '#c4b5fd'; + readonly dark: '#8b5cf6'; + readonly contrast: '#ffffff'; + }; + readonly success: '#10b981'; + readonly warning: '#f59e0b'; + readonly error: '#ef4444'; + readonly info: '#3b82f6'; + readonly favorite: '#ef4444'; + readonly like: '#ef4444'; + readonly tag: '#818cf8'; + readonly skeleton: '#2a2a2a'; + readonly shimmer: '#383838'; + } + | { + readonly background: '#ffffff'; + readonly surface: '#f9fafb'; + readonly elevated: '#ffffff'; + readonly overlay: 'rgba(0, 0, 0, 0.5)'; + readonly border: '#e5e7eb'; + readonly divider: '#f3f4f6'; + readonly input: { + readonly background: '#ffffff'; + readonly border: '#d1d5db'; + readonly text: '#111827'; + readonly placeholder: '#9ca3af'; + }; + readonly text: { + readonly primary: '#111827'; + readonly secondary: '#374151'; + readonly tertiary: '#6b7280'; + readonly disabled: '#9ca3af'; + readonly inverse: '#ffffff'; + }; + readonly primary: { + readonly default: '#6366f1'; + readonly hover: '#4f46e5'; + readonly active: '#4338ca'; + readonly light: '#818cf8'; + readonly dark: '#3730a3'; + readonly contrast: '#ffffff'; + }; + readonly secondary: { + readonly default: '#8b5cf6'; + readonly light: '#a78bfa'; + readonly dark: '#7c3aed'; + readonly contrast: '#ffffff'; + }; + readonly success: '#10b981'; + readonly warning: '#f59e0b'; + readonly error: '#ef4444'; + readonly info: '#3b82f6'; + readonly favorite: '#ef4444'; + readonly like: '#ef4444'; + readonly tag: '#6366f1'; + readonly skeleton: '#e5e7eb'; + readonly shimmer: '#f3f4f6'; + } + | { + readonly background: '#0a0a0a'; + readonly surface: '#1f1410'; + readonly elevated: '#2a1f1a'; + readonly border: '#3d2f28'; + readonly divider: '#2a1f1a'; + readonly input: { + readonly background: '#1a1410'; + readonly border: '#3d2f28'; + readonly text: '#fef3c7'; + readonly placeholder: '#92400e'; + }; + readonly text: { + readonly primary: '#fef3c7'; + readonly secondary: '#fcd34d'; + readonly tertiary: '#f59e0b'; + readonly disabled: '#92400e'; + readonly inverse: '#0a0a0a'; + }; + readonly primary: { + readonly default: '#fb923c'; + readonly hover: '#fdba74'; + readonly active: '#f97316'; + readonly light: '#fed7aa'; + readonly dark: '#ea580c'; + readonly contrast: '#ffffff'; + }; + readonly secondary: { + readonly default: '#f472b6'; + readonly light: '#f9a8d4'; + readonly dark: '#ec4899'; + readonly contrast: '#ffffff'; + }; + readonly success: '#10b981'; + readonly warning: '#fbbf24'; + readonly error: '#f43f5e'; + readonly info: '#60a5fa'; + readonly favorite: '#f43f5e'; + readonly like: '#f43f5e'; + readonly tag: '#fb923c'; + readonly skeleton: '#2a1f1a'; + readonly shimmer: '#3d2f28'; + readonly overlay: 'rgba(0, 0, 0, 0.8)'; + } + | { + readonly background: string; + readonly surface: string; + readonly elevated: string; + readonly border: string; + readonly divider: string; + readonly input: { + readonly background: string; + readonly border: string; + readonly text: '#e0f2fe'; + readonly placeholder: '#0c4a6e'; + }; + readonly text: { + readonly primary: '#e0f2fe'; + readonly secondary: '#7dd3fc'; + readonly tertiary: '#38bdf8'; + readonly disabled: '#0c4a6e'; + readonly inverse: string; + }; + readonly primary: { + readonly default: string; + readonly hover: string; + readonly active: string; + readonly light: string; + readonly dark: string; + readonly contrast: '#ffffff'; + }; + readonly secondary: { + readonly default: string; + readonly light: string; + readonly dark: string; + readonly contrast: '#ffffff'; + }; + readonly success: '#10b981'; + readonly warning: '#fbbf24'; + readonly error: '#f43f5e'; + readonly info: '#0ea5e9'; + readonly favorite: '#f43f5e'; + readonly like: '#f43f5e'; + readonly tag: string; + readonly skeleton: string; + readonly shimmer: string; + readonly overlay: 'rgba(0, 0, 0, 0.8)'; + }; + readonly spacing: { + readonly 0: 0; + readonly 1: 4; + readonly 2: 8; + readonly 3: 12; + readonly 4: 16; + readonly 5: 20; + readonly 6: 24; + readonly 7: 28; + readonly 8: 32; + readonly 9: 36; + readonly 10: 40; + readonly 11: 44; + readonly 12: 48; + readonly 14: 56; + readonly 16: 64; + readonly 20: 80; + readonly 24: 96; + readonly 28: 112; + readonly 32: 128; + }; + readonly borderRadius: { + readonly none: 0; + readonly sm: 4; + readonly DEFAULT: 8; + readonly md: 8; + readonly lg: 12; + readonly xl: 16; + readonly '2xl': 24; + readonly '3xl': 32; + readonly full: 9999; + }; + readonly fontSize: { + readonly xs: 12; + readonly sm: 14; + readonly base: 16; + readonly lg: 18; + readonly xl: 20; + readonly '2xl': 24; + readonly '3xl': 30; + readonly '4xl': 36; + readonly '5xl': 48; + readonly '6xl': 60; + readonly '7xl': 72; + readonly '8xl': 96; + }; + readonly fontWeight: { + readonly regular: '400'; + readonly medium: '500'; + readonly semibold: '600'; + readonly bold: '700'; + }; + readonly shadows: + | { + readonly sm: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 1; + }; + readonly shadowOpacity: 0.2; + readonly shadowRadius: 2; + readonly elevation: 2; + }; + readonly md: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 4; + }; + readonly shadowOpacity: 0.3; + readonly shadowRadius: 6; + readonly elevation: 4; + }; + readonly lg: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 10; + }; + readonly shadowOpacity: 0.4; + readonly shadowRadius: 15; + readonly elevation: 8; + }; + } + | { + readonly sm: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 1; + }; + readonly shadowOpacity: 0.1; + readonly shadowRadius: 2; + readonly elevation: 2; + }; + readonly md: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 4; + }; + readonly shadowOpacity: 0.15; + readonly shadowRadius: 6; + readonly elevation: 4; + }; + readonly lg: { + readonly shadowColor: '#000'; + readonly shadowOffset: { + readonly width: 0; + readonly height: 10; + }; + readonly shadowOpacity: 0.2; + readonly shadowRadius: 15; + readonly elevation: 8; + }; + }; + readonly opacity: { + readonly disabled: 0.5; + readonly overlay: 0.8; + readonly hover: 0.9; + readonly pressed: 0.7; + }; +}; +/** + * Get all available theme variants + */ +declare function getThemeVariants(): ThemeVariant[]; +/** + * Check if a theme variant exists + */ +declare function isValidThemeVariant(variant: string): variant is ThemeVariant; +/** + * Type exports + */ +type NativeTheme = ReturnType; + +export { + type ColorMode, + type NativeTheme, + type SemanticColors, + type ThemeVariant, + createNativeTheme, + getThemeColors, + getThemeVariants, + isValidThemeVariant, +}; diff --git a/apps/picture/packages/design-tokens/native/theme.js b/apps/picture/packages/design-tokens/native/theme.js new file mode 100644 index 000000000..88ca1c413 --- /dev/null +++ b/apps/picture/packages/design-tokens/native/theme.js @@ -0,0 +1,580 @@ +'use strict'; +var __defProp = Object.defineProperty; +var __getOwnPropDesc = Object.getOwnPropertyDescriptor; +var __getOwnPropNames = Object.getOwnPropertyNames; +var __hasOwnProp = Object.prototype.hasOwnProperty; +var __export = (target, all) => { + for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); +}; +var __copyProps = (to, from, except, desc) => { + if ((from && typeof from === 'object') || typeof from === 'function') { + for (let key of __getOwnPropNames(from)) + if (!__hasOwnProp.call(to, key) && key !== except) + __defProp(to, key, { + get: () => from[key], + enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable, + }); + } + return to; +}; +var __toCommonJS = (mod) => __copyProps(__defProp({}, '__esModule', { value: true }), mod); + +// native/theme.ts +var theme_exports = {}; +__export(theme_exports, { + createNativeTheme: () => createNativeTheme, + getThemeColors: () => getThemeColors, + getThemeVariants: () => getThemeVariants, + isValidThemeVariant: () => isValidThemeVariant, +}); +module.exports = __toCommonJS(theme_exports); + +// src/colors.ts +var baseColors = { + // Pure colors + black: '#000000', + white: '#ffffff', + // Grays + gray: { + 50: '#f9fafb', + 100: '#f3f4f6', + 200: '#e5e7eb', + 300: '#d1d5db', + 400: '#9ca3af', + 500: '#6b7280', + 600: '#4b5563', + 700: '#374151', + 800: '#1f2937', + 900: '#111827', + 950: '#0a0a0a', + }, + // Indigo (Default primary) + indigo: { + 200: '#c7d2fe', + 300: '#a5b4fc', + 400: '#818cf8', + 500: '#6366f1', + 600: '#4f46e5', + 700: '#4338ca', + 800: '#3730a3', + }, + // Violet (Default secondary) + violet: { + 300: '#c4b5fd', + 400: '#a78bfa', + 500: '#8b5cf6', + 600: '#7c3aed', + }, + // Orange (Sunset theme) + orange: { + 300: '#fdba74', + 400: '#fb923c', + 500: '#f97316', + 600: '#ea580c', + }, + // Pink (Sunset theme) + pink: { + 300: '#f9a8d4', + 400: '#f472b6', + 500: '#ec4899', + 600: '#db2777', + }, + // Sky (Ocean theme) + sky: { + 300: '#7dd3fc', + 400: '#38bdf8', + 500: '#0ea5e9', + 600: '#0284c7', + }, + // Emerald (Ocean theme + status) + emerald: { + 300: '#6ee7b7', + 400: '#34d399', + 500: '#10b981', + 600: '#059669', + }, + // Status colors + red: { + 500: '#ef4444', + 600: '#dc2626', + }, + amber: { + 500: '#f59e0b', + }, + blue: { + 500: '#3b82f6', + }, +}; +var semanticColors = { + /** + * Dark mode colors + */ + dark: { + // Backgrounds + background: baseColors.black, + surface: '#1a1a1a', + elevated: '#242424', + overlay: 'rgba(0, 0, 0, 0.8)', + // Borders & Dividers + border: '#383838', + divider: '#2a2a2a', + // Input fields + input: { + background: '#1f1f1f', + border: '#383838', + text: baseColors.gray[100], + placeholder: baseColors.gray[500], + }, + // Text colors + text: { + primary: baseColors.gray[100], + secondary: baseColors.gray[300], + tertiary: baseColors.gray[400], + disabled: baseColors.gray[500], + inverse: baseColors.black, + }, + // Primary brand color (Indigo) + primary: { + default: baseColors.indigo[400], + hover: baseColors.indigo[300], + active: baseColors.indigo[500], + light: baseColors.indigo[200], + dark: baseColors.indigo[600], + contrast: baseColors.white, + }, + // Secondary accent color (Violet) + secondary: { + default: baseColors.violet[400], + light: baseColors.violet[300], + dark: baseColors.violet[500], + contrast: baseColors.white, + }, + // Status colors + success: baseColors.emerald[500], + warning: baseColors.amber[500], + error: baseColors.red[500], + info: baseColors.blue[500], + // Semantic colors + favorite: baseColors.red[500], + like: baseColors.red[500], + tag: baseColors.indigo[400], + // Special UI elements + skeleton: '#2a2a2a', + shimmer: '#383838', + }, + /** + * Light mode colors + */ + light: { + // Backgrounds + background: baseColors.white, + surface: baseColors.gray[50], + elevated: baseColors.white, + overlay: 'rgba(0, 0, 0, 0.5)', + // Borders & Dividers + border: baseColors.gray[200], + divider: baseColors.gray[100], + // Input fields + input: { + background: baseColors.white, + border: baseColors.gray[300], + text: baseColors.gray[900], + placeholder: baseColors.gray[400], + }, + // Text colors + text: { + primary: baseColors.gray[900], + secondary: baseColors.gray[700], + tertiary: baseColors.gray[500], + disabled: baseColors.gray[400], + inverse: baseColors.white, + }, + // Primary brand color (Indigo) + primary: { + default: baseColors.indigo[500], + hover: baseColors.indigo[600], + active: baseColors.indigo[700], + light: baseColors.indigo[400], + dark: baseColors.indigo[800], + contrast: baseColors.white, + }, + // Secondary accent color (Violet) + secondary: { + default: baseColors.violet[500], + light: baseColors.violet[400], + dark: baseColors.violet[600], + contrast: baseColors.white, + }, + // Status colors + success: baseColors.emerald[500], + warning: baseColors.amber[500], + error: baseColors.red[500], + info: baseColors.blue[500], + // Semantic colors + favorite: baseColors.red[500], + like: baseColors.red[500], + tag: baseColors.indigo[500], + // Special UI elements + skeleton: baseColors.gray[200], + shimmer: baseColors.gray[100], + }, +}; + +// src/shadows.ts +var shadows = { + dark: { + sm: { + shadowColor: '#000', + shadowOffset: { width: 0, height: 1 }, + shadowOpacity: 0.2, + shadowRadius: 2, + elevation: 2, + // Android + }, + md: { + shadowColor: '#000', + shadowOffset: { width: 0, height: 4 }, + shadowOpacity: 0.3, + shadowRadius: 6, + elevation: 4, + }, + lg: { + shadowColor: '#000', + shadowOffset: { width: 0, height: 10 }, + shadowOpacity: 0.4, + shadowRadius: 15, + elevation: 8, + }, + }, + light: { + sm: { + shadowColor: '#000', + shadowOffset: { width: 0, height: 1 }, + shadowOpacity: 0.1, + shadowRadius: 2, + elevation: 2, + }, + md: { + shadowColor: '#000', + shadowOffset: { width: 0, height: 4 }, + shadowOpacity: 0.15, + shadowRadius: 6, + elevation: 4, + }, + lg: { + shadowColor: '#000', + shadowOffset: { width: 0, height: 10 }, + shadowOpacity: 0.2, + shadowRadius: 15, + elevation: 8, + }, + }, +}; +var opacity = { + disabled: 0.5, + overlay: 0.8, + hover: 0.9, + pressed: 0.7, +}; + +// src/themes/default.ts +var defaultTheme = { + name: 'default', + displayName: 'Indigo', + colors: { + light: semanticColors.light, + dark: semanticColors.dark, + }, + shadows, + opacity, +}; + +// src/themes/sunset.ts +var sunsetTheme = { + name: 'sunset', + displayName: 'Sunset', + colors: { + light: semanticColors.light, + // Uses default light mode + dark: { + ...semanticColors.dark, + // Override backgrounds for warmer tone + background: '#0a0a0a', + surface: '#1f1410', + elevated: '#2a1f1a', + // Override borders + border: '#3d2f28', + divider: '#2a1f1a', + // Override input + input: { + background: '#1a1410', + border: '#3d2f28', + text: '#fef3c7', + // amber-100 + placeholder: '#92400e', + // amber-800 + }, + // Override text colors (warmer) + text: { + primary: '#fef3c7', + // amber-100 + secondary: '#fcd34d', + // amber-300 + tertiary: '#f59e0b', + // amber-500 + disabled: '#92400e', + // amber-800 + inverse: '#0a0a0a', + }, + // Primary: Orange + primary: { + default: baseColors.orange[400], + hover: baseColors.orange[300], + active: baseColors.orange[500], + light: '#fed7aa', + // orange-200 + dark: baseColors.orange[600], + contrast: baseColors.white, + }, + // Secondary: Pink + secondary: { + default: baseColors.pink[400], + light: baseColors.pink[300], + dark: baseColors.pink[500], + contrast: baseColors.white, + }, + // Status + success: baseColors.emerald[500], + warning: '#fbbf24', + // amber-400 + error: '#f43f5e', + // rose-500 + info: '#60a5fa', + // blue-400 + // Semantic + favorite: '#f43f5e', + // rose-500 + like: '#f43f5e', + // rose-500 + tag: baseColors.orange[400], + // Special + skeleton: '#2a1f1a', + shimmer: '#3d2f28', + }, + }, + shadows, + opacity, +}; + +// src/themes/ocean.ts +var oceanColors = { + teal: { + 200: '#99f6e4', + 300: '#5eead4', + 400: '#2dd4bf', + 500: '#14b8a6', + 600: '#0d9488', + }, + cyan: { + 300: '#67e8f9', + 400: '#22d3ee', + 500: '#06b6d4', + }, + slate: { + 700: '#334155', + 800: '#1e293b', + 900: '#0f172a', + 950: '#020617', + }, +}; +var oceanTheme = { + name: 'ocean', + displayName: 'Ocean', + colors: { + light: semanticColors.light, + // Uses default light mode + dark: { + ...semanticColors.dark, + // Override backgrounds for cooler tone + background: oceanColors.slate[950], + surface: oceanColors.slate[900], + elevated: oceanColors.slate[800], + // Override borders + border: oceanColors.slate[700], + divider: oceanColors.slate[800], + // Override input + input: { + background: oceanColors.slate[900], + border: oceanColors.slate[700], + text: '#e0f2fe', + // sky-100 + placeholder: '#0c4a6e', + // sky-900 + }, + // Override text colors (cooler) + text: { + primary: '#e0f2fe', + // sky-100 + secondary: '#7dd3fc', + // sky-300 + tertiary: '#38bdf8', + // sky-400 + disabled: '#0c4a6e', + // sky-900 + inverse: oceanColors.slate[950], + }, + // Primary: Teal + primary: { + default: oceanColors.teal[400], + hover: oceanColors.teal[300], + active: oceanColors.teal[500], + light: oceanColors.teal[200], + dark: oceanColors.teal[600], + contrast: baseColors.white, + }, + // Secondary: Cyan + secondary: { + default: oceanColors.cyan[400], + light: oceanColors.cyan[300], + dark: oceanColors.cyan[500], + contrast: baseColors.white, + }, + // Status + success: baseColors.emerald[500], + warning: '#fbbf24', + // amber-400 + error: '#f43f5e', + // rose-500 + info: '#0ea5e9', + // sky-500 + // Semantic + favorite: '#f43f5e', + // rose-500 + like: '#f43f5e', + // rose-500 + tag: oceanColors.teal[400], + // Special + skeleton: oceanColors.slate[800], + shimmer: oceanColors.slate[700], + }, + }, + shadows, + opacity, +}; + +// src/themes/index.ts +var themes = { + default: defaultTheme, + sunset: sunsetTheme, + ocean: oceanTheme, +}; + +// src/spacing.ts +var spacing = { + 0: 0, + 1: 4, + // 0.25rem + 2: 8, + // 0.5rem + 3: 12, + // 0.75rem + 4: 16, + // 1rem + 5: 20, + // 1.25rem + 6: 24, + // 1.5rem + 7: 28, + // 1.75rem + 8: 32, + // 2rem + 9: 36, + // 2.25rem + 10: 40, + // 2.5rem + 11: 44, + // 2.75rem + 12: 48, + // 3rem + 14: 56, + // 3.5rem + 16: 64, + // 4rem + 20: 80, + // 5rem + 24: 96, + // 6rem + 28: 112, + // 7rem + 32: 128, + // 8rem +}; +var borderRadius = { + none: 0, + sm: 4, + DEFAULT: 8, + md: 8, + lg: 12, + xl: 16, + '2xl': 24, + '3xl': 32, + full: 9999, +}; + +// src/typography.ts +var fontSize = { + xs: 12, + sm: 14, + base: 16, + lg: 18, + xl: 20, + '2xl': 24, + '3xl': 30, + '4xl': 36, + '5xl': 48, + '6xl': 60, + '7xl': 72, + '8xl': 96, +}; +var fontWeight = { + regular: '400', + medium: '500', + semibold: '600', + bold: '700', +}; + +// native/theme.ts +function getThemeColors(variant = 'default', mode = 'dark') { + const theme = themes[variant]; + return theme.colors[mode]; +} +function createNativeTheme(variant = 'default', mode = 'dark') { + const theme = themes[variant]; + const colors = theme.colors[mode]; + const shadows2 = theme.shadows[mode]; + return { + variant, + mode, + colors, + spacing, + borderRadius, + fontSize, + fontWeight, + shadows: shadows2, + opacity: theme.opacity, + }; +} +function getThemeVariants() { + return Object.keys(themes); +} +function isValidThemeVariant(variant) { + return variant in themes; +} +// Annotate the CommonJS export names for ESM import in node: +0 && + (module.exports = { + createNativeTheme, + getThemeColors, + getThemeVariants, + isValidThemeVariant, + }); diff --git a/apps/presi/apps/web/src/lib/stores/user-settings.svelte.ts b/apps/presi/apps/web/src/lib/stores/user-settings.svelte.ts index 93e6372d6..53cebea4b 100644 --- a/apps/presi/apps/web/src/lib/stores/user-settings.svelte.ts +++ b/apps/presi/apps/web/src/lib/stores/user-settings.svelte.ts @@ -8,12 +8,12 @@ */ import { createUserSettingsStore } from '@manacore/shared-theme'; -import { authStore } from './auth.svelte'; +import { auth } from './auth.svelte'; const MANA_AUTH_URL = 'http://localhost:3001'; export const userSettings = createUserSettingsStore({ appId: 'presi', authUrl: MANA_AUTH_URL, - getAccessToken: () => authStore.getAccessToken(), + getAccessToken: () => auth.getAccessToken(), }); diff --git a/apps/storage/apps/web/src/lib/components/files/FileCard.svelte b/apps/storage/apps/web/src/lib/components/files/FileCard.svelte index dc31174c4..1300600f1 100644 --- a/apps/storage/apps/web/src/lib/components/files/FileCard.svelte +++ b/apps/storage/apps/web/src/lib/components/files/FileCard.svelte @@ -51,7 +51,7 @@ const Icon = getFileIcon(file.mimeType); - {/if} - +