ricardocanelas

// Place your settings in this file to overwrite the default settings
{
    "workbench.colorTheme": "Visual Studio Light",
    "editor.minimap.enabled": false,
    "explorer.confirmDragAndDrop": false,
    "files.autoSave": "off",
    "window.zoomLevel": 0,
    "files.encoding": "utf8",
    "editor.tabSize": 2,
    "files.trimTrailingWhitespace": true,

ricardocanelas

// https://codesandbox.io/s/promisemap-o7f7n

const getData = id =>
  new Promise((res, rej) => {
    setTimeout(() => {
      const data = { id, uid: (Math.random() * 100).toFixed(2) };
      console.log("data", data);
      res(data);
    }, 100);
  });

ricardocanelas

function draggable({ dragElem, zoneElemBefore }) {
    const $dragElem = document.querySelector(dragElem)
    const $zoneElem = $dragElem.closest(zoneElemBefore)
    const margin = 10

    $dragElem.onmousedown = function (event) {
        if (event.target.tagName === "TEXTAREA") return;
        event.preventDefault();

        let shiftY = event.clientY - $dragElem.getBoundingClientRect().top;

ricardocanelas

Reference

Meta Sequences:

• . (a dot) It denotes “any character except a newline”

Quantifiers:

• + to the match one character after another.
• ? is a quantifier by itself (zero or one), but if added after another quantifier (or even itself) it gets another meaning – it switches the matching mode from greedy --> to --> lazy.

ricardocanelas

const isTouchDevice = () => {
  const prefixes = ['', '-webkit-', '-moz-', '-o-', '-ms-', ''];
  const mq = query => window.matchMedia(query).matches;

  if (
    'ontouchstart' in window ||
    (window.DocumentTouch && document instanceof 'DocumentTouch')
  ) {
    return true;
  }

ricardocanelas

const http = require('http');
const url = require('url');
const path = require('path')
const fs = require('fs');

const mimeTypes = {
  "html": "text/html",
  "mp3":"audio/mpeg",
  "mp4":"video/mp4",
  "jpeg": "image/jpeg",

ricardocanelas

Class

class Star {
  constructor(name) {
    this.name = name;
  }
  getMessage(message) {
 return this.name + message;

ricardocanelas

export const template = function (tpl, data) {
  if (typeof tpl !== 'string') return ''
  if (typeof data !== 'object') return tpl

  const interpolate = new RegExp('{{(.+?)}}', 'gi')

  let result = tpl

  result = result.replace(interpolate, (...args) => {
    const values = args[1] ? args[1].trim().split('||') : ''

ricardocanelas

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
);

$utilities: (

ricardocanelas

$custom-checkbox-color: $color-brand-wcag-3-1;
$custom-checkbox-size: 24px;

.custom-checkbox {
  .custom-control-input {
    opacity: 0;
    width: $custom-checkbox-size;
    height: $custom-checkbox-size;
  }