@miso.ai/client-sdk-codegen 1.11.6-beta.0 → 1.11.6-beta.1

package/src/ui/search.js

@@ -0,0 +1,91 @@
+import { search as presets } from '../spec/presets.js';
+import { resolvePreset } from '../template/helpers.js';
+import { misocmd, createClient } from '../template/index.js';
+import { facets, autoQuery } from '../template/features.js';
+
+function normalizeOptions({ facets, ...options } = {}) {
+  if (facets === true) {
+    facets = ['categories'];
+  }
+  return {
+    ...options,
+    facets,
+  };
+}
+
+export function search(options) {
+  options = normalizeOptions(resolvePreset(presets, options));
+  // TODO: extra styles for concatenate format
+  const items = [];
+  if (options.elements !== false) {
+    items.push(
+      {
+        type: 'html',
+        name: 'HTML (Search box)',
+        content: htmlSearchBox(options),
+      },
+      {
+        type: 'html',
+        name: 'HTML (Results)',
+        content: htmlResults(options),
+      },
+    );
+  }
+  items.push(
+    {
+      type: 'js',
+      name: 'JavaScript',
+      content: js(options),
+    },
+  );
+  return items;
+}
+
+function js(options) {
+  // TODO: support loading from Node module
+  return misocmd(`
+// client
+${createClient(options)}
+
+// workflow
+const workflow = client.ui.search;
+
+// setup: TODO
+${facets(options.facets)}
+
+${autoQuery(options.autoQuery)}
+`);
+}
+
+function html(options) {
+  if (options.elements === false) {
+    return '';
+  }
+  return `
+${htmlSearchBox(options)}
+<hr>
+${htmlResults(options)}
+`.trim();
+}
+
+function htmlSearchBox(options) {
+  return `
+<miso-search>
+  <miso-query></miso-query>
+</miso-search>
+`.trim();
+}
+
+function htmlResults(options) {
+  // TODO: useLink
+  return `
+<miso-search visible-when="loading ready">
+  <div class="info">
+    <div class="keywords">You searched for “<miso-keywords></miso-keywords>”</div>
+    <div class="total"><miso-total></miso-total> Results</div>
+  </div>
+  <miso-facets></miso-facets>
+  <miso-products></miso-products>
+</miso-search>
+`.trim();
+}

package/src/ui/ui.js

@@ -0,0 +1,26 @@
+import { hybridSearch } from './hybrid-search.js';
+import { search } from './search.js';
+
+const workflows = {
+  ['hybrid-search']: hybridSearch,
+  search,
+};
+
+function normalizeOptions({ workflow, ...options } = {}) {
+  if (!workflow) {
+    throw new Error('Workflow is required');
+  }
+  return {
+    workflow,
+    ...options,
+  };
+}
+
+export function ui(options) {
+  options = normalizeOptions(options);
+  const { workflow } = options;
+  if (!workflows[workflow]) {
+    throw new Error(`Workflow "${workflow}" is not found`);
+  }
+  return workflows[workflow](options);
+}

package/dist/cjs/features.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.autoQuery = autoQuery;
-var _utils = require("./utils.js");
-function autoQuery(autoQuery) {
-  return autoQuery ? `workflow.autoQuery(${typeof autoQuery === 'object' ? (0, _utils.format)(autoQuery, {
-    multiline: true
-  }) : ''});` : '';
-}

