@pkmn/engine 0.1.0-dev.84cc1a02 → 0.1.0-dev.942dbfa4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/README.md +52 -24
  2. package/build/pkg/addon.d.ts +7 -0
  3. package/build/pkg/addon.js +111 -0
  4. package/build/pkg/addon.js.map +1 -0
  5. package/build/pkg/data/layout.json +1 -1
  6. package/build/pkg/data.d.ts +1 -2
  7. package/build/pkg/data.js +3 -5
  8. package/build/pkg/data.js.map +1 -1
  9. package/build/pkg/gen1.d.ts +5 -4
  10. package/build/pkg/gen1.js +43 -24
  11. package/build/pkg/gen1.js.map +1 -1
  12. package/build/pkg/index.d.ts +15 -12
  13. package/build/pkg/index.js.map +1 -1
  14. package/build/pkg/protocol.d.ts +4 -2
  15. package/build/pkg/protocol.js +4 -2
  16. package/build/pkg/protocol.js.map +1 -1
  17. package/build/test/display.js +400 -0
  18. package/build/test/display.js.map +1 -0
  19. package/build/tools/debug.js +133 -0
  20. package/build/tools/debug.js.map +1 -0
  21. package/build.zig +30 -39
  22. package/package.json +45 -34
  23. package/src/bin/install-pkmn-engine +47 -28
  24. package/src/bin/pkmn-debug +62 -0
  25. package/src/lib/binding/node.zig +7 -7
  26. package/src/lib/binding/wasm.zig +3 -3
  27. package/src/lib/common/data.zig +1 -1
  28. package/src/lib/common/debug.zig +1 -0
  29. package/src/lib/common/options.zig +3 -3
  30. package/src/lib/common/protocol.zig +140 -133
  31. package/src/lib/gen1/README.md +106 -70
  32. package/src/lib/gen1/data/moves.zig +10 -10
  33. package/src/lib/gen1/data/species.zig +2 -2
  34. package/src/lib/gen1/data/types.zig +2 -2
  35. package/src/lib/gen1/data.zig +32 -28
  36. package/src/lib/gen1/helpers.zig +6 -17
  37. package/src/lib/gen1/mechanics.zig +418 -325
  38. package/src/lib/gen2/data/items.zig +3 -3
  39. package/src/lib/gen2/data/moves.zig +1 -1
  40. package/src/lib/gen2/data/species.zig +1 -1
  41. package/src/lib/gen2/data/types.zig +3 -3
  42. package/src/lib/gen2/data.zig +12 -12
  43. package/src/lib/gen2/helpers.zig +3 -3
  44. package/src/lib/pkmn.zig +7 -7
  45. package/src/test/display/pkmn.html.tmpl +368 -0
@@ -219,18 +219,18 @@ pub const Item = enum(u8) {
219
219
  pub inline fn boost(item: Item) ?Type {
220
220
  assert(item != .None);
221
221
  if (item == .PolkadotBow) return .Normal;
222
- return if (@enumToInt(item) <= 18) @intToEnum(Type, @enumToInt(item) - 1) else null;
222
+ return if (@intFromEnum(item) <= 18) @enumFromInt(Type, @intFromEnum(item) - 1) else null;
223
223
  }
224
224
 
225
225
  /// Whether or not this item is a Berry.
226
226
  pub inline fn berry(item: Item) bool {
227
227
  assert(item != .None);
228
- return @enumToInt(item) > 30 and @enumToInt(item) <= 40;
228
+ return @intFromEnum(item) > 30 and @intFromEnum(item) <= 40;
229
229
  }
230
230
 
231
231
  /// Whether or not this item is Mail.
232
232
  pub inline fn mail(item: Item) bool {
233
233
  assert(item != .None);
234
- return @enumToInt(item) > 60 and @enumToInt(item) <= 70;
234
+ return @intFromEnum(item) > 60 and @intFromEnum(item) <= 70;
235
235
  }
236
236
  };
@@ -2779,6 +2779,6 @@ pub const Move = enum(u8) {
2779
2779
  /// Returns the `Data` corresponding to the move.
2780
2780
  pub inline fn get(id: Move) Data {
2781
2781
  assert(id != .None);
2782
- return DATA[@enumToInt(id) - 1];
2782
+ return DATA[@intFromEnum(id) - 1];
2783
2783
  }
2784
2784
  };
