kempo 4.2.4 → 4.2.7

package/src/kempo-vars.css

@@ -1,159 +0,0 @@
-:root {
-  --ff_body: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  --ff_heading: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  --ff_mono: Consolas, monaco, monospace;
-  --fs_base: 16px;
-  --fs_small: calc(0.6 * var(--fs_base));
-  --fs_large: calc(1.5 * var(--fs_base));
-  --fs_h6: var(--fs_base);
-  --fs_h5: calc(1.25 * var(--fs_base));
-  --fs_h4: calc(1.5 * var(--fs_base));
-  --fs_h3: calc(1.75 * var(--fs_base));
-  --fs_h2: calc(2 * var(--fs_base));
-  --fs_h1: calc(2.5 * var(--fs_base));
-  --fw_base: 400;
-  --fw_bold: 700;
-  --spacer: 1rem;
-  --spacer_h: calc(0.5 * var(--spacer));
-  --spacer_q: calc(0.25 * var(--spacer));
-  --line-height: 1.35em;
-  --container_width: 90rem;
-  --animation_ms: 256ms;
-  --radius: 0.25rem;
-  --link_decoration: underline;
-  --input_padding: var(--spacer_h) var(--spacer);
-  --input_border_width: 1px;
-  --c_input_border: var(--c_border);
-  --btn_padding: var(--spacer_h) var(--spacer);
-  --date_picker_icon_filter: invert(0);
-}
-
-:root,
-[theme="light"] {
-  color-scheme: light;
-  --c_bg: rgb(249, 249, 249);
-  --c_bg__inv: rgb(51, 51, 51);
-  --c_bg__alt: rgb(238, 238, 238);
-  --c_overscroll: rgb(255, 255, 255);
-  --c_border: rgb(204, 204, 204);
-  --c_border__inv: var(--d_c_bg_border);
-  --c_primary: rgb(51, 102, 255);
-  --c_primary__hover: rgb(17, 68, 221);
-  --c_secondary: rgb(153, 51, 255);
-  --c_secondary__hover: rgb(119, 17, 221);
-  --c_success: rgb(0, 136, 0);
-  --c_success__hover: rgb(0, 102, 0);
-  --c_warning: rgb(255, 102, 0);
-  --c_warning__hover: rgb(221, 68, 0);
-  --c_danger: rgb(255, 0, 51);
-  --c_danger__hover: rgb(221, 0, 17);
-  --c_input_accent: rgb(51, 102, 255);
-  --c_highlight: rgba(41, 100, 210, 0.25);
-  --tc: rgba(0, 0, 0, 0.93);
-  --tc_dark: var(--tc);
-  --tc_light: rgba(255, 255, 255, 0.93);
-  --tc_inv:  var(--tc_light);
-  --tc_muted: rgba(0, 0, 0, 0.5);
-  --tc_on_primary: var(--tc_light);
-  --tc_on_secondary: var(--tc_light);
-  --tc_on_success: var(--tc_light);
-  --tc_on_warning: var(--tc_light);
-  --tc_on_danger: var(--tc_light);
-  --c_overlay: rgba(0, 0, 0, 0.5);
-  --tc_primary: #36f;
-  --tc_secondary: #93f;
-  --tc_success: #080;
-  --tc_warning: #f60;
-  --tc_danger: #f03;
-  --btn_box_shadow: 0 0 0 transparent;
-  --btn_box_shadow__hover: 0 0 0 transparent;
-  --btn_border: transparent;
-  --btn_bg: rgb(221, 221, 221);
-  --btn_bg__hover: rgb(204, 204, 204);
-  --btn_tc: rgba(0, 0, 0, 0.93);
-  --btn_transparent__hover: rgba(0, 0, 0, 0.05);
-  --tc_link: var(--tc_primary);
-  --tc_link__hover: var(--tc_secondary);
-  --tc_link__inv: var(--tc_primary__inv);
-  --tc_link__inv__hover: var(--tc_secondary__inv);
-  --focus_shadow: 0 0 2px 2px var(--c_primary);
-  --focus_shadow_on_primary: 0 0 2px 2px var(--tc_on_primary);
-  --input_bg: white;
-  --input_tc: rgba(0, 0, 0, 0.93);
-  --drop_shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.333); 
-}
-[auto-theme="dark"]:not([theme="light"]),
-[theme="dark"] {
-  color-scheme: dark;
-  --c_bg: rgb(51, 51, 51);
-  --c_bg__inv: rgb(249, 249, 249);
-  --c_bg__alt: rgb(34, 34, 34);
-  --c_overscroll: rgb(0, 0, 0);
-  --c_border: rgb(119, 119, 119);
-  --c_border__inv: rgb(204, 204, 204);
-  --c_primary: rgb(51, 102, 255);
-  --c_primary__hover: rgb(17, 68, 221);
-  --c_secondary: rgb(153, 51, 255);
-  --c_secondary__hover: rgb(119, 17, 221);
-  --c_success: rgb(0, 136, 0);
-  --c_success__hover: rgb(0, 102, 0);
-  --c_warning: rgb(255, 102, 0);
-  --c_warning__hover: rgb(221, 68, 0);
-  --c_danger: rgb(255, 0, 51);
-  --c_danger__hover: rgb(221, 0, 17);
-  --c_input_accent: rgb(51, 102, 255);
-  --c_highlight: rgba(0, 89, 255, 0.25);
-  --tc: rgba(255, 255, 255, 0.93);
-  --tc_dark: rgba(0, 0, 0, 0.93);
-  --tc_light: var(--tc);
-  --tc_inv:  var(--tc_dark);
-  --tc_muted: rgba(255, 255, 255, 0.5);
-  --tc_on_primary: var(--tc);
-  --tc_on_secondary: var(--tc);
-  --tc_on_success: var(--tc);
-  --tc_on_warning: var(--tc);
-  --tc_on_danger: var(--tc);
-  --c_overlay: rgba(0, 0, 0, 0.5);
-  --tc_primary: rgb(138, 180, 248);
-  --tc_secondary: rgb(187, 102, 255);
-  --tc_success: rgb(102, 187, 102);
-  --tc_warning: rgb(255, 153, 51);
-  --tc_danger: rgb(255, 85, 119);
-  --btn_bg: rgb(170, 170, 170);
-  --btn_bg__hover: rgb(187, 187, 187);
-  --btn_tc: rgba(0, 0, 0, 0.93);
-  --btn_transparent__hover: rgba(255, 255, 255, 0.05);
-  --btn_box_shadow: 0 0 0 transparent;
-  --btn_box_shadow__hover: 0 0 0 transparent;
-  --btn_border: transparent;
-  --tc_link: var(--tc_primary);
-  --tc_link__hover: var(--tc_secondary);
-  --tc_link__inv: var(--tc_primary__inv);
-  --tc_link__inv__hover: var(--tc_secondary__inv);
-  --focus_shadow: 0 0 2px 2px var(--c_primary);
-  --focus_shadow_on_primary: 0 0 2px 2px var(--tc_on_primary);
-  --input_bg: var(--c_bg__alt);
-  --input_tc: var(--tc);
-  --ff_body: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  --ff_heading: "Helvetica Neue", Helvetica, Arial, sans-serif;
-  --ff_mono: Consolas, monaco, monospace;
-  --fs_base: 16px;
-  --fs_h6: var(--fs_base);
-  --fs_h5: calc(1.25 * var(--fs_base));
-  --fs_h4: calc(1.5 * var(--fs_base));
-  --fs_h3: calc(1.75 * var(--fs_base));
-  --fs_h2: calc(2 * var(--fs_base));
-  --fs_h1: calc(2.5 * var(--fs_base));
-  --fw_base: 400;
-  --fw_bold: 700;
-  --spacer: 1rem;
-  --spacer_h: calc(0.5 * var(--spacer));
-  --spacer_q: calc(0.25 * var(--spacer));
-  --line-height: 1.35em;
-  --container_width: 90rem;
-  --animation_ms: 256ms;
-  --radius: 0.25rem;
-  --drop_shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25); 
-  --link_decoration: underline;
-  --date_picker_icon_filter: invert(1)
-}

