@maka/maka-cli 4.7.12 → 4.7.13

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

@@ -1,27 +1,27 @@
-import React, { useEffect, useState } from 'react';
-import { Map, WebMap } from '@esri/react-arcgis';
-import { loadCss } from 'esri-loader';
-
-const <%= componentName %> = ({ webMapId }) => {
-  const [mapHeight, setMapHeight] = useState('100vh');
-
-  useEffect(() => {
-    loadCss();
-
-    // Check if an element with id "app-bar" exists
-    const appBar = document.getElementById('app-bar');
-    if (appBar) {
-      const appBarHeight = appBar.getBoundingClientRect().height;
-      const windowHeight = window.innerHeight;
-      const adjustedHeight = windowHeight - appBarHeight;
-      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');
+    if (appBar) {
+      const appBarHeight = appBar.getBoundingClientRect().height;
+      const windowHeight = window.innerHeight;
+      const adjustedHeight = windowHeight - appBarHeight;
+      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/obf/src/templates/react/kit/esri/map/basic-map.js.tsx

@@ -1,30 +1,30 @@
-import React, { useEffect, useState } from 'react';
-import { Map, WebMap } from '@esri/react-arcgis';
-import { loadCss } from 'esri-loader';
-
-if (module.hot) {
-  module.hot.decline();
-}
-
-const <%= componentName %> = ({ webMapId }) => {
-  const [mapHeight, setMapHeight] = useState('100vh');
-
-  useEffect(() => {
-    loadCss();
-
-    // Check if an element with id "app-bar" exists
-    const appBar = document.getElementById('app-bar');
-    if (appBar) {
-      const appBarHeight = appBar.getBoundingClientRect().height;
-      const windowHeight = window.innerHeight;
-      const adjustedHeight = windowHeight - appBarHeight;
-      setMapHeight(`${adjustedHeight}px`);
-    }
-  }, []); // Empty dependency array means this useEffect runs once, similar to componentDidMount
-
-  return (
-    <Map style={{ width: '100%', height: mapHeight }} />
-  );
-};
-
+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');
+    if (appBar) {
+      const appBarHeight = appBar.getBoundingClientRect().height;
+      const windowHeight = window.innerHeight;
+      const adjustedHeight = windowHeight - appBarHeight;
+      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/obf/src/templates/react/kit/mui/frame/app-bars/basic-app-bar.js.jsx

@@ -1,42 +1,42 @@
-import * as React from 'react';
-import AppBar from '@mui/material/AppBar';
-import Box from '@mui/material/Box';
-import Toolbar from '@mui/material/Toolbar';
-import Typography from '@mui/material/Typography';
-import Button from '@mui/material/Button';
-import IconButton from '@mui/material/IconButton';
-import MenuIcon from '@mui/icons-material/Menu';
-
-import { Session } from 'meteor/session';
-
-function BasicAppBar() {
-
-  const handleDrawerToggle = () => {
-    Session.set('drawerOpen', !Session.get('drawerOpen'));
-  };
-
-  return (
-    <Box id="app-bar" sx={{ flexGrow: 1 }}>
-      <AppBar position="static">
-        <Toolbar>
-          <IconButton
-            size="large"
-            edge="start"
-            color="inherit"
-            aria-label="menu"
-            sx={{ mr: 2 }}
-            onClick={handleDrawerToggle}
-          >
-            <MenuIcon />
-          </IconButton>
-          <Typography variant="h6" component="div" sx={{ flexGrow: 1 }}>
-            <%= name %>
-          </Typography>
-          <Button color="inherit">Login</Button>
-        </Toolbar>
-      </AppBar>
-    </Box>
-  );
-}
-
+import * as React from 'react';
+import AppBar from '@mui/material/AppBar';
+import Box from '@mui/material/Box';
+import Toolbar from '@mui/material/Toolbar';
+import Typography from '@mui/material/Typography';
+import Button from '@mui/material/Button';
+import IconButton from '@mui/material/IconButton';
+import MenuIcon from '@mui/icons-material/Menu';
+
+import { Session } from 'meteor/session';
+
+function BasicAppBar() {
+
+  const handleDrawerToggle = () => {
+    Session.set('drawerOpen', !Session.get('drawerOpen'));
+  };
+
+  return (
+    <Box id="app-bar" sx={{ flexGrow: 1 }}>
+      <AppBar position="static">
+        <Toolbar>
+          <IconButton
+            size="large"
+            edge="start"
+            color="inherit"
+            aria-label="menu"
+            sx={{ mr: 2 }}
+            onClick={handleDrawerToggle}
+          >
+            <MenuIcon />
+          </IconButton>
+          <Typography variant="h6" component="div" sx={{ flexGrow: 1 }}>
+            <%= name %>
+          </Typography>
+          <Button color="inherit">Login</Button>
+        </Toolbar>
+      </AppBar>
+    </Box>
+  );
+}
+
 export { BasicAppBar };

package/bundle/obf/src/templates/react/kit/mui/frame/app-bars/basic-app-bar.js.tsx

@@ -1,40 +1,40 @@
-import * as React from 'react';
-import AppBar from '@mui/material/AppBar';
-import Box from '@mui/material/Box';
-import Toolbar from '@mui/material/Toolbar';
-import Typography from '@mui/material/Typography';
-import Button from '@mui/material/Button';
-import IconButton from '@mui/material/IconButton';
-import MenuIcon from '@mui/icons-material/Menu';
-
-import { Session } from 'meteor/session';
- function BasicAppBar() {
-   const handleDrawerToggle = () => {
-     Session.set('drawerOpen', !Session.get('drawerOpen'));
-   };
-
-  return (
-    <Box id="app-bar" sx={{ flexGrow: 1 }}>
-      <AppBar position="static">
-        <Toolbar>
-          <IconButton
-            size="large"
-            edge="start"
-            color="inherit"
-            aria-label="menu"
-            sx={{ mr: 2 }}
-            onClick={handleDrawerToggle}
-          >
-            <MenuIcon />
-          </IconButton>
-          <Typography variant="h6" component="div" sx={{ flexGrow: 1 }}>
-            <%= name %>
-          </Typography>
-          <Button color="inherit">Login</Button>
-        </Toolbar>
-      </AppBar>
-    </Box>
-  );
-}
-
-export { BasicAppBar };
+import * as React from 'react';
+import AppBar from '@mui/material/AppBar';
+import Box from '@mui/material/Box';
+import Toolbar from '@mui/material/Toolbar';
+import Typography from '@mui/material/Typography';
+import Button from '@mui/material/Button';
+import IconButton from '@mui/material/IconButton';
+import MenuIcon from '@mui/icons-material/Menu';
+
+import { Session } from 'meteor/session';
+ function BasicAppBar() {
+   const handleDrawerToggle = () => {
+     Session.set('drawerOpen', !Session.get('drawerOpen'));
+   };
+
+  return (
+    <Box id="app-bar" sx={{ flexGrow: 1 }}>
+      <AppBar position="static">
+        <Toolbar>
+          <IconButton
+            size="large"
+            edge="start"
+            color="inherit"
+            aria-label="menu"
+            sx={{ mr: 2 }}
+            onClick={handleDrawerToggle}
+          >
+            <MenuIcon />
+          </IconButton>
+          <Typography variant="h6" component="div" sx={{ flexGrow: 1 }}>
+            <%= name %>
+          </Typography>
+          <Button color="inherit">Login</Button>
+        </Toolbar>
+      </AppBar>
+    </Box>
+  );
+}
+
+export { BasicAppBar };

package/bundle/obf/src/templates/react/kit/mui/frame/drawers/basic-drawer.js.jsx

@@ -1,118 +1,118 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import Box from '@mui/material/Box';
-import Divider from '@mui/material/Divider';
-import Drawer from '@mui/material/Drawer';
-import InboxIcon from '@mui/icons-material/MoveToInbox';
-import List from '@mui/material/List';
-import ListItem from '@mui/material/ListItem';
-import ListItemButton from '@mui/material/ListItemButton';
-import ListItemIcon from '@mui/material/ListItemIcon';
-import ListItemText from '@mui/material/ListItemText';
-import MailIcon from '@mui/icons-material/Mail';
-import Toolbar from '@mui/material/Toolbar';
-
-const drawerWidth = 240;
-
-import { Session } from 'meteor/session';
-import { useTracker } from 'meteor/react-meteor-data';
-function BasicDrawer(props) {
-
-  const { drawerOpen } = useTracker(() => {
-    let drawerOpen = false;
-    if (Meteor.isClient) {
-      Meteor.subscribe('drawerState', { drawerOpen: Session.get('drawerOpen') });
-      drawerOpen = Session.get('drawerOpen');
-    }
-    return { drawerOpen }
-  });
-
-  const { window } = props;
-
-  const handleDrawerToggle = () => {
-    Session.set('drawerOpen', !Session.get('drawerOpen'));
-  };
-
-  const drawer = (
-    <div>
-      <Toolbar />
-      <Divider />
-      <List>
-        {['Inbox', 'Starred', 'Send email', 'Drafts'].map((text, index) => (
-          <ListItem key={text} disablePadding>
-            <ListItemButton>
-              <ListItemIcon>
-                {index % 2 === 0 ? <InboxIcon /> : <MailIcon />}
-              </ListItemIcon>
-              <ListItemText primary={text} />
-            </ListItemButton>
-          </ListItem>
-        ))}
-      </List>
-      <Divider />
-      <List>
-        {['All mail', 'Trash', 'Spam'].map((text, index) => (
-          <ListItem key={text} disablePadding>
-            <ListItemButton>
-              <ListItemIcon>
-                {index % 2 === 0 ? <InboxIcon /> : <MailIcon />}
-              </ListItemIcon>
-              <ListItemText primary={text} />
-            </ListItemButton>
-          </ListItem>
-        ))}
-      </List>
-    </div>
-  );
-
-  const container = window !== undefined ? () => window().document.body : undefined;
-
-  return (
-    <Box sx={{ display: 'flex' }}
-      onClick={handleDrawerToggle}
-      onKeyDown={handleDrawerToggle}
-    >
-      <Box
-        component="nav"
-        sx={{ width: { sm: drawerWidth }, flexShrink: { sm: 0 } }}
-        aria-label="mailbox folders"
-      >
-        {/* The implementation can be swapped with js to avoid SEO duplication of links. */}
-        <Drawer
-          container={container}
-          variant="temporary"
-          open={drawerOpen}
-          onClose={handleDrawerToggle}
-          ModalProps={{
-            keepMounted: true, // Better open performance on mobile.
-          }}
-          sx={{
-            display: { xs: 'block', sm: 'none' },
-            '& .MuiDrawer-paper': { boxSizing: 'border-box', width: drawerWidth },
-          }}
-        >
-          {drawer}
-        </Drawer>
-        <Drawer
-          sx={{
-            display: { xs: 'none', sm: 'block' },
-            '& .MuiDrawer-paper': { boxSizing: 'border-box', width: drawerWidth },
-          }}
-          open={drawerOpen}
-        >
-          {drawer}
-        </Drawer>
-      </Box>
-    </Box>
-  );
-}
-
-BasicDrawer.propTypes = {
-  /**
-   * Injected by the documentation to work in an iframe.
-   * You won't need it on your project.
-   */
-  window: PropTypes.func,
-};
-
-export { BasicDrawer };
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import Box from '@mui/material/Box';
+import Divider from '@mui/material/Divider';
+import Drawer from '@mui/material/Drawer';
+import InboxIcon from '@mui/icons-material/MoveToInbox';
+import List from '@mui/material/List';
+import ListItem from '@mui/material/ListItem';
+import ListItemButton from '@mui/material/ListItemButton';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import ListItemText from '@mui/material/ListItemText';
+import MailIcon from '@mui/icons-material/Mail';
+import Toolbar from '@mui/material/Toolbar';
+
+const drawerWidth = 240;
+
+import { Session } from 'meteor/session';
+import { useTracker } from 'meteor/react-meteor-data';
+function BasicDrawer(props) {
+
+  const { drawerOpen } = useTracker(() => {
+    let drawerOpen = false;
+    if (Meteor.isClient) {
+      Meteor.subscribe('drawerState', { drawerOpen: Session.get('drawerOpen') });
+      drawerOpen = Session.get('drawerOpen');
+    }
+    return { drawerOpen }
+  });
+
+  const { window } = props;
+
+  const handleDrawerToggle = () => {
+    Session.set('drawerOpen', !Session.get('drawerOpen'));
+  };
+
+  const drawer = (
+    <div>
+      <Toolbar />
+      <Divider />
+      <List>
+        {['Inbox', 'Starred', 'Send email', 'Drafts'].map((text, index) => (
+          <ListItem key={text} disablePadding>
+            <ListItemButton>
+              <ListItemIcon>
+                {index % 2 === 0 ? <InboxIcon /> : <MailIcon />}
+              </ListItemIcon>
+              <ListItemText primary={text} />
+            </ListItemButton>
+          </ListItem>
+        ))}
+      </List>
+      <Divider />
+      <List>
+        {['All mail', 'Trash', 'Spam'].map((text, index) => (
+          <ListItem key={text} disablePadding>
+            <ListItemButton>
+              <ListItemIcon>
+                {index % 2 === 0 ? <InboxIcon /> : <MailIcon />}
+              </ListItemIcon>
+              <ListItemText primary={text} />
+            </ListItemButton>
+          </ListItem>
+        ))}
+      </List>
+    </div>
+  );
+
+  const container = window !== undefined ? () => window().document.body : undefined;
+
+  return (
+    <Box sx={{ display: 'flex' }}
+      onClick={handleDrawerToggle}
+      onKeyDown={handleDrawerToggle}
+    >
+      <Box
+        component="nav"
+        sx={{ width: { sm: drawerWidth }, flexShrink: { sm: 0 } }}
+        aria-label="mailbox folders"
+      >
+        {/* The implementation can be swapped with js to avoid SEO duplication of links. */}
+        <Drawer
+          container={container}
+          variant="temporary"
+          open={drawerOpen}
+          onClose={handleDrawerToggle}
+          ModalProps={{
+            keepMounted: true, // Better open performance on mobile.
+          }}
+          sx={{
+            display: { xs: 'block', sm: 'none' },
+            '& .MuiDrawer-paper': { boxSizing: 'border-box', width: drawerWidth },
+          }}
+        >
+          {drawer}
+        </Drawer>
+        <Drawer
+          sx={{
+            display: { xs: 'none', sm: 'block' },
+            '& .MuiDrawer-paper': { boxSizing: 'border-box', width: drawerWidth },
+          }}
+          open={drawerOpen}
+        >
+          {drawer}
+        </Drawer>
+      </Box>
+    </Box>
+  );
+}
+
+BasicDrawer.propTypes = {
+  /**
+   * Injected by the documentation to work in an iframe.
+   * You won't need it on your project.
+   */
+  window: PropTypes.func,
+};
+
+export { BasicDrawer };