ui: frontend api (#470) [skip-cache]

packages/ui-default/utils/index.ts

@@ -0,0 +1,118 @@
+import 'streamsaver/examples/zip-stream';
+
+import { request } from './base';
+
+export async function api(q: string, path: string[] = []) {
+  let query = q.trim();
+  if (!query.startsWith('query')) query = `query{${query}}`;
+  const res = await request.post(`/d/${UiContext.domainId}/api`, { query });
+  if (res.errors) throw new Error(res.errors[0].message);
+  let cursor = res;
+  for (const p of path) {
+    cursor = cursor[p];
+    if (!cursor) return undefined;
+  }
+  return cursor;
+}
+
+export const gql = (
+  pieces: TemplateStringsArray,
+  ...templates: (string | number | string[] | number[])[]
+) => {
+  let res = '';
+  for (let i = 0; i < pieces.length; i++) {
+    res += pieces[i];
+    if (templates[i]) res += JSON.stringify(templates[i]);
+  }
+  return res;
+};
+
+export function getAvailableLangs(langsList?: string[]) {
+  const prefixes = new Set(Object.keys(window.LANGS).filter((i) => i.includes('.')).map((i) => i.split('.')[0]));
+  const Langs = {};
+  for (const key in window.LANGS) {
+    if (prefixes.has(key)) continue;
+    if (langsList && langsList.length && langsList.join('') && !langsList.includes(key)) continue;
+    else if (window.LANGS[key].hidden && !langsList?.includes(key)) continue;
+    Langs[key] = window.LANGS[key];
+  }
+  return Langs;
+}
+
+export const createZipStream = (window as any).ZIP;
+
+export function createZipBlob(underlyingSource) {
+  return new Response(createZipStream(underlyingSource)).blob();
+}
+
+export async function pipeStream(read, write, abort) {
+  if (window.WritableStream && read.pipeTo) {
+    const abortController = new AbortController();
+    if (abort) abort.abort = abortController.abort.bind(abortController);
+    await read.pipeTo(write, abortController);
+  } else {
+    const writer = write.getWriter();
+    if (abort) abort.abort = writer.abort.bind(writer);
+    const reader = read.getReader();
+    // eslint-disable-next-line no-constant-condition
+    while (1) {
+      const readResult = await reader.read();
+      if (readResult.done) {
+        writer.close();
+        break;
+      } else writer.write(readResult.value);
+    }
+  }
+}
+
+// https://github.com/andrasq/node-mongoid-js/blob/master/mongoid.js
+/* eslint-disable */
+export function mongoId(idstring: string) {
+  if (typeof idstring !== 'string') idstring = String(idstring);
+  return {
+    timestamp: parseInt(idstring.slice(0, 0 + 8), 16),
+    machineid: parseInt(idstring.slice(8, 8 + 6), 16),
+    pid: parseInt(idstring.slice(14, 14 + 4), 16),
+    sequence: parseInt(idstring.slice(18, 18 + 6), 16),
+  };
+}
+/* eslint-enable */
+
+const loaded = {};
+
+export async function loadExternalModule(target: string) {
+  if (loaded[target]) return loaded[target];
+  const ele = document.createElement('script');
+  ele.src = target;
+  await new Promise((resolve, reject) => {
+    ele.onload = resolve;
+    ele.onerror = reject;
+    document.head.appendChild(ele);
+  });
+  loaded[target] = window.exports;
+  return loaded[target];
+}
+
+export function emulateAnchorClick(ev: KeyboardEvent, targetUrl: string, alwaysOpenInNewWindow = false) {
+  let openInNewWindow;
+  if (alwaysOpenInNewWindow) openInNewWindow = true;
+  else openInNewWindow = (ev.ctrlKey || ev.shiftKey || ev.metaKey);
+  if (openInNewWindow) window.open(targetUrl);
+  else window.location.href = targetUrl;
+}
+
+export { default as pjax } from './pjax';
+export { default as base64 } from './base64';
+export { default as loadReactRedux } from './loadReactRedux';
+export * as mediaQuery from './mediaQuery';
+export * from './slide';
+export * from './base';
+
+const zip = { createZipStream, createZipBlob };
+Object.assign(window.Hydro.utils, {
+  zip,
+  pipeStream,
+  mongoId,
+  loadExternalModule,
+  emulateAnchorClick,
+});