@smartnet360/svelte-components 0.0.1-beta.2 → 0.0.1

package/dist/Desktop/Desktop.svelte

@@ -270,7 +270,7 @@
                     <div class="card-body">
                       <h5 class="card-title">{grid.name}</h5>
                       <p class="card-text text-muted">
-                        Layout: {grid.layoutId}<br>
+                        <!-- Layout: {grid.layoutId}<br> -->
                         Components: {grid.componentAssignments.length}<br>
                         Created: {new Date(grid.created).toLocaleDateString()}
                       </p>
@@ -278,10 +278,12 @@
                     <div class="card-footer bg-transparent">
                       <div class="d-flex gap-2">
                         <button
-                          class="btn btn-primary btn-sm"
-                          on:click={() => switchToGrid(grid.id)}
+                          class="btn btn-outline-primary btn-sm"
+                          on:click={() => launchGrid(grid.id)}
+                          aria-label="Launch in new window"
+                          title="Launch in new window"
                         >
-                          Open
+                          <i class="bi bi-box-arrow-up-right" aria-hidden="true"></i>
                         </button>
                         <button
                           class="btn btn-outline-secondary btn-sm"
@@ -291,14 +293,6 @@
                         >
                           <i class="bi bi-pencil" aria-hidden="true"></i>
                         </button>
-                        <button
-                          class="btn btn-outline-primary btn-sm"
-                          on:click={() => launchGrid(grid.id)}
-                          aria-label="Launch in new window"
-                          title="Launch in new window"
-                        >
-                          <i class="bi bi-box-arrow-up-right" aria-hidden="true"></i>
-                        </button>
                         <button
                           class="btn btn-outline-danger btn-sm"
                           on:click={() => deleteGrid(grid.id)}

package/dist/Desktop/gridLayouts.js

