zitare-native/Sources/Features/WebShell/WebShellScripts.swift
Till 03e2f041e5 ζ-1 Polish: robuster Header-Selektor + zitare.mana.how als 2. UL-Domain
- WebShellScripts.hideWebHeader: drei Selektor-Strategien gestapelt
  (data-app-nav-Marker / strukturell via :has(a.brand) / positionell
  via :first-of-type), damit Klassen-Renames in zitare-web das Hide
  nicht still brechen
- project.yml entitlements: applinks:zitare.mana.how als zweite
  Universal-Link-Domain, solange zitare.com-DNS-Zone fehlt. Beide
  Hosts liefern dasselbe AASA-File. Nach Cloudflare-Cut kann der
  Eintrag bleiben — schadet nicht
- Live-E2E verifiziert: simctl openurl https://zitare.mana.how/q/...
  → App empfängt Deep-Link, WebShell lädt die Quote-Page, native
  TabBar bleibt, Web-Header bleibt versteckt

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-14 20:51:03 +02:00

52 lines
2.2 KiB
Swift

import Foundation
import WebKit
/// User-Scripts, die in jeden `WKWebView` injiziert werden.
///
/// `WKUserScript` ist MainActor-isolated; deshalb sind die Factory-
/// Methoden hier ebenfalls MainActor. Aufrufer leben sowieso auf Main
/// (SwiftUI `makeUIView`/`makeNSView` sind MainActor).
@MainActor
enum WebShellScripts {
/// Versteckt den zitare-Web-Header (`<header>` mit `<a class="brand">`),
/// weil die native TabBar bereits global navigiert. Footer und
/// Hauptinhalt bleiben sichtbar.
///
/// CSS wird at document.start als `<style>`-Tag injiziert vor dem
/// First Paint, kein Flicker.
/// Mehrere Selektor-Strategien stapeln, damit ein Klassen-Rename
/// oder Markup-Refactor in zitare-web das Hide nicht still bricht:
///
/// 1. `header[data-app-nav]` explizit gesetztes Attribut, falls
/// zitare-web es irgendwann markieren will (heute nicht da).
/// 2. `body header:has(a.brand)` strukturell: ein `<header>`,
/// der einen `a.brand`-Link enthält. Matched die heutige
/// SvelteKit-Komponente (Brand Zitare" links oben).
/// 3. `body > * > header:first-of-type` positionell: erster
/// `<header>` direkt unter dem Top-Level-Wrapper. Greift wenn
/// `a.brand` mal verschwindet.
///
/// `body > * > header:first-of-type` ist absichtlich konservativ
/// (matcht nur einen `<header>` pro `<body>`-Direktkind), damit
/// nicht ungewollt nested Article-Header gehidet werden.
static let hideWebHeader: WKUserScript = .init(
source: """
(function() {
var css = [
'header[data-app-nav],',
'body header:has(a.brand),',
'body > header:first-of-type,',
'body > div > header:first-of-type {',
' display: none !important;',
'}'
].join('\\n');
var style = document.createElement('style');
style.setAttribute('data-zitare-native', 'hide-web-header');
style.textContent = css;
(document.head || document.documentElement).appendChild(style);
})();
""",
injectionTime: .atDocumentStart,
forMainFrameOnly: true
)
}