@maka/maka-cli 5.123.1 → 5.125.0

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

@@ -1,121 +1,121 @@
-import { Meteor } from 'meteor/meteor';
-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/maka:react-tracker';
-function BasicDrawer(props) {
-
-  const { drawerOpen } = useTracker(() => {
-    let drawerState = false;
-    if (Meteor.isClient) {
-      Meteor.subscribe('drawerState', { drawerOpen: Session.get('drawerOpen') });
-      drawerState = Session.get('drawerOpen');
-    }
-    return { drawerOpen: drawerState };
-  });
-
-  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.
-   */
-  // eslint-disable-next-line react/require-default-props
-  window: PropTypes.func,
-};
-
-export { BasicDrawer };
+import { Meteor } from 'meteor/meteor';
+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/maka:react-tracker';
+function BasicDrawer(props) {
+
+  const { drawerOpen } = useTracker(() => {
+    let drawerState = false;
+    if (Meteor.isClient) {
+      Meteor.subscribe('drawerState', { drawerOpen: Session.get('drawerOpen') });
+      drawerState = Session.get('drawerOpen');
+    }
+    return { drawerOpen: drawerState };
+  });
+
+  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.
+   */
+  // eslint-disable-next-line react/require-default-props
+  window: PropTypes.func,
+};
+
+export { BasicDrawer };

package/bundle/typescript/src/templates/react/kit/mui/frame/drawers/basic-drawer.js.tsx

@@ -1,117 +1,117 @@
-import { Meteor } from 'meteor/meteor';
-import * as React from 'react';
-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 { Meteor } from 'meteor/meteor';
-import { Session } from 'meteor/session';
-import { useTracker } from 'meteor/maka:react-tracker';
-interface Props {
-  /**
-   * Injected by the documentation to work in an iframe.
-   * You won't need it on your project.
-   */
-  window?: () => Window;
-}
-
-function BasicDrawer(props: Props) {
-  const { window } = props;
-  const { drawerOpen } = useTracker(() => {
-    let drawerState = false;
-    if (Meteor.isClient) {
-      Meteor.subscribe('drawerState', { drawerOpen: Session.get('drawerOpen') });
-      drawerState = Session.get('drawerOpen');
-    }
-    return { drawerOpen: drawerState };
-  });
-
-  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>
-  );
-}
-
-export { BasicDrawer };
+import { Meteor } from 'meteor/meteor';
+import * as React from 'react';
+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 { Meteor } from 'meteor/meteor';
+import { Session } from 'meteor/session';
+import { useTracker } from 'meteor/maka:react-tracker';
+interface Props {
+  /**
+   * Injected by the documentation to work in an iframe.
+   * You won't need it on your project.
+   */
+  window?: () => Window;
+}
+
+function BasicDrawer(props: Props) {
+  const { window } = props;
+  const { drawerOpen } = useTracker(() => {
+    let drawerState = false;
+    if (Meteor.isClient) {
+      Meteor.subscribe('drawerState', { drawerOpen: Session.get('drawerOpen') });
+      drawerState = Session.get('drawerOpen');
+    }
+    return { drawerOpen: drawerState };
+  });
+
+  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>
+  );
+}
+
+export { BasicDrawer };

package/bundle/typescript/src/templates/react/kit/mui/frame/footers/basic-sticky-footer.js.jsx

@@ -1,41 +1,41 @@
-import React from 'react';
-import Box from '@mui/material/Box';
-import Typography from '@mui/material/Typography';
-import Container from '@mui/material/Container';
-import Link from '@mui/material/Link';
-function Copyright() {
-  return (
-    <Typography variant="body2" color="text.secondary">
-      {'Copyright © '}
-      <Link color="inherit" href="https://www.maka-cli.com">
-        <%= name %>
-      </Link>
-      {` ${new Date().getFullYear()}`}
-    </Typography>
-  );
-}
-
-export const BasicStickyFooter = () => {
-  return (
-    <Box
-      id="footer"
-      component="footer"
-      sx={{
-        py: 3,
-        px: 2,
-        mt: 'auto',
-        backgroundColor: (theme) =>
-        theme.palette.mode === 'light'
-          ? theme.palette.grey[200]
-          : theme.palette.grey[800],
-      }}
-    >
-      <Container>
-        <Typography variant="body1">
-          Created by maka-cli
-        </Typography>
-        <Copyright />
-      </Container>
-    </Box>
-  );
-};
+import React from 'react';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import Container from '@mui/material/Container';
+import Link from '@mui/material/Link';
+function Copyright() {
+  return (
+    <Typography variant="body2" color="text.secondary">
+      {'Copyright © '}
+      <Link color="inherit" href="https://www.maka-cli.com">
+        <%= name %>
+      </Link>
+      {` ${new Date().getFullYear()}`}
+    </Typography>
+  );
+}
+
+export const BasicStickyFooter = () => {
+  return (
+    <Box
+      id="footer"
+      component="footer"
+      sx={{
+        py: 3,
+        px: 2,
+        mt: 'auto',
+        backgroundColor: (theme) =>
+        theme.palette.mode === 'light'
+          ? theme.palette.grey[200]
+          : theme.palette.grey[800],
+      }}
+    >
+      <Container>
+        <Typography variant="body1">
+          Created by maka-cli
+        </Typography>
+        <Copyright />
+      </Container>
+    </Box>
+  );
+};