package/src/utils/Server.js

@@ -1,189 +0,0 @@
-import http from 'http';
-import { readFile } from 'fs/promises';
-import { join, extname, normalize } from 'path';
-
-export class Server {
-  constructor(options = {}) {
-    this.routes = [];
-  }
-
-  route(pattern, handler, methods) {
-    const routeMethods = methods ? methods.map(m => m.toUpperCase()) : ['ANY'];
-    this.routes.push({
-      pattern,
-      handler,
-      methods: routeMethods
-    });
-    return this;
-  }
-
-  get(path, handler) {
-    return this.route(path, handler, ['GET']);
-  }
-
-  post(path, handler) {
-    return this.route(path, handler, ['POST']);
-  }
-
-  put(path, handler) {
-    return this.route(path, handler, ['PUT']);
-  }
-
-  delete(path, handler) {
-    return this.route(path, handler, ['DELETE']);
-  }
-
-  patch(path, handler) {
-    return this.route(path, handler, ['PATCH']);
-  }
-
-  async handleRequest(req, res) {
-    try {
-      const [ url, paramStr = '' ] = req.url.split('?');
-      const params = paramStr.split('&').filter(p=>p!='').map(p => {
-        const [key, value] = p.split('=');
-        return { [key]: decodeURIComponent(value) };
-      });
-
-      const matchedRoute = this.routes.find(({ methods, pattern }) => {
-        if(
-          !methods.includes(req.method || 'GET') &&
-          !methods.includes('ANY')
-        ) return false;
-        const reqParts = url.split('/').filter(p=>p!='');
-        const patternParts = pattern.split('/').filter(p=>p!='');
-        if(reqParts.length == 0 && patternParts.length == 0) return true; // '/' == '/'
-        const hasWildcard = patternParts.length > 0 && 
-                  patternParts[patternParts.length - 1] === '*';
-        if (!hasWildcard && reqParts.length !== patternParts.length) return false;
-        if (hasWildcard && reqParts.length < patternParts.length - 1) return false;
-        const partsToCompare = hasWildcard ? patternParts.length - 1 : patternParts.length;
-        for (let i = 0; i < partsToCompare; i++) {
-          if (patternParts[i].startsWith(':')) continue;
-          if (patternParts[i] !== reqParts[i]) return false;
-        }
-        return true;
-      });
-
-      if(!matchedRoute) {
-        res.writeHead(404, { 'Content-Type': 'text/plain' });
-        res.end('Not Found');
-        return;
-      }
-
-      const { pattern, handler } = matchedRoute;
-      if(typeof(handler) === 'string') {
-        // Extract the remaining path after the matched pattern
-        const patternParts = pattern.split('/').filter(p=>p!='');
-        const reqParts = url.split('/').filter(p=>p!='');
-        const hasWildcard = patternParts[patternParts.length - 1] === '*';
-        const remainingPath = hasWildcard 
-          ? reqParts.slice(patternParts.length - 1).join('/')
-          : '';
-
-        // Remove wildcard from handler if present
-        const baseHandler = handler.endsWith('*') 
-          ? handler.slice(0, -1) 
-          : handler;
-
-        const filePath = baseHandler.startsWith('/') || /^[A-Z]:/i.test(baseHandler)
-          ? normalize(join(baseHandler, remainingPath))
-          : join(process.cwd(), normalize(join(baseHandler, remainingPath)));
-
-        if (filePath.endsWith('/') || filePath.endsWith('\\')) {
-          await Server.serveFile(join(filePath, 'index.html'), res);
-        } else {
-          await Server.serveFile(filePath, res);
-        }
-      } else if(typeof(handler) === 'function'){
-        const reqVars = {};
-        if(pattern.includes(':')){ // Fix typo in includes
-          pattern.split('/').filter(p=>p!='').forEach((part, i) => {
-            if(part.startsWith(':')){
-              reqVars[part.slice(1)] = url.split('/').filter(p=>p!='')[i];
-            }
-          });
-        }
-        await handler(req, res, reqVars, params);
-      } else {
-        console.error('Invalid Route Handler');
-        res.writeHead(500, { 'Content-Type': 'text/plain' });
-        res.end('Internal server error');
-      }
-      
-    } catch (err) {
-      console.error('Request error:', err);
-      res.writeHead(500, { 'Content-Type': 'text/plain' });
-      res.end('Internal server error');
-    }
-  }
-
-  listen(port = 8080) {
-    return new Promise((resolve, reject) => {
-      try {
-        const server = http.createServer((req, res) => this.handleRequest(req, res));
-        
-        server.on('error', (err) => {
-          if (err.code === 'EADDRINUSE') {
-            reject(new Error(`Port ${port} is already in use`));
-          } else {
-            reject(err);
-          }
-        });
-
-        server.listen(port, () => {
-          resolve(server);
-        });
-      } catch (err) {
-        reject(err);
-      }
-    });
-  }
-
-  /*
-    Static Members
-  */
-  static mimeTypes = {
-    '.html': 'text/html; charset=utf-8',
-    '.js': 'text/javascript; charset=utf-8',
-    '.css': 'text/css; charset=utf-8',
-    '.json': 'application/json; charset=utf-8',
-    '.png': 'image/png',
-    '.jpg': 'image/jpeg',
-    '.svg': 'image/svg+xml',
-    '.ico': 'image/x-icon',
-    '.txt': 'text/plain; charset=utf-8',
-    '.md': 'text/plain; charset=utf-8',
-    '.map': 'application/json; charset=utf-8'
-  };
-
-  static textExtensions = ['.txt', '.md', '.js', '.css', '.html', '.json', '.map'];
-
-  /*
-    Static Methods
-  */
-  static getMimeType(filePath) {
-    const ext = extname(filePath).toLowerCase();
-    if (this.mimeTypes[ext]) return this.mimeTypes[ext];
-    if (this.textExtensions.includes(ext)) {
-      return 'text/plain; charset=utf-8';
-    }
-    return 'application/octet-stream';
-  }
-
-  static async serveFile(filePath, res, headers = {}) {
-    try {
-      const data = await readFile(filePath);
-      res.writeHead(200, {
-        'Content-Type': Server.getMimeType(filePath),
-        ...headers
-      });
-      res.end(data);
-    } catch (err) {
-      const status = err.code === 'ENOENT' ? 404 : 500;
-      const message = status === 404 ? 'Not found' : 'Internal server error';
-      res.writeHead(status, { 'Content-Type': 'text/plain' });
-      res.end(message);
-    }
-  }
-}

