lupine.components 1.1.13 → 1.1.15

package/src/lib/deep-merge.ts

@@ -1,37 +1,37 @@
-/**
- * Simple object check.
- * @param item
- * @returns {boolean}
- */
-const needMerge = (item: any) => {
-  return item && typeof item === 'object' && !Array.isArray(item);
-};
-
-/**
- * Deep merge two objects.
- * target must be a object, and array will be replaced
- * @param target
- * @param ...sources
- */
-export const deepMerge = (target: any, ...sources: any[]): any => {
-  if (!sources.length) return target;
-  const source = sources.shift();
-
-  if (needMerge(target) && needMerge(source)) {
-    for (const key in source) {
-      if (needMerge(source[key])) {
-        if (!target[key]) Object.assign(target, { [key]: {} });
-        deepMerge(target[key], source[key]);
-      } else {
-        Object.assign(target, { [key]: source[key] });
-      }
-    }
-  }
-
-  return deepMerge(target, ...sources);
-};
-
-// Clone data object only, also defined in core.ts
-export const cloneJson = (json: any) => {
-  return JSON.parse(JSON.stringify(json));
-};
+/**
+ * Simple object check.
+ * @param item
+ * @returns {boolean}
+ */
+const needMerge = (item: any) => {
+  return item && typeof item === 'object' && !Array.isArray(item);
+};
+
+/**
+ * Deep merge two objects.
+ * target must be a object, and array will be replaced
+ * @param target
+ * @param ...sources
+ */
+export const deepMerge = (target: any, ...sources: any[]): any => {
+  if (!sources.length) return target;
+  const source = sources.shift();
+
+  if (needMerge(target) && needMerge(source)) {
+    for (const key in source) {
+      if (needMerge(source[key])) {
+        if (!target[key]) Object.assign(target, { [key]: {} });
+        deepMerge(target[key], source[key]);
+      } else {
+        Object.assign(target, { [key]: source[key] });
+      }
+    }
+  }
+
+  return deepMerge(target, ...sources);
+};
+
+// Clone data object only, also defined in core.ts
+export const cloneJson = (json: any) => {
+  return JSON.parse(JSON.stringify(json));
+};

package/src/lib/document-ready.ts

@@ -1,34 +1,34 @@
-/*
- * for my-apps
- */
-export class DocumentReady {
-  constructor() {}
-
-  // code is from https://code.jquery.com/jquery-1.12.4.js
-  // for document only (not for elements)
-  ready(fn: Function): void {
-    if (document.readyState === 'complete') {
-      setTimeout(fn, 0);
-    } else {
-      // The ready event handler and self cleanup method
-      const completed = function () {
-        if (document.readyState === 'complete') {
-          document.removeEventListener('DOMContentLoaded', completed);
-          window.removeEventListener('load', completed);
-          setTimeout(fn, 0);
-        }
-      };
-
-      document.addEventListener('DOMContentLoaded', completed);
-      window.addEventListener('load', completed);
-    }
-  }
-
-  readyPromise(): Promise<void> {
-    return new Promise((resolve, reject) => {
-      this.ready(() => {
-        resolve();
-      });
-    });
-  }
-}
+/*
+ * for my-apps
+ */
+export class DocumentReady {
+  constructor() {}
+
+  // code is from https://code.jquery.com/jquery-1.12.4.js
+  // for document only (not for elements)
+  ready(fn: Function): void {
+    if (document.readyState === 'complete') {
+      setTimeout(fn, 0);
+    } else {
+      // The ready event handler and self cleanup method
+      const completed = function () {
+        if (document.readyState === 'complete') {
+          document.removeEventListener('DOMContentLoaded', completed);
+          window.removeEventListener('load', completed);
+          setTimeout(fn, 0);
+        }
+      };
+
+      document.addEventListener('DOMContentLoaded', completed);
+      window.addEventListener('load', completed);
+    }
+  }
+
+  readyPromise(): Promise<void> {
+    return new Promise((resolve, reject) => {
+      this.ready(() => {
+        resolve();
+      });
+    });
+  }
+}

package/src/lib/dom-utils.ts

