@maka/maka-cli 3.3.67 → 4.0.72

package/dist/templates/meteor/app/imports/startup/lib/index.js.ts

@@ -0,0 +1 @@
+/** @namespace Common */

package/dist/templates/meteor/app/imports/startup/lib/index.js.tsx

@@ -0,0 +1,10 @@
+/** @namespace Common */<% if (config.engines.theme === 'material' && config.engines.ssr === 'true') { %>
+// Material UI Theme config using roboto typefont and default mui.
+import { createTheme, responsiveFontSizes } from '@mui/material/styles';
+let theme = createTheme({
+  typography: {
+    useNextVariants: true,
+  },
+});
+theme = responsiveFontSizes(theme);
+export { theme };<% } %>

package/dist/templates/meteor/app/imports/startup/lib/routes.js.jsx

@@ -0,0 +1,48 @@
+import React from 'react';
+import { Router, Route, IndexRoute } from 'react-router';
+
+/**
+ * The React Router client and server side routing definitions.
+ * @namespace Common.Routes
+ * @desc This is the main definition for the react router.
+ */
+
+import * as Component from './templates';
+
+const Root = (
+  <Route path="/" component={ Component.MasterLayout }>
+    <IndexRoute component={ Component.Home }/>
+  </Route>
+);
+
+const CatchAll = (
+  <Route path="*" component={ Component.MasterLayout }>
+    <IndexRoute component={ Component.NotFound }/>
+  </Route>
+);
+
+const privateRoutes = (<>
+  {Root}
+  {CatchAll}
+</>);
+
+const publicRoutes = (<>
+  {Root}
+  {CatchAll}
+</>);
+
+const PrivateRoutes = ({ history }) => (
+  <Router history={ history }>
+    {privateRoutes}
+  </Router>
+);
+const PublicRoutes = ({ history }) => (
+  <Router history={ history }>
+    {publicRoutes}
+  </Router>
+);
+const Routes = ({ user = {}, history }) => (
+  (user._id) ? <PublicRoutes history={history}/> : <PublicRoutes history={history}/>
+);
+
+export default Routes;

package/dist/templates/meteor/app/imports/startup/lib/routes.js.tsx

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { Router, Route, IndexRoute } from 'react-router';
+
+/**
+ * The React Router client and server side routing definitions.
+ * @namespace Common.Routes
+ * @desc This is the main definition for the react router.
+ */
+
+import * as Component from './templates';
+
+const Root = (
+  <Route path="/" component={ Component.MasterLayout }>
+    <IndexRoute component={ Component.Home }/>
+  </Route>
+);
+
+const CatchAll = (
+  <Route path="*" component={ Component.MasterLayout }>
+    <IndexRoute component={ Component.NotFound }/>
+  </Route>
+);
+
+const privateRoutes = (<>
+  {Root}
+  {CatchAll}
+</>);
+
+const publicRoutes = (<>
+  {Root}
+  {CatchAll}
+</>);
+
+const PrivateRoutes = ({ history }) => (
+  <Router history={ history }>
+    {privateRoutes}
+  </Router>
+);
+const PublicRoutes = ({ history }) => (
+  <Router history={ history }>
+    {publicRoutes}
+  </Router>
+);
+const Routes = ({ user = {}, history }) => (
+  (user._id) ? <PublicRoutes history={history}/> : <PublicRoutes history={history}/>
+);
+
+export default Routes;

package/dist/templates/meteor/app/imports/startup/server/index.js

@@ -0,0 +1 @@
+/** @namespace Server */

package/dist/templates/meteor/app/imports/startup/server/index.js.jsx