package/src/utils/cli.js

@@ -1,119 +0,0 @@
-import { spawn } from 'child_process';
-import readline from 'readline';
-
-const args = {};
-let win = {};
-if(typeof(window) !== 'undefined'){
-  win = window;
-} else if(typeof(global) !== 'undefined'){
-  win = global;
-}
-win.log = (...messages) => {
-  if(args.debug){
-    console.log(...messages);
-  }
-}
-
-export const getArgs =  (shortMap = {
-  d: 'debug'
-}) => {
-  let name = '';
-  let values = [];
-  const save = () => {
-    if(name){
-      if(values.length === 0){ // flag
-        args[name] = true;
-      } else if(values.length === 1){ // single value
-        if(values[0] === 'false'){
-          args[name] = false;
-        } else {
-          args[name] = values[0];
-        }
-      } else { // multiple values
-        args[name] = values;
-      }
-    }
-  }
-
-  for(let i=2; i<process.argv.length; i++){
-    const arg = process.argv[i];
-    if(arg.startsWith('-')){
-      // new argument, save the last one
-      save()
-      // start a new one
-      if(arg.startsWith('--')){ // long form
-        name = arg.slice(2);
-      } else { // short form
-        name = arg.slice(1);
-        if(shortMap[name]){
-          name = shortMap[name];
-        }
-      }
-      values = [];
-    } else {
-      // value
-      values.push(arg);
-    }
-  }
-  // save last arg
-  save();
-  return args;
-}
-
-export const runChildProcess = (command) => new Promise((resolve, reject) => {
-  const [cmd, ...args] = command.split(' ');
-  const child = spawn(cmd, args);
-
-  child.on('close', (code) => {
-      if (code === 0) {
-          resolve(`child process exited with code ${code}`);
-      } else {
-          reject(new Error(`child process exited with code ${code}`));
-      }
-  });
-});
-
-export const runChildNodeProcess = (scriptPath, argsObj = {}) => {
-  const args = Object.entries(argsObj).flatMap(([key, value]) => {
-      if (value === true) {
-          return [`--${key}`];
-      } else {
-          return [`--${key}`, value];
-      }
-  });
-  const command = `node ${scriptPath} ${args.join(' ')}`;
-  return runChildProcess(command);
-};
-
-export const promptUser = (query) => {
-  const rl = readline.createInterface({
-    input: process.stdin,
-    output: process.stdout
-  });
-
-  return new Promise((resolve) => {
-    rl.question(`${query}: `, (answer) => {
-      rl.close();
-      resolve(answer);
-    });
-  });
-};
-
-export const promptYN = (query, defaultValue = 'y') => {
-  const formattedQuery = `${query} (${defaultValue === 'y' ? 'Y/n' : 'y/N'}): `;
-  return promptUser(formattedQuery).then((answer) => {
-    const normalizedAnswer = answer.trim().toLowerCase();
-    if (normalizedAnswer === '') {
-      return defaultValue === 'y';
-    }
-    return normalizedAnswer === 'y';
-  });
-};
-
-export default {
-  getArgs,
-  runChildNodeProcess,
-  runChildNodeProcess,
-  promptUser,
-  promptYN
-};

