@maka/maka-cli 5.123.0 → 5.123.1

package/bundle/typescript/src/templates/react/kit/frames/workspace-manager.css

@@ -1,105 +1,105 @@
-.<%= fileName %> {
-  display: flex;
-  align-items: center;
-  gap: 15px;
-  flex-wrap: wrap;
-}
-
-.workspace-selector {
-  display: flex;
-  align-items: center;
-}
-
-.workspace-select {
-  padding: 8px 12px;
-  border: 2px solid #667eea;
-  border-radius: 4px;
-  background: white;
-  font-size: 14px;
-  font-weight: 500;
-  color: #333;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  min-width: 180px;
-}
-
-.workspace-select:hover {
-  border-color: #764ba2;
-  box-shadow: 0 2px 4px rgba(102, 126, 234, 0.2);
-}
-
-.workspace-select:focus {
-  outline: none;
-  border-color: #764ba2;
-  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
-}
-
-.workspace-actions {
-  display: flex;
-  gap: 10px;
-  flex-wrap: wrap;
-}
-
-.workspace-btn {
-  padding: 8px 16px;
-  border: none;
-  border-radius: 4px;
-  font-size: 14px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  white-space: nowrap;
-}
-
-.workspace-create-btn {
-  background: #667eea;
-  color: white;
-}
-
-.workspace-create-btn:hover {
-  background: #5568d3;
-  box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);
-}
-
-.workspace-rename-btn {
-  background: #48bb78;
-  color: white;
-}
-
-.workspace-rename-btn:hover {
-  background: #38a169;
-  box-shadow: 0 2px 4px rgba(72, 187, 120, 0.3);
-}
-
-.workspace-delete-btn {
-  background: #f56565;
-  color: white;
-}
-
-.workspace-delete-btn:hover {
-  background: #e53e3e;
-  box-shadow: 0 2px 4px rgba(245, 101, 101, 0.3);
-}
-
-.workspace-btn:active {
-  transform: translateY(1px);
-}
-
-@media (max-width: 768px) {
-  .<%= fileName %> {
-    flex-direction: column;
-    align-items: stretch;
-  }
-
-  .workspace-select {
-    width: 100%;
-  }
-
-  .workspace-actions {
-    width: 100%;
-  }
-
-  .workspace-btn {
-    flex: 1;
-  }
-}
+.<%= fileName %> {
+  display: flex;
+  align-items: center;
+  gap: 15px;
+  flex-wrap: wrap;
+}
+
+.workspace-selector {
+  display: flex;
+  align-items: center;
+}
+
+.workspace-select {
+  padding: 8px 12px;
+  border: 2px solid #667eea;
+  border-radius: 4px;
+  background: white;
+  font-size: 14px;
+  font-weight: 500;
+  color: #333;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  min-width: 180px;
+}
+
+.workspace-select:hover {
+  border-color: #764ba2;
+  box-shadow: 0 2px 4px rgba(102, 126, 234, 0.2);
+}
+
+.workspace-select:focus {
+  outline: none;
+  border-color: #764ba2;
+  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
+}
+
+.workspace-actions {
+  display: flex;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+
+.workspace-btn {
+  padding: 8px 16px;
+  border: none;
+  border-radius: 4px;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  white-space: nowrap;
+}
+
+.workspace-create-btn {
+  background: #667eea;
+  color: white;
+}
+
+.workspace-create-btn:hover {
+  background: #5568d3;
+  box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);
+}
+
+.workspace-rename-btn {
+  background: #48bb78;
+  color: white;
+}
+
+.workspace-rename-btn:hover {
+  background: #38a169;
+  box-shadow: 0 2px 4px rgba(72, 187, 120, 0.3);
+}
+
+.workspace-delete-btn {
+  background: #f56565;
+  color: white;
+}
+
+.workspace-delete-btn:hover {
+  background: #e53e3e;
+  box-shadow: 0 2px 4px rgba(245, 101, 101, 0.3);
+}
+
+.workspace-btn:active {
+  transform: translateY(1px);
+}
+
+@media (max-width: 768px) {
+  .<%= fileName %> {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .workspace-select {
+    width: 100%;
+  }
+
+  .workspace-actions {
+    width: 100%;
+  }
+
+  .workspace-btn {
+    flex: 1;
+  }
+}

package/bundle/typescript/src/templates/react/kit/frames/workspace-manager.jsx

@@ -1,158 +1,158 @@
-import './<%= fileName %>.css';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { WorkspaceManager, WorkspaceStore } from 'meteor/maka:maka-frames';
-
-/**
- * <%= className %> Component
- *
- * UI component for managing workspaces in the maka-frames package.
- * Provides controls for creating, switching, renaming, and deleting workspaces.
- */
-class <%= className %>Component extends Component {
-  static propTypes = {
-    currentWorkspaceId: PropTypes.string.isRequired,
-    allWorkspaces: PropTypes.array.isRequired,
-    user: PropTypes.object,
-    onWorkspaceSwitch: PropTypes.func
-  };
-
-  handleCreateWorkspace = () => {
-    const { user, onWorkspaceSwitch } = this.props;
-
-    const workspaceName = prompt('Enter workspace name:', `Workspace ${new Date().toLocaleTimeString()}`);
-    if (!workspaceName) return;
-
-    const workspaceId = `workspace-${Date.now()}`;
-    const workspaceData = {
-      id: workspaceId,
-      name: workspaceName,
-      frames: [],
-      createdAt: new Date(),
-      updatedAt: new Date()
-    };
-
-    // Use WorkspaceManager for logged-in users, WorkspaceStore for anonymous
-    if (user) {
-      WorkspaceManager.createWorkspace(workspaceData.id, workspaceData.name)
-        .then(() => {
-          console.log('Workspace created:', workspaceData.id);
-          if (onWorkspaceSwitch) onWorkspaceSwitch(workspaceData.id);
-        })
-        .catch((error) => {
-          console.error('Error creating workspace:', error);
-        });
-    } else {
-      WorkspaceStore.setWorkspace(workspaceData);
-      if (onWorkspaceSwitch) onWorkspaceSwitch(workspaceData.id);
-    }
-  }
-
-  handleDeleteWorkspace = (workspaceId) => {
-    const { user, allWorkspaces, onWorkspaceSwitch } = this.props;
-
-    const workspace = allWorkspaces.find(ws => ws.id === workspaceId);
-    if (!workspace) return;
-
-    const confirmed = confirm(`Are you sure you want to delete "${workspace.name}"?`);
-    if (!confirmed) return;
-
-    // Use WorkspaceManager for logged-in users, WorkspaceStore for anonymous
-    if (user) {
-      WorkspaceManager.deleteWorkspace(workspaceId)
-        .then(() => {
-          console.log('Workspace deleted:', workspaceId);
-          // Switch to first available workspace
-          const remainingWorkspaces = allWorkspaces.filter(ws => ws.id !== workspaceId);
-          if (remainingWorkspaces.length > 0 && onWorkspaceSwitch) {
-            onWorkspaceSwitch(remainingWorkspaces[0].id);
-          }
-        })
-        .catch((error) => {
-          // Handle error (e.g., last workspace can't be deleted)
-          alert(error.message || 'Cannot delete workspace');
-          console.error('Error deleting workspace:', error);
-        });
-    } else {
-      const success = WorkspaceStore.deleteWorkspace(workspaceId);
-      if (success) {
-        // Switch to first available workspace
-        const remainingWorkspaces = allWorkspaces.filter(ws => ws.id !== workspaceId);
-        if (remainingWorkspaces.length > 0 && onWorkspaceSwitch) {
-          onWorkspaceSwitch(remainingWorkspaces[0].id);
-        }
-      } else {
-        alert('Cannot delete the last workspace');
-      }
-    }
-  }
-
-  handleRenameWorkspace = (workspaceId) => {
-    const { user, allWorkspaces } = this.props;
-
-    const workspace = allWorkspaces.find(ws => ws.id === workspaceId);
-    if (!workspace) return;
-
-    const newName = prompt('Enter new workspace name:', workspace.name);
-    if (!newName || newName === workspace.name) return;
-
-    // Use WorkspaceManager for logged-in users, WorkspaceStore for anonymous
-    if (user) {
-      WorkspaceManager.updateWorkspace(workspaceId, { name: newName });
-    } else {
-      const localWorkspace = WorkspaceStore.getWorkspace(workspaceId);
-      if (localWorkspace) {
-        localWorkspace.name = newName;
-        localWorkspace.updatedAt = new Date();
-        WorkspaceStore.setWorkspace(localWorkspace);
-      }
-    }
-  }
-
-  render() {
-    const { currentWorkspaceId, allWorkspaces, onWorkspaceSwitch } = this.props;
-
-    return (
-      <div className="<%= fileName %>">
-        <div className="workspace-selector">
-          <select
-            value={currentWorkspaceId}
-            onChange={(e) => onWorkspaceSwitch && onWorkspaceSwitch(e.target.value)}
-            className="workspace-select"
-          >
-            {allWorkspaces.map(ws => (
-              <option key={ws.id} value={ws.id}>{ws.name}</option>
-            ))}
-          </select>
-        </div>
-
-        <div className="workspace-actions">
-          <button
-            onClick={this.handleCreateWorkspace}
-            className="workspace-btn workspace-create-btn"
-          >
-            + New Workspace
-          </button>
-
-          <button
-            onClick={() => this.handleRenameWorkspace(currentWorkspaceId)}
-            className="workspace-btn workspace-rename-btn"
-          >
-            Rename Workspace
-          </button>
-
-          {allWorkspaces.length > 1 && (
-            <button
-              onClick={() => this.handleDeleteWorkspace(currentWorkspaceId)}
-              className="workspace-btn workspace-delete-btn"
-            >
-              Delete Workspace
-            </button>
-          )}
-        </div>
-      </div>
-    );
-  }
-}
-
-export { <%= className %>Component };
+import './<%= fileName %>.css';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { WorkspaceManager, WorkspaceStore } from 'meteor/maka:maka-frames';
+
+/**
+ * <%= className %> Component
+ *
+ * UI component for managing workspaces in the maka-frames package.
+ * Provides controls for creating, switching, renaming, and deleting workspaces.
+ */
+class <%= className %>Component extends Component {
+  static propTypes = {
+    currentWorkspaceId: PropTypes.string.isRequired,
+    allWorkspaces: PropTypes.array.isRequired,
+    user: PropTypes.object,
+    onWorkspaceSwitch: PropTypes.func
+  };
+
+  handleCreateWorkspace = () => {
+    const { user, onWorkspaceSwitch } = this.props;
+
+    const workspaceName = prompt('Enter workspace name:', `Workspace ${new Date().toLocaleTimeString()}`);
+    if (!workspaceName) return;
+
+    const workspaceId = `workspace-${Date.now()}`;
+    const workspaceData = {
+      id: workspaceId,
+      name: workspaceName,
+      frames: [],
+      createdAt: new Date(),
+      updatedAt: new Date()
+    };
+
+    // Use WorkspaceManager for logged-in users, WorkspaceStore for anonymous
+    if (user) {
+      WorkspaceManager.createWorkspace(workspaceData.id, workspaceData.name)
+        .then(() => {
+          console.log('Workspace created:', workspaceData.id);
+          if (onWorkspaceSwitch) onWorkspaceSwitch(workspaceData.id);
+        })
+        .catch((error) => {
+          console.error('Error creating workspace:', error);
+        });
+    } else {
+      WorkspaceStore.setWorkspace(workspaceData);
+      if (onWorkspaceSwitch) onWorkspaceSwitch(workspaceData.id);
+    }
+  }
+
+  handleDeleteWorkspace = (workspaceId) => {
+    const { user, allWorkspaces, onWorkspaceSwitch } = this.props;
+
+    const workspace = allWorkspaces.find(ws => ws.id === workspaceId);
+    if (!workspace) return;
+
+    const confirmed = confirm(`Are you sure you want to delete "${workspace.name}"?`);
+    if (!confirmed) return;
+
+    // Use WorkspaceManager for logged-in users, WorkspaceStore for anonymous
+    if (user) {
+      WorkspaceManager.deleteWorkspace(workspaceId)
+        .then(() => {
+          console.log('Workspace deleted:', workspaceId);
+          // Switch to first available workspace
+          const remainingWorkspaces = allWorkspaces.filter(ws => ws.id !== workspaceId);
+          if (remainingWorkspaces.length > 0 && onWorkspaceSwitch) {
+            onWorkspaceSwitch(remainingWorkspaces[0].id);
+          }
+        })
+        .catch((error) => {
+          // Handle error (e.g., last workspace can't be deleted)
+          alert(error.message || 'Cannot delete workspace');
+          console.error('Error deleting workspace:', error);
+        });
+    } else {
+      const success = WorkspaceStore.deleteWorkspace(workspaceId);
+      if (success) {
+        // Switch to first available workspace
+        const remainingWorkspaces = allWorkspaces.filter(ws => ws.id !== workspaceId);
+        if (remainingWorkspaces.length > 0 && onWorkspaceSwitch) {
+          onWorkspaceSwitch(remainingWorkspaces[0].id);
+        }
+      } else {
+        alert('Cannot delete the last workspace');
+      }
+    }
+  }
+
+  handleRenameWorkspace = (workspaceId) => {
+    const { user, allWorkspaces } = this.props;
+
+    const workspace = allWorkspaces.find(ws => ws.id === workspaceId);
+    if (!workspace) return;
+
+    const newName = prompt('Enter new workspace name:', workspace.name);
+    if (!newName || newName === workspace.name) return;
+
+    // Use WorkspaceManager for logged-in users, WorkspaceStore for anonymous
+    if (user) {
+      WorkspaceManager.updateWorkspace(workspaceId, { name: newName });
+    } else {
+      const localWorkspace = WorkspaceStore.getWorkspace(workspaceId);
+      if (localWorkspace) {
+        localWorkspace.name = newName;
+        localWorkspace.updatedAt = new Date();
+        WorkspaceStore.setWorkspace(localWorkspace);
+      }
+    }
+  }
+
+  render() {
+    const { currentWorkspaceId, allWorkspaces, onWorkspaceSwitch } = this.props;
+
+    return (
+      <div className="<%= fileName %>">
+        <div className="workspace-selector">
+          <select
+            value={currentWorkspaceId}
+            onChange={(e) => onWorkspaceSwitch && onWorkspaceSwitch(e.target.value)}
+            className="workspace-select"
+          >
+            {allWorkspaces.map(ws => (
+              <option key={ws.id} value={ws.id}>{ws.name}</option>
+            ))}
+          </select>
+        </div>
+
+        <div className="workspace-actions">
+          <button
+            onClick={this.handleCreateWorkspace}
+            className="workspace-btn workspace-create-btn"
+          >
+            + New Workspace
+          </button>
+
+          <button
+            onClick={() => this.handleRenameWorkspace(currentWorkspaceId)}
+            className="workspace-btn workspace-rename-btn"
+          >
+            Rename Workspace
+          </button>
+
+          {allWorkspaces.length > 1 && (
+            <button
+              onClick={() => this.handleDeleteWorkspace(currentWorkspaceId)}
+              className="workspace-btn workspace-delete-btn"
+            >
+              Delete Workspace
+            </button>
+          )}
+        </div>
+      </div>
+    );
+  }
+}
+
+export { <%= className %>Component };