lupine.web 1.0.16 → 1.0.17

package/src/lib/lite-dom.ts

@@ -1,227 +0,0 @@
-// Lite Dom Utils
-/*
-  Don't judge whether this.node is valid, so it throws error when this.node is not found or undefined
-*/
-export class LiteDom {
-  private node: Element;
-
-  static queryOne(selector?: string | Element | LiteDom, docRoot?: Element): LiteDom | null {
-    if (!selector) {
-      return null;
-    }
-    if (selector instanceof LiteDom) {
-      return selector;
-    }
-    if (selector instanceof Element) {
-      return new LiteDom(selector);
-    }
-    const el = (docRoot || document).querySelector(selector) as Element;
-    return el ? new LiteDom(el) : null;
-  }
-
-  static queryAll(selector?: string | Element | LiteDom, docRoot?: Element): LiteDom[] {
-    if (!selector) {
-      return [];
-    }
-    if (selector instanceof LiteDom) {
-      return [selector];
-    }
-    if (selector instanceof Element) {
-      return [new LiteDom(selector)];
-    }
-    const el = (docRoot || document).querySelectorAll(selector);
-    const ret = [];
-    for (let i in el) {
-      ret.push(new LiteDom(el[i] as Element));
-    }
-    return ret;
-  }
-
-  static createElement(html: string, docRoot?: Document): LiteDom {
-    const dom = (docRoot || document).createElement(html);
-    const domLib = new LiteDom(dom);
-    return domLib;
-  }
-
-  constructor(selector?: string | Element | LiteDom, docRoot?: Element) {
-    if (selector instanceof LiteDom) {
-      this.node = selector.node;
-    } else if (selector instanceof Element) {
-      this.node = selector;
-    } else {
-      const el = selector && ((docRoot || document).querySelector(selector) as Element);
-      if (el) {
-        this.node = el;
-      } else {
-        throw new TypeError('Element is not defined for a new LibDom');
-      }
-    }
-  }
-
-  getElement(): Element {
-    return this.node;
-  }
-
-  // query children and set value or innerHTML
-  $(selector: string, value?: string | number | boolean | null): LiteDom | null {
-    const dom = LiteDom.queryOne(selector, this.node);
-    if (dom && typeof value !== 'undefined') {
-      if ('checked' in dom.node) {
-        dom.node.checked = !!value;
-      } else if ('value' in dom.node) {
-        dom.node.value = value;
-      } else if ('innerHTML' in dom.node) {
-        dom.node.innerHTML = '' + value;
-      }
-    }
-    return dom;
-  }
-
-  // query children
-  query(selector: string): LiteDom | null {
-    return LiteDom.queryOne(selector, this.node);
-  }
-
-  // query children
-  queryAll(selector: string): LiteDom[] {
-    return LiteDom.queryAll(selector, this.node);
-  }
-
-  on(eventName: string, eventHandler: (this: Element, ev: any) => any) {
-    this.node.addEventListener(eventName, eventHandler, false);
-    return this;
-  }
-
-  off(eventName: string, eventHandler: (this: Element, ev: any) => any) {
-    this.node.removeEventListener(eventName, eventHandler, false);
-    return this;
-  }
-
-  fire(event: Event) {
-    this.node.dispatchEvent(event);
-    return this;
-  }
-
-  isCheckbox(): boolean {
-    return this.tagName === 'INPUT' && (this.node as any).type === 'checkbox';
-  }
-  isRadio(): boolean {
-    return this.tagName === 'INPUT' && (this.node as any).type === 'radio';
-  }
-
-  val(value?: string): string | LiteDom {
-    if (typeof value === 'undefined') {
-      return (<any>this.node).value;
-    }
-    'value' in this.node && (this.node.value = value);
-    return this;
-  }
-
-  checked(value?: boolean) {
-    if (typeof value === 'undefined') {
-      return (<any>this.node).checked;
-    }
-    'checked' in this.node && (this.node.checked = !!value);
-    return this;
-  }
-
-  selectedIndex(value?: number) {
-    if (typeof value === 'undefined') {
-      return (<any>this.node).selectedIndex;
-    }
-    'selectedIndex' in this.node && (this.node.selectedIndex = value);
-    return this;
-  }
-
-  html(value?: string): string | LiteDom {
-    if (typeof value === 'undefined') {
-      return this.node.innerHTML;
-    }
-    'innerHTML' in this.node && (this.node.innerHTML = value);
-    return this;
-  }
-
-  /*
-    element.style.backgroundColor = 'blue' // works
-    element.style['backgroundColor'] = 'blue' // works
-    element.style['background-color'] = 'blue' // does not work
-
-    element.style.setProperty('background-color','blue') // works
-    element.style.setProperty('backgroundColor','blue') // does not work
-  */
-  css(propertyName: string, value?: string): string | false | LiteDom {
-    if (typeof value === 'undefined') {
-      return this.node instanceof HTMLElement && this.node.style.getPropertyValue(propertyName);
-    }
-    if (this.node instanceof HTMLElement) {
-      if (value === null) {
-        this.node.style.removeProperty(propertyName);
-      } else {
-        this.node.style.setProperty(propertyName, value);
-      }
-    }
-    return this;
-  }
-
-  attribute(attributeName: string, value?: string): string | null | LiteDom {
-    if (typeof value === 'undefined') {
-      return this.node.getAttribute(attributeName);
-    }
-    if (value === null) {
-      this.node.removeAttribute(attributeName);
-    } else {
-      this.node.setAttribute(attributeName, value);
-    }
-    return this;
-  }
-
-  class(addClass?: string | string[], removeClass?: string | string[]): string | LiteDom {
-    if (!addClass && !removeClass) {
-      return (<any>this.node).className;
-    }
-    const classList = this.node.classList;
-    if (addClass) {
-      addClass instanceof Array ? classList.add(...addClass) : classList.add(addClass);
-    }
-    if (removeClass) {
-      removeClass instanceof Array ? classList.remove(...removeClass) : classList.remove(removeClass);
-    }
-    return this;
-  }
-
-  appendChild(child: Element | LiteDom) {
-    const dom = child instanceof LiteDom ? child.getElement() : child;
-    dom && this.node.appendChild(dom);
-    return this;
-  }
-
-  removeChild(child: Element | LiteDom) {
-    const dom = child instanceof LiteDom ? child.getElement() : child;
-    dom && this.node.removeChild(dom);
-    return this;
-  }
-
-  removeSelf() {
-    // this.node.parentElement!.removeChild(this.node);
-    this.node.remove();
-    return this;
-  }
-
-  get children(): LiteDom[] {
-    if (!this.node.children) {
-      return [];
-    }
-    const ret = [];
-    for (let i = 0; i < this.node.children.length; i++) {
-      ret.push(new LiteDom(this.node.children[i]));
-    }
-    return ret;
-  }
-
-  // originally returns the HTML-uppercased qualified name.
-  get tagName(): string {
-    return this.node.tagName.toUpperCase();
-  }
-}
-
-export default LiteDom.queryOne;

