@ordergroove/smi-serve 1.0.0

package/README.md

@@ -0,0 +1,11 @@
+# `smi-serve`
+
+> TODO: description
+
+## Usage
+
+```
+const smiServe = require('smi-serve');
+
+// TODO: DEMONSTRATE API
+```

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@ordergroove/smi-serve",
+  "version": "1.0.0",
+  "description": "Now I’m the model of a modern major general / The venerated Virginian veteran whose men are all / Lining up, to put me up on a pedestal / Writin’ letters to relatives / Embellishin’ my elegance and eloquence / But the elephant is in the room / The truth is in ya face when ya hear the British cannons go / BOOM",
+  "keywords": [],
+  "author": "Eugenio Lattanzio <eugenio63@gmail.com>",
+  "license": "ISC",
+  "main": "src/smi-serve.js",
+  "directories": {
+    "src": "src",
+    "test": "__tests__"
+  },
+  "files": [
+    "src"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ordergroove/plush-toys.git"
+  },
+  "scripts": {
+    "test": "echo \"Error: run tests from root\" && exit 1"
+  },
+  "bugs": {
+    "url": "https://github.com/ordergroove/plush-toys/issues"
+  },
+  "bin": {
+    "smi-serve": "src/smi-serve.js"
+  },
+  "homepage": "https://github.com/ordergroove/plush-toys#readme",
+  "dependencies": {
+    "@ordergroove/smi-precompile": "^1.7.1",
+    "esbuild": "^0.14.22",
+    "esbuild-plugin-less": "^1.1.6",
+    "glob": "^7.2.0"
+  }
+}

package/src/client.js

@@ -0,0 +1,33 @@
+import { bootstrap, html } from '@ordergroove/smi-core';
+
+export * from '@ordergroove/smi-core';
+
+// import mainView from './views/main.liquid';
+
+const params = new URLSearchParams(document.location.hash.substring(1) || window.location.search);
+
+const auth_merchant_id = params.get('m') || params.get('merchant_id') || params.get('auth')?.split('|')[3];
+const auth_env = params.get('env') || (params.has('prod') && 'prod') || (params.has('staging') && 'staging') || 'prod';
+const template_merchant_id = params.get('t')?.split(',')[0];
+const template_env = params.get('t')?.split(',')[1] || params.get('env') || auth_env;
+
+const is_staging = auth_env.startsWith('s');
+
+const og = window.og;
+
+window.SMI_SERVE_INIT = {
+  ...(params.has('auth')
+    ? {
+        merchant_id: template_merchant_id || auth_merchant_id || '0e5de2bedc5e11e3a2e4bc764e106cf4',
+        env: is_staging ? 'staging' : 'prod',
+        auth: params.has('auth')
+      }
+    : {
+        merchant_id: '0e5de2bedc5e11e3a2e4bc764e106cf4',
+        auth_url: 'https://static-origin-server.ordergroove.com/0e5de2bedc5e11e3a2e4bc764e106cf4/demo/auth.json',
+        env: 'staging'
+      }),
+  ...Object.fromEntries(params)
+};
+
+bootstrap({ ...window.SMI_SERVE_INIT }, window.SMI_MAIN_TEMPLATE);

package/src/smi-serve.js

