@stacksjs/hello-world-stx 0.75.330 → 0.75.336

package/dist/stacks-package-item.js

@@ -0,0 +1,49 @@
+import { StxElement, defineComponent } from './runtime.js';
+
+/** PackageItem web component generated from PackageItem.stx. */
+export class PackageItem extends StxElement {
+
+  render(__helpers) {
+    const { escape: __escape, raw: __raw, values: __values, entries: __entries } = __helpers;
+    const { emoji, title, description } = this._props();
+      let out = "";
+      out += `<div class="package-item">
+        <div class="package-emoji">`;
+      out += __escape(emoji);
+      out += `</div>
+        <div class="package-title">`;
+      out += __escape(title);
+      out += `</div>
+        <div class="package-desc">`;
+      out += __escape(description);
+      out += `</div>
+      </div>`;
+      return out;
+  }
+
+}
+
+defineComponent(PackageItem, {
+  "tag": "stacks-package-item",
+  "template": "<div class=\"package-item\">\n    <div class=\"package-emoji\">{{ emoji }}</div>\n    <div class=\"package-title\">{{ title }}</div>\n    <div class=\"package-desc\">{{ description }}</div>\n  </div>",
+  "styles": "",
+  "shadowMode": false,
+  "progressive": true,
+  "properties": {
+    "emoji": {
+      "type": "string",
+      "reflect": true
+    },
+    "title": {
+      "type": "string",
+      "reflect": true
+    },
+    "description": {
+      "type": "string",
+      "reflect": true
+    }
+  },
+  "eventTypes": [],
+  "bindings": []
+});
+export default PackageItem;

package/dist/stacks-start-menu-item.d.ts

@@ -0,0 +1,28 @@
+export interface StartMenuItemProps {
+  icon?: string
+  label?: string
+  onclick?: string
+  url?: string
+  highlighted?: boolean
+}
+
+export interface StartMenuItemEventMap {
+
+}
+
+export interface StartMenuItem extends Required<Pick<StartMenuItemProps, Exclude<keyof StartMenuItemProps, keyof HTMLElement>>> {}
+
+export declare class StartMenuItem extends HTMLElement {
+
+  readonly updateComplete: Promise<void>
+  requestUpdate(): Promise<void>
+  emit<T = unknown>(name: string, detail?: T, options?: CustomEventInit<T>): boolean
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "stacks-start-menu-item": StartMenuItem
+  }
+}
+
+export default StartMenuItem

package/dist/stacks-start-menu-item.js

