@stacksjs/desktop 0.2.70 → 0.2.71

package/dist/iap.d.ts

@@ -73,7 +73,7 @@ export declare interface IAPAPI {
   isEligibleForIntroOffer: (productId: string) => Promise<boolean>
 }
 export type IAPProductType = | 'consumable'
-  | 'non-consumable'
-  | 'auto-subscription'
-  | 'non-auto-subscription';
+| 'non-consumable'
+| 'auto-subscription'
+| 'non-auto-subscription';
 export type IAPSubscriptionPeriod = 'day' | 'week' | 'month' | 'year';

package/dist/index.js

@@ -355,7 +355,7 @@ function createButton(props) {
   const iconHtml = icon ? `<span class="stx-button-icon">${icon}</span>` : "";
   const loadingHtml = loading ? '<span class="stx-button-spinner"></span>' : "";
   const content = iconPosition === "left" ? `${iconHtml}${loadingHtml}<span class="stx-button-text">${escapeHtml2(text)}</span>` : `<span class="stx-button-text">${escapeHtml2(text)}</span>${iconHtml}${loadingHtml}`;
-  return `<button id="${id}" class="${classes}" ${disabled || loading ? "disabled" : ""} ${styleStr ? `style="${styleStr}"` : ""}>${content}</button>`;
+  return `<button id="${id}" class="${classes}" ${disabled || loading ? "disabled" : ""} ${styleStr ? `style='${styleStr}'` : ""}>${content}</button>`;
 }
 function createTextInput(props) {
   const {
@@ -464,7 +464,7 @@ function createSlider(props) {
   if (showValue) {
     html += `<span class="stx-slider-value">${value}</span>`;
   }
-  return `<div class="${classes}" ${styleStr ? `style="${styleStr}"` : ""}>${html}</div>`;
+  return `<div class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
 }
 function createProgressBar(props) {
   const {
@@ -499,7 +499,7 @@ function createBadge(props) {
   } = props;
   const classes = buildClasses("stx-badge", `stx-badge--${variant}`, `stx-badge--${size}`, className);
   const styleStr = buildStyles(style);
-  return `<span id="${id}" class="${classes}" ${styleStr ? `style="${styleStr}"` : ""}>${escapeHtml2(text)}</span>`;
+  return `<span id="${id}" class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${escapeHtml2(text)}</span>`;
 }
 function createAvatar(props) {
   const {
@@ -558,7 +558,7 @@ function createCard(props) {
   if (footer) {
     html += `<div class="stx-card-footer">${escapeHtml2(footer)}</div>`;
   }
-  return `<div id="${id}" class="${classes}" ${styleStr ? `style="${styleStr}"` : ""}>${html}</div>`;
+  return `<div id="${id}" class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
 }
 function createTabs(props) {
   const {
@@ -576,7 +576,7 @@ function createTabs(props) {
     const tabClasses = buildClasses("stx-tab", isActive && "stx-tab--active", tab.disabled && "stx-tab--disabled");
     return `<button class="${tabClasses}" data-value="${escapeHtml2(tab.value)}" ${tab.disabled ? "disabled" : ""} role="tab" aria-selected="${isActive}">${escapeHtml2(tab.label)}</button>`;
   }).join("");
-  return `<div id="${id}" class="${classes}" role="tablist" ${styleStr ? `style="${styleStr}"` : ""}>${tabsHtml}</div>`;
+  return `<div id="${id}" class="${classes}" role="tablist" ${styleStr ? `style='${styleStr}'` : ""}>${tabsHtml}</div>`;
 }
 function createDropdown(props) {
   const {
@@ -596,7 +596,7 @@ function createDropdown(props) {
     return `<option value="${escapeHtml2(opt.value)}" ${selected} ${disabledAttr}>${escapeHtml2(opt.label)}</option>`;
   }).join("");
   const placeholderOption = value ? "" : `<option value="" disabled selected>${escapeHtml2(placeholder)}</option>`;
-  return `<select id="${id}" class="${classes}" ${disabled ? "disabled" : ""} ${styleStr ? `style="${styleStr}"` : ""}>${placeholderOption}${optionsHtml}</select>`;
+  return `<select id="${id}" class="${classes}" ${disabled ? "disabled" : ""} ${styleStr ? `style='${styleStr}'` : ""}>${placeholderOption}${optionsHtml}</select>`;
 }
 function createRating(props) {
   const {
@@ -618,7 +618,7 @@ function createRating(props) {
     const starClass = filled ? "stx-star--filled" : halfFilled ? "stx-star--half" : "";
     starsHtml += `<span class="stx-star ${starClass}" data-value="${i}">\u2605</span>`;
   }
-  return `<div id="${id}" class="${classes}" role="slider" aria-valuenow="${value}" aria-valuemin="0" aria-valuemax="${max}" ${styleStr ? `style="${styleStr}"` : ""}>${starsHtml}</div>`;
+  return `<div id="${id}" class="${classes}" role="slider" aria-valuenow="${value}" aria-valuemin="0" aria-valuemax="${max}" ${styleStr ? `style='${styleStr}'` : ""}>${starsHtml}</div>`;
 }
 function createRadioButton(props) {
   const {
@@ -676,7 +676,7 @@ function createColorPicker(props) {
     }
     html += "</div>";
   }
-  return `<div class="${classes}" ${styleStr ? `style="${styleStr}"` : ""}>${html}</div>`;
+  return `<div class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
 }
 function createDatePicker(props) {
   const {
@@ -713,7 +713,7 @@ function createDatePicker(props) {
     <input ${inputAttrs} />
     ${showClear && dateValue ? '<button class="stx-date-picker-clear" type="button">&times;</button>' : ""}
   </div>`;
-  return `<div class="${classes}" ${styleStr ? `style="${styleStr}"` : ""}>${html}</div>`;
+  return `<div class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
 }
 function createTimePicker(props) {
   const {
@@ -743,7 +743,7 @@ function createTimePicker(props) {
     html += `<label class="stx-time-picker-label" for="${id}">${escapeHtml2(label)}</label>`;
   }
   html += `<input ${inputAttrs} class="stx-time-picker-input" />`;
-  return `<div class="${classes}" ${styleStr ? `style="${styleStr}"` : ""}>${html}</div>`;
+  return `<div class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
 }
 function createAutocomplete(props) {
   const {
@@ -774,7 +774,7 @@ function createAutocomplete(props) {
     html += `<li class="stx-autocomplete-item ${opt.value === value ? "stx-autocomplete-item--selected" : ""}" data-value="${escapeHtml2(opt.value)}">${escapeHtml2(opt.label)}</li>`;
   }
   html += "</ul>";
-  return `<div class="${classes}" ${styleStr ? `style="${styleStr}"` : ""}>${html}</div>`;
+  return `<div class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
 }
 function createLabel(props) {
   const {
@@ -788,7 +788,7 @@ function createLabel(props) {
   } = props;
   const classes = buildClasses("stx-label", `stx-label--${size}`, className);
   const styleStr = buildStyles(style);
-  return `<label id="${id}" class="${classes}" ${htmlFor ? `for="${escapeHtml2(htmlFor)}"` : ""} ${styleStr ? `style="${styleStr}"` : ""}>${escapeHtml2(text)}${required ? '<span class="stx-label-required">*</span>' : ""}</label>`;
+  return `<label id="${id}" class="${classes}" ${htmlFor ? `for='${escapeHtml2(htmlFor)}'` : ""} ${styleStr ? `style='${styleStr}'` : ""}>${escapeHtml2(text)}${required ? '<span class="stx-label-required">*</span>' : ""}</label>`;
 }
 function createImageView(props) {
   const {
@@ -811,7 +811,7 @@ function createImageView(props) {
     imageStyles.height = typeof height === "number" ? `${height}px` : height;
   const combinedStyle = [buildStyles(imageStyles), buildStyles(style)].filter(Boolean).join("; ");
   const fallbackAttr = fallback ? `onerror="this.src='${escapeHtml2(fallback)}'"` : "";
-  return `<img id="${id}" class="${classes}" src="${escapeHtml2(src)}" alt="${escapeHtml2(alt)}" loading="${loading}" ${combinedStyle ? `style="${combinedStyle}"` : ""} ${fallbackAttr} />`;
+  return `<img id="${id}" class="${classes}" src="${escapeHtml2(src)}" alt="${escapeHtml2(alt)}" loading="${loading}" ${combinedStyle ? `style='${combinedStyle}'` : ""} ${fallbackAttr} />`;
 }
 function createChip(props) {
   const {
@@ -834,7 +834,7 @@ function createChip(props) {
   if (removable) {
     html += '<button class="stx-chip-remove" type="button">&times;</button>';
   }
-  return `<span id="${id}" class="${classes}" ${styleStr ? `style="${styleStr}"` : ""}>${html}</span>`;
+  return `<span id="${id}" class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</span>`;
 }
 function createTooltip(props) {
   const {
@@ -872,7 +872,7 @@ function createScrollView(props) {
   if (width)
     scrollStyles.width = typeof width === "number" ? `${width}px` : width;
   const combinedStyle = [buildStyles(scrollStyles), buildStyles(style)].filter(Boolean).join("; ");
-  return `<div id="${id}" class="${classes}" ${combinedStyle ? `style="${combinedStyle}"` : ""}>${children}</div>`;
+  return `<div id="${id}" class="${classes}" ${combinedStyle ? `style='${combinedStyle}'` : ""}>${children}</div>`;
 }
 function createSplitView(props) {
   const {
@@ -918,7 +918,7 @@ function createAccordion(props) {
       </div>
     </div>`;
   });
-  return `<div id="${id}" class="${classes}" ${styleStr ? `style="${styleStr}"` : ""}>${html}</div>`;
+  return `<div id="${id}" class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
 }
 function createStepper(props) {
   const {
@@ -947,7 +947,7 @@ function createStepper(props) {
       html += '<div class="stx-step-connector"></div>';
     }
   });
-  return `<div id="${id}" class="${classes}" ${styleStr ? `style="${styleStr}"` : ""}>${html}</div>`;
+  return `<div id="${id}" class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
 }
 function createModalComponent(props) {
   const {
@@ -964,7 +964,7 @@ function createModalComponent(props) {
   const classes = buildClasses("stx-modal-component", `stx-modal-component--${size}`, className);
   const styleStr = buildStyles(style);
   if (!open) {
-    return `<div id="${id}" class="${classes} stx-modal-component--hidden" ${styleStr ? `style="${styleStr}"` : ""}></div>`;
+    return `<div id="${id}" class="${classes} stx-modal-component--hidden" ${styleStr ? `style='${styleStr}'` : ""}></div>`;
   }
   let html = '<div class="stx-modal-component-overlay">';
   html += '<div class="stx-modal-component-dialog">';
@@ -983,7 +983,7 @@ function createModalComponent(props) {
     html += `<div class="stx-modal-component-footer">${footer}</div>`;
   }
   html += "</div></div>";
-  return `<div id="${id}" class="${classes}" ${styleStr ? `style="${styleStr}"` : ""}>${html}</div>`;
+  return `<div id="${id}" class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
 }
 function createListView(props) {
   const {
@@ -1008,7 +1008,7 @@ function createListView(props) {
     html += `<li class="${itemClasses}" data-id="${escapeHtml2(item.id)}" ${selectable ? 'tabindex="0"' : ""}>${item.content}</li>`;
   }
   html += "</ul>";
-  return `<div id="${id}" class="${classes}" ${styleStr ? `style="${styleStr}"` : ""}>${html}</div>`;
+  return `<div id="${id}" class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
 }
 function createTable(props) {
   const {
@@ -1045,7 +1045,7 @@ function createTable(props) {
     html += "</tr>";
   }
   html += "</tbody></table>";
-  return `<div id="${id}" class="${classes}" ${styleStr ? `style="${styleStr}"` : ""}>${html}</div>`;
+  return `<div id="${id}" class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
 }
 function renderTreeNode(node, expandedKeys, selectedKeys, checkable) {
   const isExpanded = expandedKeys.includes(node.key);
@@ -1093,7 +1093,7 @@ function createTreeView(props) {
   for (const node of nodes) {
     html += renderTreeNode(node, expandedKeys, selectedKeys, checkable);
   }
-  return `<div id="${id}" class="${classes}" role="tree" ${styleStr ? `style="${styleStr}"` : ""}>${html}</div>`;
+  return `<div id="${id}" class="${classes}" role="tree" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
 }
 function createDataGrid(props) {
   const {
@@ -1147,7 +1147,7 @@ function createDataGrid(props) {
       </div>
     </div>`;
   }
-  return `<div id="${id}" class="${classes}" ${styleStr ? `style="${styleStr}"` : ""}>${html}</div>`;
+  return `<div id="${id}" class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
 }
 function createChart(props) {
   const {
@@ -1239,7 +1239,7 @@ function createMediaPlayer(props) {
     type === "video" && poster && `poster="${escapeHtml2(poster)}"`
   ].filter(Boolean).join(" ");
   const mediaElement = type === "video" ? `<video ${mediaAttrs}>Your browser does not support the video tag.</video>` : `<audio ${mediaAttrs}>Your browser does not support the audio tag.</audio>`;
-  return `<div id="${id}" class="${classes}" ${combinedStyle ? `style="${combinedStyle}"` : ""}>${mediaElement}</div>`;
+  return `<div id="${id}" class="${classes}" ${combinedStyle ? `style='${combinedStyle}'` : ""}>${mediaElement}</div>`;
 }
 function formatFileSize(bytes) {
   if (bytes === undefined)
@@ -1291,7 +1291,7 @@ function createFileExplorer(props) {
     }
     html += "</div>";
   }
-  return `<div id="${id}" class="${classes}" ${styleStr ? `style="${styleStr}"` : ""}>${html}</div>`;
+  return `<div id="${id}" class="${classes}" ${styleStr ? `style='${styleStr}'` : ""}>${html}</div>`;
 }
 function createWebView(props) {
   const {
@@ -2631,9 +2631,9 @@ window.stxDialog = {
 `;
 }
 // src/window.ts
+import process3 from "process";
 import { existsSync } from "fs";
 import { join } from "path";
-import process3 from "process";
 var currentConfig = {};
 function setDesktopConfig(config) {
   currentConfig = { ...currentConfig, ...config };
@@ -2811,6 +2811,7 @@ async function openDevWindow(port, options = {}) {
         darkMode: options.darkMode ?? true,
         hotReload: options.hotReload ?? true,
         devTools: true,
+        titlebarHidden: options.titlebarHidden ?? false,
         nativeSidebar: options.nativeSidebar ?? false,
         sidebarWidth: options.sidebarWidth ?? 260,
         sidebarConfig
@@ -2841,6 +2842,8 @@ async function openDevWindow(port, options = {}) {
           args.push("--dark");
         if (options.hotReload ?? true)
           args.push("--hot-reload");
+        if (options.titlebarHidden)
+          args.push("--titlebar-hidden");
         const child = spawn(craftPath, args, { stdio: "inherit" });
         child.on("exit", () => process3.exit(0));
         child.on("error", (err) => console.warn("craft child error:", err.message));
@@ -3138,9 +3141,9 @@ function formatDuration(minutes) {
   return `${h}h ${m}m`;
 }
 // src/preferences.ts
-import { existsSync as existsSync2, mkdirSync, readFileSync, writeFileSync, watch } from "fs";
-import { dirname, join as join2 } from "path";
+import { existsSync as existsSync2, mkdirSync, readFileSync, watch, writeFileSync } from "fs";
 import { homedir, platform } from "os";
+import { dirname, join as join2 } from "path";
 function getDefaultPrefsDir(appName) {
   const os = platform();
   const home = homedir();
@@ -3316,8 +3319,8 @@ function createPreferences(options) {
 }
 // src/autolaunch.ts
 import { existsSync as existsSync3, mkdirSync as mkdirSync2, readFileSync as readFileSync2, unlinkSync, writeFileSync as writeFileSync2 } from "fs";
-import { join as join3 } from "path";
 import { homedir as homedir2, platform as platform2 } from "os";
+import { join as join3 } from "path";
 function getLaunchAgentPath(appName) {
   const identifier = appName.toLowerCase().replace(/[^a-z0-9]/g, "-");
   return join3(homedir2(), "Library", "LaunchAgents", `com.${identifier}.plist`);
@@ -6373,4 +6376,4 @@ export {
   AVAILABLE_COMPONENTS
 };
 
-//# debugId=AF3E9F0356E8BBF464756E2164756E21
+//# debugId=A359E7408923DF3E64756E2164756E21