mirror of
https://github.com/MioMioOS/MioIsland
synced 2026-04-21 13:37:26 +00:00
b2f3a3554f
Settings window (SystemSettingsView):
- Graphite dark palette (#201f27 sidebar / #1c1c1e detail) replacing the
lime L-shape, per Claude Design reference bundle. Lime survives only
as an accent on toggles, icons, and active pills.
- macOS-style titlebar with real traffic lights (red close / yellow
hide / green decorative) + centered "系统设置".
- Tabs get large H1 + English subtitle ("通用 General preferences").
- New primitives: SectionLabel, SettingsListCard, SettingRow
(icon tile + label + sublabel + control), InfoRow (pos/neg/hint
colored dots), IOSToggle (pill slider).
- General tab rewritten: stacked rows with dividers, 3 toggles with
sublabels, proxy card with ✓/✕/i info rows, language Menu picker,
accessibility status row.
- Bottom sidebar "返回" → "退出" calling NSApplication.terminate.
- Window resized 720×560 → 960×720 (1.33:1) for reference-mock breathing
room. Still fixed-size (borderless).
- TextField placeholder: ZStack overlay with solid light gray, since
SwiftUI TextField.prompt ignores foregroundColor on macOS. Applied to
both the Anthropic proxy field and the Install-from-URL field.
Notch themes (NotchTheme / NotchCustomization):
- Reset to 7 themes: Classic + Forest / Neon Tokyo / Sunset /
Retro Arcade / High Contrast / Sakura (ported from Claude Design
themes.jsx palettes). Dropped: paper, neonLime, cyber, mint, rosegold,
ocean, aurora, mocha, lavender, cherry.
- Graceful decode: try? c.decode(NotchThemeID) so legacy raw values
fall back to .classic instead of throwing.
- NotchPalette gains `accent` field. NotchView.statusDotColor and
badgeColor use accent for .idle, so at-rest notch reflects the theme
instead of hardcoded 30%-white (invisible on light-bg themes).
- Theme picker replaced Menu dropdown with 2-column grid of preview
cards, each rendering a mini pill in that theme's own colors. Selected
card borders/glows in its own accent.
Buddy style (NotchCustomization.BuddyStyle):
- New `buddyStyle: BuddyStyle` field with two cases: .pixelCat, .emoji.
Evaluated a .neon option via NeonPixelCatView but it degrades to a
green blob at 16×16; pulled from the picker pending a small-size
renderer.
- Migration: missing buddyStyle decodes by reading the legacy
usePixelCat AppStorage bool. Picker writes back to usePixelCat so
unmigrated call sites (ClaudeInstancesView) stay in sync.
- Old "Pixel Cat Mode" toggle removed from Appearance tab — the new
segmented picker in the Notch section supersedes it.
Plugin panel size hint for built-ins:
- LoadedPlugin.preferredPanelSize checks an @objc runtime method first,
then falls back to Info.plist (gated on bundle !== Bundle.main so
built-ins don't accidentally read the host's plist).
- PairPhonePlugin declares @objc preferredPanelSize() = 340×480, then
bumped to 440×480 to match the music plugin's width.
Tests:
- NotchThemeTests / NotchCustomizationTests / NotchCustomizationStoreTests
updated to new theme line-up plus a regression guard for the legacy
theme ID → .classic fallback.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
358 lines
14 KiB
Swift
358 lines
14 KiB
Swift
//
|
|
// NativePluginStoreView.swift
|
|
// ClaudeIsland
|
|
//
|
|
// Plugin management UI in System Settings. Shows official + installed
|
|
// plugins, supports one-click reinstall of official plugins, .bundle
|
|
// file install, and one-tap install from a marketplace download URL.
|
|
//
|
|
|
|
import SwiftUI
|
|
import UniformTypeIdentifiers
|
|
|
|
struct NativePluginStoreView: View {
|
|
@ObservedObject private var manager = NativePluginManager.shared
|
|
|
|
@State private var installURLText: String = ""
|
|
@State private var urlInstallError: String? = nil
|
|
@State private var urlInstalling: Bool = false
|
|
@State private var urlInstallSuccess: Bool = false
|
|
|
|
var body: some View {
|
|
ScrollView {
|
|
VStack(alignment: .leading, spacing: 16) {
|
|
// Intro / marketplace link
|
|
marketplaceBanner
|
|
|
|
// URL install card
|
|
installFromURLSection
|
|
|
|
// Plugin list
|
|
HStack {
|
|
Text("Installed Plugins")
|
|
.font(.system(size: 13, weight: .semibold))
|
|
.foregroundColor(.white.opacity(0.7))
|
|
Spacer()
|
|
Button {
|
|
installFromFinder()
|
|
} label: {
|
|
HStack(spacing: 4) {
|
|
Image(systemName: "plus.circle.fill")
|
|
.font(.system(size: 12))
|
|
Text("Install .bundle")
|
|
.font(.system(size: 11, weight: .semibold))
|
|
}
|
|
.foregroundColor(.green)
|
|
}
|
|
.buttonStyle(.plain)
|
|
}
|
|
.padding(.top, 8)
|
|
|
|
let items = manager.pluginListItems
|
|
if items.isEmpty {
|
|
VStack(spacing: 8) {
|
|
Image(systemName: "puzzlepiece.extension")
|
|
.font(.system(size: 28))
|
|
.foregroundColor(.white.opacity(0.2))
|
|
Text("No plugins installed")
|
|
.font(.system(size: 12))
|
|
.foregroundColor(.white.opacity(0.4))
|
|
}
|
|
.frame(maxWidth: .infinity)
|
|
.padding(.vertical, 30)
|
|
} else {
|
|
ForEach(items) { item in
|
|
pluginRow(item)
|
|
}
|
|
}
|
|
|
|
Text("~/.config/codeisland/plugins/")
|
|
.font(.system(size: 10))
|
|
.foregroundColor(.white.opacity(0.25))
|
|
.padding(.top, 4)
|
|
}
|
|
.padding(20)
|
|
}
|
|
}
|
|
|
|
// MARK: - Marketplace banner
|
|
|
|
private var marketplaceBanner: some View {
|
|
VStack(alignment: .leading, spacing: 10) {
|
|
HStack(alignment: .top, spacing: 10) {
|
|
Image(systemName: "sparkles")
|
|
.font(.system(size: 18))
|
|
.foregroundColor(Color(red: 0xCA/255, green: 0xFF/255, blue: 0x00/255))
|
|
.padding(.top, 2)
|
|
VStack(alignment: .leading, spacing: 4) {
|
|
Text("发现更多插件")
|
|
.font(.system(size: 13, weight: .semibold))
|
|
.foregroundColor(.white.opacity(0.9))
|
|
Text("MioIsland 插件市场收录了主题、音效、伙伴精灵和各种扩展组件。")
|
|
.font(.system(size: 11))
|
|
.foregroundColor(.white.opacity(0.55))
|
|
.fixedSize(horizontal: false, vertical: true)
|
|
Text("浏览市场后，点击「安装」会生成一个下载地址，复制回来粘贴到下方即可一键安装。")
|
|
.font(.system(size: 11))
|
|
.foregroundColor(.white.opacity(0.45))
|
|
.fixedSize(horizontal: false, vertical: true)
|
|
}
|
|
}
|
|
|
|
Button {
|
|
if let url = URL(string: "https://miomio.chat/plugins") {
|
|
NSWorkspace.shared.open(url)
|
|
}
|
|
} label: {
|
|
HStack(spacing: 6) {
|
|
Image(systemName: "safari.fill")
|
|
.font(.system(size: 11))
|
|
Text("打开插件市场")
|
|
.font(.system(size: 11, weight: .semibold))
|
|
Image(systemName: "arrow.up.right")
|
|
.font(.system(size: 9, weight: .bold))
|
|
}
|
|
.foregroundColor(.black)
|
|
.padding(.horizontal, 12)
|
|
.padding(.vertical, 7)
|
|
.background(
|
|
RoundedRectangle(cornerRadius: 6)
|
|
.fill(Color(red: 0xCA/255, green: 0xFF/255, blue: 0x00/255))
|
|
)
|
|
}
|
|
.buttonStyle(.plain)
|
|
}
|
|
.padding(14)
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
.background(
|
|
RoundedRectangle(cornerRadius: 10)
|
|
.fill(
|
|
LinearGradient(
|
|
colors: [
|
|
Color(red: 0xCA/255, green: 0xFF/255, blue: 0x00/255).opacity(0.08),
|
|
Color.white.opacity(0.02)
|
|
],
|
|
startPoint: .topLeading,
|
|
endPoint: .bottomTrailing
|
|
)
|
|
)
|
|
.overlay(
|
|
RoundedRectangle(cornerRadius: 10)
|
|
.stroke(Color(red: 0xCA/255, green: 0xFF/255, blue: 0x00/255).opacity(0.25), lineWidth: 1)
|
|
)
|
|
)
|
|
}
|
|
|
|
// MARK: - URL install section
|
|
|
|
private var installFromURLSection: some View {
|
|
VStack(alignment: .leading, spacing: 10) {
|
|
HStack(spacing: 6) {
|
|
Image(systemName: "arrow.down.circle.fill")
|
|
.font(.system(size: 13))
|
|
.foregroundColor(.green)
|
|
Text("Install from URL")
|
|
.font(.system(size: 13, weight: .semibold))
|
|
.foregroundColor(.white.opacity(0.85))
|
|
}
|
|
Text("Paste a plugin download URL from the marketplace")
|
|
.font(.system(size: 11))
|
|
.foregroundColor(.white.opacity(0.45))
|
|
|
|
HStack(spacing: 8) {
|
|
// SwiftUI's TextField.prompt ignores `foregroundColor` on macOS,
|
|
// so we overlay our own placeholder Text in a solid light gray.
|
|
ZStack(alignment: .leading) {
|
|
if installURLText.isEmpty {
|
|
Text("https://api.miomio.chat/api/i/...")
|
|
.font(.system(size: 12, design: .monospaced))
|
|
.foregroundColor(Color(red: 0.62, green: 0.62, blue: 0.65))
|
|
.padding(.horizontal, 10)
|
|
.allowsHitTesting(false)
|
|
}
|
|
TextField("", text: $installURLText)
|
|
.textFieldStyle(.plain)
|
|
.font(.system(size: 12, design: .monospaced))
|
|
.foregroundColor(.white.opacity(0.9))
|
|
.padding(.horizontal, 10)
|
|
.padding(.vertical, 8)
|
|
}
|
|
.background(RoundedRectangle(cornerRadius: 6).fill(Color.white.opacity(0.06)))
|
|
.overlay(
|
|
RoundedRectangle(cornerRadius: 6)
|
|
.stroke(Color.white.opacity(0.1), lineWidth: 1)
|
|
)
|
|
.disabled(urlInstalling)
|
|
|
|
Button {
|
|
if let str = NSPasteboard.general.string(forType: .string) {
|
|
installURLText = str
|
|
}
|
|
} label: {
|
|
Image(systemName: "doc.on.clipboard")
|
|
.font(.system(size: 12))
|
|
.foregroundColor(.white.opacity(0.6))
|
|
.padding(.horizontal, 8)
|
|
.padding(.vertical, 7)
|
|
.background(RoundedRectangle(cornerRadius: 6).fill(Color.white.opacity(0.06)))
|
|
}
|
|
.buttonStyle(.plain)
|
|
.help("Paste from clipboard")
|
|
|
|
Button {
|
|
performURLInstall()
|
|
} label: {
|
|
HStack(spacing: 4) {
|
|
if urlInstalling {
|
|
ProgressView()
|
|
.controlSize(.mini)
|
|
} else if urlInstallSuccess {
|
|
Image(systemName: "checkmark")
|
|
.font(.system(size: 11, weight: .bold))
|
|
} else {
|
|
Image(systemName: "arrow.down")
|
|
.font(.system(size: 11, weight: .bold))
|
|
}
|
|
Text(urlInstalling ? "Installing…" : (urlInstallSuccess ? "Installed" : "Install"))
|
|
.font(.system(size: 11, weight: .semibold))
|
|
}
|
|
.foregroundColor(.black)
|
|
.padding(.horizontal, 12)
|
|
.padding(.vertical, 7)
|
|
.background(
|
|
RoundedRectangle(cornerRadius: 6)
|
|
.fill(Color(red: 0xCA/255, green: 0xFF/255, blue: 0x00/255))
|
|
)
|
|
}
|
|
.buttonStyle(.plain)
|
|
.disabled(urlInstalling || installURLText.trimmingCharacters(in: .whitespaces).isEmpty)
|
|
}
|
|
|
|
if let err = urlInstallError {
|
|
Text(err)
|
|
.font(.system(size: 11))
|
|
.foregroundColor(.red.opacity(0.8))
|
|
}
|
|
}
|
|
.padding(14)
|
|
.background(
|
|
RoundedRectangle(cornerRadius: 10)
|
|
.fill(Color.white.opacity(0.04))
|
|
.overlay(
|
|
RoundedRectangle(cornerRadius: 10)
|
|
.stroke(Color.green.opacity(0.2), lineWidth: 1)
|
|
)
|
|
)
|
|
}
|
|
|
|
private func performURLInstall() {
|
|
let url = installURLText.trimmingCharacters(in: .whitespacesAndNewlines)
|
|
guard !url.isEmpty else { return }
|
|
urlInstalling = true
|
|
urlInstallError = nil
|
|
urlInstallSuccess = false
|
|
Task {
|
|
do {
|
|
try await manager.installFromURL(url)
|
|
urlInstalling = false
|
|
urlInstallSuccess = true
|
|
installURLText = ""
|
|
try? await Task.sleep(nanoseconds: 2_000_000_000)
|
|
urlInstallSuccess = false
|
|
} catch {
|
|
urlInstalling = false
|
|
urlInstallError = (error as? LocalizedError)?.errorDescription ?? error.localizedDescription
|
|
}
|
|
}
|
|
}
|
|
|
|
// MARK: - Plugin row
|
|
|
|
private func pluginRow(_ item: NativePluginManager.PluginListItem) -> some View {
|
|
HStack(spacing: 12) {
|
|
Image(systemName: item.icon)
|
|
.font(.system(size: 16))
|
|
.foregroundColor(item.isInstalled ? .white.opacity(0.7) : .white.opacity(0.3))
|
|
.frame(width: 24, height: 24)
|
|
|
|
VStack(alignment: .leading, spacing: 2) {
|
|
HStack(spacing: 6) {
|
|
Text(item.name)
|
|
.font(.system(size: 12, weight: .medium))
|
|
.foregroundColor(item.isInstalled ? .white.opacity(0.9) : .white.opacity(0.5))
|
|
if item.isOfficial {
|
|
Text("Official")
|
|
.font(.system(size: 9, weight: .semibold))
|
|
.foregroundColor(Color(red: 0xCA/255, green: 0xFF/255, blue: 0x00/255))
|
|
.padding(.horizontal, 5)
|
|
.padding(.vertical, 1)
|
|
.background(
|
|
Capsule().fill(Color(red: 0xCA/255, green: 0xFF/255, blue: 0x00/255).opacity(0.12))
|
|
)
|
|
}
|
|
if !item.isInstalled {
|
|
Text("Disabled")
|
|
.font(.system(size: 9, weight: .semibold))
|
|
.foregroundColor(.white.opacity(0.4))
|
|
.padding(.horizontal, 5)
|
|
.padding(.vertical, 1)
|
|
.background(
|
|
Capsule().fill(Color.white.opacity(0.06))
|
|
)
|
|
}
|
|
}
|
|
Text("v\(item.version)")
|
|
.font(.system(size: 10))
|
|
.foregroundColor(.white.opacity(0.4))
|
|
}
|
|
|
|
Spacer()
|
|
|
|
if item.isInstalled {
|
|
Button {
|
|
manager.uninstall(id: item.id)
|
|
} label: {
|
|
Image(systemName: "trash")
|
|
.font(.system(size: 11))
|
|
.foregroundColor(.red.opacity(0.5))
|
|
}
|
|
.buttonStyle(.plain)
|
|
.help(item.isOfficial ? "Disable (slot stays)" : "Uninstall")
|
|
} else {
|
|
Button {
|
|
manager.reinstallOfficial(id: item.id)
|
|
} label: {
|
|
HStack(spacing: 4) {
|
|
Image(systemName: "arrow.clockwise")
|
|
.font(.system(size: 10, weight: .bold))
|
|
Text("Reinstall")
|
|
.font(.system(size: 11, weight: .semibold))
|
|
}
|
|
.foregroundColor(Color(red: 0xCA/255, green: 0xFF/255, blue: 0x00/255))
|
|
.padding(.horizontal, 10)
|
|
.padding(.vertical, 5)
|
|
.background(
|
|
RoundedRectangle(cornerRadius: 6)
|
|
.fill(Color(red: 0xCA/255, green: 0xFF/255, blue: 0x00/255).opacity(0.1))
|
|
)
|
|
}
|
|
.buttonStyle(.plain)
|
|
}
|
|
}
|
|
.padding(10)
|
|
.background(RoundedRectangle(cornerRadius: 8).fill(Color.white.opacity(0.05)))
|
|
}
|
|
|
|
private func installFromFinder() {
|
|
let panel = NSOpenPanel()
|
|
panel.canChooseFiles = true
|
|
panel.canChooseDirectories = false
|
|
panel.allowsMultipleSelection = false
|
|
panel.allowedContentTypes = [.bundle]
|
|
panel.message = "Select a MioIsland plugin .bundle"
|
|
panel.prompt = "Install"
|
|
|
|
guard panel.runModal() == .OK, let url = panel.url else { return }
|
|
try? manager.install(bundleURL: url)
|
|
}
|
|
}
|