@reviewflow/ui 6.23.0 → 6.25.0

package/src/editor/markdown-editor.tsx

@@ -32,6 +32,7 @@ import {
   markdownEditorExtensions,
 } from "./extensions.ts";
 import "./markdown-editor.css";
+import "./code-token-colors.css";
 
 interface FormatButtonProps {
   icon: SVGIconElement;

package/src/index.ts

@@ -34,18 +34,18 @@ export {
   isDiffFileOrder,
 } from "./components/branch-diff/use-diff-settings.tsx";
 export type { DiffFileOrder } from "./components/branch-diff/use-diff-settings.tsx";
-export type { DiffTheme } from "./components/branch-diff/diff-themes.ts";
-export {
-  diffThemeNames,
-  diffThemeOptions,
-  diffThemes,
-} from "./components/branch-diff/diff-themes.ts";
+// From the sdk, not `branch-diff/diff-themes.ts`: that one registers the reviewflow themes with
+// @pierre/diffs, which this index would put in every importer's main bundle.
+export type { DiffTheme } from "@reviewflow/sdk";
+export { diffThemeNames, diffThemeOptions, diffThemes } from "@reviewflow/sdk";
 // DiffWorkerPool is the `@reviewflow/ui/diff-worker-pool` subpath, not exported here: its web
 // variant pulls @pierre/diffs and shiki, which this index would put in every importer's main
 // bundle. A lazily loaded diff viewer imports the subpath.
 export type { CollapsedFiles } from "./components/branch-diff/use-collapsed-files.ts";
 export { useCollapsedFiles } from "./components/branch-diff/use-collapsed-files.ts";
 export { WhitespaceButton } from "./components/branch-diff/whitespace-button.tsx";
+export type { DiffDisplaySettings } from "./components/diff-settings-section.tsx";
+export { DiffSettingsSection } from "./components/diff-settings-section.tsx";
 export { CopyableCodeBlock } from "./components/copyable-code-block.tsx";
 export { PullRequestReviewDraftProvider } from "./services/PullRequestReviewDraftProvider.tsx";
 export type { DraftStore } from "./services/PullRequestDraftsProvider.tsx";

package/src/palette.ts

@@ -0,0 +1,22 @@
+import type { AccentName, PaletteSpec } from "alouette/theme-generator";
+
+// Hues fitted (in OKLCH) on GitHub Primer's own scales, so reviewflow reads as
+// a companion to the GitHub UI it augments: green brand and success, Primer
+// blue for info, its slightly pink red, its amber-to-cream yellow ramp, and the
+// blue-tinted grays instead of alouette's neutral ones.
+// Read by the app's `build-theme.ts` (its alouette palette) and by this
+// package's `build-code-theme.ts` (the reviewflow code theme).
+export const reviewflowPalette = {
+  grayscale: { type: "grayscale", hue: 250, intensity: 0.18 },
+  brand: { type: "accent", hue: 148, hueHi: 152 },
+  success: { type: "accent", hue: 148, hueHi: 152 },
+  danger: { type: "accent", hue: 21, hueHi: 26 },
+  info: { type: "accent", hue: 260, hueHi: 242 },
+  warning: { type: "brightAccent", hue: 52, hueHi: 99 },
+} as const satisfies Partial<Record<AccentName, PaletteSpec>>;
+
+// Hues alouette has no accent for, used by the code theme only: Primer's
+// purple, for functions as GitHub colors them, its tints pinker as Primer's.
+export const reviewflowCodePalette = {
+  purple: { type: "accent", hue: 295, hueHi: 305, intensity: 0.85 },
+} as const satisfies Record<string, PaletteSpec>;