@maka/maka-cli 5.2.4 → 5.2.6

package/bundle/typescript/src/templates/meteor/project/package.json

@@ -1,29 +0,0 @@
-{
-  "name": "<%= app %>",
-  "version": "1.0.0",
-  "description": "DO NOT INSTALL NPM MODULES HERE -- INSTALL THEM IN THE `app/` FOLDER",
-  "main": "index.js",
-  "meteor": {
-    "modern": true
-  },
-  "scripts": {
-    "start": "maka run",
-    "start:docker": "maka run:docker",
-    "debug": "maka debug",
-    "build": "maka build",
-    "build:docker": "maka build:docker",
-    "lint": "maka lint",
-    "lint:fix": "maka lint --fix",
-    "test": "maka test",
-    "help": "maka help"
-  },
-  "bin": {
-    "maka": "./node_modules/.bin/maka"
-  },
-  "repository": {
-    "type": "git"
-  },
-  "devDependencies": {
-    "@maka/maka-cli": "^<%= version %>"
-  }
-}

package/bundle/typescript/src/templates/meteor/publish/publish.js

@@ -1,3 +0,0 @@
-Meteor.publish(<% if (globalPublish) { %>null<% } else { %>'<%= name %>'<% } %>, () => {
-  // return <%= collection %>.find();
-});

package/bundle/typescript/src/templates/meteor/publish/publish.js.ts

@@ -1,3 +0,0 @@
-Meteor.publish(<% if (globalPublish) { %>null<% } else { %>'<%= name %>'<% } %>, () => {
-  // return <%= collection %>.find();
-});

package/bundle/typescript/src/templates/meteor/service/logger/logger.js

@@ -1,27 +0,0 @@
-import {
-  createLogger, transports, format,
-} from 'winston';
-import 'setimmediate';
-
-const {
-  combine, timestamp, label, printf,
-} = format;
-
-const customFormat = printf(({
-  level, message, label, timestamp,  
-}) => `${timestamp} [${label}] ${level}: ${message}`);  
-
-
-const Log = createLogger({
-  level: 'info',
-  format: combine(
-    label({ label: (Meteor.isClient) ? 'ui' : 'server' }),
-    timestamp(),
-    customFormat,
-  ),
-  transports: [
-    new transports.Console(),
-  ]
-});
-
-export default Log;

package/bundle/typescript/src/templates/meteor/service/logger/logger.js.ts

@@ -1,27 +0,0 @@
-import {
-  createLogger, transports, format,
-} from 'winston';
-import 'setimmediate';
-
-const {
-  combine, timestamp, label, printf,
-} = format;
-
-const customFormat = printf(({
-  level, message, label, timestamp,  
-}) => `${timestamp} [${label}] ${level}: ${message}`);  
-
-
-const Log = createLogger({
-  level: 'info',
-  format: combine(
-    label({ label: (Meteor.isClient) ? 'ui' : 'server' }),
-    timestamp(),
-    customFormat,
-  ),
-  transports: [
-    new transports.Console(),
-  ]
-});
-
-export default Log;

package/bundle/typescript/src/templates/meteor/stylesheet/stylesheet.css

@@ -1,5 +0,0 @@
-/*****************************************************************************/
-/* <%= name %>: Style */
-/*****************************************************************************/
-.<%= name %> {
-}

package/bundle/typescript/src/templates/meteor/stylesheet/stylesheet.css.less

@@ -1,5 +0,0 @@
-/*****************************************************************************/
-/* <%= name %>: Style */
-/*****************************************************************************/
-.<%= name %> {
-}

package/bundle/typescript/src/templates/meteor/template/template-tests.js

@@ -1 +0,0 @@
-

package/bundle/typescript/src/templates/meteor/template/template-tests.js.jsx