@@ -1,32 +1,32 @@
-// todo: tree-shaking
-export class DomUtils {
-  public static getValue(cssSelector: string) {
-    return (document.querySelector(cssSelector) as HTMLInputElement)?.value;
-  }
-
-  public static setValue(cssSelector: string, value: string) {
-    const dom = document.querySelector(cssSelector) as HTMLInputElement;
-    if (dom) dom.value = value;
-  }
-
-  public static getChecked(cssSelector: string) {
-    return (document.querySelector(cssSelector) as HTMLInputElement)?.checked;
-  }
-
-  public static setChecked(cssSelector: string, checked: boolean) {
-    const dom = document.querySelector(cssSelector) as HTMLInputElement;
-    if (dom) dom.checked = checked;
-  }
-
-  public static joinValues(values: (string | undefined)[], joinChar = ' ') {
-    return values.filter(Boolean).join(joinChar);
-  }
-
-  public static byId(id: string) {
-    return document.querySelector(`#${id}`);
-  }
-
-  public static bySelector(selector: string) {
-    return document.querySelector(selector);
-  }
-}
+// todo: tree-shaking
+export class DomUtils {
+  public static getValue(cssSelector: string) {
+    return (document.querySelector(cssSelector) as HTMLInputElement)?.value;
+  }
+
+  public static setValue(cssSelector: string, value: string) {
+    const dom = document.querySelector(cssSelector) as HTMLInputElement;
+    if (dom) dom.value = value;
+  }
+
+  public static getChecked(cssSelector: string) {
+    return (document.querySelector(cssSelector) as HTMLInputElement)?.checked;
+  }
+
+  public static setChecked(cssSelector: string, checked: boolean) {
+    const dom = document.querySelector(cssSelector) as HTMLInputElement;
+    if (dom) dom.checked = checked;
+  }
+
+  public static joinValues(values: (string | undefined)[], joinChar = ' ') {
+    return values.filter(Boolean).join(joinChar);
+  }
+
+  public static byId(id: string) {
+    return document.querySelector(`#${id}`);
+  }
+
+  public static bySelector(selector: string) {
+    return document.querySelector(selector);
+  }
+}

package/src/lib/download-file.ts