@@ -14,7 +14,7 @@ export const GRID_LAYOUTS = {
     'half-horizontal': {
         id: 'half-horizontal',
         name: 'Half Horizontal (1x1)',
-        description: 'Two equal horizontal sections (left and right)',
+        description: '',
         icon: '⬌',
         category: 'basic',
         slots: [
@@ -47,7 +47,7 @@ export const GRID_LAYOUTS = {
     'half-vertical': {
         id: 'half-vertical',
         name: 'Half Vertical (1x1)',
-        description: 'Two equal vertical sections (top and bottom)',
+        description: '',
         icon: '⬍',
         category: 'basic',
         slots: [
@@ -81,7 +81,7 @@ export const GRID_LAYOUTS = {
     'left-half-right-quarters': {
         id: 'left-half-right-quarters',
         name: 'Left Half + Right Quarters (1x2)',
-        description: 'Left section takes half, right side split into two quarters',
+        description: '',
         icon: '⬌⬍',
         category: 'asymmetric',
         slots: [
@@ -122,7 +122,7 @@ export const GRID_LAYOUTS = {
     'right-half-left-quarters': {
         id: 'right-half-left-quarters',
         name: 'Right Half + Left Quarters (2x1)',
-        description: 'Right section takes half, left side split into two quarters',
+        description: '',
         icon: '⬍⬌',
         category: 'asymmetric',
         slots: [
@@ -163,7 +163,7 @@ export const GRID_LAYOUTS = {
     'top-half-bottom-quarters': {
         id: 'top-half-bottom-quarters',
         name: 'Top Half + Bottom Quarters (1x2)',
-        description: 'Top section takes half, bottom split into two quarters',
+        description: '',
         icon: '⬌⬍',
         category: 'asymmetric',
         slots: [
@@ -204,7 +204,7 @@ export const GRID_LAYOUTS = {
     'bottom-half-top-quarters': {
         id: 'bottom-half-top-quarters',
         name: 'Bottom Half + Top Quarters (2x1)',
-        description: 'Bottom section takes half, top split into two quarters',
+        description: '',
         icon: '⬍⬌',
         category: 'asymmetric',
         slots: [
@@ -246,7 +246,7 @@ export const GRID_LAYOUTS = {
     'quarters': {
         id: 'quarters',
         name: 'Four Quarters (2x2)',
-        description: 'Four equal quadrants in a 2x2 grid',
+        description: '',
         icon: '⬜',
         category: 'symmetric',
         slots: [

package/dist/Desktop/launchHelpers.d.ts

@@ -7,12 +7,12 @@
 import type { GridConfiguration } from './gridLayouts.js';
 import type { ComponentConfig } from './GridSelector/index.js';
 /**
- * Create a launch handler that opens grids in new windows using localStorage
+ * Create a launch handler that opens grids in new tabs using localStorage
  * This recreates the previous built-in behavior as a reusable helper
  */
-export declare function createWindowLauncher(gridViewerUrl: string, availableComponents: ComponentConfig[], windowFeatures?: string): (grid: GridConfiguration) => void;
+export declare function createWindowLauncher(gridViewerUrl: string, availableComponents: ComponentConfig[]): (grid: GridConfiguration) => void;
 /**
- * Create a launch handler that opens grids in new tabs (simpler window features)
+ * Create a launch handler that opens grids in new tabs (same as createWindowLauncher now)
  */
 export declare function createTabLauncher(gridViewerUrl: string, availableComponents: ComponentConfig[]): (grid: GridConfiguration) => void;
 /**

package/dist/Desktop/launchHelpers.js

@@ -5,10 +5,10 @@
  * These are optional helpers - parents can implement their own launch logic.
  */
 /**
- * Create a launch handler that opens grids in new windows using localStorage
+ * Create a launch handler that opens grids in new tabs using localStorage
  * This recreates the previous built-in behavior as a reusable helper
  */
-export function createWindowLauncher(gridViewerUrl, availableComponents, windowFeatures = 'width=1200,height=800,scrollbars=yes,resizable=yes,menubar=no,toolbar=no,location=no,status=no') {
+export function createWindowLauncher(gridViewerUrl, availableComponents) {
     return (grid) => {
         // Create temporary storage key
         const key = `grid-viewer-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
@@ -25,25 +25,25 @@ export function createWindowLauncher(gridViewerUrl, availableComponents, windowF
             }))
         };
         localStorage.setItem(key, JSON.stringify(data));
-        // Open new window with the key parameter
+        // Open new tab with the key parameter
         const url = `${gridViewerUrl}?key=${key}`;
-        const newWindow = window.open(url, `grid-${grid.id}`, windowFeatures);
-        // Focus the new window if it opened successfully
-        if (newWindow) {
-            newWindow.focus();
+        const newTab = window.open(url, '_blank');
+        // Focus the new tab if it opened successfully
+        if (newTab) {
+            newTab.focus();
         }
         else {
-            // Clean up if window failed to open
+            // Clean up if tab failed to open
             localStorage.removeItem(key);
-            alert('Failed to open new window. Please check your browser\'s popup blocker settings.');
+            alert('Failed to open new tab. Please check your browser\'s popup blocker settings.');
         }
     };
 }
 /**
- * Create a launch handler that opens grids in new tabs (simpler window features)
+ * Create a launch handler that opens grids in new tabs (same as createWindowLauncher now)
  */
 export function createTabLauncher(gridViewerUrl, availableComponents) {
-    return createWindowLauncher(gridViewerUrl, availableComponents, 'scrollbars=yes,resizable=yes');
+    return createWindowLauncher(gridViewerUrl, availableComponents);
 }
 /**
  * Create a launch handler that uses direct URL navigation (same tab)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@smartnet360/svelte-components",
-	"version": "0.0.1-beta.2",
+	"version": "0.0.1",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",
@@ -11,11 +11,9 @@
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"format": "prettier --write .",
 		"lint": "prettier --check . && eslint .",
-		"release:beta": "npm version prerelease --preid=beta && npm publish --tag beta --access public",
-		"release:alpha": "npm version prerelease --preid=alpha && npm publish --tag alpha --access public",
-		"release:patch": "npm version patch && npm publish --tag latest --access public",
-		"release:minor": "npm version minor && npm publish --tag latest --access public",
-		"release:major": "npm version major && npm publish --tag latest --access public"
+		"release:patch": "npm version patch && npm publish --access public",
+		"release:minor": "npm version minor && npm publish --access public",
+		"release:major": "npm version major && npm publish --access public"
 	},
 	"files": [
 		"dist"