package/bundle/typescript/src/templates/react/kit/mui/frame/footers/basic-sticky-footer.js.tsx

@@ -1,41 +1,41 @@
-import React from 'react';
-import Box from '@mui/material/Box';
-import Typography from '@mui/material/Typography';
-import Container from '@mui/material/Container';
-import Link from '@mui/material/Link';
-function Copyright() {
-  return (
-    <Typography variant="body2" color="text.secondary">
-      {'Copyright © '}
-      <Link color="inherit" href="https://www.maka-cli.com">
-        <%= name %>
-      </Link>
-      {` ${new Date().getFullYear()}`}
-    </Typography>
-  );
-}
-
-export const BasicStickyFooter = () => {
-  return (
-    <Box
-      id="footer"
-      component="footer"
-      sx={{
-        py: 3,
-        px: 2,
-        mt: 'auto',
-        backgroundColor: (theme) =>
-        theme.palette.mode === 'light'
-          ? theme.palette.grey[200]
-          : theme.palette.grey[800],
-      }}
-    >
-      <Container>
-        <Typography variant="body1">
-          Created by maka-cli
-        </Typography>
-        <Copyright />
-      </Container>
-    </Box>
-  );
-};
+import React from 'react';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import Container from '@mui/material/Container';
+import Link from '@mui/material/Link';
+function Copyright() {
+  return (
+    <Typography variant="body2" color="text.secondary">
+      {'Copyright © '}
+      <Link color="inherit" href="https://www.maka-cli.com">
+        <%= name %>
+      </Link>
+      {` ${new Date().getFullYear()}`}
+    </Typography>
+  );
+}
+
+export const BasicStickyFooter = () => {
+  return (
+    <Box
+      id="footer"
+      component="footer"
+      sx={{
+        py: 3,
+        px: 2,
+        mt: 'auto',
+        backgroundColor: (theme) =>
+        theme.palette.mode === 'light'
+          ? theme.palette.grey[200]
+          : theme.palette.grey[800],
+      }}
+    >
+      <Container>
+        <Typography variant="body1">
+          Created by maka-cli
+        </Typography>
+        <Copyright />
+      </Container>
+    </Box>
+  );
+};

package/bundle/typescript/src/templates/react/route/route.js

@@ -1,8 +1,8 @@
-<% if (client === 'vanilla') { %>if (this.window.location.pathname === '<%= url %>') {
-  import <%= camelCaseName %>Page from '/imports/ui/pages/<%= fileCase %>/<%= fileCase %>';
-}<% } else { %>
-<% if (newForm) { %>const <%= templateName %> = (<% } %>
-  <Route path="<%= url %>" component={Component.<%= layout %>}>
-    <IndexRoute component={Component.<%= templateName %>}/>
-  </Route>
-<% if (newForm) { %>);<% } %><% } %>
+<% if (client === 'vanilla') { %>if (this.window.location.pathname === '<%= url %>') {
+  import <%= camelCaseName %>Page from '/imports/ui/pages/<%= fileCase %>/<%= fileCase %>';
+}<% } else { %>
+<% if (newForm) { %>const <%= templateName %> = (<% } %>
+  <Route path="<%= url %>" component={Component.<%= layout %>}>
+    <IndexRoute component={Component.<%= templateName %>}/>
+  </Route>
+<% if (newForm) { %>);<% } %><% } %>