@maka/maka-cli 5.123.1 → 5.125.0

package/bundle/typescript/src/templates/react/kit/auth/service/meteor-auth-service.js.tsx

@@ -1,153 +1,153 @@
-import { Meteor } from 'meteor/meteor';
-import { Roles } from 'meteor/alanning:roles';
-import { Accounts } from 'meteor/accounts-base';
-
-import { User } from './authentication-provider';
-
-// Meteor.User carries Meteor's own fields (_id, username, emails, profile...);
-// the generic AuthProvider only needs the minimal { id, name } shape.
-const toUser = (meteorUser: Meteor.User | null): User | null => {
-  if (!meteorUser) return null;
-  return {
-    id: meteorUser._id,
-    name: meteorUser.username || meteorUser.emails?.[0]?.address || meteorUser._id,
-  };
-};
-
-type UserSelector = { username: string } | { email: string };
-
-class AuthService {
-  static getUserQuerySelector(username: string): UserSelector {
-    // if the username is an email address, use the email field
-    if (username.indexOf('@') > -1) {
-      return { email: username };
-    } else {
-      return { username };
-    }
-  }
-
-  static async authenticateUser(username: string, password: string): Promise<User | null> {
-    // Implement Meteor-specific login logic
-    try {
-      const selector = AuthService.getUserQuerySelector(username);
-      return new Promise<User | null>((resolve, reject) => {
-        Meteor.loginWithPassword(selector, password, (error) => {
-          if (error) {
-            reject(error);
-          } else {
-            resolve(toUser(Meteor.user()));
-          }
-        });
-      });
-
-    } catch (error) {
-      console.error('Meteor authentication failed:', error);
-      throw error;
-    }
-  }
-
-  static async authenticateToken(): Promise<User | null> {
-    // Implement token validation logic using Meteor
-    try {
-      return new Promise<User | null>((resolve, reject) => {
-        const token = localStorage.getItem('Meteor.loginToken');
-        if (token) {
-          Meteor.loginWithToken(token, (error) => {
-            if (error) {
-              reject(error);
-            }
-            resolve(toUser(Meteor.user()));
-          })
-        }
-        resolve(null);
-      });
-    } catch (error) {
-      console.error('Token validation failed:', error);
-      throw error;
-    }
-  }
-
-  static async getUserAuthorizations(userId: string): Promise<string[]> {
-    // Implement logic to fetch user permissions from Meteor
-    try {
-      return new Promise<string[]>((resolve) => {
-        const roles = Roles.getRolesForUser(userId);
-        resolve(roles);
-      });
-    } catch (error) {
-      console.error('Failed to fetch user permissions:', error);
-      throw error;
-    }
-  }
-
-  static async deauthenticateUser(): Promise<boolean> {
-    // Implement logout logic using Meteor
-    try {
-      return new Promise<boolean>((resolve, reject) => {
-        Meteor.logout((error) => {
-          if (error) {
-            reject(error);
-          }
-          resolve(true);
-        });
-      });
-    } catch (error) {
-      console.error('Logout failed:', error);
-      return false;
-    }
-  }
-
-  static async registerNewUser(username: string, password: string): Promise<User | null> {
-    try {
-      const selector = AuthService.getUserQuerySelector(username);
-
-      // Implement user registration logic using Meteor
-      // createUserAsync returns the new user's id and logs them in
-      await Accounts.createUserAsync({ ...selector, password });
-      return toUser(Meteor.user());
-    } catch (error) {
-      console.error('Registration failed:', error);
-      throw error;
-    }
-  }
-
-  static async sendForgotPasswordEmail(email: string): Promise<boolean> {
-    try {
-      // Implement password reset logic using Meteor
-      return new Promise<boolean>((resolve, reject) => {
-        Accounts.forgotPassword({ email }, (error) => {
-          if (error) {
-            reject(error);
-          } else {
-            resolve(true);
-          }
-        });
-      });
-    } catch (error) {
-      console.error('Password reset failed:', error);
-      throw error;
-    }
-  }
-
-  static async resetPasswordWithToken(token: string, password: string): Promise<User | null> {
-    try {
-      // Implement password reset logic using Meteor
-      await new Promise<void>((resolve, reject) => {
-        Accounts.resetPassword(token, password, (error) => {
-          if (error) {
-            reject(error);
-          } else {
-            resolve();
-          }
-        });
-      });
-      // resetPassword logs the user in on success
-      return toUser(Meteor.user());
-    } catch (error) {
-      console.error('Password reset failed:', error);
-      throw error;
-    }
-  }
-}
-
-export default AuthService;
+import { Meteor } from 'meteor/meteor';
+import { Roles } from 'meteor/alanning:roles';
+import { Accounts } from 'meteor/accounts-base';
+
+import { User } from './authentication-provider';
+
+// Meteor.User carries Meteor's own fields (_id, username, emails, profile...);
+// the generic AuthProvider only needs the minimal { id, name } shape.
+const toUser = (meteorUser: Meteor.User | null): User | null => {
+  if (!meteorUser) return null;
+  return {
+    id: meteorUser._id,
+    name: meteorUser.username || meteorUser.emails?.[0]?.address || meteorUser._id,
+  };
+};
+
+type UserSelector = { username: string } | { email: string };
+
+class AuthService {
+  static getUserQuerySelector(username: string): UserSelector {
+    // if the username is an email address, use the email field
+    if (username.indexOf('@') > -1) {
+      return { email: username };
+    } else {
+      return { username };
+    }
+  }
+
+  static async authenticateUser(username: string, password: string): Promise<User | null> {
+    // Implement Meteor-specific login logic
+    try {
+      const selector = AuthService.getUserQuerySelector(username);
+      return new Promise<User | null>((resolve, reject) => {
+        Meteor.loginWithPassword(selector, password, (error) => {
+          if (error) {
+            reject(error);
+          } else {
+            resolve(toUser(Meteor.user()));
+          }
+        });
+      });
+
+    } catch (error) {
+      console.error('Meteor authentication failed:', error);
+      throw error;
+    }
+  }
+
+  static async authenticateToken(): Promise<User | null> {
+    // Implement token validation logic using Meteor
+    try {
+      return new Promise<User | null>((resolve, reject) => {
+        const token = localStorage.getItem('Meteor.loginToken');
+        if (token) {
+          Meteor.loginWithToken(token, (error) => {
+            if (error) {
+              reject(error);
+            }
+            resolve(toUser(Meteor.user()));
+          })
+        }
+        resolve(null);
+      });
+    } catch (error) {
+      console.error('Token validation failed:', error);
+      throw error;
+    }
+  }
+
+  static async getUserAuthorizations(userId: string): Promise<string[]> {
+    // Implement logic to fetch user permissions from Meteor
+    try {
+      return new Promise<string[]>((resolve) => {
+        const roles = Roles.getRolesForUser(userId);
+        resolve(roles);
+      });
+    } catch (error) {
+      console.error('Failed to fetch user permissions:', error);
+      throw error;
+    }
+  }
+
+  static async deauthenticateUser(): Promise<boolean> {
+    // Implement logout logic using Meteor
+    try {
+      return new Promise<boolean>((resolve, reject) => {
+        Meteor.logout((error) => {
+          if (error) {
+            reject(error);
+          }
+          resolve(true);
+        });
+      });
+    } catch (error) {
+      console.error('Logout failed:', error);
+      return false;
+    }
+  }
+
+  static async registerNewUser(username: string, password: string): Promise<User | null> {
+    try {
+      const selector = AuthService.getUserQuerySelector(username);
+
+      // Implement user registration logic using Meteor
+      // createUserAsync returns the new user's id and logs them in
+      await Accounts.createUserAsync({ ...selector, password });
+      return toUser(Meteor.user());
+    } catch (error) {
+      console.error('Registration failed:', error);
+      throw error;
+    }
+  }
+
+  static async sendForgotPasswordEmail(email: string): Promise<boolean> {
+    try {
+      // Implement password reset logic using Meteor
+      return new Promise<boolean>((resolve, reject) => {
+        Accounts.forgotPassword({ email }, (error) => {
+          if (error) {
+            reject(error);
+          } else {
+            resolve(true);
+          }
+        });
+      });
+    } catch (error) {
+      console.error('Password reset failed:', error);
+      throw error;
+    }
+  }
+
+  static async resetPasswordWithToken(token: string, password: string): Promise<User | null> {
+    try {
+      // Implement password reset logic using Meteor
+      await new Promise<void>((resolve, reject) => {
+        Accounts.resetPassword(token, password, (error) => {
+          if (error) {
+            reject(error);
+          } else {
+            resolve();
+          }
+        });
+      });
+      // resetPassword logs the user in on success
+      return toUser(Meteor.user());
+    } catch (error) {
+      console.error('Password reset failed:', error);
+      throw error;
+    }
+  }
+}
+
+export default AuthService;

