Sterister
fa770d3063
Some checks failed
Test / test (push) Has been cancelled
M-Files-1..6 land the full files-RPC layer + everything 0.3.0 needs to
ship. Apps keep their own UI; this layer ships the typed RPC, the
streams bridge for content I/O, and production hooks (rate limit,
retention, fingerprint gate, metrics).
@shade/files (NEW)
- Standard ops: list/stat/mkdir/delete/move/read/write/getThumbnail with
Zod-validated wire schemas + clean user-handler types.
- Custom ops: typed via TypeScript declaration merging on CustomOpsMap
+ per-op Zod schemas; client.custom('app.foo', {...}) is fully typed.
- Content I/O: inline (≤ 256 KiB plaintext) base64-in-RPC; streams
(> 256 KiB) ride @shade/transfer via userMetadata.shadeFilesWriteId
/ shadeFilesReadStreamId correlation. Server-side TransformStream
bridges accept inbound transfers immediately (engine rejects chunks
that arrive before accept) and park the readable for the matching
RPC.
- Directory ops: walk(path, opts) async-iterable depth-first walker;
uploadDirectory()/downloadDirectory() with bounded concurrency pool
(default 4, cap 16), aggregated progress, abort.
- Production hooks (callback-based, vendor-neutral): rate-limit (op +
byte), idempotency cache (LRU + TTL + in-flight de-dupe), path
policy (traversal + percent-decode hardening), fingerprint gate
(required/optional/reject), pluggable Ed25519 sig verification with
±5 min replay window, onMetric sink (standard names).
- React hooks (subpath @shade/files/react): ShadeFilesProvider,
useShadeFiles, useFileList, useFileTransfer/Upload/Download.
- Shade.files.serve(handler) + Shade.files.client(peer) high-level
entrypoint in @shade/sdk; lazy + memoized; one handler per Shade.
Wire format bump
- @shade/proto wire VERSION 0x01 → 0x02. Length prefixes changed from
u16 to u32. The previous u16 silently truncated payloads above
64 KiB — a hard correctness ceiling that blocked inline file ops
up to 256 KiB. Wire-incompatible with 0.2.x peers; new sessions
only. Cross-platform Kotlin port (android/shade-android) updated to
match; test-vectors/wire-format.json regenerated.
Concurrency safety
- ShadeSessionManager.encrypt/.decrypt now run under per-peer mutex.
Concurrent decryptions of the same peer raced ratchet state
(manifested as sporadic "Failed to decrypt — wrong key or tampered
data" under load — surfaced once concurrent uploadDirectory pumped
many writes in flight). Encrypt was already serialized via
Shade.send's encryptChains; decrypt is now serialized at the
manager layer too.
@shade/streams extension
- StreamMetadata.userMetadata?: Record<string, string> for
application-level key/value pairs that round-trip verbatim through
stream-init plaintext. Used by @shade/files for write/read
correlation; available to any consumer.
@shade/sdk extension
- Shade.files getter (lazy + memoized).
- BackgroundHooks.onPruneFiles + periodic timer (default 5 min) +
BackgroundTasks.setHook(name, fn) for runtime hook registration.
Bundles in-flight 0.2.0 work
- packages/shade-streams/, packages/shade-transfer/, related
shade-sdk streams-bridge + shade-widgets transfer hooks were
uncommitted prior to this session. Including them keeps the
workspace consistent at 0.3.0 since @shade/files depends on them.
Tests
- 74 new tests in @shade/files (572 → 646 workspace pass; 0 fail;
3× stable). Coverage spans unit (inline-threshold + concurrency),
integration (read-write inline + streams up to 1 MiB, walk +
upload/download directory, custom-op, metrics, SDK namespace
end-to-end), and security (tampered-envelope sig verification,
replay window, fingerprint gate, rate-limit + quota).
Release artifacts
- All packages bumped to 0.3.0 via scripts/bump-version.ts.
- scripts/publish-all.ts PACKAGES updated with shade-files in
topological order (after shade-transfer, before shade-sdk).
- bun run publish:dry clean (14 packed, 0 failed).
- examples/08-files-browser/ — three-process CLI demo (prekey + Bob
server + Alice CLI) covering list/stat/mkdir/delete/upload/download.
- docs/files.md — full API + design doc.
- CHANGELOG.md 0.3.0 entry.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
89 lines
2.6 KiB
TypeScript
89 lines
2.6 KiB
TypeScript
/**
|
|
* Theme tokens for Shade widgets.
|
|
*
|
|
* Self-contained — no external CSS required. Each widget reads tokens
|
|
* from the active theme via context.
|
|
*/
|
|
|
|
export interface ShadeTheme {
|
|
bg: string;
|
|
bgElevated: string;
|
|
border: string;
|
|
text: string;
|
|
textMuted: string;
|
|
textDim: string;
|
|
accent: string;
|
|
accentMuted: string;
|
|
success: string;
|
|
warning: string;
|
|
danger: string;
|
|
font: string;
|
|
fontMono: string;
|
|
radius: string;
|
|
shadow: string;
|
|
|
|
// ─── Stream-transfer tokens (v0.2.0) ─────────────────────
|
|
/** Background of progress-bar track. Default: `border`. */
|
|
progressTrack?: string;
|
|
/** Filled portion of the progress bar. Default: `accent`. */
|
|
progressFill?: string;
|
|
/** Animated fill for indeterminate progress. Default: `accentMuted`. */
|
|
progressFillIndeterminate?: string;
|
|
/** Border of an active drag-and-drop zone. Default: `accent`. */
|
|
dropZoneBorderActive?: string;
|
|
/** Lane indicator color when sending. Default: `success`. */
|
|
laneActive?: string;
|
|
/** Lane indicator color when idle. Default: `textDim`. */
|
|
laneIdle?: string;
|
|
/** Lane indicator color on error. Default: `danger`. */
|
|
laneError?: string;
|
|
}
|
|
|
|
export const darkTheme: ShadeTheme = {
|
|
bg: '#0a0a0a',
|
|
bgElevated: '#161616',
|
|
border: '#262626',
|
|
text: '#e5e5e5',
|
|
textMuted: '#a3a3a3',
|
|
textDim: '#525252',
|
|
accent: '#f7c948',
|
|
accentMuted: 'rgba(247, 201, 72, 0.15)',
|
|
success: '#22c55e',
|
|
warning: '#eab308',
|
|
danger: '#ef4444',
|
|
font: 'system-ui, -apple-system, Segoe UI, Roboto, sans-serif',
|
|
fontMono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',
|
|
radius: '8px',
|
|
shadow: '0 4px 12px rgba(0, 0, 0, 0.4)',
|
|
};
|
|
|
|
export const lightTheme: ShadeTheme = {
|
|
bg: '#ffffff',
|
|
bgElevated: '#f5f5f5',
|
|
border: '#e5e5e5',
|
|
text: '#0a0a0a',
|
|
textMuted: '#525252',
|
|
textDim: '#a3a3a3',
|
|
accent: '#ca8a04',
|
|
accentMuted: 'rgba(202, 138, 4, 0.1)',
|
|
success: '#16a34a',
|
|
warning: '#ca8a04',
|
|
danger: '#dc2626',
|
|
font: 'system-ui, -apple-system, Segoe UI, Roboto, sans-serif',
|
|
fontMono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',
|
|
radius: '8px',
|
|
shadow: '0 4px 12px rgba(0, 0, 0, 0.08)',
|
|
};
|
|
|
|
export type ThemeMode = 'dark' | 'light' | 'auto';
|
|
|
|
export function resolveTheme(mode: ThemeMode): ShadeTheme {
|
|
if (mode === 'dark') return darkTheme;
|
|
if (mode === 'light') return lightTheme;
|
|
// auto: use prefers-color-scheme
|
|
if (typeof window !== 'undefined' && window.matchMedia?.('(prefers-color-scheme: light)').matches) {
|
|
return lightTheme;
|
|
}
|
|
return darkTheme;
|
|
}
|