@@ -0,0 +1,139 @@
+import { WebAppInternals } from "meteor/webapp";
+Meteor.startup(() => {
+  WebAppInternals.setInlineScriptsAllowed(false);
+});
+<% if (config.engines.graphql === 'apollo') { %>
+import { ApolloServer } from 'apollo-server-express';
+import { WebApp } from 'meteor/webapp';
+import { getUser } from 'meteor/apollo';
+import { mergeTypeDefs, mergeResolvers } from '@graphql-tools/merge';
+import {
+  ApolloServerPluginLandingPageGraphQLPlayground
+} from "apollo-server-core";
+
+const typeList = [];
+const resolverList = [];
+if (typeList.length > 0 && resolverList.length > 0) {
+  const typeDefs = mergeTypeDefs(typeList);
+  const resolvers = mergeResolvers(resolverList);
+  const server = new ApolloServer({
+    typeDefs,
+    resolvers,
+    cacheControl: {
+      defaultMaxAge: 60, //seconds
+    },
+    context: async ({ req }) => ({
+      user: await getUser(req.headers.authorization) || await getUser(req.headers['x-auth-token']) || {},
+    }),
+    formatError: (err) => {
+      // Don't give specific errors to the client
+      console.error(err);
+      return err.message ;
+    },
+    plugins: [
+      ApolloServerPluginLandingPageGraphQLPlayground()
+    ]
+  });
+
+  const startApolloServer = async(server) => {
+    await server.start();
+
+    server.applyMiddleware({
+      app: WebApp.connectHandlers,
+      path: '/graphql',
+      cors: true
+    });
+  };
+
+  startApolloServer(server);
+}<% } %>
+<% if (config.engines.ssr === 'true') { %>
+/************* SSR Code ********************/
+import Routes from '../lib/routes';
+import React from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
+import { onPageLoad } from 'meteor/server-render';
+import { StaticRouter } from 'react-router-dom';
+import { createMemoryHistory } from 'history';
+<% if (config.engines.graphql === 'apollo') { %>
+import { createMeteorNetworkInterface, meteorClientConfig } from 'meteor/apollo';
+import { ApolloClient, ApolloProvider, renderToStringWithData } from '@apollo/client';
+import 'isomorphic-fetch';
+
+const networkInterface = createMeteorNetworkInterface({
+  opts: { credentials: 'same-origin' },
+  uri: Meteor.absoluteUrl('graphql'),
+  useMeteorAccounts: true,
+  batchingInterface: true,
+  batchInterval: 10,
+});
+const client = new ApolloClient(meteorClientConfig({ networkInterface, ssrMode: true }));<% } %>
+<% if (config.engines.theme === 'material') { %>
+import { ThemeProvider } from '@mui/material/styles';
+import { theme } from '../lib/index';<% } %>
+// css bundler
+import createEmotionServer from '@emotion/server/create-instance';
+import createCache from '@emotion/cache';
+
+function createEmotionCache() {
+  return createCache({ key: 'css' });
+}
+
+onPageLoad((sink) => {
+    const history = createMemoryHistory(sink.request.url.pathname);
+    // Create a sheets instance.
+    const cache = createEmotionCache();
+    const { extractCriticalToChunks, constructStyleTagsFromChunks } =
+      createEmotionServer(cache);
+
+    const App = (props) => (
+        <StaticRouter
+            location={props.location}
+            context={{}}>
+            <Routes history={history}/>
+        </StaticRouter>
+    );<% if (config.engines.theme === 'material') { if (config.engines.graphql === 'apollo') { %>
+    renderToStringWithData(
+      <ApolloProvider client={client}>
+        <ThemeProvider theme={theme}>
+          <App location={sink.request.url} />
+        </ThemeProvider>
+      </ApolloProvider>
+    ).then((content) => {
+      const emotionChunks = extractCriticalToChunks(html);
+      const emotionCss = constructStyleTagsFromChunks(emotionChunks);
+
+      sink.appendToHead(`<style id="jss-server-side">${emotionCss}</style>`);
+      sink.renderIntoElementById('app', content);
+    });<% } else { %>
+    const html = renderToStaticMarkup(
+      <ThemeProvider theme={theme}>
+        <App location={sink.request.url} />
+      </ThemeProvider>
+    );
+    const emotionChunks = extractCriticalToChunks(html);
+    const emotionCss = constructStyleTagsFromChunks(emotionChunks);
+
+    sink.appendToHead(`<style id="jss-server-side">${emotionCss}</style>`);
+    sink.renderIntoElementById('app', html);
+    <% } } else { if (config.engines.graphql === 'apollo') { %>
+    renderToStringWithData(
+      <ApolloProvider client={client}>
+        <App location={sink.request.url} />
+      </ApolloProvider>
+    ).then((content) => {
+      const emotionChunks = extractCriticalToChunks(html);
+      const emotionCss = constructStyleTagsFromChunks(emotionChunks);
+
+      sink.appendToHead(`<style id="jss-server-side">${emotionCss}</style>`);
+      sink.renderIntoElementById('app', content);
+    });<% } else { %>
+    const html = renderToStaticMarkup(
+      <App location={sink.request.url} />
+    );
+    const emotionChunks = extractCriticalToChunks(html);
+    const emotionCss = constructStyleTagsFromChunks(emotionChunks);
+
+    sink.appendToHead(`<style id="jss-server-side">${emotionCss}</style>`);
+    sink.renderIntoElementById('app', html);<% }} %>
+});<% } %>

