@maka/maka-cli 5.2.6 → 5.2.8

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

@@ -0,0 +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 };

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

@@ -0,0 +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>
+  );
+};

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

@@ -0,0 +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>
+  );
+};

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

@@ -0,0 +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) { %>);<% } %><% } %>

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

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

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

@@ -0,0 +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) { %>);<% } %><% } %>

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

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

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

@@ -0,0 +1 @@
+

package/bundle/typescript/src/templates/react/test/test.js.jsx

@@ -0,0 +1,38 @@
+import { render } from '@testing-library/react';
+<% if (test === 'mocha') { %>import { expect } from 'chai';<% } %>
+
+<% if(clientGraphql === 'apollo') { %>
+import { MockedProvider } from '@apollo/react-testing';
+import gql from 'graphql-tag';
+const mocks = [
+  {
+    request: {
+      query: gql`query { trucks }`, // consider importing the query from the actual component
+      variables: {
+        sample: 'variable'
+      },
+    },
+    result: {
+      data: {
+        trucks: 'hello trucks'
+      }
+    }
+  }
+];
+<% } %>
+const { <%=className%>%> } = require('./<%= fileName %>');
+describe('<<%= className %>/>', function() {
+
+ it('did render', () => {
+ <%if(clientGraphql === 'apollo') { %>
+   const <%=camelCaseName%> = render(
+      <MockedProvider mocks={mocks} addTypename={false}>
+       <<%= className %>/>
+     </MockedProvider>
+   );<% } else { %>
+   const <%=camelCaseName%> = render(<<%= className %>/>);<% } %>
+   const testMessage = <% if (isLayout) { %>''<% } else { %>'<h2>Find me in <%= myPath %></h2>'<% } %>
+   const node = <%=camelCaseName%>.container.querySelector('#<%=cssCaseName%>');
+   <% if (test === 'mocha') { %>expect(node.innerHTML).equals(testMessage);<% } else { %>expect(node.innerHTML).toBe(testMessage);<% } %>
+  });
+});

package/bundle/typescript/src/templates/react/test/test.js.ts

@@ -0,0 +1 @@
+

package/bundle/typescript/src/templates/react/test/test.js.tsx

@@ -0,0 +1,38 @@
+import { render } from '@testing-library/react';
+<% if (test === 'mocha') { %>import { expect } from 'chai';<% } %>
+
+<% if(clientGraphql === 'apollo') { %>
+import { MockedProvider } from '@apollo/react-testing';
+import gql from 'graphql-tag';
+const mocks = [
+  {
+    request: {
+      query: gql`query { trucks }`, // consider importing the query from the actual component
+      variables: {
+        sample: 'variable'
+      },
+    },
+    result: {
+      data: {
+        trucks: 'hello trucks'
+      }
+    }
+  }
+];
+<% } %>
+const { <%=className%>%> } = require('./<%= fileName %>');
+describe('<<%= className %>/>', function() {
+
+ it('did render', () => {
+ <%if(clientGraphql === 'apollo') { %>
+   const <%=camelCaseName%> = render(
+      <MockedProvider mocks={mocks} addTypename={false}>
+       <<%= className %>/>
+     </MockedProvider>
+   );<% } else { %>
+   const <%=camelCaseName%> = render(<<%= className %>/>);<% } %>
+   const testMessage = <% if (isLayout) { %>''<% } else { %>'<h2>Find me in <%= myPath %></h2>'<% } %>
+   const node = <%=camelCaseName%>.container.querySelector('#<%=cssCaseName%>');
+   <% if (test === 'mocha') { %>expect(node.innerHTML).equals(testMessage);<% } else { %>expect(node.innerHTML).toBe(testMessage);<% } %>
+  });
+});

package/bundle/typescript/src/templates/service/docker/Dockerfile