package/src/lib/message-hub.ts

@@ -1,105 +0,0 @@
-export class MessageHubData<T> {
-  constructor(public actionId: string, public message: string, public extraData?: T) {}
-}
-export class MessageHub {
-  private subscriptions: { [key: string]: { [key: string]: Function } } = {};
-  private subscriptionValues: { [key: string]: any } = {};
-  private lastId = 0;
-  constructor(public passLastMsgWhenSubscribe = false) {}
-
-  // * for listening to all events
-  public subscribe(targetType: string, fn: Function, recessiveLassMsg = true) {
-    const id = this.lastId++;
-    if (!this.subscriptions[targetType]) {
-      this.subscriptions[targetType] = {};
-    }
-    this.subscriptions[targetType][id] = fn;
-    if (recessiveLassMsg && this.passLastMsgWhenSubscribe && this.subscriptionValues[targetType]) {
-      this.notify(fn, this.subscriptionValues[targetType]);
-    }
-
-    return () => {
-      delete this.subscriptions[targetType][id];
-      var needDestroy = true;
-      for (var key in this.subscriptions[targetType]) {
-        needDestroy = false;
-        break;
-      }
-      if (needDestroy) {
-        delete this.subscriptions[targetType];
-      }
-    };
-  }
-
-  public send(targetType: string, arg: any) {
-    if (targetType === '*') {
-      for (var groupKey in this.subscriptions) {
-        for (var key in this.subscriptions[groupKey]) {
-          this.notify(this.subscriptions[groupKey][key], arg);
-        }
-      }
-      return;
-    }
-
-    if (this.passLastMsgWhenSubscribe) {
-      this.subscriptionValues[targetType] = arg;
-    }
-
-    if (this.subscriptions[targetType]) {
-      for (var key in this.subscriptions[targetType]) {
-        this.notify(this.subscriptions[targetType][key], arg);
-      }
-    }
-    if (this.subscriptions['*']) {
-      for (var key in this.subscriptions['*']) {
-        this.notify(this.subscriptions['*'][key], arg);
-      }
-    }
-  }
-
-  public hasListener(targetType: string): boolean {
-    if (targetType === '*') {
-      // if has any subscriptions
-      for (var groupKey in this.subscriptions) {
-        return true;
-      }
-    } else {
-      // if has any subscriptions of eventType
-      for (var groupKey in this.subscriptions[targetType]) {
-        return true;
-      }
-    }
-    return false;
-  }
-
-  private notify(fn: Function, arg: any) {
-    setTimeout(() => {
-      fn(arg);
-    }, 0);
-  }
-}
-
-export const defaultMessageHub = new MessageHub();
-
-// /*[TEST-START]*/
-// function TEST_sample() {
-//   var mHub = new MessageHub(true);
-//   var unsubscribeA = mHub.subscribe('test', (msg: string) => {
-//     console.log('MessageHub test', msg);
-//   });
-//   var unsubscribeB = mHub.subscribe('*', (msg: string) => {
-//     console.log('MessageHub *', msg);
-//   });
-//   console.log(mHub.hasListener('test'));
-
-//   mHub.send('test', new MessageHubData('aa', 'bb'));
-//   mHub.send('*', new MessageHubData('aa*', 'bb*'));
-
-//   unsubscribeA();
-//   mHub.send('test', new MessageHubData('aa', 'bb'));
-//   unsubscribeB();
-//   mHub.send('*', new MessageHubData<string>('aa to * 2', 'bb', 'extra message'));
-//   console.log(mHub.hasListener('test'));
-// }
-// // TEST_sample();
-// /*[TEST-END]*/