package/dist/templates/meteor/app/imports/startup/server/index.js.tsx

@@ -0,0 +1,138 @@
+import { WebAppInternals } from "meteor/webapp";
+Meteor.startup(() => {
+  WebAppInternals.setInlineScriptsAllowed(false);
+});
+<% if (config.engines.graphql === 'apollo') { %>
+import { ApolloServer } from 'apollo-server-express';
+import { WebApp } from 'meteor/webapp';
+import { getUser } from 'meteor/apollo';
+import { mergeTypeDefs, mergeResolvers } from '@graphql-tools/merge';
+import {
+  ApolloServerPluginLandingPageGraphQLPlayground
+} from "apollo-server-core";
+
+const typeList = [];
+const resolverList = [];
+if (typeList.length > 0 && resolverList.length > 0) {
+  const typeDefs = mergeTypeDefs(typeList);
+  const resolvers = mergeResolvers(resolverList);
+  const server = new ApolloServer({
+    typeDefs,
+    resolvers,
+    cacheControl: {
+      defaultMaxAge: 60, //seconds
+    },
+    context: async ({ req }) => ({
+      user: await getUser(req.headers.authorization) || await getUser(req.headers['x-auth-token']) || {},
+    }),
+    formatError: (err) => {
+      // Don't give specific errors to the client
+      return err.message;
+    },
+    plugins: [
+      ApolloServerPluginLandingPageGraphQLPlayground()
+    ]
+  });
+
+  const startApolloServer = async(server) => {
+    await server.start();
+
+    server.applyMiddleware({
+      app: WebApp.connectHandlers,
+      path: '/graphql',
+      cors: true
+    });
+  };
+
+  startApolloServer(server);
+}<% } %>
+<% if (config.engines.ssr === 'true') { %>
+/************* SSR Code ********************/
+import Routes from '../lib/routes';
+import * as React from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
+import { onPageLoad } from 'meteor/server-render';
+import { StaticRouter } from 'react-router-dom';
+import { createMemoryHistory } from 'history';
+<% if (config.engines.graphql === 'apollo') { %>
+import { createMeteorNetworkInterface, meteorClientConfig } from 'meteor/apollo';
+import { ApolloClient, ApolloProvider, renderToStringWithData } from '@apollo/client';
+import 'isomorphic-fetch';
+
+const networkInterface = createMeteorNetworkInterface({
+  opts: { credentials: 'same-origin' },
+  uri: Meteor.absoluteUrl('graphql'),
+  useMeteorAccounts: true,
+  batchingInterface: true,
+  batchInterval: 10,
+});
+const client = new ApolloClient(meteorClientConfig({ networkInterface, ssrMode: true }));<% } %>
+<% if (config.engines.theme === 'material') { %>
+import { ThemeProvider } from '@mui/material/styles';
+import { theme } from '../lib/index';<% } %>
+// css bundler
+import createEmotionServer from '@emotion/server/create-instance';
+import createCache from '@emotion/cache';
+
+function createEmotionCache() {
+  return createCache({ key: 'css' });
+}
+
+onPageLoad((sink) => {
+    const history = createMemoryHistory(sink.request.url.pathname);
+    // Create a sheets instance.
+    const cache = createEmotionCache();
+    const { extractCriticalToChunks, constructStyleTagsFromChunks } =
+      createEmotionServer(cache);
+
+    const App = (props) => (
+        <StaticRouter
+            location={props.location}
+            context={{}}>
+            <Routes history={history}/>
+        </StaticRouter>
+    );<% if (config.engines.theme === 'material') { if (config.engines.graphql === 'apollo') { %>
+    renderToStringWithData(
+      <ApolloProvider client={client}>
+        <ThemeProvider theme={theme}>
+          <App location={sink.request.url} />
+        </ThemeProvider>
+      </ApolloProvider>
+    ).then((content) => {
+      const emotionChunks = extractCriticalToChunks(html);
+      const emotionCss = constructStyleTagsFromChunks(emotionChunks);
+
+      sink.appendToHead(`<style id="jss-server-side">${emotionCss}</style>`);
+      sink.renderIntoElementById('app', content);
+    });<% } else { %>
+    const html = renderToStaticMarkup(
+      <ThemeProvider theme={theme}>
+        <App location={sink.request.url} />
+      </ThemeProvider>
+    );
+    const emotionChunks = extractCriticalToChunks(html);
+    const emotionCss = constructStyleTagsFromChunks(emotionChunks);
+
+    sink.appendToHead(`<style id="jss-server-side">${emotionCss}</style>`);
+    sink.renderIntoElementById('app', html);
+    <% } } else { if (config.engines.graphql === 'apollo') { %>
+    renderToStringWithData(
+      <ApolloProvider client={client}>
+        <App location={sink.request.url} />
+      </ApolloProvider>
+    ).then((content) => {
+      const emotionChunks = extractCriticalToChunks(html);
+      const emotionCss = constructStyleTagsFromChunks(emotionChunks);
+
+      sink.appendToHead(`<style id="jss-server-side">${emotionCss}</style>`);
+      sink.renderIntoElementById('app', content);
+    });<% } else { %>
+    const html = renderToStaticMarkup(
+      <App location={sink.request.url} />
+    );
+    const emotionChunks = extractCriticalToChunks(html);
+    const emotionCss = constructStyleTagsFromChunks(emotionChunks);
+
+    sink.appendToHead(`<style id="jss-server-side">${emotionCss}</style>`);
+    sink.renderIntoElementById('app', html);<% }} %>
+});<% } %>