@@ -0,0 +1,54 @@
+FROM ubuntu
+
+# Replace shell with bash so we can source files
+RUN rm /bin/sh && ln -s /bin/bash /bin/sh
+
+# make sure apt is up to date
+RUN apt-get update --fix-missing
+RUN apt-get install -y curl
+RUN apt-get install -y build-essential libssl-dev
+
+ENV NVM_DIR /usr/local/nvm
+ARG NODE_VERSION
+
+<% if (useCert) {%>COPY /cert.pem .
+ENV CURL_CA_BUNDLE cert.pem
+ENV NODE_EXTRA_CA_CERTS /cert.pem<% } %>
+
+# Install nvm with node and npm
+RUN curl https://gist.githubusercontent.com/maka-io/c427ccd6f4377b39299b9d402f5d51fe/raw/0846e668ae334cf3782ce6f9ba5f5dd6c07a69c0/nvm-install.sh | bash \
+    && source $NVM_DIR/nvm.sh \
+    && nvm install $NODE_VERSION \
+    && nvm alias default $NODE_VERSION \
+    && nvm use default \
+    && npm install -g pm2
+
+ENV NODE_PATH $NVM_DIR/v$NODE_VERSION/lib/node_modules
+ENV PATH      $NVM_DIR/versions/node/v$NODE_VERSION/bin:$PATH
+
+RUN mkdir /usr/app
+RUN mkdir /usr/app/log
+
+WORKDIR /usr/app
+
+# log dir
+VOLUME /usr/app/log
+
+# Copy and unpack bundle
+WORKDIR /home/ubuntu
+COPY build/app.tar.gz .
+RUN tar xzvf app.tar.gz
+
+# Install the app dependencies
+WORKDIR /home/ubuntu/bundle/programs/server
+RUN npm install --silent
+RUN npm run install --silent
+RUN npm audit fix --force --silent
+
+# Remove setup packages
+RUN apt-get remove -y build-essential libssl-dev curl
+
+WORKDIR /home/ubuntu
+EXPOSE 3000
+
+CMD ["pm2-runtime", "pm2.config.js"]

package/bundle/typescript/src/templates/service/eslint/babel.config.js

@@ -0,0 +1,15 @@
+// babel.config.js
+module.exports = {
+  presets: [
+    'meteor',
+    '@babel/preset-env',
+    ['@babel/preset-react', { runtime: 'automatic' }],
+  ],
+  plugins: [
+    '@babel/plugin-syntax-jsx',
+    '@loadable/babel-plugin',
+    ['@babel/plugin-transform-runtime', { regenerator: true }],
+    ['@babel/plugin-transform-react-jsx', { runtime: 'automatic' }],
+  ],
+};
+

package/bundle/typescript/src/templates/service/eslint/config.eslint.js

@@ -0,0 +1,57 @@
+const reactPlugin = require("eslint-plugin-react");
+const cssPlugin = require("eslint-plugin-css");
+const prettierPlugin = require("eslint-plugin-prettier");
+const unusedImportsPlugin = require("eslint-plugin-unused-imports");
+
+module.exports = [
+  {
+    files: ["**/*.js", "**/*.ts", "**/*.tsx", "**/*.jsx"],
+    plugins: {
+      react: reactPlugin,
+      css: cssPlugin,
+      prettier: prettierPlugin,
+      "unused-imports": unusedImportsPlugin,
+    },
+    languageOptions: {
+      ecmaVersion: "latest",
+      sourceType: "module",
+      parserOptions: {
+        ecmaFeatures: { jsx: true },
+      },
+    },
+    rules: {
+      // ESLint rules
+      "react/prop-types": "off",
+      "import/no-absolute-path": "off",
+      "func-style": "off",
+      "prefer-arrow-callback": "off",
+      "import/prefer-default-export": "off",
+      "import/extensions": "off",
+      "react/static-property-placement": "off",
+      //'import/no-unresolved': 'off',
+      "max-len": "off",
+      "react/no-unescaped-entities": "off",
+      "jsx-a11y/anchor-is-valid": "off",
+      "func-names": "off",
+      "react/destructuring-assignment": "off",
+      "react/jsx-no-useless-fragment": "off",
+
+      // Prettier integration
+      "prettier/prettier": "error", // Enforce Prettier formatting
+    },
+    settings: {
+      react: {
+        createClass: "createReactClass",
+        pragma: "React",
+        fragment: "Fragment",
+        version: "detect",
+      },
+      "import/resolver": {
+        node: {
+          paths: ["app"],
+          extensions: [".js", ".jsx", ".ts", ".tsx"],
+        },
+      },
+    },
+  },
+];

package/bundle/typescript/src/templates/service/i18n/i18n.js

@@ -0,0 +1,33 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
+import * as resources from './locales'
+
+i18n
+// detect user language
+// learn more: https://github.com/i18next/i18next-browser-languageDetector
+  .use(LanguageDetector)
+// pass the i18n instance to react-i18next.
+  .use(initReactI18next)
+// init i18next
+// for all options read: https://www.i18next.com/overview/configuration-options
+  .init({
+    debug: false,
+    fallbackLng: 'en',
+    interpolation: {
+      escapeValue: false, // not needed for react as it escapes by default
+    },
+    resources: {
+      ...Object.entries(resources).reduce(
+        (acc, [key, value]) => ({
+          ...acc,
+          [key]: {
+            translation: value,
+          },
+        }),
+        {},
+      ),
+    },
+  });
+
+export default i18n;

package/bundle/typescript/src/templates/service/i18n/i18n.js.ts

