starred/sky_phone
1
0
Fork 0
mirror of https://github.com/sky-systems/sky_phone.git synced 2026-09-04 17:23:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

FIX - Inline App Store bundle; CEF-compatible CSS

Browse Source 
Make the App Store part of the phone shell (remove preload helper/loadAppStoreComponent and App.vue preload) by importing AppStoreApp in PhoneAppWindow and selecting it when app.id === 'app-store'. Update the apps registry to use an inline import for the async component. Replace unsupported CSS features (:has, color-mix) with CEF-safe alternatives using semantic tokens (--sky-app-accent-soft, --sky-danger-soft) and add explicit .store-action-button/.store-action-button--icon and .store-detail__action classes. Add contract tests to assert the App Store is bundled with the shell and that styles remain compatible with the FiveM CEF target.
This commit is contained in:
Leon.Schmidt
2026-08-14 21:04:10 +02:00
parent 6cdbe753ad
commit a9dd46f98f
11 changed files with 90 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/apps/AppStoreApp.contract.test.ts
+8 -6
View File
@@ -139,9 +139,7 @@ describe('AppStoreApp Sky navigation contract', () => {
expect(source).toMatch(
/button:not\(\.store-ranking__detail-link\):not\(:disabled\):hover\)\s*\{[^}]*brightness\(1\.08\)[^}]*translateY\(-1px\)/s,
)
expect(source).toContain(
'.app-store-page :deep(button:has(.app-store-action--icon):hover)',
)
expect(source).toContain('.app-store-page .store-action-button--icon:hover')
expect(source).toContain(
'.store-account__primary-action:not(:disabled):hover',
)
@@ -175,9 +173,7 @@ describe('AppStoreApp Sky navigation contract', () => {
expect(source).toContain('@click="openAppDetail(finalHighlight)"')
expect(source).toContain('@click.stop="handleApp(dailyHighlights[0])"')
expect(source).toContain('@click.stop="handleApp(finalHighlight)"')
expect(source).toContain(
'.store-highlight:has(.store-highlight__detail-link:hover)',
)
expect(source).toContain('.store-highlight:hover')
})
it('opens Top Today apps while keeping their direct app actions separate', () => {
@@ -193,6 +189,12 @@ describe('AppStoreApp Sky navigation contract', () => {
)
})
it('keeps App Store actions compatible with the FiveM CEF target', () => {
expect(source.match(/class="store-action-button"/g)).toHaveLength(8)
expect(source).not.toContain(':has(')
expect(source).not.toContain('color-mix(')
})
it('builds clean Apps and Games pages with rotating features', () => {
expect(source).not.toContain('class="store-browse__filters"')
expect(source).not.toContain('browseFilter')