@@ -0,0 +1,99 @@
+import { StxElement, defineComponent } from './runtime.js';
+
+/** StartMenuItem web component generated from StartMenuItem.stx. */
+export class StartMenuItem extends StxElement {
+
+  render(__helpers) {
+    const { escape: __escape, raw: __raw, values: __values, entries: __entries } = __helpers;
+    const { icon = "\uD83D\uDCC4", label, onclick, url, highlighted = false } = this._props();
+      let out = "";
+      if (url) {
+        out += `
+      <button
+        class="start-menu-item `;
+        out += __escape(highlighted ? "highlighted" : "");
+        out += `"
+        onclick="window.open('`;
+        out += __escape(url);
+        out += `', '_blank')"
+      >
+        <span class="start-menu-item-icon">`;
+        out += __escape(icon);
+        out += `</span>
+        <span class="start-menu-item-label">`;
+        out += __escape(label);
+        out += `</span>
+      </button>
+      `;
+      } else if (onclick) {
+        out += `
+      <button
+        class="start-menu-item `;
+        out += __escape(highlighted ? "highlighted" : "");
+        out += `"
+        onclick="`;
+        out += __escape(onclick);
+        out += `"
+      >
+        <span class="start-menu-item-icon">`;
+        out += __escape(icon);
+        out += `</span>
+        <span class="start-menu-item-label">`;
+        out += __escape(label);
+        out += `</span>
+      </button>
+      `;
+      } else {
+        out += `<button
+        class="start-menu-item `;
+        out += __escape(highlighted ? "highlighted" : "");
+        out += `"
+      >
+        <span class="start-menu-item-icon">`;
+        out += __escape(icon);
+        out += `</span>
+        <span class="start-menu-item-label">`;
+        out += __escape(label);
+        out += `</span>
+      </button>
+      `;
+      }
+      return out;
+  }
+
+}
+
+defineComponent(StartMenuItem, {
+  "tag": "stacks-start-menu-item",
+  "template": "@if (url)\n  <button\n    class=\"start-menu-item {{ highlighted ? 'highlighted' : '' }}\"\n    onclick=\"window.open('{{ url }}', '_blank')\"\n  >\n    <span class=\"start-menu-item-icon\">{{ icon }}</span>\n    <span class=\"start-menu-item-label\">{{ label }}</span>\n  </button>\n  @elseif (onclick)\n  <button\n    class=\"start-menu-item {{ highlighted ? 'highlighted' : '' }}\"\n    onclick=\"{{ onclick }}\"\n  >\n    <span class=\"start-menu-item-icon\">{{ icon }}</span>\n    <span class=\"start-menu-item-label\">{{ label }}</span>\n  </button>\n  @else\n  <button\n    class=\"start-menu-item {{ highlighted ? 'highlighted' : '' }}\"\n  >\n    <span class=\"start-menu-item-icon\">{{ icon }}</span>\n    <span class=\"start-menu-item-label\">{{ label }}</span>\n  </button>\n  @endif",
+  "styles": "",
+  "shadowMode": false,
+  "progressive": true,
+  "properties": {
+    "icon": {
+      "type": "string",
+      "default": "📄",
+      "reflect": true
+    },
+    "label": {
+      "type": "string",
+      "reflect": true
+    },
+    "onclick": {
+      "type": "string",
+      "reflect": true
+    },
+    "url": {
+      "type": "string",
+      "reflect": true
+    },
+    "highlighted": {
+      "type": "boolean",
+      "default": false,
+      "reflect": true
+    }
+  },
+  "eventTypes": [],
+  "bindings": []
+});
+export default StartMenuItem;

package/dist/stacks-start-menu.d.ts

@@ -0,0 +1,26 @@
+export interface StartMenuProps {
+  id?: string
+  userName?: string
+  userImage?: string
+}
+
+export interface StartMenuEventMap {
+
+}
+
+export interface StartMenu extends Required<Pick<StartMenuProps, Exclude<keyof StartMenuProps, keyof HTMLElement>>> {}
+
+export declare class StartMenu extends HTMLElement {
+
+  readonly updateComplete: Promise<void>
+  requestUpdate(): Promise<void>
+  emit<T = unknown>(name: string, detail?: T, options?: CustomEventInit<T>): boolean
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "stacks-start-menu": StartMenu
+  }
+}
+
+export default StartMenu

package/dist/stacks-start-menu.js