package/src/lib/observable.ts

@@ -1,188 +0,0 @@
-// inspired by rxjs
-
-export class Subscription {
-  private _unsubscribe;
-  constructor(unsubscribe: () => void) {
-    this._unsubscribe = unsubscribe;
-  }
-  unsubscribe(): void {
-    if (this._unsubscribe) {
-      this._unsubscribe();
-    }
-  }
-}
-
-export class Observable<T> {
-  constructor() {}
-  subscribe(next?: (value: T) => void, error?: (error: any) => void, complete?: () => void): Subscription {
-    throw new Error('subscribe is not implemented');
-  }
-}
-
-export class Subject<T> extends Observable<T> {
-  private observers: {
-    next?: (value: T) => void;
-    error?: (error: any) => void;
-    complete?: () => void;
-  }[] = [];
-  private isStopped = false;
-  private _hasError = false;
-  private passLastMsgWhenSubscribe;
-  private lastSaved: { [key: string]: T } = {};
-
-  constructor(passLastMsgWhenSubscribe = false) {
-    super();
-    this.passLastMsgWhenSubscribe = passLastMsgWhenSubscribe;
-  }
-
-  next(value?: T) {
-    if (this.isStopped) {
-      throw new Error('Subject is closed');
-    }
-
-    const len = this.observers.length;
-    const copy = this.observers.slice();
-    for (let i = 0; i < len; i++) {
-      const item = copy[i].next;
-      if (typeof item !== 'undefined' && typeof value !== 'undefined') {
-        item(value);
-      }
-    }
-    if (this.passLastMsgWhenSubscribe) {
-      if (typeof value !== 'undefined') {
-        this.lastSaved['value'] = value;
-      }
-    }
-  }
-
-  error(err: any) {
-    if (this.isStopped) {
-      throw new Error('Subject is closed');
-    }
-
-    this._hasError = true;
-    this.isStopped = true;
-    const len = this.observers.length;
-    const copy = this.observers.slice();
-    for (let i = 0; i < len; i++) {
-      const item = copy[i].error;
-      if (typeof item !== 'undefined' && typeof err !== 'undefined') {
-        item(err);
-      }
-    }
-    this.observers.length = 0;
-  }
-
-  complete() {
-    if (this.isStopped) {
-      throw new Error('Subject is closed');
-    }
-
-    this.isStopped = true;
-    const copy = this.observers.slice();
-    const len = copy.length;
-    for (let i = 0; i < len; i++) {
-      const item = copy[i].complete;
-      if (typeof item !== 'undefined') {
-        item();
-      }
-    }
-    if (this.observers.length != len) {
-      console.warn(`Subscribe count changed from ${len} to ${this.observers.length}`);
-    }
-    this.observers.length = 0;
-  }
-
-  hasError() {
-    return this._hasError;
-  }
-
-  private unsubscribe(observer: {}) {
-    const index = this.observers.findIndex((item) => item === observer);
-    if (index > -1) {
-      this.observers.splice(index, 1);
-    }
-  }
-
-  subscribe(next?: (value: T) => void, error?: (error: any) => void, complete?: () => void): Subscription {
-    if (this.isStopped) {
-      throw new Error('Subject is stopped');
-    }
-
-    const observer = {
-      next,
-      error,
-      complete,
-    };
-    this.observers.push(observer);
-    if (this.passLastMsgWhenSubscribe) {
-      if (typeof observer.next !== 'undefined' && typeof this.lastSaved['value'] !== 'undefined') {
-        observer.next(this.lastSaved['value']);
-      }
-    }
-    const ret = new Subscription(() => {
-      this.unsubscribe(observer);
-    });
-    return ret;
-  }
-
-  asObservable(): Observable<T> {
-    return this as Observable<T>;
-  }
-}
-
-// /*[TEST-START]*/
-// function TEST_sample() {
-//   const flag = new Subject(true);
-//   const observable1 = flag.asObservable();
-//   const unsubscribeA = observable1.subscribe(
-//     (next) => {
-//       console.log('A', next);
-//     },
-//     (error) => {
-//       console.log('A error:', error);
-//     }
-//   );
-//   const unsubscribeB = observable1.subscribe(
-//     (next) => {
-//       console.log('B', next);
-//     },
-//     (error) => {
-//       console.log('B error:', error);
-//     }
-//   );
-
-//   flag.next('test 1');
-//   unsubscribeA.unsubscribe();
-//   flag.next('test 2');
-//   flag.error('error 1');
-// }
-// TEST_sample();
-/*[TEST-END]*/
-
-// const flag: BehaviorSubject<Date>;
-// getFlag(): Observable<Date> {
-//     return this.flag.asObservable();
-// }
-// setFlag(flag) {
-//     this.flag.next(flag);
-// }
-
-// getAll(): Observable<string[]> {
-//     this.labelsSubject = new ReplaySubject(1);
-//     this.http.get().subscribe(result => {
-//         this.labelsSubject.next(result);
-//     });
-
-//     return new Observable<string[]>(observer => {
-//         this.labelsSubject.subscribe(result => {
-//             observer.next(result);
-//             observer.complete();
-//         }, error => {
-//             observer.error(error);
-//         });
-//     });
-// }
-
-// getAll().subscribe(labels => labels.push(res));
-// sub.unsubscribe()