package/dist/cjs/templates.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createClient = createClient;
-exports.misocmd = misocmd;
-var _utils = require("./utils.js");
-function misocmd(body) {
-  return `
-const misocmd = window.misocmd || (window.misocmd = []);
-misocmd.push(async () => {
-${(0, _utils.indent)(body, 2)}
-});
-`.trim();
-}
-function createClient(options) {
-  return `
-// client
-const MisoClient = window.MisoClient;
-const client = new MisoClient(${clientOptions(options)});
-`.trim();
-}
-function clientOptions() {
-  let {
-    apiKey,
-    apiKeyParam = false
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  if (!apiKeyParam) {
-    return `'${apiKey}'`;
-  }
-  apiKeyParam = apiKeyParam === true ? 'api-key' : apiKeyParam;
-  return `new URLSearchParams(window.location.search).get('${apiKeyParam}') || '${apiKey}'`;
-}

package/dist/cjs/workflow/hybrid-search.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.hybridSearch = hybridSearch;
-exports.presets = void 0;
-var _utils = require("../utils.js");
-var _templates = require("../templates.js");
-var _features = require("../features.js");
-const presets = exports.presets = Object.freeze({
-  standard: Object.freeze({
-    workflow: 'hybrid-search',
-    autoQuery: true,
-    autocomplete: true,
-    facets: ['categories'],
-    answerBox: true
-  })
-});
-function hybridSearch(options) {
-  options = (0, _utils.resolvePreset)(presets, options);
-  return {
-    js: js(options),
-    html: html(options)
-  };
-}
-function js(options) {
-  return (0, _templates.misocmd)(`
-${(0, _templates.createClient)(options)}
-
-// workflow
-const workflow = client.ui.hybridSearch;
-
-// setup: TODO
-
-// render Miso elements
-await client.ui.ready;
-const { templates, wireAnswerBox } = MisoClient.ui.defaults.hybridSearch;
-const rootElement = document.querySelector('#miso-hybrid-search-combo');
-rootElement.innerHTML = templates.root();
-wireAnswerBox(client, rootElement);
-
-${(0, _features.autoQuery)(options.autoQuery)}
-`);
-}
-function html(options) {
-  return `
-<h1 class="hero-title">Miso Hybrid Search</h1>
-<div id="miso-hybrid-search-combo" class="miso-hybrid-search-combo"></div>
-`.trim();
-}

package/dist/cjs/workflow/index.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  workflows: true
-};
-exports.workflows = void 0;
-var _hybridSearch = require("./hybrid-search.js");
-Object.keys(_hybridSearch).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _hybridSearch[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _hybridSearch[key];
-    }
-  });
-});
-const workflows = exports.workflows = ['hybrid-search'];

package/src/features.js

@@ -1,5 +0,0 @@
-import { format } from './utils.js';
-
-export function autoQuery(autoQuery) {
-  return autoQuery ? `workflow.autoQuery(${typeof autoQuery === 'object' ? format(autoQuery, { multiline: true }) : ''});` : '';
-}

package/src/templates.js

@@ -1,26 +0,0 @@
-import { indent } from './utils.js';
-
-export function misocmd(body) {
-  return `
-const misocmd = window.misocmd || (window.misocmd = []);
-misocmd.push(async () => {
-${indent(body, 2)}
-});
-`.trim();
-}
-
-export function createClient(options) {
-  return `
-// client
-const MisoClient = window.MisoClient;
-const client = new MisoClient(${clientOptions(options)});
-`.trim();
-}
-
-function clientOptions({ apiKey, apiKeyParam = false } = {}) {
-  if (!apiKeyParam) {
-    return `'${apiKey}'`;
-  }
-  apiKeyParam = apiKeyParam === true ? 'api-key' : apiKeyParam;
-  return `new URLSearchParams(window.location.search).get('${apiKeyParam}') || '${apiKey}'`;
-}

package/src/workflow/hybrid-search.js

@@ -1,48 +0,0 @@
-import { resolvePreset } from '../utils.js';
-import { misocmd, createClient } from '../templates.js';
-import { autoQuery } from '../features.js';
-
-export const presets = Object.freeze({
-  standard: Object.freeze({
-    workflow: 'hybrid-search',
-    autoQuery: true,
-    autocomplete: true,
-    facets: ['categories'],
-    answerBox: true,
-  }),
-});
-
-export function hybridSearch(options) {
-  options = resolvePreset(presets, options);
-  return {
-    js: js(options),
-    html: html(options),
-  };
-}
-
-function js(options) {
-  return misocmd(`
-${createClient(options)}
-
-// workflow
-const workflow = client.ui.hybridSearch;
-
-// setup: TODO
-
-// render Miso elements
-await client.ui.ready;
-const { templates, wireAnswerBox } = MisoClient.ui.defaults.hybridSearch;
-const rootElement = document.querySelector('#miso-hybrid-search-combo');
-rootElement.innerHTML = templates.root();
-wireAnswerBox(client, rootElement);
-
-${autoQuery(options.autoQuery)}
-`);
-}
-
-function html(options) {
-  return `
-<h1 class="hero-title">Miso Hybrid Search</h1>
-<div id="miso-hybrid-search-combo" class="miso-hybrid-search-combo"></div>
-`.trim();
-}

package/src/workflow/index.js

@@ -1,3 +0,0 @@
-export * from './hybrid-search.js';
-
-export const workflows = ['hybrid-search'];