@@ -0,0 +1,33 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
+import * as resources from './locales'
+
+i18n
+// detect user language
+// learn more: https://github.com/i18next/i18next-browser-languageDetector
+  .use(LanguageDetector)
+// pass the i18n instance to react-i18next.
+  .use(initReactI18next)
+// init i18next
+// for all options read: https://www.i18next.com/overview/configuration-options
+  .init({
+    debug: false,
+    fallbackLng: 'en',
+    interpolation: {
+      escapeValue: false, // not needed for react as it escapes by default
+    },
+    resources: {
+      ...Object.entries(resources).reduce(
+        (acc, [key, value]) => ({
+          ...acc,
+          [key]: {
+            translation: value,
+          },
+        }),
+        {},
+      ),
+    },
+  });
+
+export default i18n;

package/bundle/typescript/src/templates/service/i18n/locales.js

@@ -0,0 +1,3 @@
+export default {
+  example: 'Find me in {{page}}'
+}

package/bundle/typescript/src/templates/service/i18n/locales.js.ts

@@ -0,0 +1,3 @@
+export default {
+  example: 'Find me in {{page}}'
+}

package/bundle/typescript/src/templates/service/openssl/openssl.conf

@@ -0,0 +1,22 @@
+[req]
+prompt = no
+distinguished_name = req_distinguished_name
+req_extensions = v3_req
+
+[req_distinguished_name]
+C = US
+ST = California
+L = Los Angeles
+O = Our Company Llc
+#OU = Org Unit Name
+CN = Our Company Llc
+#emailAddress = email@example.com
+
+[v3_req]
+basicConstraints = CA:FALSE
+keyUsage = nonRepudiation, digitalSignature, keyEncipherment
+subjectAltName = @alt_names
+
+[alt_names]
+DNS.1 = example.com
+DNS.2 = www.example.com

package/bundle/typescript/src/templates/service/test/jest/jest.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  "moduleNameMapper": {
+    "\\.(css|less|scss)$": "identity-obj-proxy",
+    '^/(.*)$': '<rootDir>/$1',  // Map absolute paths to <rootDir>
+  }
+}

package/bundle/typescript/src/templates/service/test/jest/jest.setup.js

@@ -0,0 +1,7 @@
+// jest.setup.js
+
+global.Meteor = {
+  isClient: true,
+  isServer: false,
+};
+

package/bundle/typescript/src/tool.d.ts

@@ -0,0 +1,74 @@
+import { Docker } from './tools/docker/docker.class.js';
+import { AWS } from './tools/aws/aws.class.js';
+import { FSI } from './tools/fsi/fsi.class.js';
+import { CFG } from './tools/cfg/cfg.class.js';
+import { MPI } from './tools/mpi/mpi.class.js';
+import { PKG } from './tools/pkg/pkg.class.js';
+import { Scaffold } from './tools/scaffold/scaffold.class.js';
+import { IEngines } from './tools/fsi/fsi.interfaces.js';
+export type NamedParam = {
+    name: string;
+    boolFlag?: boolean;
+    hidden?: boolean;
+    values?: string[];
+    regex?: RegExp;
+    description?: string;
+};
+export interface IOpts {
+    name: string;
+    aliases?: string[];
+    usage?: string;
+    shortDesc: string;
+    description?: string;
+    examples?: string[];
+    requiredEngines?: IEngines;
+    requiredOpts?: string[] | NamedParam[];
+    validOpts: string[] | NamedParam[];
+    validArgs?: string[];
+    resourceNameRequired?: boolean;
+    mustBeInMakaProject?: boolean;
+    mustHaveMeteorInstalled?: boolean;
+    minArgLength?: number;
+    maxArgLength?: number;
+    minOptsLength?: number;
+    maxOptsLength?: number;
+    disableAuthCheck?: boolean;
+    isRoot?: boolean;
+    checkWhere?: boolean;
+    isPro?: boolean;
+    proOpts?: string[];
+    proArgs?: string[];
+    mustBeLoggedIn?: boolean;
+    experimental?: boolean;
+}
+export declare class Tool {
+    docker: Docker;
+    fsi: FSI;
+    cfg: CFG;
+    mpi: MPI;
+    pkg: PKG;
+    aws: AWS;
+    scaffold: Scaffold;
+    options: IOpts;
+    name: string;
+    parent?: string;
+    _handler: Function;
+    constructor();
+    private getShortName;
+    remapShortToLong(inputOptions: any, opts: NamedParam[]): any;
+    private formatToNamedParam;
+    match(nameOrAlias: string): boolean;
+    validateMakaProject(): boolean;
+    validateUserIsLoggedIn(): Promise<boolean>;
+    validateMeteorInstall(): boolean;
+    validateEngines(requiredEngines: IEngines): Promise<void>;
+    validateParams(args: string[], opts: any, params: IOpts): Promise<any>;
+    private askForOption;
+    private validateInputOptions;
+    description(): string;
+    shortDesc(): string;
+    usage(): string;
+    examples(): string[];
+    aliases(): string[] | "None";
+    experimental(): boolean;
+}