package/src/utils/cookie.js

@@ -1,20 +0,0 @@
-export const saveCookie = (name, value, minutes = 30 * 24 * 60, path = '/') => {
-  const expires = new Date(Date.now() + minutes * 60 * 1000);
-  document.cookie = `${name}=${value};expires=${expires.toUTCString()};path=${path}`;
-};
-
-export const getCookie = (name) => {
-  const cookies = document.cookie.split(';').map(cookie => cookie.trim().split('='));
-  const cookie = cookies.find(cookie => cookie[0] === name);
-  return cookie ? cookie[1] : null;
-};
-
-export const deleteCookie = (name) => {
-  document.cookie = `${name}=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/`;
-};
-
-export default {
-  saveCookie,
-  getCookie,
-  deleteCookie
-};

package/src/utils/debounce.js

@@ -1,9 +0,0 @@
-function debounce(func, timeout = 300){
-  let timer;
-  return (...args) => {
-    clearTimeout(timer);
-    timer = setTimeout(() => { func.apply(this, args); }, timeout);
-  };
-}
-
-export default debounce;

package/src/utils/drag.js

@@ -1,74 +0,0 @@
-export default (options = {}) => {
-  let startX, startY, timeoutId;
-
-  const {
-    element = () => {},
-    callback = () => {},
-    startCallback = () => {},
-    moveCallback = () => {},
-    endCallback = () => {},
-    preventScroll = false
-  } = options;
-
-  const dragMove = (event) => {
-    if (preventScroll) {
-      event.preventDefault(); // prevent drag scrolling
-    }
-    clearTimeout(timeoutId);
-    const pageX = event.pageX || event.touches[0].pageX;
-    const pageY = event.pageY || event.touches[0].pageY;
-    const diff = {
-      x: pageX - startX,
-      y: pageY - startY,
-      ...options
-    };
-    callback(diff);
-    moveCallback(diff);
-  };
-
-  const dragEnd = ({ pageX, pageY }) => {
-    clearTimeout(timeoutId);
-    const diff = {
-      x: pageX - startX,
-      y: pageY - startY,
-      ...options
-    };
-    callback(diff);
-    endCallback(diff);
-    removeListeners();
-  };
-
-  const dragStart = (event) => {
-    clearTimeout(timeoutId);
-    startX = event.pageX || event.touches[0].pageX;;
-    startY = event.pageY || event.touches[0].pageY;;
-    const diff = {
-      x: 0,
-      y: 0,
-      ...options
-    };
-    startCallback(diff);
-    window.addEventListener('mousemove', dragMove, {passive:!preventScroll});
-    window.addEventListener('mouseup', dragEnd, {passive:!preventScroll});
-    window.addEventListener('touchmove', dragMove, {passive:!preventScroll});
-    window.addEventListener('touchend', dragEnd, {passive:!preventScroll});
-    // window.addEventListener('mouseout', dragEnd);
-  };
-
-  const removeListeners = () => {
-    window.removeEventListener('mousemove', dragMove);
-    window.removeEventListener('mouseup', dragEnd);
-    window.removeEventListener('touchmove', dragMove);
-    window.removeEventListener('touchend', dragEnd);
-    // window.removeEventListener('mouseout', dragEnd);
-  };
-
-  element.addEventListener('mousedown', dragStart, {passive:!preventScroll});
-  element.addEventListener('touchstart', dragStart, {passive:!preventScroll});
-
-  // Return removeListeners for cleanup
-  return ()=>{
-    element.removeEventListener('mousedown', dragStart);
-    removeListeners();
-  }
-};

