lobsterboard 0.3.1 → 0.3.2

package/CHANGELOG.md

@@ -12,6 +12,12 @@
 - **Phosphor icon system** — themed widgets use Phosphor icons; Default theme keeps emoji
 - **Theme selector dropdown** in edit mode header
 - Theme persists to localStorage and dashboard config
+- **Themes showcase** on website and README with lightbox gallery
+
+## [0.2.6] - 2026-02-23
+
+### Fixed
+- **Version suffix comparison** — versions like `2026.2.22-2` (npm post-release patches) now correctly match GitHub tags like `v2026.2.22`, fixing false "Update available" indicators — thanks @JamesTsetsekas!
 
 ## [0.2.5] - 2026-02-19
 

package/README.md

@@ -37,9 +37,27 @@ Open **http://localhost:8080** → press **Ctrl+E** to enter edit mode → drag
 - **Custom pages** — extend your dashboard with full custom pages (notes, kanban boards, anything)
 - **Canvas sizes** — preset resolutions (1920×1080, 2560×1440, etc.) or custom sizes
 - **Live data** — system stats stream via Server-Sent Events, widgets auto-refresh
-- **Dark theme** — the only correct choice
+- **5 themes** — Default (dark), Terminal (CRT green), Feminine (pastel pink), Feminine Dark, Paper (sepia)
 - **No cloud** — everything runs locally, your data stays yours
 
+## Themes
+
+LobsterBoard ships with 5 built-in themes. Switch themes from the dropdown in edit mode — your choice persists across sessions.
+
+| Default | Terminal | Paper |
+|---------|----------|-------|
+| ![Default](site-assets/themes/theme-default.png) | ![Terminal](site-assets/themes/theme-terminal.png) | ![Paper](site-assets/themes/theme-paper.png) |
+
+| Feminine | Feminine Dark |
+|----------|---------------|
+| ![Feminine](site-assets/themes/theme-feminine.png) | ![Feminine Dark](site-assets/themes/theme-feminine-dark.png) |
+
+- **Default** — dark theme with emoji icons (the classic look)
+- **Terminal** — green CRT aesthetic with scanlines and Phosphor icons
+- **Paper** — warm cream/sepia tones, serif fonts, vintage feel
+- **Feminine** — soft pink and lavender pastels with subtle glows
+- **Feminine Dark** — pink/purple accents on a dark background
+
 ## Configuration
 
 ```bash

package/dist/lobsterboard.css

@@ -1,4 +1,4 @@
-/* LobsterBoard v0.3.1 - Dashboard Styles */
+/* LobsterBoard v0.3.2 - Dashboard Styles */
 /* LobsterBoard Dashboard - Generated Styles */
 
 :root {

package/dist/lobsterboard.esm.js

@@ -1,5 +1,5 @@
 /*!
- * LobsterBoard v0.3.1
+ * LobsterBoard v0.3.2
  * Dashboard builder with customizable widgets
  * https://github.com/curbob/LobsterBoard
  * @license MIT

package/dist/lobsterboard.esm.min.js

@@ -1,5 +1,5 @@
 /*!
- * LobsterBoard v0.3.1
+ * LobsterBoard v0.3.2
  * Dashboard builder with customizable widgets
  * https://github.com/curbob/LobsterBoard
  * @license MIT

package/dist/lobsterboard.umd.js

@@ -1,5 +1,5 @@
 /*!
- * LobsterBoard v0.3.1
+ * LobsterBoard v0.3.2
  * Dashboard builder with customizable widgets
  * https://github.com/curbob/LobsterBoard
  * @license MIT

package/dist/lobsterboard.umd.min.js

@@ -1,5 +1,5 @@
 /*!
- * LobsterBoard v0.3.1
+ * LobsterBoard v0.3.2
  * Dashboard builder with customizable widgets
  * https://github.com/curbob/LobsterBoard
  * @license MIT

package/js/templates.js

@@ -155,7 +155,7 @@
         tplGrid.style.display = '';
         loadTemplates();
       } else {
-        alert('❌ ' + (data.error || 'Delete failed'));
+        alert('❌ ' + (data.error || data.message || 'Delete failed'));
       }
     } catch (e) {
       alert('❌ Delete failed: ' + e.message);
@@ -187,7 +187,7 @@
         alert(`✅ ${data.message}\n\nReloading dashboard...`);
         location.reload();
       } else {
-        alert('❌ ' + (data.error || 'Import failed'));
+        alert('❌ ' + (data.error || data.message || 'Import failed'));
       }
     } catch (e) {
       alert('❌ Import failed: ' + e.message);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lobsterboard",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Self-hosted drag-and-drop dashboard builder with 50 widgets, template gallery, and custom pages. Works standalone or with OpenClaw.",
   "keywords": [
     "dashboard",

package/server.cjs

@@ -1458,12 +1458,25 @@ const server = http.createServer(async (req, res) => {
     req.on('end', () => {
       try {
         const { id, mode } = JSON.parse(body);
+        if (!id) { sendJson(res, 400, { error: 'Missing template id' }); return; }
+        if (!mode) { sendJson(res, 400, { error: 'Missing import mode' }); return; }
+        
         const tplConfigPath = path.join(TEMPLATES_DIR, id, 'config.json');
-        if (!fs.existsSync(tplConfigPath)) { sendJson(res, 404, { error: 'Template not found' }); return; }
-        const tplConfig = JSON.parse(fs.readFileSync(tplConfigPath, 'utf8'));
+        if (!fs.existsSync(tplConfigPath)) { sendJson(res, 404, { error: `Template "${id}" not found` }); return; }
+        
+        let tplConfig;
+        try {
+          tplConfig = JSON.parse(fs.readFileSync(tplConfigPath, 'utf8'));
+        } catch (parseErr) {
+          sendJson(res, 500, { error: `Template config is invalid JSON: ${parseErr.message}` }); return;
+        }
 
         if (mode === 'replace') {
-          fs.writeFileSync(CONFIG_FILE, JSON.stringify(tplConfig, null, 2));
+          try {
+            fs.writeFileSync(CONFIG_FILE, JSON.stringify(tplConfig, null, 2));
+          } catch (writeErr) {
+            sendJson(res, 500, { error: `Failed to write config: ${writeErr.message}` }); return;
+          }
           sendJson(res, 200, { status: 'success', message: 'Template imported (replace)' });
         } else if (mode === 'merge') {
           let currentConfig = { canvas: { width: 1920, height: 1080 }, widgets: [] };
@@ -1481,12 +1494,16 @@ const server = http.createServer(async (req, res) => {
             y: (w.y || 0) + offset
           }));
           currentConfig.widgets = [...(currentConfig.widgets || []), ...newWidgets];
-          fs.writeFileSync(CONFIG_FILE, JSON.stringify(currentConfig, null, 2));
+          try {
+            fs.writeFileSync(CONFIG_FILE, JSON.stringify(currentConfig, null, 2));
+          } catch (writeErr) {
+            sendJson(res, 500, { error: `Failed to write config: ${writeErr.message}` }); return;
+          }
           sendJson(res, 200, { status: 'success', message: `Merged ${newWidgets.length} widgets` });
         } else {
           sendJson(res, 400, { error: 'Invalid mode. Use "replace" or "merge"' });
         }
-      } catch (e) { sendError(res, e.message); }
+      } catch (e) { sendJson(res, 500, { error: `Import error: ${e.message}` }); }
     });
     return;
   }