package/bundle/typescript/src/templates/react/kit/esri/map/basic-map.js.jsx

@@ -1,29 +1,29 @@
-import React, { useEffect, useState } from 'react';
-import { Map } from '@esri/react-arcgis';
-import { loadCss } from 'esri-loader';
-
-const <%= componentName %> = () => {
-  const [mapHeight, setMapHeight] = useState('100vh');
-
-  useEffect(() => {
-    loadCss();
-
-    // Check if an element with id "app-bar" exists
-    const appBar = document.getElementById('app-bar');
-    const footer = document.getElementById('footer');
-    if (appBar) {
-      const appBarHeight = appBar ? appBar.getBoundingClientRect().height : 0;
-      const footerHeight = footer ? footer.getBoundingClientRect().height : 0;
-      const windowHeight = window.innerHeight;
-      const adjustedHeight = windowHeight - appBarHeight - footerHeight;
-      setMapHeight(`${adjustedHeight}px`);
-    }
-  }, []); // Empty dependency array means this useEffect runs once, similar to componentDidMount
-
-  return (
-    <Map style={{ width: '100%', height: mapHeight }} />
-  );
-};
-
-export { <%= componentName %> }
-
+import React, { useEffect, useState } from 'react';
+import { Map } from '@esri/react-arcgis';
+import { loadCss } from 'esri-loader';
+
+const <%= componentName %> = () => {
+  const [mapHeight, setMapHeight] = useState('100vh');
+
+  useEffect(() => {
+    loadCss();
+
+    // Check if an element with id "app-bar" exists
+    const appBar = document.getElementById('app-bar');
+    const footer = document.getElementById('footer');
+    if (appBar) {
+      const appBarHeight = appBar ? appBar.getBoundingClientRect().height : 0;
+      const footerHeight = footer ? footer.getBoundingClientRect().height : 0;
+      const windowHeight = window.innerHeight;
+      const adjustedHeight = windowHeight - appBarHeight - footerHeight;
+      setMapHeight(`${adjustedHeight}px`);
+    }
+  }, []); // Empty dependency array means this useEffect runs once, similar to componentDidMount
+
+  return (
+    <Map style={{ width: '100%', height: mapHeight }} />
+  );
+};
+
+export { <%= componentName %> }
+

