@maka/maka-cli 5.3.0 → 5.3.2

package/bundle/typescript/src/templates/meteor/app/imports/startup/server/index.js.jsx

@@ -0,0 +1,98 @@
+import { Meteor } from 'meteor/meteor';
+import { WebAppInternals } from "meteor/webapp";
+Meteor.startup(() => {
+  WebAppInternals.setInlineScriptsAllowed(false);
+});
+<% if (config.engines.ssr === 'meteor') { %>
+/************* SSR Code ********************/
+import AppRoutes 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/server';
+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 CssBaseline from '@mui/material/CssBaseline';
+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={{}}>
+            <AppRoutes history={history}/>
+        </StaticRouter>
+    );<% if (config.engines.theme === 'material') { if (config.engines.graphql === 'apollo') { %>
+    renderToStringWithData(
+      <ApolloProvider client={client}>
+        <ThemeProvider theme={theme}>
+          <CssBaseline />
+          <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}>
+        <CssBaseline />
+        <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/bundle/typescript/src/templates/meteor/app/imports/startup/server/index.js.tsx

@@ -0,0 +1,98 @@
+import { Meteor } from 'meteor/meteor';
+import { WebAppInternals } from "meteor/webapp";
+Meteor.startup(() => {
+  WebAppInternals.setInlineScriptsAllowed(false);
+});
+<% if (config.engines.ssr === 'meteor') { %>
+/************* SSR Code ********************/
+import AppRoutes 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/server';
+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 CssBaseline from '@mui/material/CssBaseline';
+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={{}}>
+            <AppRoutes history={history}/>
+        </StaticRouter>
+    );<% if (config.engines.theme === 'material') { if (config.engines.graphql === 'apollo') { %>
+    renderToStringWithData(
+      <ApolloProvider client={client}>
+        <ThemeProvider theme={theme}>
+          <CssBaseline />
+          <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}>
+        <CssBaseline />
+        <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/bundle/typescript/src/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/bundle/typescript/src/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/bundle/typescript/src/templates/meteor/app/lib/main.js

@@ -0,0 +1,3 @@
+// See the Meteor docs for more information on directory structure
+// https://guide.meteor.com/structure#example-app-structure
+import '/imports/startup/lib';

package/bundle/typescript/src/templates/meteor/app/lib/main.js.jsx

@@ -0,0 +1,3 @@
+// See the Meteor docs for more information on directory structure
+// https://guide.meteor.com/structure#example-app-structure
+import '/imports/startup/lib/index.jsx';

package/bundle/typescript/src/templates/meteor/app/lib/main.js.ts

@@ -0,0 +1,3 @@
+// See the Meteor docs for more information on directory structure
+// https://guide.meteor.com/structure#example-app-structure
+import '/imports/startup/lib';

package/bundle/typescript/src/templates/meteor/app/lib/main.js.tsx

@@ -0,0 +1,3 @@
+// See the Meteor docs for more information on directory structure
+// https://guide.meteor.com/structure#example-app-structure
+import '/imports/startup/lib/index';