package/src/utils/element.js

@@ -1,81 +0,0 @@
-import waitFrames from './waitFrames.js';
-
-export const onEvent = (element, events, handler, scope = document) => {
-  if(element instanceof EventTarget){
-    events.toLowerCase().split(' ').forEach( event => {
-      element.addEventListener(event, handler);
-    });
-  } else if(element instanceof NodeList || element instanceof Array){
-    element.forEach( el => onEvent(el, events, handler));
-  } else if(typeof(element) == 'string'){
-    scope.querySelectorAll(element).forEach( el => onEvent(el, events, handler));
-  }
-}
-export const offEvent = (element, events, handler, scope = document) => {
-  if(element instanceof EventTarget){
-    events.toLowerCase().split(' ').forEach( event => {
-      element.removeEventListener(event, handler);
-    });
-  } else if(element instanceof NodeList || element instanceof Array){
-    element.forEach( el => offEvent(el, events, handler));
-  } else if(typeof(element) == 'string'){
-    scope.querySelectorAll(element).forEach( el => offEvent(el, events, handler));
-  }
-}
-export const dispatchEvent = (element, events, detail, {
-  scope = document,
-  bubbles = false
-}={}) => {
-  if(element instanceof EventTarget){
-    events.toLowerCase().split(' ').forEach( event => {
-      element.dispatchEvent(new CustomEvent(event, { bubbles, detail } ));
-    });
-  } else if(element instanceof NodeList || element instanceof Array){
-    element.forEach( el => dispatchEvent(el, events, detail, { scope, bubbles }));
-  } else if(typeof(element) == 'string'){
-    scope.querySelectorAll(element).forEach( el => dispatchEvent(el, events, detail, { scope, bubbles }));
-  }
-}
-export const isInView = async (element) => {
-  await waitFrames(2);
-  const rect = element.getBoundingClientRect();
-  const windowHeight = window.innerHeight || document.documentElement.clientHeight;
-  const windowWidth = window.innerWidth || document.documentElement.clientWidth;
-  if (
-    rect.bottom < 0 ||
-    rect.top > windowHeight ||
-    rect.right < 0 ||
-    rect.left > windowWidth
-  ) {
-    return false;
-  }
-  while (element) {
-    const style = getComputedStyle(element);
-    if (style.display === 'none' || style.visibility === 'hidden') {
-      return false;
-    }
-    element = element.parentElement;
-  }
-  return true;
-}
-export const firstFocusable = (scope) => {
-  return scope.querySelector('a[href]:not([disabled]), button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([disabled]):not([tabindex="-1"])');
-}
-export const setProp = (element, prop, value, scope = document) => {
-	if(element instanceof HTMLElement){
-		element[prop] = value;
-	} else if(element instanceof NodeList || element instanceof Array){
-		[...element].forEach(element => dispatchEvent(element, prop, value));
-	} else if(typeof(element) === 'string'){
-		dispatchEvent(scope.querySelectorAll(element), prop, value);
-	}
-}
-
-export default {
-  onEvent,
-  offEvent,
-  dispatchEvent,
-  isInView,
-  firstFocusable,
-  setProp
-};

package/src/utils/formatTimestamp.js

@@ -1,27 +0,0 @@
-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);
-  }
-}