@maka/maka-cli 4.7.12 → 4.7.13

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

@@ -1,89 +1,89 @@
-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(graphql === '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(graphql === 'apollo') { %>
-  //graphql(gql`query Todos { todos }`, { variables: {/* input */} }),<% } %><% if(theme === 'material') { %>
-  withStyles(styles),<% } %>
-)(<%= className %>Component);
-
-export { <%= className %> };
+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(graphql === '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(graphql === 'apollo') { %>
+  //graphql(gql`query Todos { todos }`, { variables: {/* input */} }),<% } %><% if(theme === 'material') { %>
+  withStyles(styles),<% } %>
+)(<%= className %>Component);
+
+export { <%= className %> };

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

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

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

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

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

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

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

@@ -1,63 +1,63 @@
-import { compose } from 'ramda'; // https://ramdajs.com/docs/#compose
-import React, { Component } from 'react';
-// https://github.com/meteor/react-packages/tree/master/packages/react-meteor-data#withtrackerreactivefn-higher-order-component
-import { withTracker } from 'meteor/react-meteor-data';<% if(graphql === '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 (withTranslations) { %>
-import { withTranslation } from 'react-i18next';<% } %>
-
-class <%= className %>Component 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 %>-component">
-        <% if (isLayout) { %>{ this.props.children }<% } else if (withTranslations) { %><h2>{t('example', { page: '<%= myPath %>' } )}</h2><% } else { %><h2>Find me in <%= myPath %></h2><% } %>
-      </div>
-    );
-  }
-}
-
-const <%= className %> = compose(
-  withTracker(() => {}),<% if(graphql === 'apollo') { %>
-  //graphql(gql`query Todos { todos }`, { variables: {/* input */} }),<% } %><% if (withTranslations) { %>
-  withTranslation(),<% } %>
-)(<%= className %>Component);
-
-export { <%= className %> };
+import { compose } from 'ramda'; // https://ramdajs.com/docs/#compose
+import React, { Component } from 'react';
+// https://github.com/meteor/react-packages/tree/master/packages/react-meteor-data#withtrackerreactivefn-higher-order-component
+import { withTracker } from 'meteor/react-meteor-data';<% if(graphql === '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 (withTranslations) { %>
+import { withTranslation } from 'react-i18next';<% } %>
+
+class <%= className %>Component 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 %>-component">
+        <% if (isLayout) { %>{ this.props.children }<% } else if (withTranslations) { %><h2>{t('example', { page: '<%= myPath %>' } )}</h2><% } else { %><h2>Find me in <%= myPath %></h2><% } %>
+      </div>
+    );
+  }
+}
+
+const <%= className %> = compose(
+  withTracker(() => {}),<% if(graphql === 'apollo') { %>
+  //graphql(gql`query Todos { todos }`, { variables: {/* input */} }),<% } %><% if (withTranslations) { %>
+  withTranslation(),<% } %>
+)(<%= className %>Component);
+
+export { <%= className %> };

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

@@ -1,68 +1,68 @@
-import { compose } from 'ramda'; // https://ramdajs.com/docs/#compose
-import * as React from 'react';
-import * as PropTypes from 'prop-types';// https://github.com/meteor/react-packages/tree/master/packages/react-meteor-data#withtrackerreactivefn-higher-order-component
-import { withTracker } from 'meteor/react-meteor-data';<% if(graphql === '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 (withTranslations) { %>
-import { withTranslation } from 'react-i18next';<% } %>
-
-interface I<%= className %> {
-  props: object;
-  state: object;
-}
-class <%= className %>Component 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 %>-component">
-        <% if (isLayout) { %>{ this.props.children }<% } else if (withTranslations) { %><h2>{t('example', { page: '<%= myPath %>' } )}</h2><% } else { %><h2>Find me in <%= myPath %></h2><% } %>
-      </div>
-    );
-  }
-}
-
-const <%= className %> = compose(
-  withTracker(() => {}),<% if(graphql === 'apollo') { %>
-  //graphql(gql`query Todos { todos }`, { variables: {/* input */} }),<% } %><% if (withTranslations) { %>
-  withTranslation(),<% } %>
-)(<%= className %>Component);
-
-export { <%= className %> };
+import { compose } from 'ramda'; // https://ramdajs.com/docs/#compose
+import * as React from 'react';
+import * as PropTypes from 'prop-types';// https://github.com/meteor/react-packages/tree/master/packages/react-meteor-data#withtrackerreactivefn-higher-order-component
+import { withTracker } from 'meteor/react-meteor-data';<% if(graphql === '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 (withTranslations) { %>
+import { withTranslation } from 'react-i18next';<% } %>
+
+interface I<%= className %> {
+  props: object;
+  state: object;
+}
+class <%= className %>Component 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 %>-component">
+        <% if (isLayout) { %>{ this.props.children }<% } else if (withTranslations) { %><h2>{t('example', { page: '<%= myPath %>' } )}</h2><% } else { %><h2>Find me in <%= myPath %></h2><% } %>
+      </div>
+    );
+  }
+}
+
+const <%= className %> = compose(
+  withTracker(() => {}),<% if(graphql === 'apollo') { %>
+  //graphql(gql`query Todos { todos }`, { variables: {/* input */} }),<% } %><% if (withTranslations) { %>
+  withTranslation(),<% } %>
+)(<%= className %>Component);
+
+export { <%= className %> };

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

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

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

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