package/bundle/typescript/src/templates/react/kit/esri/map/basic-map.js.tsx

@@ -1,32 +1,32 @@
-import React, { useEffect, useState } from 'react';
-import { Map } from '@esri/react-arcgis';
-import { loadCss } from 'esri-loader';
-
-if (module.hot) {
-  module.hot.decline();
-}
-
-const <%= componentName %> = () => {
-  const [mapHeight, setMapHeight] = useState('100vh');
-
-  useEffect(() => {
-    loadCss();
-
-    // Check if an element with id "app-bar" exists
-    const appBar = document.getElementById('app-bar');
-    const footer = document.getElementById('footer');
-    if (appBar) {
-      const appBarHeight = appBar ? appBar.getBoundingClientRect().height : 0;
-      const footerHeight = footer ? footer.getBoundingClientRect().height : 0;
-      const windowHeight = window.innerHeight;
-      const adjustedHeight = windowHeight - appBarHeight - footerHeight;
-      setMapHeight(`${adjustedHeight}px`);
-    }
-  }, []); // Empty dependency array means this useEffect runs once, similar to componentDidMount
-
-  return (
-    <Map style={{ width: '100%', height: mapHeight }} />
-  );
-};
-
-export { <%= componentName %> }
+import React, { useEffect, useState } from 'react';
+import { Map } from '@esri/react-arcgis';
+import { loadCss } from 'esri-loader';
+
+if (module.hot) {
+  module.hot.decline();
+}
+
+const <%= componentName %> = () => {
+  const [mapHeight, setMapHeight] = useState('100vh');
+
+  useEffect(() => {
+    loadCss();
+
+    // Check if an element with id "app-bar" exists
+    const appBar = document.getElementById('app-bar');
+    const footer = document.getElementById('footer');
+    if (appBar) {
+      const appBarHeight = appBar ? appBar.getBoundingClientRect().height : 0;
+      const footerHeight = footer ? footer.getBoundingClientRect().height : 0;
+      const windowHeight = window.innerHeight;
+      const adjustedHeight = windowHeight - appBarHeight - footerHeight;
+      setMapHeight(`${adjustedHeight}px`);
+    }
+  }, []); // Empty dependency array means this useEffect runs once, similar to componentDidMount
+
+  return (
+    <Map style={{ width: '100%', height: mapHeight }} />
+  );
+};
+
+export { <%= componentName %> }

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