@@ -1,55 +0,0 @@
-import { Meteor } from 'meteor/meteor';
-
-import React from 'react';
-import { render, unmountComponentAtNode } from "react-dom";
-import { act } from "react-dom/test-utils";
-
-if (Meteor.isClient) {<% if(clientGraphql === 'apollo' && !isStore) { %>
-  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'
-        }
-      }
-    }
-  ];
-  <% } %>
-  let container = null;
-  beforeEach(() => {
-    // setup a DOM element as a render target
-    container = document.createElement("div");
-    document.body.appendChild(container);
-  });
-
-  afterEach(() => {
-    // cleanup on exiting
-    unmountComponentAtNode(container);
-    container.remove();
-    container = null;
-  });
-
-  const { <%=className%>%> } = require('./<%= fileName %>');
-  describe('<<%= className %>/>', function() {
-
-   it('did render', () => {
-     act(() => {<% if(clientGraphql === 'apollo' && !isStore) { %>
-       render(
-          <MockedProvider mocks={mocks} addTypename={false}>
-           <<%= className %>/>
-         </MockedProvider>
-       );<% } else { %>
-       render(<<%= className %>/>, container);<% } %>
-     });
-     expect(container.textContent).toBe("Find me in <%= myPath %>");
-    });
-  });
-}

package/bundle/typescript/src/templates/meteor/template/template-tests.js.ts

@@ -1 +0,0 @@
-

package/bundle/typescript/src/templates/meteor/template/template-tests.js.tsx

@@ -1,55 +0,0 @@
-import { Meteor } from 'meteor/meteor';
-
-import * as React from 'react';
-import { render, unmountComponentAtNode } from "react-dom";
-import { act } from "react-dom/test-utils";
-
-if (Meteor.isClient) {<% if(clientGraphql === 'apollo' && !isStore) { %>
-  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'
-        }
-      }
-    }
-  ];
-  <% } %>
-  let container = null;
-  beforeEach(() => {
-    // setup a DOM element as a render target
-    container = document.createElement("div");
-    document.body.appendChild(container);
-  });
-
-  afterEach(() => {
-    // cleanup on exiting
-    unmountComponentAtNode(container);
-    container.remove();
-    container = null;
-  });
-
-  const { <%=className%>%> } = require('./<%= fileName %>');
-  describe('<<%= className %>/>', function() {
-
-   it('did render', () => {
-     act(() => {<% if(clientGraphql === 'apollo' && !isStore) { %>
-       render(
-          <MockedProvider mocks={mocks} addTypename={false}>
-           <<%= className %>/>
-         </MockedProvider>
-       );<% } else { %>
-       render(<<%= className %>/>, container);<% } %>
-     });
-     expect(container.textContent).toBe("Find me in <%= myPath %>");
-    });
-  });
-}

package/bundle/typescript/src/templates/meteor/template/template.css

@@ -1,3 +0,0 @@
-#<%= cssCaseName %> {
-
-}

package/bundle/typescript/src/templates/meteor/template/template.css.less

@@ -1,3 +0,0 @@
-#<%= cssCaseName %> {
-
-}

package/bundle/typescript/src/templates/meteor/template/template.css.scss

@@ -1,3 +0,0 @@
-#<%= cssCaseName %> {
-
-}

package/bundle/typescript/src/templates/meteor/template/template.html

@@ -1,5 +0,0 @@
-<template name="<%= className %>">
-  <div id="<%= cssCaseName %>">
-    <h1>Find me in <%= myPath %></h1>
-  </div>
-</template>

package/bundle/typescript/src/templates/meteor/template/template.js