@@ -1,118 +1,118 @@
-import { NotificationColor, NotificationMessage } from 'lupine.components';
-import { getRenderPageProps } from 'lupine.web';
-
-const _saveChunkSize = {
-  downloadSize: 1024 * 200,
-};
-export const setDownloadChunkSize = (chunkSize: number) => {
-  _saveChunkSize.downloadSize = chunkSize;
-};
-export const getDownloadChunkSize = () => {
-  return _saveChunkSize.downloadSize;
-};
-
-// should return { chunkNumber: number }
-export const downloadFileChunk = async (
-  downloadUrl: string,
-  rangeStart: number,
-  rangeLength: number,
-  retryCount = 3,
-  retryMessage = '' // can have ${tryCount}
-) => {
-  let url = downloadUrl + (downloadUrl.indexOf('?') === -1 ? '?' : '');
-  url += `&start=${rangeStart.toString()}`;
-  url += `&length=${rangeLength.toString()}`;
-  let tryCount = 0;
-  while (tryCount < retryCount) {
-    try {
-      const rawData = (await getRenderPageProps().renderPageFunctions.fetchData(
-        url,
-        undefined,
-        true,
-        true
-      )) as Response;
-      // console.log('downloadFileChunk', rawData);
-      const fileSize = rawData.headers.get('file-size');
-      const partSize = rawData.headers.get('part-size');
-      if (!fileSize || !partSize) {
-        console.log(`downloadFileChunk error`, rawData);
-        return null;
-      }
-      return {
-        fileSize: parseInt(fileSize, 10),
-        partSize: parseInt(partSize, 10),
-        arrayBuffer: await rawData.arrayBuffer(),
-      };
-    } catch (error) {
-      console.log(`downloadFileChunk error, try: ${tryCount}`, error);
-    }
-    tryCount++;
-    if (retryMessage) {
-      NotificationMessage.sendMessage(
-        retryMessage.replace('${tryCount}', tryCount.toString()),
-        NotificationColor.Warning
-      );
-    }
-  }
-  return null;
-};
-
-export interface DownloadFileProps {
-  fileSize: number;
-  partSize: number;
-  arrayBuffer: ArrayBuffer;
-}
-
-/*
-A sample for text result:
-const decoder = new TextDecoder('utf-8');
-    const chunks: string[] = [];
-    let downloadSize = 0;
-    const processResponse = (result: DownloadFileProps) => {
-      if (!result || result.fileSize <= 0 || result.partSize < 0) {
-        NotificationMessage.sendMessage('加载数据失败', NotificationColor.Error);
-        return false;
-      }
-      const fileSize = result.fileSize;
-      downloadSize += result.partSize;
-      progressUpdate?.onProgress?.(Math.round((downloadSize / fileSize) * 100) / 100, downloadSize, fileSize);
-      chunks.push(decoder.decode(result.arrayBuffer));
-      return true;
-};
-*/
-
-export const downloadFile = async (
-  downloadUrl: string,
-  processResponse: (result: DownloadFileProps) => boolean | undefined, // true: success, false: failed, undefined: continue
-  chunkSize = 0,
-  retryCount = 3,
-  retryMessage = 'Downloading failed, try: ${tryCount}' // can have ${tryCount}
-) => {
-  if (chunkSize < 1) {
-    chunkSize = _saveChunkSize.downloadSize;
-  }
-  let downloadSize = 0;
-  let expectedFileSize: number | null = null;
-  while (true) {
-    const start = downloadSize;
-    const length = chunkSize;
-    const downloadResult = await downloadFileChunk(downloadUrl, start, length, retryCount, retryMessage);
-    if (!downloadResult) {
-      return false;
-    }
-    if (expectedFileSize === null) {
-      expectedFileSize = downloadResult.fileSize;
-    }
-    downloadSize += downloadResult.partSize;
-    // console.log(`downloadSize: ${downloadSize}, downloadFileChunk:`, downloadResult);
-    const result = processResponse(downloadResult);
-    if (result !== undefined) {
-      // success or failed
-      return result;
-    }
-    if (downloadSize >= expectedFileSize) {
-      break;
-    }
-  }
-  return true;
-};
+import { NotificationColor, NotificationMessage } from 'lupine.components';
+import { getRenderPageProps } from 'lupine.web';
+
+const _saveChunkSize = {
+  downloadSize: 1024 * 200,
+};
+export const setDownloadChunkSize = (chunkSize: number) => {
+  _saveChunkSize.downloadSize = chunkSize;
+};
+export const getDownloadChunkSize = () => {
+  return _saveChunkSize.downloadSize;
+};
+
+// should return { chunkNumber: number }
+export const downloadFileChunk = async (
+  downloadUrl: string,
+  rangeStart: number,
+  rangeLength: number,
+  retryCount = 3,
+  retryMessage = '' // can have ${tryCount}
+) => {
+  let url = downloadUrl + (downloadUrl.indexOf('?') === -1 ? '?' : '');
+  url += `&start=${rangeStart.toString()}`;
+  url += `&length=${rangeLength.toString()}`;
+  let tryCount = 0;
+  while (tryCount < retryCount) {
+    try {
+      const rawData = (await getRenderPageProps().renderPageFunctions.fetchData(
+        url,
+        undefined,
+        true,
+        true
+      )) as Response;
+      // console.log('downloadFileChunk', rawData);
+      const fileSize = rawData.headers.get('file-size');
+      const partSize = rawData.headers.get('part-size');
+      if (!fileSize || !partSize) {
+        console.log(`downloadFileChunk error`, rawData);
+        return null;
+      }
+      return {
+        fileSize: parseInt(fileSize, 10),
+        partSize: parseInt(partSize, 10),
+        arrayBuffer: await rawData.arrayBuffer(),
+      };
+    } catch (error) {
+      console.log(`downloadFileChunk error, try: ${tryCount}`, error);
+    }
+    tryCount++;
+    if (retryMessage) {
+      NotificationMessage.sendMessage(
+        retryMessage.replace('${tryCount}', tryCount.toString()),
+        NotificationColor.Warning
+      );
+    }
+  }
+  return null;
+};
+
+export interface DownloadFileProps {
+  fileSize: number;
+  partSize: number;
+  arrayBuffer: ArrayBuffer;
+}
+
+/*
+A sample for text result:
+const decoder = new TextDecoder('utf-8');
+    const chunks: string[] = [];
+    let downloadSize = 0;
+    const processResponse = (result: DownloadFileProps) => {
+      if (!result || result.fileSize <= 0 || result.partSize < 0) {
+        NotificationMessage.sendMessage('加载数据失败', NotificationColor.Error);
+        return false;
+      }
+      const fileSize = result.fileSize;
+      downloadSize += result.partSize;
+      progressUpdate?.onProgress?.(Math.round((downloadSize / fileSize) * 100) / 100, downloadSize, fileSize);
+      chunks.push(decoder.decode(result.arrayBuffer));
+      return true;
+};
+*/
+
+export const downloadFile = async (
+  downloadUrl: string,
+  processResponse: (result: DownloadFileProps) => boolean | undefined, // true: success, false: failed, undefined: continue
+  chunkSize = 0,
+  retryCount = 3,
+  retryMessage = 'Downloading failed, try: ${tryCount}' // can have ${tryCount}
+) => {
+  if (chunkSize < 1) {
+    chunkSize = _saveChunkSize.downloadSize;
+  }
+  let downloadSize = 0;
+  let expectedFileSize: number | null = null;
+  while (true) {
+    const start = downloadSize;
+    const length = chunkSize;
+    const downloadResult = await downloadFileChunk(downloadUrl, start, length, retryCount, retryMessage);
+    if (!downloadResult) {
+      return false;
+    }
+    if (expectedFileSize === null) {
+      expectedFileSize = downloadResult.fileSize;
+    }
+    downloadSize += downloadResult.partSize;
+    // console.log(`downloadSize: ${downloadSize}, downloadFileChunk:`, downloadResult);
+    const result = processResponse(downloadResult);
+    if (result !== undefined) {
+      // success or failed
+      return result;
+    }
+    if (downloadSize >= expectedFileSize) {
+      break;
+    }
+  }
+  return true;
+};

