settings

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112// The settings page's pure parts: sections, the shortcut search, and the
// values a setting's field sends to the host.
import assert from "node:assert/strict";
import type { SettingValue } from "convergence";

// `parseInput` answers a value or an error; the tests read either one.
const errorOf = (result: { value?: SettingValue; error?: string }) => result.error;
import { test } from "node:test";

import {
  APP_SECTIONS,
  chordOf,
  matchesCommand,
  optionsOf,
  parseInput,
  pluginSections,
  shortcutGroups,
  textOf,
} from "./model.ts";

test("each plugin with settings has a section, after the app's own", () => {
  const plugins = [
    { name: "chat", settings: "Chat", enabled: true },
    { name: "git", settings: undefined, enabled: true },
    { name: "opencode", settings: "OpenCode", enabled: false },
  ];
  assert.deepEqual(pluginSections(plugins), [
    { id: "plugin:chat", label: "Chat", plugin: "chat", enabled: true },
    { id: "plugin:opencode", label: "OpenCode", plugin: "opencode", enabled: false },
  ]);
  assert.deepEqual(pluginSections(null), []);
  assert.deepEqual(
    APP_SECTIONS.map((s) => s.id),
    ["general", "agents", "workspaces", "plugins", "tools", "keys", "updates"],
  );
});

const commands = [
  {
    id: "kernel.quit",
    title: "Quit Divergence",
    category: "Divergence",
    plugin: "kernel",
    pluginTitle: "Divergence",
    kernel: true,
    keys: ["cmd-q"],
    labels: ["⌘Q"],
  },
  {
    id: "chat.newChat",
    title: "New Chat",
    category: "Chat",
    plugin: "chat",
    pluginTitle: "chat",
    keys: ["cmd-t"],
    labels: ["⌘T"],
    when: null,
  },
  {
    id: "sidebar.moveChatUp",
    title: "Move Chat Up",
    category: "Sidebar",
    plugin: "sidebar",
    pluginTitle: "sidebar",
    keys: ["alt-up"],
    labels: ["⥥↑"],
    when: "!composerFocused",
  },
];

test("the shortcut search reads titles, plugins, ids, whens and keys", () => {
  assert.ok(matchesCommand(commands[1], "new chat"));
  assert.ok(matchesCommand(commands[1], "cmd-t"));
  assert.ok(matchesCommand(commands[1], "⌘T"));
  assert.ok(matchesCommand(commands[2], "composerfocused"));
  assert.ok(matchesCommand(commands[2], "sidebar move"));
  assert.ok(!matchesCommand(commands[2], "sidebar quit"), "every word must match");
  assert.ok(matchesCommand(commands[0], ""));
});

test("shortcuts group by plugin, the app's own first", () => {
  const groups = shortcutGroups(commands, "");
  assert.deepEqual(
    groups.map((g) => g.title),
    ["Divergence", "chat", "sidebar"],
  );
  assert.deepEqual(
    shortcutGroups(commands, "chat").map((g) => g.title),
    ["chat", "sidebar"],
  );
  assert.deepEqual(shortcutGroups(commands, "nothing like this"), []);
});

test("a recorded chord and the values a setting's field sends", () => {
  assert.equal(chordOf(["cmd-k", "cmd-s"]), "cmd-k cmd-s");
  assert.equal(chordOf(["shift-cmd-p"]), "shift-cmd-p");
  const number = { type: "number" as const, minimum: 1, maximum: 100 };
  assert.deepEqual(parseInput(number, "20"), { value: 20 });
  assert.deepEqual(parseInput(number, ""), { value: null }, "empty goes back to the default");
  assert.equal(errorOf(parseInput(number, "abc")), "Enter a number");
  assert.equal(errorOf(parseInput(number, "500")), "At most 100");
  assert.deepEqual(parseInput({ type: "color" }, "#A0B1C2"), { value: "#A0B1C2" });
  assert.ok(errorOf(parseInput({ type: "color" as const }, "red")));
  assert.deepEqual(parseInput({ type: "url" }, "https://api.example.com"), { value: "https://api.example.com" });
  assert.deepEqual(parseInput({ type: "path" }, "  "), { value: null });
  assert.equal(textOf(null), "");
  assert.equal(textOf(3), "3");
  assert.deepEqual(optionsOf({ options: ["a", { value: "b", label: "B" }] }), [
    { value: "a", label: "a" },
    { value: "b", label: "B" },
  ]);
});