@@ -0,0 +1,85 @@
+import { StxElement, defineComponent } from './runtime.js';
+
+/** StartMenu web component generated from StartMenu.stx. */
+export class StartMenu extends StxElement {
+
+  render(__helpers) {
+    const { escape: __escape, raw: __raw, values: __values, entries: __entries } = __helpers;
+    const { id = "start-menu", userName = "Developer", userImage = "\uD83D\uDC64" } = this._props();
+      let out = "";
+      out += '<div class="start-menu" id="';
+      out += __escape(id);
+      out += `" style="display: none;">
+        <div class="start-menu-header">
+          <div class="start-menu-user-image">`;
+      out += __escape(userImage);
+      out += `</div>
+          <div class="start-menu-user-name">`;
+      out += __escape(userName);
+      out += `</div>
+        </div>
+
+        <div class="start-menu-content">
+          <div class="start-menu-left">
+            <div class="start-menu-pinned">
+              <slot name="pinned-items" />
+            </div>
+            <div class="start-menu-separator"></div>
+            <slot name="all-programs">
+              <button class="start-menu-item all-programs">
+                <span>All Programs</span>
+                <span class="arrow">▸</span>
+              </button>
+            </slot>
+          </div>
+
+          <div class="start-menu-right">
+            <slot name="right-items" />
+          </div>
+        </div>
+
+        <div class="start-menu-footer">
+          <slot name="footer">
+            <button class="start-menu-footer-btn" onclick="showLoginScreen()">
+              <span class="footer-icon">\uD83D\uDD11</span>
+              <span>Log Off</span>
+            </button>
+            <button class="start-menu-footer-btn" onclick="window.location.reload()">
+              <span class="footer-icon">\uD83D\uDD04</span>
+              <span>Restart</span>
+            </button>
+          </slot>
+        </div>
+      </div>`;
+      return out;
+  }
+
+}
+
+defineComponent(StartMenu, {
+  "tag": "stacks-start-menu",
+  "template": "<div class=\"start-menu\" id=\"{{ id }}\" style=\"display: none;\">\n    <div class=\"start-menu-header\">\n      <div class=\"start-menu-user-image\">{{ userImage }}</div>\n      <div class=\"start-menu-user-name\">{{ userName }}</div>\n    </div>\n\n    <div class=\"start-menu-content\">\n      <div class=\"start-menu-left\">\n        <div class=\"start-menu-pinned\">\n          <slot name=\"pinned-items\" />\n        </div>\n        <div class=\"start-menu-separator\"></div>\n        <slot name=\"all-programs\">\n          <button class=\"start-menu-item all-programs\">\n            <span>All Programs</span>\n            <span class=\"arrow\">▸</span>\n          </button>\n        </slot>\n      </div>\n\n      <div class=\"start-menu-right\">\n        <slot name=\"right-items\" />\n      </div>\n    </div>\n\n    <div class=\"start-menu-footer\">\n      <slot name=\"footer\">\n        <button class=\"start-menu-footer-btn\" onclick=\"showLoginScreen()\">\n          <span class=\"footer-icon\">🔑</span>\n          <span>Log Off</span>\n        </button>\n        <button class=\"start-menu-footer-btn\" onclick=\"window.location.reload()\">\n          <span class=\"footer-icon\">🔄</span>\n          <span>Restart</span>\n        </button>\n      </slot>\n    </div>\n  </div>",
+  "styles": "",
+  "shadowMode": false,
+  "progressive": true,
+  "properties": {
+    "id": {
+      "type": "string",
+      "default": "start-menu",
+      "reflect": true
+    },
+    "userName": {
+      "type": "string",
+      "default": "Developer",
+      "reflect": true
+    },
+    "userImage": {
+      "type": "string",
+      "default": "👤",
+      "reflect": true
+    }
+  },
+  "eventTypes": [],
+  "bindings": []
+});
+export default StartMenu;

package/dist/stacks-taskbar.d.ts

@@ -0,0 +1,24 @@
+export interface TaskbarProps {
+  showStartMenu?: boolean
+}
+
+export interface TaskbarEventMap {
+
+}
+
+export interface Taskbar extends Required<Pick<TaskbarProps, Exclude<keyof TaskbarProps, keyof HTMLElement>>> {}
+
+export declare class Taskbar extends HTMLElement {
+
+  readonly updateComplete: Promise<void>
+  requestUpdate(): Promise<void>
+  emit<T = unknown>(name: string, detail?: T, options?: CustomEventInit<T>): boolean
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "stacks-taskbar": Taskbar
+  }
+}
+
+export default Taskbar

package/dist/stacks-taskbar.js

