kempo 2.9.2 → 2.10.0

package/src/utils/formatTimestamp.js

@@ -1,11 +1,27 @@
-export default (timestamp, forceLocale) => {
-  return Intl.DateTimeFormat(forceLocale || navigator.language, {
-    year: 'numeric',
-    month: '2-digit',
-    day: '2-digit',
-    hour: '2-digit',
-    minute: '2-digit',
-    second: '2-digit',
-    millisecond: '3-digit'
-  }).format(new Date(parseInt(timestamp)));
+export default (timestamp, format, forceLocale) => {
+  const date = new Date(parseInt(timestamp));
+  if (format) {
+    const pad = (num, size) => ('000' + num).slice(size * -1);
+    const tokens = {
+      YYYY: date.getFullYear(),
+      YY: String(date.getFullYear()).slice(-2),
+      MM: pad(date.getMonth() + 1, 2),
+      M: date.getMonth() + 1,
+      DD: pad(date.getDate(), 2),
+      D: date.getDate(),
+      hh: pad(date.getHours(), 2),
+      h: date.getHours(),
+      mm: pad(date.getMinutes(), 2),
+      m: date.getMinutes(),
+      ss: pad(date.getSeconds(), 2),
+      s: date.getSeconds(),
+      iiii: pad(date.getMilliseconds(), 3),
+      iii: pad(date.getMilliseconds(), 3),
+      ii: pad(date.getMilliseconds(), 2),
+      i: date.getMilliseconds()
+    };
+    return format.replace(/YYYY|YY|MM|M|DD|D|hh|h|mm|m|ss|s|iiii|iii|ii|i/g, (matched) => tokens[matched]);
+  } else {
+    return date.toLocaleString(forceLocale || navigator.language);
+  }
 }

package/src/components/Stacks.js

@@ -1,79 +0,0 @@
-import Component from './Component.js';
-
-export default class Stacks extends Component {
-
-  /* Public Members */
-  get panels(){
-    return [...this.querySelectorAll('k-stack-panel')];
-  }
-
-  /* Public Methods */
-  reorderPanels(){
-    const panels = this.panels;
-    panels.reverse().forEach((panel, index) => panel.style.setProperty('--order', index));
-  }
-
-  /* Shadow DOM */
-  get shadowStyles(){
-    return /*css*/`
-      :host {
-        --stack_width: 16rem;
-        display: block;
-        height: 100%;
-        position: relative;
-      }
-    `;
-  }
-}
-window.customElements.define('k-stacks', Stacks);
-
-export class StackPanel extends Component {
-  constructor(){
-    super();
-
-    this.registerAttribute('stack', 0);
-  }
-
-  /* Lifecycle Callbacks */
-  connectedCallback(){
-    super.connectedCallback();
-    const stacks = this.stacks;
-    if(stacks) stacks.reorderPanels();
-  }
-  attributeChangedCallback(n, oV, nV){
-    super.attributeChangedCallback(n, oV, nV);
-    if(n ==='stack' && oV !== nV){
-      this.style.setProperty('--stack', nV);
-    }
-  }
-
-  /* Protected Members */
-  get stacks(){
-    return this.closest('k-stacks');
-  }
-
-
-  /* Shadow DOM */
-  get shadowStyles(){
-    return /*css*/`
-      :host {
-        --stack: 0;
-        display: block;
-        height: 100%;
-        width: var(--stack_width);
-        position: absolute;
-        top: 0;
-        left: calc(var(--stack) * var(--stack_width));
-        transition: left var(--animation_ms) ease-in-out;
-        z-index: var(--order);
-      }
-    `;
-  }
-
-  /* Static Members */
-  static observedAttributes = [
-    ...super.observedAttributes,
-    'stack'
-  ];
-}
-window.customElements.define('k-stack-panel', StackPanel);

package/src/utils/files.js

@@ -1,15 +0,0 @@
-export const getDir = async () => {
-
-}
-let id,
-    interval = 1000;
-const watchers = new Map();
-const poll = () => {
-
-};
-export const watchDir = async (dirHandle, callback, interval = 1000) => {
-  
-}
-export const unwatchDir = async (dirHandle, callback) => {
-
-}