package/dist/templates/meteor/app/imports/ui/test-helpers.js

@@ -0,0 +1,24 @@
+if (config.engines.client === 'blaze') {
+import { Template } from 'meteor/templating';
+import { Blaze } from 'meteor/blaze';
+import { Tracker } from 'meteor/tracker';
+
+const withDiv = function withDiv(callback) {
+  const el = document.createElement('div');
+  document.body.appendChild(el);
+  try {
+    callback(el);
+  } finally {
+    document.body.removeChild(el);
+  }
+};
+
+export const withRenderedTemplate = function withRenderedTemplate(template, data, callback) {
+  withDiv((el) => {
+    const ourTemplate = (template && typeof template.valueOf() === "string") ? Template[template] : template;
+    Blaze.renderWithData(ourTemplate, data, el);
+    Tracker.flush();
+    callback(el);
+  });
+};
+}

package/dist/templates/meteor/app/imports/ui/test-helpers.js.ts

@@ -0,0 +1,24 @@
+if (config.engines.client !== 'react') {
+import { Template } from 'meteor/templating';
+import { Blaze } from 'meteor/blaze';
+import { Tracker } from 'meteor/tracker';
+
+const withDiv = function withDiv(callback) {
+  const el = document.createElement('div');
+  document.body.appendChild(el);
+  try {
+    callback(el);
+  } finally {
+    document.body.removeChild(el);
+  }
+};
+
+export const withRenderedTemplate = function withRenderedTemplate(template, data, callback) {
+  withDiv((el) => {
+    const ourTemplate = (template && typeof template.valueOf() === "string") ? Template[template] : template;
+    Blaze.renderWithData(ourTemplate, data, el);
+    Tracker.flush();
+    callback(el);
+  });
+};
+}