@@ -0,0 +1,157 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const util = require('util');
+const glob = util.promisify(require('glob'));
+const path = require('path');
+const esbuild = require('esbuild');
+const { lessLoader } = require('esbuild-plugin-less');
+const precompile = require('@ordergroove/smi-precompile');
+
+const watchMode = process.argv.includes('--watch');
+const serveMode = process.argv.includes('--serve');
+const prodMode = process.argv.includes('--prod');
+
+/**
+ * makes lodash, dayjs and reselect resolves to local
+ * smi-core improving the bundle size
+ * it also replaces lodash with lodash-es that it's smaller with esbuild
+ */
+
+const resolve_esm = name => {
+  const info = require(`${name}/package.json`);
+  const mod = `${name}/${info.module || info.main}`;
+
+  return require.resolve(mod);
+};
+const resolve_smi_core_modules_local = {
+  name: 'resolve_smi_core_modules_local',
+  setup(build) {
+    build.onResolve({ filter: /^lodash\/?/ }, args => ({
+      path: require.resolve(args.path.replace(/^lodash/, 'lodash-es'))
+    }));
+    build.onResolve({ filter: /^dayjs\/?/ }, args => ({
+      path: require.resolve(args.path.replace(/^dayjs/, 'dayjs-es'))
+    }));
+    build.onResolve({ filter: /^(redux|reselect|@?redux-saga)\/?/ }, args => ({ path: resolve_esm(args.path) }));
+  }
+};
+const resolve_smi_templates = {
+  name: 'resolve_smi_templates',
+  setup(build) {
+    build.onLoad({ filter: /main\.liquid/ }, async args => {
+      const files = await glob(`${process.cwd()}/src/**/*.*`);
+      const fileList = await Promise.all(
+        files.map(async file => ({
+          name: file.substr(process.cwd() + '/src/'.length),
+          content: await fs.promises.readFile(file, 'utf8')
+        }))
+      );
+
+      const contents = await precompile(fileList);
+      return { contents: `export default ${contents};`, loader: 'js' };
+    });
+  }
+};
+
+const buildConf = {
+  entryPoints: {
+    'smi-bundle': path.join(__dirname, 'client.js')
+  },
+  nodePaths: [path.join(process.cwd(), 'node_modules')],
+  banner: {
+    js: '(()=>{'
+  },
+  footer: {
+    js: `
+    window.og = window.og || {}; window.og.smi = window.og.smi || smi;
+if(typeof exports === 'object' && typeof module === 'object') module.exports = smi;
+})();`
+  },
+  format: 'iife',
+  globalName: 'smi',
+  watch: watchMode,
+  loader: {
+    '.css': 'text'
+  },
+  bundle: true,
+  legalComments: 'none',
+  sourcemap: true,
+  ...(prodMode && {
+    minify: true,
+    keepNames: true
+  }),
+  outdir: 'dist/',
+  plugins: [resolve_smi_templates, lessLoader()]
+};
+
+(async () => {
+  let smiPath;
+
+  try {
+    smiPath = require.resolve('@ordergroove/smi-core', { paths: [process.cwd()] });
+  } catch (err) {
+    console.log('smi path not found');
+  }
+  const [mainLess] = await glob('**/main.@(less|css)');
+  const [mainLiquid] = await glob('**/main.liquid');
+
+  if (!smiPath) {
+    throw new Error("@ordergroove/smi-core can't be found. Please install it via npm");
+  }
+
+  if (mainLess) {
+    buildConf.entryPoints.styles = mainLess;
+  } else {
+    console.warn('styles not found you can create a main.less file under src/styles/main.less');
+  }
+
+  if (!mainLiquid) {
+    throw new Error('main.liquid not found please create a main.liquid file under src/views/main.liquid');
+  }
+
+  buildConf.entryPoints.template = mainLiquid;
+
+  if (serveMode) {
+    await esbuild.serve(
+      {
+        port: 8080,
+        servedir: './dist/'
+      },
+      buildConf
+    );
+    fs.writeFileSync(
+      `${process.cwd()}/dist/index.html`,
+      `<html>
+<head>
+<title>SMI Demo Page</title>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<link rel="stylesheet" href="styles.css">
+</head>
+<body style="margin: 0;">
+    <div id="og-msi"></div>
+    <script type="text/javascript" src="template.js"></script>
+    <script>SMI_MAIN_TEMPLATE=og.smi.default</script>
+    <script type="text/javascript" src="smi-bundle.js"></script>
+</body>
+</html>`
+    );
+    console.log('Dev server listening on http://localhost:8080');
+    return;
+  }
+
+  const result = await esbuild.build({
+    metafile: prodMode,
+    ...buildConf
+  });
+
+  if (prodMode) {
+    const text = await esbuild.analyzeMetafile(result.metafile, {
+      verbose: true
+    });
+    fs.writeFileSync('./dist/bundle-report.html', `<pre id="esbuild-metadata">${text}</pre>`);
+  }
+})().catch(err => {
+  console.error(err);
+});