package/src/lib/promise-timeout.ts

@@ -1 +0,0 @@
-export const promiseTimeout = (delayMs: number) => new Promise((resolve) => setTimeout(resolve, delayMs));

package/src/lib/simple-storage.ts

@@ -1,40 +0,0 @@
-// This class is used by both BE and FE (cookie for SSR).
-export class SimpleStorage {
-  private settings: { [key: string]: string } = {};
-
-  constructor(settings: { [key: string]: string }) {
-    this.settings = settings;
-  }
-
-  contains(key: string): boolean {
-    return key in this.settings;
-  }
-  set(key: string, value: string) {
-    return (this.settings[key] = value);
-  }
-  get(key: string, defaultValue: string): string {
-    return key in this.settings ? this.settings[key] : defaultValue;
-  }
-  getInt(key: string, defaultValue: number): number {
-    if (key in this.settings) {
-      const i = parseInt(this.settings[key]);
-      if (!isNaN(i)) {
-        return i;
-      }
-    }
-    return defaultValue;
-  }
-  getBoolean(key: string, defaultValue: boolean): boolean {
-    return key in this.settings
-      ? this.settings[key] === '1' || this.settings[key].toLowerCase() === 'true'
-      : defaultValue;
-  }
-  getJson(key: string, defaultValue: object): object {
-    if (key in this.settings) {
-      try {
-        return JSON.parse(this.settings[key]);
-      } catch (error) {}
-    }
-    return defaultValue;
-  }
-}