@@ -1,20 +0,0 @@
-<% if (client === 'vanilla') { %>import '/imports/ui/layouts/master-layout/master-layout';
-<% if (isComponent) { %>class <%= className %>Component {<% } else { %>class <%= className %>Page {<% } %>
-  constructor() {
-    this.text = `<h2>Find me in <%= myPath %></h2>`;
-    this.render();
-  }
-
-  markup() {
-    return `
-      <% if (isComponent) { %><div id="<%= cssCaseName %>-component">${this.text}</div><% } else { %><div id="<%= cssCaseName %>-page">${this.text}</div><% } %>
-    `;
-  }
-
-  render() {<% if (isComponent) { %>
-    $('#<%= cssCaseName %>').html(this.markup());<% } else { %>
-    $('#master-layout').html(this.markup());<% } %>
-  }
-}
-
-<% if (isComponent) { %>export default <%= camelCaseName %>Component = new <%= className %>Component();<% } else { %>export default <%= camelCaseName %>Page = new <%= className %>Page();<% } %>

package/bundle/typescript/src/templates/meteor/template/template.js.jsx

@@ -1,77 +0,0 @@
-import { compose } from 'ramda'; // https://ramdajs.com/docs/#compose
-<% if (client === 'react') { %>import React, { Component } from 'react';<% } else if (client === 'reflux') { %>
-import React from 'react';
-import PropTypes from 'prop-types';<% if ( isStore ) { %>
-import { Store } from 'reflux'; <% } else { %>
-import { Component } from 'reflux';<% } %><% } %>
-// https://github.com/meteor/react-packages/tree/master/packages/react-meteor-data#withtrackerreactivefn-higher-order-component
-import { withTracker } from 'meteor/react-meteor-data';<% if(clientGraphql === 'apollo') { %>
-import { gql } from '@apollo/client';
-// https://www.apollographql.com/docs/react/api/react/hoc/#graphqlquery-configcomponent
-import { graphql } from '@apollo/client/react/hoc';<% } %><% if (theme === 'material' ) { %>
-// https://material-ui.com/styles/basics/#higher-order-component-api
-import { withStyles } from '@mui/system';
-
-const styles = (theme) => { };<% } %>
-<% if (!isStore) { %>
-class <%= className %>Component extends Component {<% } else { %>
-class <%= className %>Component extends Store { <% } %><% if (client === 'reflux' && isStore) { %>
-  constructor() {
-    super();
-    this.state = {};
-  }<% } else { %>
-  /**
-   * Define types for your props for stability.
-   */
-  static propTypes = {};
-
-  /**
-   * If a prop is not required, it is a good idea to provide
-   * it a default value
-   */
-  static defaultProps = {};
-
-  /**
-   * Setup the component.  Best practices are to keep this light,
-   * and offload complex behavior to methods.
-   */
-  constructor(props) {
-    super(props);
-    this.state = {};<% if (client === 'reflux') { %>
-    this.stores = [];
-    this.storeKeys = [];<% } %>
-  }<% } %>
-
-  /**
-   * This method runs after the component output has been rendered to the DOM.
-   * This is where you can start to interact with HTML elements, such as <div>,
-   * or attach event listeners to DOM elements.
-   */
-  componentDidMount() { }
-
-  /**
-   * This is where the DOM will be torn down.  A good idea is to clean up any
-   * event listeners you've created in the componentDidMount() method.
-   */
-  componentWillUnmount() {<% if (client === 'reflux' && !isStore) { %> super.componentWillUnmount();<% }%> }
-
-  /**
-   * This is the main render method, and will rerun anytime either this.state or this.props is changed.
-   */
-  render() {<% if (isStore) { %>
-    return null;<% } else { %>
-    return (
-      <div id="<% if (isComponent) { %><%= cssCaseName %>-component<% } else { %><%= cssCaseName %><% } %>">
-        <h2>Find me in <%= myPath %></h2>
-      </div>
-    );<% } %>
-  }
-}
-
-const <%= className %> = compose(
-  withTracker(() => {}),<% if(clientGraphql === 'apollo') { %>
-  //graphql(gql`query Todos { todos }`, { variables: {/* input */} }),<% } %><% if(theme === 'material') { %>
-  withStyles(styles),<% } %>
-)(<%= className %>Component);
-
-export { <%= className %> };

package/bundle/typescript/src/templates/meteor/template/template.js.ts

@@ -1 +0,0 @@
-

package/bundle/typescript/src/templates/meteor/template/template.js.tsx

@@ -1,89 +0,0 @@
-import { compose } from 'ramda'; // https://ramdajs.com/docs/#compose
-<% if (client === 'react') { %>import * as React from 'react';<% } else if (client === 'reflux') { %>
-import * as React from 'react';
-import PropTypes from 'prop-types';<% if ( isStore ) { %>
-import Store from 'reflux'; <% } else { %>
-import Component from 'reflux';<% } %><% } %>
-// https://github.com/meteor/react-packages/tree/master/packages/react-meteor-data#withtrackerreactivefn-higher-order-component
-import { withTracker } from 'meteor/react-meteor-data';<% if(clientGraphql === 'apollo') { %>
-import { gql } from '@apollo/client';
-// https://www.apollographql.com/docs/react/api/react/hoc/#graphqlquery-configcomponent
-import { graphql } from '@apollo/client/react/hoc';<% } %><% if (theme === 'material' ) { %>
-// https://material-ui.com/styles/basics/#higher-order-component-api
-import { withStyles } from '@mui/system';
-
-const styles = (theme) => { };<% } %>
-<% if (!isStore && client === 'react') { %>
-interface <%= className %>Component {
-  props: object;
-  state: object;
-}
-class <%= className %>Component extends React.Component<<%= className %>Component> {<% } else if (!isStore && client === 'reflux') { %>
-interface <%= className %>Interface {
-  props: object;
-  state: object;
-}
-class <%= className %>Component extends Reflux.Component<<%= className %>Component> {<% } else { %>
-interface <%= className %>Component {
-  props: object;
-  state: object;
-}
-class <%= className %>Component extends Reflux.Store<<%= className %>Component> {<% } %><% if (client === 'reflux' && isStore) { %>
-  constructor() {
-    super();
-    this.state = {};
-  }<% } else { %>
-  /**
-   * Define types for your props for stability.
-   */
-  static propTypes = {};
-
-  /**
-   * If a prop is not required, it is a good idea to provide
-   * it a default value
-   */
-  static defaultProps = {};
-
-  /**
-   * Setup the component.  Best practices are to keep this light,
-   * and offload complex behavior to methods.
-   */
-  constructor(props:object) {
-    super(props);
-    this.state = {};<% if (client === 'reflux') { %>
-    this.stores = [];
-    this.storeKeys = [];<% } %>
-  }<% } %>
-
-  /**
-   * This method runs after the component output has been rendered to the DOM.
-   * This is where you can start to interact with HTML elements, such as <div>,
-   * or attach event listeners to DOM elements.
-   */
-  componentDidMount() { }
-
-  /**
-   * This is where the DOM will be torn down.  A good idea is to clean up any
-   * event listeners you've created in the componentDidMount() method.
-   */
-  componentWillUnmount() {<% if (client === 'reflux' && !isStore) { %> super.componentWillUnmount();<% }%> }
-
-  /**
-   * This is the main render method, and will rerun anytime either this.state or this.props is changed.
-   */
-  render() {
-    return (
-      <div id="<% if (isComponent) { %><%= cssCaseName %>-component<% } else { %><%= cssCaseName %><% } %>">
-        <h2>Find me in <%= myPath %></h2>
-      </div>
-    );
-  }
-}
-
-const <%= className %> = compose(
-  withTracker(() => {}),<% if(clientGraphql === 'apollo') { %>
-  //graphql(gql`query Todos { todos }`, { variables: {/* input */} }),<% } %><% if(theme === 'material') { %>
-  withStyles(styles),<% } %>
-)(<%= className %>Component);
-
-export { <%= className %> };

package/bundle/typescript/src/templates/react/component/component.css

@@ -1,6 +0,0 @@
-/*****************************************************************************/
-/* <%= className %>: Style */
-/*****************************************************************************/
-#<%= cssCaseName %> {
-
-}

package/bundle/typescript/src/templates/react/component/component.css.less

@@ -1,6 +0,0 @@
-/*****************************************************************************/
-/* <%= cssCaseName %>: Style */
-/*****************************************************************************/
-#<%= cssCaseName %> {
-
-}

package/bundle/typescript/src/templates/react/component/component.css.scss

@@ -1,3 +0,0 @@
-#<%= cssCaseName %> {
-
-}

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

@@ -1,54 +0,0 @@
-import React, { Component } from 'react';<% if (withTranslations) { %>
-import { withTranslation } from 'react-i18next';<% } %>
-<% if (isLayout) { %>
-import { Outlet } from 'react-router-dom';
-<% }%>
-
-class <%= className %> extends Component {
-  /**
-   * Define types for your props for stability.
-   */
-  static propTypes = {};
-
-  /**
-   * If a prop is not required, it is a good idea to provide
-   * it a default value
-   */
-  static defaultProps = {};
-
-  /**
-   * Setup the component.  Best practices are to keep this light,
-   * and offload complex behavior to methods.
-   */
-  constructor(props) {
-    super(props);
-    this.state = {};
-  }
-
-  /**
-   * This method runs after the component output has been rendered to the DOM.
-   * This is where you can start to interact with HTML elements, such as <div>,
-   * or attach event listeners to DOM elements.
-   */
-  componentDidMount() { }
-
-  /**
-   * This is where the DOM will be torn down.  A good idea is to clean up any
-   * event listeners you've created in the componentDidMount() method.
-   */
-  componentWillUnmount() { }
-
-  /**
-   * This is the main render method, and will rerun anytime either this.state or this.props is changed.
-   */
-  render() {<% if (withTranslations) { %>
-    const { t } = this.props;<% } %>
-    return (
-      <div id="<%= cssCaseName %>">
-        <% if (isLayout) { %><Outlet /><% } else if (withTranslations) { %><h2>{t('example', { page: '<%= myPath %>' } )}</h2><% } else { %><h2>Find me in <%= myPath %></h2><% } %>
-      </div>
-    );
-  }
-}
-
-export { <%= className %> };

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

@@ -1,59 +0,0 @@
-import * as React from 'react';<% if (withTranslations) { %>
-import { withTranslation } from 'react-i18next';<% } %>
-<% if (isLayout) { %>
-import { Outlet } from 'react-router-dom';
-<% }%>
-
-interface I<%= className %> {
-  props: object;
-  state: object;
-}
-class <%= className %> extends React.Component<I<%= className %>> {
-  public state: object;
-
-  /**
-   * Define types for your props for stability.
-   */
-  static propTypes = {};
-
-  /**
-   * If a prop is not required, it is a good idea to provide
-   * it a default value
-   */
-  static defaultProps = {};
-
-  /**
-   * Setup the component.  Best practices are to keep this light,
-   * and offload complex behavior to methods.
-   */
-  constructor(props: I<%= className %>) {
-    super(props);
-  }
-
-  /**
-   * This method runs after the component output has been rendered to the DOM.
-   * This is where you can start to interact with HTML elements, such as <div>,
-   * or attach event listeners to DOM elements.
-   */
-  componentDidMount() { }
-
-  /**
-   * This is where the DOM will be torn down.  A good idea is to clean up any
-   * event listeners you've created in the componentDidMount() method.
-   */
-  componentWillUnmount() { }
-
-  /**
-   * This is the main render method, and will rerun anytime either this.state or this.props is changed.
-   */
-  render() {<% if (withTranslations) { %>
-    const { t } = this.props;<% } %>
-    return (
-      <div id="<%= cssCaseName %>">
-        <% if (isLayout) { %><Outlet /><% } else if (withTranslations) { %><h2>{t('example', { page: '<%= myPath %>' } )}</h2><% } else { %><h2>Find me in <%= myPath %></h2><% } %>
-      </div>
-    );
-  }
-}
-
-export { <%= className %> };

package/bundle/typescript/src/templates/react/hook/hook.css

@@ -1,3 +0,0 @@
-#<%= cssCaseName %> {
-
-}

package/bundle/typescript/src/templates/react/hook/hook.css.scss

@@ -1,3 +0,0 @@
-#<%= cssCaseName %> {
-
-}

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