package/src/lib/download-link.ts

@@ -1,12 +1,12 @@
-export const downloadLink = (link: string, filename?: string) => {
-  const dom = document.createElement('a');
-  dom.setAttribute('href', link);
-  dom.setAttribute('download', filename || 'true');
-  dom.style.display = 'none';
-  document.body.appendChild(dom);
-  dom.click();
-  setTimeout(() => {
-    document.body.removeChild(dom);
-  }, 3000);
-  return dom;
-};
+export const downloadLink = (link: string, filename?: string) => {
+  const dom = document.createElement('a');
+  dom.setAttribute('href', link);
+  dom.setAttribute('download', filename || 'true');
+  dom.style.display = 'none';
+  document.body.appendChild(dom);
+  dom.click();
+  setTimeout(() => {
+    document.body.removeChild(dom);
+  }, 3000);
+  return dom;
+};

package/src/lib/download-stream.ts

@@ -1,19 +1,19 @@
-/*
-  const response = await fetch('/api/admin/release/check-log', { ... });
-  const blob = await response.blob();
-  downloadStream(blob, filename);
-*/
-export const downloadStream = (blob: Blob, filename?: string) => {
-  const blobUrl = URL.createObjectURL(blob);
-  const dom = document.createElement('a');
-  dom.setAttribute('href', blobUrl);
-  dom.setAttribute('download', filename || 'true');
-  dom.style.display = 'none';
-  document.body.appendChild(dom);
-  dom.click();
-  setTimeout(() => {
-    document.body.removeChild(dom);
-    URL.revokeObjectURL(blobUrl);
-  }, 3000);
-  return dom;
-};
+/*
+  const response = await fetch('/api/admin/release/check-log', { ... });
+  const blob = await response.blob();
+  downloadStream(blob, filename);
+*/
+export const downloadStream = (blob: Blob, filename?: string) => {
+  const blobUrl = URL.createObjectURL(blob);
+  const dom = document.createElement('a');
+  dom.setAttribute('href', blobUrl);
+  dom.setAttribute('download', filename || 'true');
+  dom.style.display = 'none';
+  document.body.appendChild(dom);
+  dom.click();
+  setTimeout(() => {
+    document.body.removeChild(dom);
+    URL.revokeObjectURL(blobUrl);
+  }, 3000);
+  return dom;
+};