@@ -0,0 +1,63 @@
+import { StxElement, defineComponent } from './runtime.js';
+
+/** Taskbar web component generated from Taskbar.stx. */
+export class Taskbar extends StxElement {
+
+  render(__helpers) {
+    const { escape: __escape, raw: __raw, values: __values, entries: __entries } = __helpers;
+    const { showStartMenu = true } = this._props();
+      let out = "";
+      out += `<div class="taskbar">
+        `;
+      if (showStartMenu) {
+        out += `
+        <button class="start-button" onclick="toggleStartMenu()">
+          <div class="start-button-flag">
+            <div class="flag-red"></div>
+            <div class="flag-green"></div>
+            <div class="flag-blue"></div>
+            <div class="flag-yellow"></div>
+          </div>
+          <span>Start</span>
+        </button>
+        `;
+      }
+      out += `<div class="quick-launch">
+          <slot name="quick-launch" />
+        </div>
+
+        <div class="taskbar-windows" id="taskbar-windows">
+          <slot name="taskbar-windows" />
+        </div>
+
+        <div class="system-tray">
+          <slot name="system-tray">
+            <button class="tray-icon" onclick="toggleNotificationPopup()">\uD83D\uDD14</button>
+            <button class="tray-icon" onclick="window.open('https://github.com/stacksjs/stacks', '_blank')">\uD83D\uDCBB</button>
+            <button class="tray-icon" onclick="window.open('https://stacksjs.com/discord', '_blank')">\uD83D\uDCAC</button>
+          </slot>
+          <div class="clock" id="clock"></div>
+        </div>
+      </div>`;
+      return out;
+  }
+
+}
+
+defineComponent(Taskbar, {
+  "tag": "stacks-taskbar",
+  "template": "<div class=\"taskbar\">\n    @if (showStartMenu)\n    <button class=\"start-button\" onclick=\"toggleStartMenu()\">\n      <div class=\"start-button-flag\">\n        <div class=\"flag-red\"></div>\n        <div class=\"flag-green\"></div>\n        <div class=\"flag-blue\"></div>\n        <div class=\"flag-yellow\"></div>\n      </div>\n      <span>Start</span>\n    </button>\n    @endif\n\n    <div class=\"quick-launch\">\n      <slot name=\"quick-launch\" />\n    </div>\n\n    <div class=\"taskbar-windows\" id=\"taskbar-windows\">\n      <slot name=\"taskbar-windows\" />\n    </div>\n\n    <div class=\"system-tray\">\n      <slot name=\"system-tray\">\n        <button class=\"tray-icon\" onclick=\"toggleNotificationPopup()\">🔔</button>\n        <button class=\"tray-icon\" onclick=\"window.open('https://github.com/stacksjs/stacks', '_blank')\">💻</button>\n        <button class=\"tray-icon\" onclick=\"window.open('https://stacksjs.com/discord', '_blank')\">💬</button>\n      </slot>\n      <div class=\"clock\" id=\"clock\"></div>\n    </div>\n  </div>",
+  "styles": "",
+  "shadowMode": false,
+  "progressive": true,
+  "properties": {
+    "showStartMenu": {
+      "type": "boolean",
+      "default": true,
+      "reflect": true
+    }
+  },
+  "eventTypes": [],
+  "bindings": []
+});
+export default Taskbar;

package/dist/stacks-window.d.ts

@@ -0,0 +1,31 @@
+export interface WindowProps {
+  id?: string
+  icon?: string
+  title?: string
+  left?: string
+  top?: string
+  width?: string
+  height?: string
+  style?: string
+}
+
+export interface WindowEventMap {
+
+}
+
+export interface Window extends Required<Pick<WindowProps, Exclude<keyof WindowProps, keyof HTMLElement>>> {}
+
+export declare class Window extends HTMLElement {
+
+  readonly updateComplete: Promise<void>
+  requestUpdate(): Promise<void>
+  emit<T = unknown>(name: string, detail?: T, options?: CustomEventInit<T>): boolean
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "stacks-window": Window
+  }
+}
+
+export default Window

package/dist/stacks-window.js

