Merge pull request #236 from jparkerweb/develop

Develop

Author: jparkerweb

CHANGELOG.md

@@ -3,22 +3,24 @@
 All notable changes to the Pixel Banner plugin will be documented in this file.
 
 ## 🎉 What's New
-### v3.5.0 - 2025-05-17
+### v3.5.0 - 2025-05-18
 #### ✨ Added
 - New "Banner Icon Rotation" option to rotate the banner icon from 0 to 360 degrees
 - New "Icon Image" support to allow banner icons to contain both text/emojis and an image
-- Added Banner Icon Image contorls to the Position, Size & Style Modal (image source and alignment)
+- Added Banner Icon Image controls to the Position, Size & Style Modal (image source and alignment)
 - Banner Icon Image sources include:
   - Local images
   - Web URL
   - Online Collections (FREE downloadable icons)
 - Banner Icon Image alignment options include:
   - Left or Right (set the position of the icon image relative to the text/emojis)
 - New Border Radius slider control available in the Position, Size & Style Modal
+- Four new AI Models to choose from when generating an image for a banner
 
 #### 📦 Updated
 - Embedded notes now respect custom frontmatter settings (border radius, banner height, etc.)
 - Any system action that sets the frontmatter value for a Banner or Icon Image now uses `![[image]]` format vs `[[image]]`
+- Updated Token currency to allow for fractional tokens (e.g. 0.5 tokens) for better pricing where applicable
 
 #### 🐛 Fixed
 - Resolved issue with content being pushed down when banner was present in embedded notes

UPDATE.md

@@ -1,13 +1,13 @@
-<a href="https://www.youtube.com/watch?v=VWS1efySjZM">
-  <img src="https://pixel-banner.online/img/pixel-banner-transparent-bg.png" alt="Pixel Banner" style="max-width: 400px;">
+<a href="https://www.youtube.com/watch?v=fwvVX7to7-4">
+  <img src="https://pixel-banner.online/img/pixel-banner-v3.5.jpg" alt="Pixel Banner" style="max-width: 400px;">
 </a>
 
 ## 🎉 What's New
-### v3.5.0 - 2025-05-17
+### v3.5.0 - 2025-05-18
 #### ✨ Added
 - New "Banner Icon Rotation" option to rotate the banner icon from 0 to 360 degrees
 - New "Icon Image" support to allow banner icons to contain both text/emojis and an image
-- Added Banner Icon Image contorls to the Position, Size & Style Modal (image source and alignment)
+- Added Banner Icon Image controls to the Position, Size & Style Modal (image source and alignment)
 - Banner Icon Image sources include:
   - Local images
   - Web URL
@@ -20,13 +20,13 @@
 #### 📦 Updated
 - Embedded notes now respect custom frontmatter settings (border radius, banner height, etc.)
 - Any system action that sets the frontmatter value for a Banner or Icon Image now uses `![[image]]` format vs `[[image]]`
-- Updated Token currancy to allow for fractional tokens (e.g. 0.5 tokens) for better pricing where applicable
+- Updated Token currency to allow for fractional tokens (e.g. 0.5 tokens) for better pricing where applicable
 
 #### 🐛 Fixed
 - Resolved issue with content being pushed down when banner was present in embedded notes
 - Resolved issue with max-width slider being disabled even when a custom max-width was set in frontmatter
 - Addressed background color preventing banner from showing in reading mode for some themes
 
-  <a href="https://www.youtube.com/watch?v=VWS1efySjZM">
-    <img src="https://pixel-banner.online/img/pixel-banner-truck.jpg" alt="Pixel Banner" style="max-width: 400px;">
-  </a>
+<a href="https://www.youtube.com/watch?v=VWS1efySjZM">
+  <img src="https://pixel-banner.online/img/pixel-banner-transparent-bg.png" alt="Pixel Banner" style="max-width: 400px;">
+</a>

manifest.json

@@ -1,7 +1,7 @@
 {
     "id": "pexels-banner",
     "name": "Pixel Banner",
-    "version": "3.4.5",
+    "version": "3.5.0",
     "minAppVersion": "1.6.0",
     "description": "Enhance your notes with customizable banner images, including AI-generated designs and a curated store of downloadable banners. Transform your workspace with visually stunning headers that add context, improve aesthetics, and take your note-taking beyond the ordinary.",
     "author": "Justin Parker (eQui\\\\ Labs)",

src/modal/modals/iconImageSelectionModal.js

@@ -115,6 +115,7 @@ export class IconImageSelectionModal extends Modal {
                 width: var(--dialog-max-width);
                 max-width: 1100px;
                 min-height: 50vh;
+                max-height: 95vh;
             }
 
             .pixel-banner-image-select-modal .pixel-banner-image-delete {

src/modal/modals/selectPixelBannerModal.js

@@ -208,6 +208,7 @@ export class SelectPixelBannerModal extends Modal {
             const aiButton = bannerSourceButtons.createEl('button', {
                 cls: 'pixel-banner-source-button pixel-banner-api-dependent',
                 attr: {
+                    id: 'pixel-banner-plus-ai-button',
                     style: `
                         position: relative;
                     `
@@ -245,6 +246,7 @@ export class SelectPixelBannerModal extends Modal {
             const storeButton = bannerSourceButtons.createEl('button', {
                 cls: 'pixel-banner-source-button pixel-banner-api-dependent',
                 attr: {
+                    id: 'pixel-banner-plus-store-button',
                     style: `
                         position: relative;
                     `
@@ -638,6 +640,19 @@ export class SelectPixelBannerModal extends Modal {
                     // Connection Status
                     const isConnected = this.plugin.pixelBannerPlusEnabled;
                     const pixelBannerPlusServerOnline = this.plugin.pixelBannerPlusServerOnline;
+
+                    if (!isConnected) {
+                        const aiButton = document.getElementById('pixel-banner-plus-ai-button');
+                        const storeButton = document.getElementById('pixel-banner-plus-store-button');
+
+                        aiButton.disabled = true;
+                        aiButton.classList.add('pixel-banner-button-disabled');
+                        aiButton.title = "You need an authorize Pixel Banner Plus account to use this feature";
+                        
+                        storeButton.disabled = true;
+                        storeButton.classList.add('pixel-banner-button-disabled');
+                        storeButton.title = "You need an authorize Pixel Banner Plus account to use this feature";
+                    }
 
                     // Always show server offline message if isOnline is false or server is actually offline
                     const statusText = (!isOnline || !pixelBannerPlusServerOnline) 

src/modal/modals/targetPositionModal.js

@@ -1751,7 +1751,7 @@ export class TargetPositionModal extends Modal {
             cls: 'banner-icon-rotate-slider',
             attr: {
                 min: '0',
-                max: '365',
+                max: '360',
                 step: '5',
                 value: this.currentBannerIconRotate,
                 style: `