@@ -1793,6 +1793,6 @@ pub const Species = enum(u8) {
1793
1793
  /// Returns the `Data` corresponding to the species.
1794
1794
  pub fn get(id: Species) Data {
1795
1795
  assert(id != .None);
1796
- return DATA[@enumToInt(id) - 1];
1796
+ return DATA[@intFromEnum(id) - 1];
1797
1797
  }
1798
1798
  };
@@ -86,17 +86,17 @@ pub const Type = enum(u8) {
86
86
 
87
87
  /// Whether or not this type is considered to be special as opposed to physical.
88
88
  pub inline fn special(self: Type) bool {
89
- return @enumToInt(self) >= @enumToInt(Type.Fire);
89
+ return @intFromEnum(self) >= @intFromEnum(Type.Fire);
90
90
  }
91
91
 
92
92
  /// The `Effectiveness` of type `t2` vs. type `t1`.
93
93
  pub inline fn effectiveness(t1: Type, t2: Type) Effectiveness {
94
- return CHART[@enumToInt(t1)][@enumToInt(t2)];
94
+ return CHART[@intFromEnum(t1)][@intFromEnum(t2)];
95
95
  }
96
96
 
97
97
  /// The precedence order of type type.
98
98
  pub inline fn precedence(self: Type) u8 {
99
- return PRECEDENCE[@enumToInt(self)];
99
+ return PRECEDENCE[@intFromEnum(self)];
100
100
  }
101
101
  };
102
102
 
@@ -19,13 +19,13 @@ const assert = std.debug.assert;
19
19
  const expectEqual = std.testing.expectEqual;
20
20
  const expect = std.testing.expect;
21
21
 
22
- pub const MAX_OPTIONS: usize = 9; // move 1..4, switch 2..6
22
+ pub const MAX_CHOICES: usize = 9; // move 1..4, switch 2..6
23
23
  pub const MAX_LOGS: usize = 180; // TODO
24
24
 
25
- pub const OPTIONS_SIZE = if (builtin.mode == .ReleaseSmall)
26
- MAX_OPTIONS
25
+ pub const CHOICES_SIZE = if (builtin.mode == .ReleaseSmall)
26
+ MAX_CHOICES
27
27
  else
28
- std.math.ceilPowerOfTwo(usize, MAX_OPTIONS) catch unreachable;
28
+ std.math.ceilPowerOfTwo(usize, MAX_CHOICES) catch unreachable;
29
29
  pub const LOGS_SIZE = if (builtin.mode == .ReleaseSmall)
30
30
  MAX_LOGS
31
31
  else