package/bundle/obf/src/templates/react/hook/hook.js

@@ -1 +1 @@
-
+

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

@@ -1,24 +1,24 @@
-import React, { useState } from 'react';
-// https://github.com/meteor/react-packages/tree/master/packages/react-meteor-data#usetrackerreactivefn-deps-hook
-import { useTracker } from 'meteor/react-meteor-data';<% if(graphql === 'apollo') { %>
-// https://www.apollographql.com/docs/react/api/react/hooks/#example-2
-import { useQuery, gql } from '@apollo/client';<% } %><%if (withTranslations) { %>
-import { useTranslation } from 'react-i18next';<% } %>
-
-
-function <%= className %>(props) {
-  /*const { userId } = useTracker(() => {
-    const userId = Meteor.userId();
-    return { userId }
-  });*/<% if(graphql === 'apollo') { %>
-  //const { loading, error, data } = useQuery(gql`query Todos { todos }`, { variables: {/* input */} }); <% } %><% if (withTranslations) { %>
-  const { t } = useTranslation();<% } %>
-
-  return (
-    <div id="<%= cssCaseName %>-hook">
-      <% if (isLayout) { %>{ props.children }<% } else if (withTranslations) { %><h2>{t('example', { page: '<%= myPath %>' } )}</h2><% } else { %><h2>Find me in <%= myPath %></h2><% } %>
-    </div>
-  );
-}
-
-export { <%= className %> };
+import React, { useState } from 'react';
+// https://github.com/meteor/react-packages/tree/master/packages/react-meteor-data#usetrackerreactivefn-deps-hook
+import { useTracker } from 'meteor/react-meteor-data';<% if(graphql === 'apollo') { %>
+// https://www.apollographql.com/docs/react/api/react/hooks/#example-2
+import { useQuery, gql } from '@apollo/client';<% } %><%if (withTranslations) { %>
+import { useTranslation } from 'react-i18next';<% } %>
+
+
+function <%= className %>(props) {
+  /*const { userId } = useTracker(() => {
+    const userId = Meteor.userId();
+    return { userId }
+  });*/<% if(graphql === 'apollo') { %>
+  //const { loading, error, data } = useQuery(gql`query Todos { todos }`, { variables: {/* input */} }); <% } %><% if (withTranslations) { %>
+  const { t } = useTranslation();<% } %>
+
+  return (
+    <div id="<%= cssCaseName %>-hook">
+      <% if (isLayout) { %>{ props.children }<% } else if (withTranslations) { %><h2>{t('example', { page: '<%= myPath %>' } )}</h2><% } else { %><h2>Find me in <%= myPath %></h2><% } %>
+    </div>
+  );
+}
+
+export { <%= className %> };

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

@@ -1,23 +1,23 @@
-import * as React from 'react';
-// https://github.com/meteor/react-packages/tree/master/packages/react-meteor-data#usetrackerreactivefn-deps-hook
-import { useTracker } from 'meteor/react-meteor-data';<% if(graphql === 'apollo') { %>
-// https://www.apollographql.com/docs/react/api/react/hooks/#example-2
-import { useQuery, gql } from '@apollo/client';<% } %><%if (withTranslations) { %>
-import { useTranslation } from 'react-i18next';<% } %>
-
-function <%= className %>(props) {
-  /*const { userId } = useTracker(() => {
-    const userId = Meteor.userId();
-    return { userId }
-  });*/<% if(graphql === 'apollo') { %>
-  // const { loading, error, data } = useQuery(gql`query Todos { todos }`, { variables: {/* input */} }); <% } %><% if (withTranslations) { %>
-  const { t } = useTranslation();<% } %>
-
-  return (
-    <div id="<%= cssCaseName %>-hook">
-      <% if (isLayout) { %>{ props.children }<% } else if (withTranslations) { %><h2>{t('example', { page: '<%= myPath %>' } )}</h2><% } else { %><h2>Find me in <%= myPath %></h2><% } %>
-    </div>
-  );
-}
-
-export { <%= className %> };
+import * as React from 'react';
+// https://github.com/meteor/react-packages/tree/master/packages/react-meteor-data#usetrackerreactivefn-deps-hook
+import { useTracker } from 'meteor/react-meteor-data';<% if(graphql === 'apollo') { %>
+// https://www.apollographql.com/docs/react/api/react/hooks/#example-2
+import { useQuery, gql } from '@apollo/client';<% } %><%if (withTranslations) { %>
+import { useTranslation } from 'react-i18next';<% } %>
+
+function <%= className %>(props) {
+  /*const { userId } = useTracker(() => {
+    const userId = Meteor.userId();
+    return { userId }
+  });*/<% if(graphql === 'apollo') { %>
+  // const { loading, error, data } = useQuery(gql`query Todos { todos }`, { variables: {/* input */} }); <% } %><% if (withTranslations) { %>
+  const { t } = useTranslation();<% } %>
+
+  return (
+    <div id="<%= cssCaseName %>-hook">
+      <% if (isLayout) { %>{ props.children }<% } else if (withTranslations) { %><h2>{t('example', { page: '<%= myPath %>' } )}</h2><% } else { %><h2>Find me in <%= myPath %></h2><% } %>
+    </div>
+  );
+}
+
+export { <%= className %> };