@maka/maka-cli 5.123.1 → 5.124.0

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

@@ -1,166 +1,166 @@
-import './<%= fileName %>.css';
-import * as React from 'react';
-import { Component } from 'react';
-import PropTypes from 'prop-types';
-import { WorkspaceManager, WorkspaceStore } from 'meteor/maka:maka-frames';
-
-interface <%= className %>Props {
-  currentWorkspaceId: string;
-  allWorkspaces: any[];
-  user?: any;
-  onWorkspaceSwitch?: (workspaceId: string) => void;
-}
-
-/**
- * <%= 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<<%= className %>Props> {
-  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: any) => {
-          console.error('Error creating workspace:', error);
-        });
-    } else {
-      WorkspaceStore.setWorkspace(workspaceData);
-      if (onWorkspaceSwitch) onWorkspaceSwitch(workspaceData.id);
-    }
-  }
-
-  handleDeleteWorkspace = (workspaceId: string) => {
-    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: any) => {
-          // 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: string) => {
-    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 * as React from 'react';
+import { Component } from 'react';
+import PropTypes from 'prop-types';
+import { WorkspaceManager, WorkspaceStore } from 'meteor/maka:maka-frames';
+
+interface <%= className %>Props {
+  currentWorkspaceId: string;
+  allWorkspaces: any[];
+  user?: any;
+  onWorkspaceSwitch?: (workspaceId: string) => void;
+}
+
+/**
+ * <%= 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<<%= className %>Props> {
+  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: any) => {
+          console.error('Error creating workspace:', error);
+        });
+    } else {
+      WorkspaceStore.setWorkspace(workspaceData);
+      if (onWorkspaceSwitch) onWorkspaceSwitch(workspaceData.id);
+    }
+  }
+
+  handleDeleteWorkspace = (workspaceId: string) => {
+    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: any) => {
+          // 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: string) => {
+    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 };

package/bundle/typescript/src/templates/react/kit/mui/auth/forgot-password/basic-forgot-password-page.js.jsx

@@ -1,34 +1,34 @@
-import React, { useContext } from 'react';
-import { Container, Paper, Typography, TextField, Button } from '@mui/material';
-import { useNavigate } from 'react-router-dom';
-
-export const BasicForgotPasswordPage = () => {
-  const { forgotPassword } = useContext(AuthContext);
-  const navigate = useNavigate();
-
-  const handleSubmit = async (event) => {
-    event.preventDefault();
-    const { email } = event.target;
-    await forgotPassword(email.value);
-    navigate('/');
-  };
-
-  return (
-    <Container component="main" maxWidth="xs">
-      <Paper elevation={3} style={{ marginTop: '8vh', padding: '20px' }}>
-        <Typography component="h1" variant="h5">Forgot Password</Typography>
-        <form onSubmit={handleSubmit}>
-          {/* Form Field */}
-          <TextField id="email" type="email" label="Email*" fullWidth autoFocus margin="normal" />
-          <Button type="submit" fullWidth variant="contained" color="primary" style={{ margin: '20px 0' }}>
-            Send Password Reset Email
-          </Button>
-          <Button onClick={() => navigate('/login')} fullWidth>
-            Back to Login
-          </Button>
-        </form>
-      </Paper>
-    </Container>
-  );
-};
-
+import React, { useContext } from 'react';
+import { Container, Paper, Typography, TextField, Button } from '@mui/material';
+import { useNavigate } from 'react-router-dom';
+
+export const BasicForgotPasswordPage = () => {
+  const { forgotPassword } = useContext(AuthContext);
+  const navigate = useNavigate();
+
+  const handleSubmit = async (event) => {
+    event.preventDefault();
+    const { email } = event.target;
+    await forgotPassword(email.value);
+    navigate('/');
+  };
+
+  return (
+    <Container component="main" maxWidth="xs">
+      <Paper elevation={3} style={{ marginTop: '8vh', padding: '20px' }}>
+        <Typography component="h1" variant="h5">Forgot Password</Typography>
+        <form onSubmit={handleSubmit}>
+          {/* Form Field */}
+          <TextField id="email" type="email" label="Email*" fullWidth autoFocus margin="normal" />
+          <Button type="submit" fullWidth variant="contained" color="primary" style={{ margin: '20px 0' }}>
+            Send Password Reset Email
+          </Button>
+          <Button onClick={() => navigate('/login')} fullWidth>
+            Back to Login
+          </Button>
+        </form>
+      </Paper>
+    </Container>
+  );
+};
+

package/bundle/typescript/src/templates/react/kit/mui/auth/forgot-password/basic-forgot-password-page.js.tsx

