jpmschweitzerandClaude
b13483e2d5
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>
68 lines
2.1 KiB
Dart
68 lines
2.1 KiB
Dart
import 'package:clide_app/kernel/kernel.dart';
|
|
import 'package:clide_app/widgets/widgets.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
|
|
class WelcomeView extends StatelessWidget {
|
|
const WelcomeView({super.key});
|
|
|
|
static const _ns = 'builtin.welcome';
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final kernel = ClideKernel.of(context);
|
|
final tokens = ClideTheme.of(context).surface;
|
|
return ListenableBuilder(
|
|
listenable: kernel.i18n,
|
|
builder: (ctx, _) {
|
|
final i = kernel.i18n;
|
|
return ClideSurface(
|
|
color: tokens.globalBackground,
|
|
padding: const EdgeInsets.all(32),
|
|
child: Center(
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
ClideText(
|
|
i.string('title', namespace: _ns, placeholder: 'clide'),
|
|
fontSize: 40,
|
|
fontWeight: FontWeight.w300,
|
|
color: tokens.panelActiveBorder,
|
|
),
|
|
const SizedBox(height: 12),
|
|
ClideText(
|
|
i.string(
|
|
'subtitle',
|
|
namespace: _ns,
|
|
placeholder: 'Flutter desktop IDE for Claude Code',
|
|
),
|
|
muted: true,
|
|
fontSize: 14,
|
|
),
|
|
const SizedBox(height: 32),
|
|
ClideButton(
|
|
label: i.string(
|
|
'open-project',
|
|
namespace: _ns,
|
|
placeholder: 'Open project',
|
|
),
|
|
semanticHint: i.string(
|
|
'open-project.hint',
|
|
namespace: _ns,
|
|
placeholder:
|
|
'Pick a git repository to open as the workspace',
|
|
),
|
|
variant: ClideButtonVariant.primary,
|
|
onPressed: () {
|
|
// project open UI lands with the project picker tier
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|