@@ -50,11 +50,11 @@ pub fn Battle(comptime RNG: anytype) type {
50
50
  field: Field = .{},
51
51
 
52
52
  pub inline fn side(self: *Self, player: Player) *Side {
53
- return &self.sides[@enumToInt(player)];
53
+ return &self.sides[@intFromEnum(player)];
54
54
  }
55
55
 
56
56
  pub inline fn foe(self: *Self, player: Player) *Side {
57
- return &self.sides[@enumToInt(player.foe())];
57
+ return &self.sides[@intFromEnum(player.foe())];
58
58
  }
59
59
 
60
60
  pub inline fn active(self: *Self, player: Player) ID {
@@ -208,8 +208,8 @@ const DVs = packed struct {
208
208
  const p = @intCast(u6, 1 + ((5 * @as(u8, (dvs.atk & 0b1000) | ((dvs.def & 0b1000)) >> 1 |
209
209
  ((dvs.spe & 0b1000)) >> 2 | ((dvs.spc & 0b1000)) >> 3) + (dvs.spc & 0b0011)) >> 1));
210
210
  var t = @as(u8, dvs.def & 0b0011) + (@as(u8, dvs.atk & 0b0011) << 2) + 1;
211
- if (t >= @enumToInt(Type.@"???")) t = t + 1;
212
- return DVs{ .gender = g, .pow = p, .type = @intToEnum(Type, t) };
211
+ if (t >= @intFromEnum(Type.@"???")) t = t + 1;
212
+ return DVs{ .gender = g, .pow = p, .type = @enumFromInt(Type, t) };
213
213
  }
214
214
 
215
215
  comptime {
@@ -327,7 +327,7 @@ pub fn Stats(comptime T: type) type {
327
327
 
328
328
  pub fn calc(comptime stat: []const u8, base: T, dv: u4, exp: u16, level: u8) T {
329
329
  assert(level > 0 and level <= 100);
330
- const evs = @min(255, @floatToInt(u16, @ceil(@sqrt(@intToFloat(f32, exp)))));
330
+ const evs = @min(255, @intFromFloat(u16, @ceil(@sqrt(@floatFromInt(f32, exp)))));
331
331
  const core: u32 = (2 *% (@as(u32, base) +% dv)) +% (evs / 4);
332
332
  const factor: u32 = if (std.mem.eql(u8, stat, "hp")) level + 10 else 5;
333
333
  return @intCast(T, core *% @as(u32, level) / 100 +% factor);
@@ -390,7 +390,7 @@ test Item {
390
390
  pub const Move = moves.Move;
391
391
 
392
392
  test Move {
393
- try expectEqual(251, @enumToInt(Move.BeatUp));
393
+ try expectEqual(251, @intFromEnum(Move.BeatUp));
394
394
  const move = Move.get(.DynamicPunch);
395
395
  try expectEqual(Move.Effect.ConfusionChance, move.effect);
396
396
  try expectEqual(@as(u8, 50), move.accuracy);
@@ -400,7 +400,7 @@ test Move {
400
400
  pub const Species = species.Species;
401
401
 
402
402
  test Species {
403
- try expectEqual(152, @enumToInt(Species.Chikorita));
403
+ try expectEqual(152, @intFromEnum(Species.Chikorita));
404
404
  try expectEqual(@as(u8, 100), Species.get(.Celebi).stats.spd);
405
405
  }
406
406
 
@@ -409,7 +409,7 @@ pub const Types = types.Types;
409
409
  pub const Effectiveness = gen1.Effectiveness;
410
410
 
411
411
  test Types {
412
- try expectEqual(13, @enumToInt(Type.Electric));
412
+ try expectEqual(13, @intFromEnum(Type.Electric));
413
413
 
414
414
  try expect(!Type.Steel.special());
415
415
  try expect(Type.Dark.special());
@@ -158,11 +158,11 @@ pub const Pokemon = struct {
158
158
  }
159
159
 
160
160
  pub fn random(rand: *PSRNG, opt: Options) data.Pokemon {
161
- const s = @intToEnum(Species, rand.range(u8, 1, Species.size + 1));
161
+ const s = @enumFromInt(Species, rand.range(u8, 1, Species.size + 1));
162
162
  const species = Species.get(s);
163
163
  const lvl = if (rand.chance(u8, 1, 20)) rand.range(u8, 1, 99 + 1) else 100;
164
164
  // Pokémon Showdown does not support most items without in-battle held item effects
165
- const max_item = @enumToInt(if (showdown) Item.FlowerMail else Item.TM50);
165
+ const max_item = @intFromEnum(if (showdown) Item.FlowerMail else Item.TM50);
166
166
  const item = if (rand.chance(u8, 1, 10)) 0 else rand.range(u8, 1, max_item + 1);
167
167
 
168
168
  var stats: Stats(u16) = .{};
@@ -184,7 +184,7 @@ pub const Pokemon = struct {
184
184
  for (0..n) |i| {
185
185
  var m: Move = .None;
186
186
  sample: while (true) {
187
- m = @intToEnum(Move, rand.range(u8, 1, 164 + 1));
187
+ m = @enumFromInt(Move, rand.range(u8, 1, 164 + 1));
188
188
  for (0..i) |j| if (ms[j].id == m) continue :sample;
189
189
  break;
190
190
  }
package/src/lib/pkmn.zig CHANGED
@@ -4,10 +4,10 @@ pub const options = @import("common/options.zig");
4
4
  pub const Options = options.Options;
5
5
 
6
6
  /// The minimum size in bytes required to hold all choice options.
7
- pub const MAX_OPTIONS = gen1.MAX_OPTIONS;
7
+ pub const MAX_CHOICES = gen1.MAX_CHOICES;
8
8
  /// The optimal size in bytes required to hold all choice options.
9
- /// At least as large as `MAX_OPTIONS`.
10
- pub const OPTIONS_SIZE = gen1.OPTIONS_SIZE;
9
+ /// At least as large as `MAX_CHOICES`.
10
+ pub const CHOICES_SIZE = gen1.CHOICES_SIZE;
11
11
  /// The maximum number of bytes possibly logged by a single update.
12
12
  pub const MAX_LOGS = gen1.MAX_LOGS;
13
13
  /// The optimal size in bytes required to hold the largest amount of log data
@@ -25,12 +25,12 @@ pub const Result = @import("common/data.zig").Result;
25
25
  /// Pokémon Showdown's RNG (backed by a Generation V & VI RNG).
26
26
  pub const PSRNG = @import("common/rng.zig").PSRNG;
27
27
 
28
- /// Namespace for helpers related to protocol trace logging.
28
+ /// Namespace for helpers related to protocol message logging.
29
29
  pub const protocol = if (options.internal) struct {
30
30
  pub usingnamespace @import("common/protocol.zig");
31
31
  } else struct {
32
32
  /// Logs protocol information to its `Writer` during a battle update when
33
- /// `options.trace` is enabled.
33
+ /// `options.log` is enabled.
34
34
  pub const Log = @import("common/protocol.zig").Log;
35
35
  /// Stripped down version of `std.io.FixedBufferStream` optimized for
36
36
  /// efficiently writing the individual protocol bytes. Note that the
@@ -41,8 +41,8 @@ pub const protocol = if (options.internal) struct {
41
41
  /// intialized with a `LOGS_SIZE`-sized buffer.
42
42
  pub const FixedLog = @import("common/protocol.zig").FixedLog;
43
43
  /// Null object pattern implementation of `Log` backed by a
44
- /// `std.io.null_writer`. Ignores anything sent to it, though trace logging
45
- /// should addtionally be turned off entirely by using `options.trace`.
44
+ /// `std.io.null_writer`. Ignores anything sent to it, though protocol
45
+ /// logging should additionally be turned off entirely with `options.log`.
46
46
  pub const NULL = @import("common/protocol.zig").NULL;
47
47
  };
48
48
 
@@ -0,0 +1,368 @@
1
+ <!doctype html>
2
+ <html lang=en>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1">
6
+ <link rel="icon" href="https://pkmn.cc/favicon.ico">
7
+ <title>@pkmn/engine</title>
8
+ <style>
9
+ #content {
10
+ font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
11
+ margin: 4em auto;
12
+ max-width: 1300px;
13
+ line-height: 1.4em;
14
+ --hp-bar: 151px;
15
+ --hp-text: 32px;
16
+ }
17
+ details > summary {
18
+ list-style: none;
19
+ }
20
+ details > summary::-webkit-details-marker {
21
+ display: none;
22
+ }
23
+ .battle > .details {
24
+ background: #eee;
25
+ border-bottom: 3px solid black;
26
+ padding: 0 0.5em;
27
+ display: flex;
28
+ justify-content: space-between;
29
+ }
30
+ .inner {
31
+ display: flex;
32
+ justify-content: center;
33
+ flex-direction: column;
34
+ }
35
+ .side > .details {
36
+ padding: 0.5em;
37
+ display: flex;
38
+ justify-content: space-between;
39
+ text-align: center;
40
+ flex: 0 1 auto;
41
+ }
42
+ .active {
43
+ flex: 1 1 auto;
44
+ }
45
+ details {
46
+ flex: 0 1 auto;
47
+ }
48
+ .sides {
49
+ display: flex;
50
+ }
51
+ .side {
52
+ flex: 1;
53
+ display: flex;
54
+ flex-flow: column;
55
+ }
56
+ .side.p1 {
57
+ border-right: 1px solid black;
58
+ }
59
+ .battle {
60
+ border: 3px solid black;
61
+ }
62
+ summary {
63
+ border-top: 1px solid black;
64
+ text-align: center;
65
+ padding: 0.25em;
66
+ }
67
+ .good {
68
+ color: green;
69
+ }
70
+ .bad {
71
+ color: red;
72
+ }
73
+ .pokemon {
74
+ position: relative;
75
+ padding: 0.5em;
76
+ border-top: 1px solid black;
77
+ display: flex;
78
+ }
79
+ table {
80
+ border-collapse: collapse;
81
+ border-style: hidden;
82
+ border-spacing: 0px;
83
+ line-height: 1.5em;
84
+ }
85
+ th, td {
86
+ border: 1px solid black;
87
+ padding: 0 0.5em;
88
+ }
89
+ .statbar {
90
+ display: none;
91
+ width: calc(var(--hp-bar) + var(--hp-text));
92
+ padding: 2px 0;
93
+ line-height: normal;
94
+ }
95
+ .statbar .name {
96
+ display: block;
97
+ text-align: center;
98
+ line-height: 1.25em;
99
+ }
100
+ .statbar strong {
101
+ color: #222222;
102
+ text-shadow:
103
+ #FFFFFF 1px 1px 0, #FFFFFF 1px -1px 0,
104
+ #FFFFFF -1px 1px 0, #FFFFFF -1px -1px 0;
105
+ }
106
+ .statbar strong small {
107
+ font-weight: normal;
108
+ }
109
+ .statbar .hpbar {
110
+ position: relative;
111
+ border: 1px solid #777777;
112
+ background: #FCFEFF;
113
+ padding: 1px;
114
+ height: 8px;
115
+ margin: 0 0 0 0;
116
+ width: calc(var(--hp-bar) + var(--hp-text) + 1px);
117
+ border-radius: 4px;
118
+ }
119
+ .statbar .hpbar .hp {
120
+ height: 4px;
121
+ border-top: 2px solid #00dd60;
122
+ background: #00bb51;
123
+ border-bottom: 2px solid #007734;
124
+ border-right: 1px solid #007734;
125
+ border-radius: 3px;
126
+ }
127
+ .statbar .hpbar .hp-yellow {
128
+ border-top-color: #f8e379;
129
+ background-color: #f5d538;
130
+ border-bottom-color: #be9f0a;
131
+ border-right-color: #be9f0a;
132
+ }
133
+ .statbar .hpbar .hp-red {
134
+ border-top-color: #f37f67;
135
+ background-color: #ee4928;
136
+ border-bottom-color: #a3260d;
137
+ border-right-color: #a3260d;
138
+ }
139
+ .statbar .hpbar .prevhp {
140
+ background: #BBEECC;
141
+ height: 8px;
142
+ border-radius: 3px;
143
+ }
144
+ .statbar .hpbar .prevhp-yellow {
145
+ background-color: #fcf4ca;
146
+ }
147
+ .statbar .hpbar .prevhp-red {
148
+ background-color: #facec5;
149
+ }
150
+ .statbar .hpbar .hptext {
151
+ position: absolute;
152
+ background: #777777;
153
+ color: #EEEEEE;
154
+ text-shadow: #000000 0 1px 0;
155
+ font-size: 10px;
156
+ width: 32px;
157
+ height: 12px;
158
+ top: -1px;
159
+ text-align: center;
160
+ }
161
+ .status, .volatile {
162
+ padding: 0px 1px;
163
+ border: 1px solid #FF4400;
164
+ border-radius: 3px;
165
+ }
166
+ .status {
167
+ min-height: 10px;
168
+ font-size: 7pt;
169
+ vertical-align: middle;
170
+ padding: 1px 2px;
171
+ border: 0;
172
+ border-radius: 3px;
173
+ text-transform: uppercase;
174
+ margin: 0 2px;
175
+ }
176
+ .status.brn {
177
+ background: #EE5533;
178
+ color: #FFFFFF;
179
+ }
180
+ .status.psn {
181
+ background: #A4009A;
182
+ color: #FFFFFF;
183
+ }
184
+ .status.par {
185
+ background: #9AA400;
186
+ color: #FFFFFF;
187
+ }
188
+ .status.slp {
189
+ background: #AA77AA;
190
+ color: #FFFFFF;
191
+ }
192
+ .status.frz {
193
+ background: #009AA4;
194
+ color: #FFFFFF;
195
+ }
196
+ .volatile {
197
+ display: inline-block;
198
+ padding: 0 5px;
199
+ margin: 2px
200
+ }
201
+ .volatile.bad {
202
+ background: #FFE5E0;
203
+ color: #FF4400;
204
+ border-color: #FF4400;
205
+ }
206
+ .volatile.good {
207
+ background: #E5FFE0;
208
+ color: #33AA00;
209
+ border-color: #33AA00;
210
+ }
211
+ .volatile.neutral {
212
+ background: #F0F0F0;
213
+ color: #555555;
214
+ border-color: #555555;
215
+ }
216
+ .rstatbar .hpbar .hptext {
217
+ right: 0px;
218
+ border-radius: 0 4px 4px 0;
219
+ }
220
+ .moves ul {
221
+ column-count: 2;
222
+ column-gap: 2em;
223
+ }
224
+ .left {
225
+ padding-right: 32px;
226
+ display: flex;
227
+ flex-direction: column;
228
+ align-items: center;
229
+ }
230
+ .stats {
231
+ display: flex;
232
+ padding: 0 1em;
233
+ justify-content: space-between;
234
+ text-align: center;
235
+ width: 100%;
236
+ }
237
+ .types {
238
+ display: inherit;
239
+ }
240
+ .disabled {
241
+ color: #AAAAAA;
242
+ }
243
+ .log {
244
+ display: flex;
245
+ justify-content: center;
246
+ padding-bottom: 2em;
247
+ }
248
+ .position {
249
+ position: absolute;
250
+ right: 10px;
251
+ color: #AAAAAA;
252
+ }
253
+ .left .position {
254
+ display: none;
255
+ }
256
+ .right .position {
257
+ display: block;
258
+ }
259
+ .teamicons {
260
+ display: inline-block;
261
+ }
262
+ @media(max-width: 1300px) {
263
+ #content {
264
+ font-size: 0.85em;
265
+ max-width: 95%;
266
+ margin: 2em auto;
267
+ }
268
+ }
269
+ @media(max-width: 1200px) {
270
+ .moves ul {
271
+ column-count: 1;
272
+ }
273
+ }
274
+ @media(max-width: 1100px) {
275
+ .pokemon {
276
+ flex-direction: column;
277
+ }
278
+ .stats {
279
+ justify-content: center;
280
+ padding: 0;
281
+ }
282
+ .boosts {
283
+ margin-left: 5px;
284
+ }
285
+ .moves ul {
286
+ column-count: 2;
287
+ }
288
+ .left {
289
+ padding-right: 0;
290
+ }
291
+ .right {
292
+ padding-top: 1em;
293
+ }
294
+ .volatiles {
295
+ display: flex;
296
+ justify-content: center;
297
+ flex-wrap: wrap;
298
+ }
299
+ .left .position {
300
+ display: block;
301
+ }
302
+ .right .position {
303
+ display: none;
304
+ }
305
+ }
306
+ @media(max-width: 800px) {
307
+ .moves {
308
+ display: flex;
309
+ justify-content: center;
310
+ }
311
+ .moves ul {
312
+ column-count: 1;
313
+ display: inline-block;
314
+ padding: 0;
315
+ }
316
+ }
317
+ @media(max-width: 680px) {
318
+ .stats {
319
+ flex-direction: column;
320
+ padding: 0;
321
+ }
322
+ .boosts {
323
+ display: flex;
324
+ justify-content: space-between;
325
+ margin-top: 0.5em;
326
+ }
327
+ }
328
+ @media(max-width: 550px) {
329
+ #content {
330
+ font-size: 0.65em;
331
+ max-width: 95%;
332
+ margin: 1em auto;
333
+ --hp-bar: 101px;
334
+ }
335
+ }
336
+ @media(max-width: 425px) {
337
+ .stats {
338
+ font-size: 0.9em;
339
+ }
340
+ }
341
+ h1 {
342
+ text-align: center;
343
+ }
344
+ .error {
345
+ overflow: auto;
346
+ scrollbar-width: none;
347
+ padding: 10px 20px;
348
+ border: 3px solid #DD4422;
349
+ background: #FFF8F2;
350
+ }
351
+ .error::-webkit-scrollbar {
352
+ display: none;
353
+ }
354
+ </style>
355
+ </head>
356
+ <body>
357
+ <div id="content">{{{ content }}}</div>
358
+ <script>
359
+ for (const details of document.getElementsByTagName('details')) {
360
+ details.addEventListener('toggle', e => {
361
+ for (const d of details.parentElement.parentElement.getElementsByTagName('details')) {
362
+ if (d.open !== details.open) d.open = details.open;
363
+ }
364
+ });
365
+ }
366
+ </script>
367
+ </body>
368
+ </html>