carlhannes

debounce: function(func, wait, immediate) {
  // Returns a function, that, as long as it continues to be invoked, will not
  // be triggered. The function will be called after it stops being called for
  // N milliseconds. If `immediate` is passed, trigger the function on the
  // leading edge, instead of the trailing.
  // taken from https://github.com/jashkenas/underscore/blob/master/underscore.js
  var timeout, args, context, timestamp, result;

  var later = function() {
      var last = new Date().getTime() - timestamp;

carlhannes

export default function attachParallax(elm) {
  document.addEventListener('mousemove', (e) => {
    window.requestAnimationFrame(() => {
      const left = (e.clientX / window.innerWidth) * 5;
      const top = (e.clientY / (window.innerHeight)) * 5;
      elm.style.backgroundPosition = `${47.5 + left}% ${47.5 + top}%`;
    });
  }, false);
}

carlhannes

Public Resources

• https://picassojs.com
• https://github.com/qlik-oss/picasso.js
• https://twitter.com/picassodotjs
• https://github.com/qlik-oss/nebula.js Brand new nebula.js
• http://picassojs.studio What you see is what you get live editor
• https://qlikbranch-slack-invite.herokuapp.com/ #picasso-js Channel on Qlik Branch Slack

Posts by Qlik Community

carlhannes

let versions = [];
(await (await fetch('https://unpkg.com/browse/picasso.js/')).text()).replace(/<option[^>]*value="([^"]*)"[^>]*>/gm, (match, version) => versions.push(version) );

carlhannes

carlhannes

function JSON2Matrix(jsonArray) {
  let matrixHeader = [];
  let matrixData = [];
  
  for (let idx = 0; idx < jsonArray.length; idx++) {
    const cur = jsonArray[idx];
    const keys = Object.keys(cur);
    let matrixLine = [];
    
    for (let idk = 0; idk < keys.length; idk++) {

carlhannes

Add-WindowsCapability -Online -Name OpenSSH.Server*
Start-Service sshd
Set-Service -Name sshd -StartupType 'Automatic'

carlhannes

/**
 * Resolves the value at the given JSON path
 *
 * @param  {String} path Path with / for children
 * @param  {Object} obj  Object to use when searching
 * @return {Object}      Result at the end of the path
 *
 * @example
 * let path = "/path/to/paradise";
 * let obj = {

carlhannes

import React, { useEffect } from 'react';

import picasso from 'picasso.js';

const debounce = (func, wait, immediate = false) => {
  let timeout;
  return function debouncedFn(...args) {
    return new Promise((resolve) => {
      clearTimeout(timeout);
      timeout = setTimeout(() => {

carlhannes

/**
 * Same as Promise.all(items.map(item => task(item))), but it waits for
 * the first {batchSize} promises to finish before starting the next batch.
 *
 * Usage:
 * const results = await batchPromise(STUFF_TO_DO, 5, async (ITEM_TO_DO) => {
 *   console.log('Fetching', ITEM_TO_DO.url);
 *   return await fetch(ITEM_TO_DO.url);
 * });
 *