@@ -1,19 +0,0 @@
-import React, { useState } from 'react'<%if (withTranslations) { %>
-import { useTranslation } from 'react-i18next';<% } %>
-<% if (isLayout) { %>
-import { Outlet } from 'react-router-dom';
-<% }%>
-
-function <%= className %>(props) {
-  <% if(clientGraphql === 'apollo') { %>
-  //const { loading, error, data } = useQuery(gql`query Todos { todos }`, { variables: {/* input */} }); <% } %><% if (withTranslations) { %>
-  const { t } = useTranslation();<% } %>
-
-  return (
-    <div id="<%= cssCaseName %>">
-      <% if (isLayout) { %><Outlet /><% } else if (withTranslations) { %><h2>{t('example', { page: '<%= myPath %>' } )}</h2><% } else { %><h2>Find me in <%= myPath %></h2><% } %>
-    </div>
-  );
-}
-
-export { <%= className %> };

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

@@ -1,18 +0,0 @@
-import * as React from 'react';<%if (withTranslations) { %>
-import { useTranslation } from 'react-i18next';<% } %>
-<% if (isLayout) { %>
-import { Outlet } from 'react-router-dom';
-<% }%>
-
-function <%= className %>(props) {
-  <% if (withTranslations) { %>
-  const { t } = useTranslation();<% } %>
-
-  return (
-    <div id="<%= cssCaseName %>">
-      <% if (isLayout) { %><Outlet /><% } else if (withTranslations) { %><h2>{t('example', { page: '<%= myPath %>' } )}</h2><% } else { %><h2>Find me in <%= myPath %></h2><% } %>
-    </div>
-  );
-}
-
-export { <%= className %> };