Fix/189 misc quirks

.gitignore

@@ -6,4 +6,5 @@ output.txt
 test-results/
 playwright-report/
 dist
-*.log
+*.log
+.claude

CHANGELOG.md

@@ -2,7 +2,11 @@
 
 All notable changes to this project will be documented here.
 
-## [Unreleased]
+## [0.31.1] - Oct 22nd, 2026
+#### Changed
+- Simplified ternary syntax into nullish coalescing in several locations
+- Added `@eslint/config-helpers` so ESLint can load `.gitignore`
+- Update CHANGELOG capitalization in PR template
 
 ## [0.31.0] - Oct 21st, 2026
 #### Added

eslint.config.mjs

@@ -2,8 +2,11 @@ import globals from "globals";
 import eslint from "@eslint/js";
 import stylistic from "@stylistic/eslint-plugin";
 import tseslint from "typescript-eslint";
+import { includeIgnoreFile } from "@eslint/config-helpers";
+import { fileURLToPath } from "node:url";
 
 export default [
+    includeIgnoreFile(fileURLToPath(new URL(".gitignore", import.meta.url)), "Imported .gitignore patterns"),
     {
         // Global ignores
         // https://eslint.org/docs/latest/use/configure/configuration-files#configuration-objects

package.json

@@ -1,7 +1,7 @@
 {
   "name": "ulabel",
   "description": "An image annotation tool.",
-  "version": "0.31.0",
+  "version": "0.31.1",
   "main": "dist/ulabel.min.js",
   "module": "dist/ulabel.min.js",
   "types": "dist/index.d.ts",
@@ -60,6 +60,7 @@
   "homepage": "https://github.com/SenteraLLC/ulabel",
   "unpkg": "dist/ulabel.min.js",
   "devDependencies": {
+    "@eslint/config-helpers": "^0.7.0",
     "@eslint/config-inspector": "^1.3.0",
     "@eslint/js": "^9.11.1",
     "@playwright/test": "^1.56.0",

pull_request_template.md

@@ -10,7 +10,7 @@
 - [ ] Version number in `package.json` has been bumped since last release
 - [ ] Version numbers match between package `package.json` and `src/version.js`
 - [ ] Updated documentation if necessary (currently just in `api_spec.md`)
-- [ ] Added changes to `changelog.md`
+- [ ] Added changes to `CHANGELOG.md`
 
 ## Breaking API Changes
 

src/annotation.ts

@@ -286,9 +286,9 @@ export class ULabelAnnotation {
         // Return the data, initializing the arrays if they are undefined
         const ret: PolygonSpatialData = {
             spatial_payload: annotation.spatial_payload,
-            containing_box: annotation.containing_box ? annotation.containing_box : null,
-            spatial_payload_holes: annotation.spatial_payload_holes ? annotation.spatial_payload_holes : [false],
-            spatial_payload_child_indices: annotation.spatial_payload_child_indices ? annotation.spatial_payload_child_indices : [[]],
+            containing_box: annotation.containing_box ?? null,
+            spatial_payload_holes: annotation.spatial_payload_holes ?? [false],
+            spatial_payload_child_indices: annotation.spatial_payload_child_indices ?? [[]],
         };
         if (deep_copy) {
             return JSON.parse(JSON.stringify(ret));

src/html_builder.ts

@@ -726,7 +726,7 @@ export class SliderHandler {
                 value="${this.default_value}"
             />
             <label for="${this.id}" id="${this.id}-value-label" class="ulabel-slider-value-label">
-                ${this.default_value}${this.label_units ? this.label_units : ""}
+                ${this.default_value}${this.label_units ?? ""}
             </label>
             <div class="ulabel-slider-button-container">
                 <button id=${this.id}-inc-button class="ulabel-slider-button circle" >

src/toolbox.ts

@@ -1943,13 +1943,13 @@ export class FilterPointDistanceFromRow extends ToolboxItem {
         // Check if localStorage has a value for showing the overlay
         const show_overlay = get_local_storage_item("filterDistanceShowOverlay");
         // Guard against null values
-        this.show_overlay = show_overlay !== null ? show_overlay : this.show_overlay;
+        this.show_overlay = show_overlay ?? this.show_overlay;
         this.overlay.update_display_overlay(this.show_overlay);
 
         // Check if localStorage has a value for filtering during polyline move
         const filter_during_polyline_move = get_local_storage_item("filterDistanceFilterDuringPolylineMove");
         // Guard against null values
-        this.filter_during_polyline_move = filter_during_polyline_move !== null ? filter_during_polyline_move : this.filter_during_polyline_move;
+        this.filter_during_polyline_move = filter_during_polyline_move ?? this.filter_during_polyline_move;
 
         this.add_styles();
 

src/toolbox_items/keybinds.ts

@@ -796,7 +796,7 @@ export class KeybindsToolboxItem extends ToolboxItem {
                 const is_customized = this.is_keybind_customized(keybind.config_key!);
                 const collision_class = has_collision ? " collision" : "";
                 const customized_class = is_customized ? " customized" : "";
-                const display_key = keybind.key !== null && keybind.key !== undefined ? keybind.key : "none";
+                const display_key = keybind.key ?? "none";
                 const reset_button = is_customized ? `<button class="keybind-reset-btn" data-config-key="${keybind.config_key}" title="Reset to default">↺</button>` : "";
 
                 keybinds_html += `
@@ -829,7 +829,7 @@ export class KeybindsToolboxItem extends ToolboxItem {
                 const is_customized = this.is_class_keybind_customized(keybind.class_id!);
                 const collision_class = has_collision ? " collision" : "";
                 const customized_class = is_customized ? " customized" : "";
-                const display_key = keybind.key != null ? keybind.key : "none";
+                const display_key = keybind.key ?? "none";
                 const reset_button = is_customized ? `<button class="keybind-reset-btn" data-class-id="${keybind.class_id}" title="Reset to default">↺</button>` : "";
 
                 keybinds_html += `
@@ -860,7 +860,7 @@ export class KeybindsToolboxItem extends ToolboxItem {
             for (const keybind of other) {
                 const has_collision = this.has_collision(keybind.key, all_keybinds);
                 const collision_class = has_collision ? " collision" : "";
-                const display_key = keybind.key !== null && keybind.key !== undefined ? keybind.key : "none";
+                const display_key = keybind.key ?? "none";
                 keybinds_html += `
                     <div class="keybind-item" title="${keybind.description}">
                         <span class="keybind-description">${keybind.label}</span>

src/toolbox_items/submit_buttons.ts

@@ -205,7 +205,7 @@ export class SubmitButtons extends ToolboxItem {
         const submit_buttons_by_row: ULabelSubmitButton[][] = [];
         // First, get all the unique row numbers.
         // If a button doesn't have a row number, it will be placed in row 0.
-        const row_numbers: Set<number> = new Set(this.submit_buttons.map((button) => button.row_number ? button.row_number : 0));
+        const row_numbers: Set<number> = new Set(this.submit_buttons.map((button) => button.row_number ?? 0));
         // Sort the row numbers
         const sorted_row_numbers: number[] = Array.from(row_numbers).sort((a, b) => a - b);
         // Group the buttons by row number in ascending order

src/version.js

@@ -1 +1 @@
-export const ULABEL_VERSION = "0.31.0";
+export const ULABEL_VERSION = "0.31.1";