package/dist/templates/meteor/app/lib/main.js

@@ -0,0 +1 @@
+import '/imports/startup/lib';

package/dist/templates/meteor/app/lib/main.js.jsx

@@ -0,0 +1 @@
+import '/imports/startup/lib/index.jsx';

package/dist/templates/meteor/app/lib/main.js.ts

@@ -0,0 +1 @@
+import '/imports/startup/lib';

package/dist/templates/meteor/app/lib/main.js.tsx

@@ -0,0 +1 @@
+import '/imports/startup/lib/index';

package/dist/templates/meteor/app/maka.d.ts

@@ -0,0 +1,160 @@
+interface Window { cordova: any; }
+
+declare module "react" {
+  interface React {
+    let Component:TODO;
+  }
+}
+
+declare module "react-router-dom" {
+  export let BrowserRouter: any;
+  export let StaticRouter: any;
+}
+
+declare module "react-router" {
+  export let Router: any;
+  export let Route: any;
+  export let IndexRoute: any;
+  export let browserHistory: any;
+}
+
+declare module "react-dom" {
+  export let render: any;
+  export let hydrate: any;
+}
+
+declare module "react-dom/server" {
+  export let renderToStaticMarkup: any;
+}
+
+declare module "history" {
+  export let createMemoryHistory: any;
+}
+
+declare module "styled-components" {
+  export let ServerStyleSheet: any;
+}
+
+declare module "winston" {
+  export let winston: any;
+}
+
+declare module "winston-transport" {
+  export let index: any;
+}
+
+type Props {
+  children: any;
+}
+
+type UpdateModifier {
+  $set: object;
+}
+
+declare namespace JSX {
+  interface IntrinsicElements {
+    a: any;
+    abbr: any;
+    address: any;
+    area: any;
+    article: any;
+    aside: any;
+    audio: any;
+    base: any;
+    bdi: any;
+    bdo: any;
+    blockquote: any;
+    body: any;
+    button: any;
+    canvas: any;
+    caption: any;
+    cite: any;
+    code: any;
+    col: any;
+    colgroup: any;
+    data: any;
+    datalist: any;
+    dd: any;
+    del: any;
+    details: any;
+    dfn: any;
+    dialog: any;
+    div: any;
+    dl: any;
+    dt: any;
+    em: any;
+    embed: any;
+    fieldset: any;
+    figcaption: any;
+    figure: any;
+    footer: any;
+    form: any;
+    h1: any;
+    h2: any;
+    h3: any;
+    h4: any;
+    h5: any;
+    h6: any;
+    head: any;
+    header: any;
+    hr: any;
+    html: any;
+    i: any;
+    img: any;
+    input: any;
+    ins: any;
+    kbd: any;
+    label: any;
+    legend: any;
+    li: any;
+    link: any;
+    main: any;
+    map: any;
+    mark: any;
+    meta: any;
+    meter: any;
+    nav: any;
+    object: any;
+    ol: any;
+    optgroup: any;
+    option: any;
+    output: any;
+    p: any;
+    param: any;
+    picture: any;
+    pre: any;
+    progress: any;
+    q: any;
+    rp: any;
+    ruby: any;
+    s: any;
+    samp: any;
+    section: any;
+    select: any;
+    small: any;
+    source: any;
+    span: any;
+    strong: any;
+    style: any;
+    sub: any;
+    summary: any;
+    sup: any;
+    svg: any;
+    table: any;
+    tbody: any;
+    td: any;
+    template: any;
+    textarea: any;
+    tfoot: any;
+    th: any;
+    thead: any;
+    time: any;
+    tr: any;
+    track: any;
+    u: any;
+    ul: any;
+    var: any;
+    video: any;
+    wbr: any;
+  }
+}