@@ -1,33 +1,33 @@
-import React, { useContext } from 'react';
-import { Container, Paper, Typography, TextField, Button } from '@mui/material';
-import { useNavigate } from 'react-router-dom';
-
-export const BasicForgotPasswordPage = () => {
-  const { forgotPassword } = useContext(AuthContext);
-  const navigate = useNavigate();
-
-  const handleSubmit = async (event) => {
-    event.preventDefault();
-    const { email } = event.target;
-    await forgotPassword(email.value);
-    navigate('/');
-  };
-
-  return (
-    <Container component="main" maxWidth="xs">
-      <Paper elevation={3} style={{ marginTop: '8vh', padding: '20px' }}>
-        <Typography component="h1" variant="h5">Forgot Password</Typography>
-        <form onSubmit={handleSubmit}>
-          {/* Form Field */}
-          <TextField id="email" type="email" label="Email*" fullWidth autoFocus margin="normal" />
-          <Button type="submit" fullWidth variant="contained" color="primary" style={{ margin: '20px 0' }}>
-            Send Password Reset Email
-          </Button>
-          <Button onClick={() => navigate('/login')} fullWidth>
-            Back to Login
-          </Button>
-        </form>
-      </Paper>
-    </Container>
-  );
-};
+import React, { useContext } from 'react';
+import { Container, Paper, Typography, TextField, Button } from '@mui/material';
+import { useNavigate } from 'react-router-dom';
+
+export const BasicForgotPasswordPage = () => {
+  const { forgotPassword } = useContext(AuthContext);
+  const navigate = useNavigate();
+
+  const handleSubmit = async (event) => {
+    event.preventDefault();
+    const { email } = event.target;
+    await forgotPassword(email.value);
+    navigate('/');
+  };
+
+  return (
+    <Container component="main" maxWidth="xs">
+      <Paper elevation={3} style={{ marginTop: '8vh', padding: '20px' }}>
+        <Typography component="h1" variant="h5">Forgot Password</Typography>
+        <form onSubmit={handleSubmit}>
+          {/* Form Field */}
+          <TextField id="email" type="email" label="Email*" fullWidth autoFocus margin="normal" />
+          <Button type="submit" fullWidth variant="contained" color="primary" style={{ margin: '20px 0' }}>
+            Send Password Reset Email
+          </Button>
+          <Button onClick={() => navigate('/login')} fullWidth>
+            Back to Login
+          </Button>
+        </form>
+      </Paper>
+    </Container>
+  );
+};

package/bundle/typescript/src/templates/react/kit/mui/auth/login/basic-login-page.js.jsx

@@ -1,53 +1,53 @@
-import React, { useContext, useEffect } from 'react';
-import { Container, Paper, Typography, TextField, Button, Grid, Link } from '@mui/material';
-import { useNavigate } from 'react-router-dom';<% if (isSsr) { %>
-import { AuthContext } from '/imports/startup/lib/authentication-provider';<% } else { %>
-import { AuthContext } from '/imports/startup/client/authentication-provider';<% } %>
-
-export const BasicLoginPage = () => {
-  const { currentUser, login } = useContext(AuthContext);
-  const navigate = useNavigate();
-  useEffect(() => {
-    if (currentUser) {
-      navigate('/logout');
-    }
-  });
-
-  const handleLogin = async (event) => {
-    event.preventDefault();
-    const { email, password } = event.target;
-    const user = await login({ username: email.value, password: password.value });
-
-    if (user) {
-      navigate('/');
-    }
-  };
-
-  return (
-    <Container component="main" maxWidth="xs">
-      <Paper elevation={3} style={{ marginTop: '8vh', padding: '20px' }}>
-        <Typography component="h1" variant="h5">Sign in</Typography>
-        <form onSubmit={handleLogin}>
-          {/* Form Fields */}
-          <TextField id="email" type="email" label="Email Address*" fullWidth autoFocus margin="normal" />
-          <TextField id="password" label="Password*" type="password" fullWidth margin="normal" />
-          <Button type="submit" fullWidth variant="contained" color="primary" style={{ margin: '20px 0' }}>
-            Sign In
-          </Button>
-          <Grid container>
-            <Grid item xs>
-              <Link href="#" onClick={() => navigate('/forgot-password')} variant="body2">
-                Forgot password?
-              </Link>
-            </Grid>
-            <Grid item>
-              <Link href="#" onClick={() => navigate('/register')} variant="body2">
-                Don't have an account? Sign Up
-              </Link>
-            </Grid>
-          </Grid>
-        </form>
-      </Paper>
-    </Container>
-  );
-};
+import React, { useContext, useEffect } from 'react';
+import { Container, Paper, Typography, TextField, Button, Grid, Link } from '@mui/material';
+import { useNavigate } from 'react-router-dom';<% if (isSsr) { %>
+import { AuthContext } from '/imports/startup/lib/authentication-provider';<% } else { %>
+import { AuthContext } from '/imports/startup/client/authentication-provider';<% } %>
+
+export const BasicLoginPage = () => {
+  const { currentUser, login } = useContext(AuthContext);
+  const navigate = useNavigate();
+  useEffect(() => {
+    if (currentUser) {
+      navigate('/logout');
+    }
+  });
+
+  const handleLogin = async (event) => {
+    event.preventDefault();
+    const { email, password } = event.target;
+    const user = await login({ username: email.value, password: password.value });
+
+    if (user) {
+      navigate('/');
+    }
+  };
+
+  return (
+    <Container component="main" maxWidth="xs">
+      <Paper elevation={3} style={{ marginTop: '8vh', padding: '20px' }}>
+        <Typography component="h1" variant="h5">Sign in</Typography>
+        <form onSubmit={handleLogin}>
+          {/* Form Fields */}
+          <TextField id="email" type="email" label="Email Address*" fullWidth autoFocus margin="normal" />
+          <TextField id="password" label="Password*" type="password" fullWidth margin="normal" />
+          <Button type="submit" fullWidth variant="contained" color="primary" style={{ margin: '20px 0' }}>
+            Sign In
+          </Button>
+          <Grid container>
+            <Grid item xs>
+              <Link href="#" onClick={() => navigate('/forgot-password')} variant="body2">
+                Forgot password?
+              </Link>
+            </Grid>
+            <Grid item>
+              <Link href="#" onClick={() => navigate('/register')} variant="body2">
+                Don't have an account? Sign Up
+              </Link>
+            </Grid>
+          </Grid>
+        </form>
+      </Paper>
+    </Container>
+  );
+};