First real content under app/. Lays the whole Tier 0 foundation in one
commit because the pieces depend on each other circularly (kernel →
extension → widgets → built-ins all reference types from the layer
below); splitting would leave intermediate commits that don't compile.
Key shapes:
* bare WidgetsApp root — no Material, no Cupertino, no Scaffold.
ClideTheme InheritedWidget is the only source of tokens.
* ClideKernel InheritedWidget aggregates 18 services (settings,
project, extensions, theme, panels, events, ipc, commands +
palette + keybindings, clipboard, files, notify, dialog, tray,
secrets, os, net, focus, log, i18n). ExtensionContext exposes
them through a stable interface.
* ClideExtension + sealed ContributionPoint hierarchy (Tab,
StatusItem, Toolbar, Command, TrayItem, LayoutPreset). One
manifest ships N contributions into kernel slots.
* Three-tier theme pipeline: palette (named colors) → semantic
roles → ~60 surface tokens. Defaults at each layer so legacy
palette-only themes produce a complete SurfaceTokens.
* A11y baked in from day one — every interactive primitive wraps
in Semantics(label:, hint:, button:); ensureSemantics() at boot;
theme/contrast.dart helper exposes token pairs for the WCAG
gate in the a11y test suite.
* i18n ported from fframe's L10n pattern (text-driven, namespaced
JSON catalogs, caller-supplied placeholders) with a proper
locale fallback chain (exact → language → default → placeholder)
fframe lacks.
* Four Tier-0 built-ins live (default-layout, welcome, ipc-status,
theme-picker) plus 17 id-reserving stubs so later tiers fill in
without rename churn.
.gitignore extended to cover app/ sub-package artefacts and the
Playwright harness scratch dirs.
Co-Authored-By: Claude <noreply@anthropic.com>
54 lines
1.8 KiB
Dart
54 lines
1.8 KiB
Dart
import 'package:clide_app/kernel/kernel.dart';
|
|
import 'package:clide_app/widgets/widgets.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
|
|
class IpcStatusItem extends StatelessWidget {
|
|
const IpcStatusItem({super.key, required this.ipc});
|
|
|
|
final DaemonClient ipc;
|
|
|
|
static const _ns = 'builtin.ipc-status';
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final kernel = ClideKernel.of(context);
|
|
final tokens = ClideTheme.of(context).surface;
|
|
return ListenableBuilder(
|
|
listenable: Listenable.merge([ipc, kernel.i18n]),
|
|
builder: (ctx, _) {
|
|
final connected = ipc.isConnected;
|
|
final color = connected ? tokens.statusSuccess : tokens.statusError;
|
|
final i = kernel.i18n;
|
|
final label = connected
|
|
? i.string('connected', namespace: _ns, placeholder: 'connected')
|
|
: i.string('disconnected',
|
|
namespace: _ns, placeholder: 'disconnected');
|
|
final hint = connected
|
|
? i.string('connected.hint',
|
|
namespace: _ns,
|
|
placeholder: 'clide daemon is reachable over the local socket')
|
|
: i.string('disconnected.hint',
|
|
namespace: _ns,
|
|
placeholder:
|
|
'clide daemon is not running — start it with `clide --daemon`');
|
|
return Semantics(
|
|
label: label,
|
|
hint: hint,
|
|
liveRegion: true,
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
ClideIcon(const PlugIcon(), size: 12, color: color),
|
|
const SizedBox(width: 6),
|
|
ClideText(label, fontSize: 12, color: color),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|