@@ -0,0 +1,104 @@
+import { StxElement, defineComponent } from './runtime.js';
+
+/** Window web component generated from Window.stx. */
+export class Window extends StxElement {
+
+  render(__helpers) {
+    const { escape: __escape, raw: __raw, values: __values, entries: __entries } = __helpers;
+    const { id, icon = "\uD83D\uDCC4", title, left = "100px", top = "80px", width = "600px", height = "500px", style = "" } = this._props();
+      let out = "";
+      out += '<div id="window-';
+      out += __escape(id);
+      out += '" class="window" style="';
+      if (style) {
+        out += __escape(style);
+      } else {
+        out += "left: ";
+        out += __escape(left);
+        out += "; top: ";
+        out += __escape(top);
+        out += "; width: ";
+        out += __escape(width);
+        out += "; height: ";
+        out += __escape(height);
+        out += ";";
+      }
+      out += `">
+        <div class="window-titlebar">
+          <div class="window-icon">`;
+      out += __escape(icon);
+      out += `</div>
+          <div class="window-title">`;
+      out += __escape(title);
+      out += `</div>
+          <div class="window-controls">
+            <button class="minimize window-control" onclick="minimizeWindow('`;
+      out += __escape(id);
+      out += `')">_</button>
+            <button class="maximize window-control" onclick="toggleMaximizeWindow('`;
+      out += __escape(id);
+      out += `')">□</button>
+            <button class="close window-control" onclick="closeWindow('`;
+      out += __escape(id);
+      out += `')">×</button>
+          </div>
+        </div>
+        <div class="window-content">
+          <slot />
+        </div>
+      </div>`;
+      return out;
+  }
+
+}
+
+defineComponent(Window, {
+  "tag": "stacks-window",
+  "template": "<div id=\"window-{{ id }}\" class=\"window\" style=\"@if(style){{ style }}@else left: {{ left }}; top: {{ top }}; width: {{ width }}; height: {{ height }};@endif\">\n    <div class=\"window-titlebar\">\n      <div class=\"window-icon\">{{ icon }}</div>\n      <div class=\"window-title\">{{ title }}</div>\n      <div class=\"window-controls\">\n        <button class=\"minimize window-control\" onclick=\"minimizeWindow('{{ id }}')\">_</button>\n        <button class=\"maximize window-control\" onclick=\"toggleMaximizeWindow('{{ id }}')\">□</button>\n        <button class=\"close window-control\" onclick=\"closeWindow('{{ id }}')\">×</button>\n      </div>\n    </div>\n    <div class=\"window-content\">\n      <slot />\n    </div>\n  </div>",
+  "styles": "",
+  "shadowMode": false,
+  "progressive": true,
+  "properties": {
+    "id": {
+      "type": "string",
+      "reflect": true
+    },
+    "icon": {
+      "type": "string",
+      "default": "📄",
+      "reflect": true
+    },
+    "title": {
+      "type": "string",
+      "reflect": true
+    },
+    "left": {
+      "type": "string",
+      "default": "100px",
+      "reflect": true
+    },
+    "top": {
+      "type": "string",
+      "default": "80px",
+      "reflect": true
+    },
+    "width": {
+      "type": "string",
+      "default": "600px",
+      "reflect": true
+    },
+    "height": {
+      "type": "string",
+      "default": "500px",
+      "reflect": true
+    },
+    "style": {
+      "type": "string",
+      "default": "",
+      "reflect": true
+    }
+  },
+  "eventTypes": [],
+  "bindings": []
+});
+export default Window;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stacksjs/hello-world-stx",
   "type": "module",
-  "version": "0.75.330",
+  "version": "0.75.336",
   "description": "Your STX component library description",
   "author": "Chris Breuer",
   "contributors": [
@@ -37,11 +37,11 @@
     "dist"
   ],
   "scripts": {
-    "dev": "bunx --bun vite -c ../../../core/vite-config/src/components.ts",
-    "build": "bunx --bun vite build -c ../../../core/vite-config/src/components.ts",
+    "dev": "../../../../../buddy dev:components",
+    "build": "bun build.ts",
     "prepublishOnly": "bun run build"
   },
   "devDependencies": {
-    "stacks": "^0.75.330"
+    "stacks": "^0.75.336"
   }
 }