package/src/lib/stop-propagation.ts

@@ -1,7 +0,0 @@
-export const stopPropagation = (event: any) => {
-  if (!event) return;
-  if (event.stopPropagation) event.stopPropagation();
-  if (event.preventDefault) event.preventDefault();
-  event.cancelBubble = true;
-  event.returnValue = false;
-};

package/src/lib/upload-file.ts

@@ -1,68 +0,0 @@
-const _saveChunkSize = {
-  size: 1024 * 500,
-};
-export const setChunkSize = (chunkSize: number) => {
-  _saveChunkSize.size = chunkSize;
-};
-export const getChunkSize = () => {
-  return _saveChunkSize.size;
-};
-export const checkUploadedFileSize = async (uploadUrl: string) => {
-  const response = await fetch(uploadUrl + '?check-size=1', {
-    method: 'POST',
-  });
-  const json = await response.json();
-  return json && json.size ? json.size : 0;
-};
-
-// should return { chunkNumber: number }
-export const uploadFileChunk = async (
-  chunk: any,
-  chunkNumber: number,
-  totalChunks: number,
-  uploadUrl: string,
-  key: string
-) => {
-  // this must be the FE so we can use fetch
-  let url = uploadUrl + (uploadUrl.indexOf('?') === -1 ? '?' : '');
-  url += `&chunkNumber=${chunkNumber.toString()}`;
-  url += `&totalChunks=${totalChunks.toString()}`;
-  if (key) {
-    url += `&key=${key}`;
-  }
-  const response = await fetch(url, {
-    method: 'POST',
-    body: chunk,
-  });
-  const json = await response.json();
-  return json;
-};
-
-export const uploadFile = async (
-  file: File,
-  uploadUrl: string,
-  progressFn?: (percentage: number, chunkNumber: number, totalChunks: number) => void,
-  chunkSize = _saveChunkSize.size
-) => {
-  // const uploadedSize = await checkUploadedFileSize(uploadUrl);
-  let key = '';
-  if (file.size <= chunkSize) {
-    return await uploadFileChunk(file, 0, 1, uploadUrl, key);
-  }
-
-  const totalChunks = Math.ceil(file.size / chunkSize);
-  for (let i = 0; i < totalChunks; i++) {
-    const start = i * chunkSize;
-    const end = Math.min((i + 1) * chunkSize, file.size);
-    const chunk = file.slice(start, end);
-    const uploaded = await uploadFileChunk(chunk, i, totalChunks, uploadUrl, key);
-    if (!uploaded || uploaded.chunkNumber === i.toString() || !uploaded.key) {
-      return false;
-    }
-    key = uploaded.key;
-    if (progressFn) {
-      progressFn(Math.round(((i + 1) / totalChunks) * 100) / 100, i, totalChunks);
-    }
-  }
-  return true;
-};

package/src/styles/base-themes.ts

@@ -1,17 +0,0 @@
-import { ThemesProps } from '../models';
-import { darkThemes } from './dark-themes';
-import { lightThemes } from './light-themes';
-
-export const baseThemes: ThemesProps = {
-  light: lightThemes,
-  dark: darkThemes,
-  lightGreen: {
-    ...lightThemes,
-    '--background-primary': '#d8ffe3', //	Primary background
-    '--color-primary': '#303030', //	Primary text color
-    backgroundPrimary: '', //	Primary background
-    backgroundOnPrimary: '', //	Background for surfaces on top of primary background
-    backgroundSecondary: '#f5f5f7', //	Secondary background
-    backgroundOnSecondary: '#e5e5e7', //	Background for surfaces on top of secondary background
-  },
-};