@@ -1,63 +1,63 @@
-#<%= fileName %> {
-  width: 100%;
-  min-height: 100vh;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  padding: 20px;
-  box-sizing: border-box;
-}
-
-.<%= fileName %>-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  background: rgba(255, 255, 255, 0.95);
-  padding: 15px 25px;
-  border-radius: 8px;
-  margin-bottom: 20px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-  flex-wrap: wrap;
-  gap: 15px;
-}
-
-.<%= fileName %>-header h1 {
-  margin: 0;
-  font-size: 24px;
-  color: #333;
-  font-weight: 600;
-}
-
-.frames-container {
-  position: relative;
-  width: 100%;
-  min-height: calc(100vh - 120px);
-  background: rgba(255, 255, 255, 0.1);
-  border-radius: 8px;
-  overflow: hidden;
-}
-
-.frame-content {
-  padding: 20px;
-  height: 100%;
-  overflow: auto;
-}
-
-.frame-content h3 {
-  margin-top: 0;
-  color: #333;
-  font-size: 18px;
-}
-
-.frame-content p {
-  margin: 10px 0;
-  color: #666;
-  line-height: 1.6;
-}
-
-.frame-content code {
-  background: #f4f4f4;
-  padding: 2px 6px;
-  border-radius: 3px;
-  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
-  font-size: 13px;
-  color: #e83e8c;
-}
+#<%= fileName %> {
+  width: 100%;
+  min-height: 100vh;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  padding: 20px;
+  box-sizing: border-box;
+}
+
+.<%= fileName %>-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.95);
+  padding: 15px 25px;
+  border-radius: 8px;
+  margin-bottom: 20px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  flex-wrap: wrap;
+  gap: 15px;
+}
+
+.<%= fileName %>-header h1 {
+  margin: 0;
+  font-size: 24px;
+  color: #333;
+  font-weight: 600;
+}
+
+.frames-container {
+  position: relative;
+  width: 100%;
+  min-height: calc(100vh - 120px);
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.frame-content {
+  padding: 20px;
+  height: 100%;
+  overflow: auto;
+}
+
+.frame-content h3 {
+  margin-top: 0;
+  color: #333;
+  font-size: 18px;
+}
+
+.frame-content p {
+  margin: 10px 0;
+  color: #666;
+  line-height: 1.6;
+}
+
+.frame-content code {
+  background: #f4f4f4;
+  padding: 2px 6px;
+  border-radius: 3px;
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+  font-size: 13px;
+  color: #e83e8c;
+}